.banner img{width:100%;}
.tophl img{display: block;}
footer{margin-top: 60px;}

.crumbs{border-bottom: 1px solid #7e7e7e;}
.crumbs>div{height: 60px;margin-bottom: 10px;}
.crumbs>div>img{position: relative;top: 14px;left: -10px;background-color: #f7f7f7;padding: 0 10px;}
.crumbss{margin-top: 35px;font-size: 18px;}
.crumbss a{display: inline;font-size: 18px;color: #4c4c4c;font-weight: 500;}
.crumbss a:last-of-type{font-weight: 600;}

.sinside li a{width: 340px;height: 60px;line-height: 60px;border: 1px solid #0277bd;font-size: 24px;float: left;text-align: center;color: #0277bd;display: block;}
.sinside li+li a{margin-left: 28px;}
.sinside li.active a{background-color: #0277bd;color: #fff;}
.sinside li:hover a{background-color: #2b92d0;color: #fff;border: 1px solid #2b92d0;}

/*栏目页-新闻*/
.list ul{width: 108%;padding: 0 4% 4%;right: 4%;bottom: 4%;position: relative;border-bottom: 2px dashed #cecece;overflow: hidden;}
.list ul li{margin-left: 1.85%;margin-top: 5%;width: 23.612%;height: 581px;float: left;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: #fff;transition:box-shadow 0.5s ease-out;position: relative;overflow: hidden;}
.list ul li:nth-child(1),.list ul li:nth-child(5),.list ul li:nth-child(9){margin-left: 0;}
.list ul li>div{transition:margin-top 0.5s ease-out;}
.list ul li>div>img{width: 100%;height: 300px;transition:height 0.5s ease-out;}
.list ul li>div>div{padding: 7% 7%;}
.list ul li>div time{display: block;}
.list ul li>div time>span:first-child{font-size: 60px;color: #0277bd;vertical-align: middle;line-height: 60px;}
.list ul li>div time>span+span{font-size: 18px;margin-left: 5%;}
.list ul li>div time>span+span span{color: #26a69a;}
.list ul li>div h4{font-weight: 700;font-size: 20px;line-height: 34px;height: 68px;overflow: hidden;margin-top: 5%;}
.list ul li>div p{color: #4c4c4c;margin-top: 10%;line-height: 36px;height: 108px;display: none;overflow: hidden;}
.list ul li>div a{color: #666666;display: block;margin-top: 10%;width: 90px;}
.list ul li>div a:before{content: url(../image/sy_xwzx_1.png);vertical-align: middle;margin-right: 5px;}
.list ul li>div>div>img{display: none;position: absolute;bottom: -45%;right: 7%;max-width: 70%;}
.list ul li:hover{box-shadow: 0px 1px 10px 1px #c1c1c1;}
.list ul li:hover >div{margin-top: -300px;}
.list ul li:hover >div p{display: block;}
.list ul li:hover >div img{display: block;}

.list .page_list{margin: 3% 0 0;text-align: center;}
.list .page_list a:first-child{margin-left: 0;}
.list .page_list a{border-radius: 50%;margin-left: 10px;color: #000;display: inline-block;width: 44px;height: 44px;line-height: 44px;box-shadow: 0px 1px 5px 1px #0277bd2e;color: #0277bd;text-align: center;margin-bottom: 5px;}
.list .page_list a:hover{text-decoration: none;background-color: #60a9f5;color: #fff;}
.list .page_list a.on {background-color: #0277bd;color: #fff;border: 1px solid #0277bd;}

/*内容页-新闻*/
.listl h1:after{content: '';display: block;height: 2px;width: 60px;background-color: #137cea;margin-top: 20px;}
.listl .content{margin-top: 30px;padding: 40px;background-color: #fff;}
.listr{padding-left: 60px;}
.listr a{color: #000;display: block;}
.listr a:hover{color: #0277bd;}
.goback{display: block;width: 100%;height: 50px;border:1px solid #808080;line-height: 50px;text-align: center;margin-top: 20px;}
.goback i{transform: rotateY(180deg);margin-right: 10px;vertical-align: middle;}
.listr .goback:hover i,.listr .goback:hover{color: #137ce9;}
.fake{margin-top: 25px;}
.fake dt:after{content: '';display: inline-block;height: 1px;width: 217px;background-color: #cccccc;float: right;margin-top: 10px;}
.fake div,.newshot a div+div{margin-top: 10px;color: #808080;margin-bottom: 4px;}
.newshot h4{line-height: 30px;border-bottom: 1px solid #cccccc;margin-top: 30px;margin-bottom: 10px;}
.newshot a div+div{margin-top: 6px;margin-bottom: 10px;}
.newshot a div:first-child::before{content: url(../image/xwzx_nl_4.png);display: inline-block;margin-right: 10px;vertical-align: middle;}
.newshot a:hover div:first-child::before{content: url(../image/xwzx_nl_3.png)}
.list .content a{display: inline;}
.list .content img{margin: auto;}

/*单页*/
.singlepage td,.singlepage th,.singlepage tr{text-align: center;line-height: 55px;}
.bt0277bd{border-top: 2px solid #0277bd;}
.bb0277bd{border-bottom: 2px solid #0277bd;}
.blh{border-left: hidden;}
.brh{border-right: hidden;}
.singlepage table img{margin: auto;cursor:pointer;position: relative;}

@-webkit-keyframes gogogo {
	0%{top: -5px;}
	25%{top: 5px;}
	50%{top: -5px;}
	75%{top: 5px;}
	100%{top: -5px;}
}
.singlepage table img{-webkit-animation:gogogo 1.2s infinite ease-in-out;}
.tr_show{display: none;}

dl.business2dl{width: 31.333%;margin-left: 3%;float: left;}
dl.business2dl img{width: 100%;}
dl.business2dl[type="1"]{margin-left: 0;}

dl.business3dl{width: 31.33333%;margin-left: 3%;float: left;}
dl.business3dl img{width: 100%;}
dl.business3dl[type="1"]{margin-left: 0;}

.xzjxqfx{padding-bottom: 215px;}
.xzjxqfx img[type="2"]{position: absolute;right: 0;top: 100px;}

.gjgnxs div[type="1"]{background: url(../image/essb_img2.png)no-repeat center;background-size: 100% 100%;margin-left: 0;}
.gjgnxs div[type="2"]{background: url(../image/essb_img3.png)no-repeat center;background-size: 100% 100%;}
.gjgnxs div[type="3"]{background: url(../image/essb_img4.png)no-repeat center;background-size: 100% 100%;}
.gjgnxs div{width: 31.33333%;float: left;margin-left: 3%;height: 90px}

.wxfw{overflow: hidden;}
.wxfw li{width: 31.333333%;float: left;margin-left: 3%;background: url(../image/sbwx_img3.jpg)no-repeat center;background-size: 100% 100%;height: 290px;margin-top: 30px;padding: 20px;display: grid;align-items: center;}
.wxfw li:nth-child(1),.wxfw li:nth-child(4){margin-left: 0;}
.wxfw li img{max-width: 100%;max-height: 80%;margin: auto;}

/*.contact{width: 100%;background: url(../image/contact_bj.jpg)no-repeat center top;}*/
.contactmes{background-color: #fff;overflow: hidden;height: 563px;}
.contactme{width: 45%;float: right;}
.contactme>div{width: 100%;height: 281px;padding:0 30px;position: relative;}
.contactme>div[type="1"]{background: url(../image/lxwo_img1.jpg)no-repeat;background-size: 100% 100%;padding-top: 55px;}
.contactme>div[type="2"]{background: url(../image/lxwo_img2.jpg)no-repeat;background-size: 100% 100%;margin-top: 1px;padding-top: 85px;}
.contactme>div>p{color: #fff;}
.contactme>div[type="1"]:before{content: '联系方式：';font-size: 30px;color: #fff;}
.contactme>div[type="2"]:before{content: '公司地址：';font-size: 30px;color: #fff;}
/*.contactme>div>p:first-child{border-bottom: 4px solid #113a53;padding-bottom: 20px;}*/

.contact_clues{border: 1px solid #b3b3b3;}
.contact_clues form{width: 80%;margin:auto;}
.contact_clues form input{width: 30%;height: 50px;border: 1px solid #e0e0e0;padding:10px;}
.contact_clues form input[name="name"]{float: left;}
.contact_clues form input[name="contact"]{margin-left: 4.9%;}
.contact_clues form input[name="email"]{float: right;}
.contact_clues form input:first-child{margin-left: 0;}
.contact_clues form textarea{border: 1px solid #e0e0e0;}
.contact_clues form .btn_content{height: 70px;line-height: 70px;margin-bottom: 60px;margin-top: 60px;border: 1px solid #0277bd;}

.hiring{margin-top: 30px;border-top: 1px dashed #0277bd;}
.hiring .item:nth-child(2){border-top: 2px solid #eeeeee; }
.hiring .item{border-bottom: 2px solid #eeeeee;background-color: #dcdcdc;margin-top: 30px;}
.hiring .item .item_top{overflow: hidden;background-image: url(../image/zpxi_1.png);background-position: left 30px top 20px;background-repeat: no-repeat;transition: background-image .5s;-webkit-transition: background-image .5s;padding: 25px 125px;box-sizing: border-box;}
/*.hiring .item .item_top i{background: url(../image/jia.png)no-repeat center;position: absolute;right: 5%;top: 45px;cursor: pointer;display: block;width: 27px;height: 27px;}
.hiring .item.active .item_top i{background: url(../image/jian.png)no-repeat center;}*/
.hiring .item .item_top div{float: left;width: 50%}
.hiring .item .item_top div+div{float: right;width: auto;margin-top: 16px;text-align: right;max-width: 60%;}
.hiring .item .item_bottom{padding: 25px 125px 50px; border-top: 1px solid #bfbfbf;}
.hiring .item .item_bottom h2{font-size: 24px;}
.hiring .item .item_bottom ol li,.hiring .item .item_bottom ol p{margin-top: 10px;font-size: 18px;list-style-type: decimal;list-style-position: inside;}
.hiring .item .item_bottom .blue_bar{margin-top: 20px;}
.ycfw{overflow: hidden;}
.ycfw div{width: 31.334%;background: url(../image/fwzc_img1.png)no-repeat center;background-size: 100% 100%;float: left;}
.ycfw div[type="2"]{background: url(../image/fwzc_img2.png)no-repeat center;background-size: 100% 100%;color: #0277bd;}
.ycfw div+div{margin-left: 3%;}
.ycfw div img{margin: auto;margin-top: 5%;}
.ycfw div img[type="2"]{display: none;}
.ycfw div h3{text-align: center;margin-top: 5%;color: #113a53;}
.ycfw div[type="1"]:after{content: '01';font-size: 70px;color: #fff;bottom: -15px;left: 40%;position: absolute;}
.ycfw div[type="2"]:after{content: '02';font-size: 70px;color: #fff;bottom: -15px;left: 40%;position: absolute;}
.ycfw div[type="3"]:after{content: '03';font-size: 70px;color: #fff;bottom: -15px;left: 40%;position: absolute;}
.ycfw div:hover img[type="1"]{display: none;}
.ycfw div:hover img[type="2"]{display: block;}

/*关于我们*/
.gsjj div:first-child img{width: 100%;max-height: 482px;}
.gsjj div:first-child:before{content: '公司简介';position: absolute;left: 12%;top: 2%;font-size: 48px;color: #fff;}
.gsjj div+div{padding-left: 5%;text-align: justify;}
.mja{text-align: center;font-size: 18px;height: 160px;background-color: #fff;padding: 54px 0;}
.mja span{font-size: 48px;font-weight: 600;margin-right: 5px;color: #37474f;}
.mja i{display: inline-block;height: 42px;border-left: 1px solid #b1b1b1;margin: auto 30px;}
.concept{background: url(../image/gyhk_2.jpg)center;background-size: auto 100%;overflow: hidden;}
.concept:before{content: '';width: 60%;height: 100%;display: block;position: absolute;transform: skewX(-30deg);left: -10%;background-color: #0277bd;opacity: 0.8;top: 0;}
.concept:after{content: '';width: 60%;height: 100%;display: block;position: absolute;transform: skewX(-30deg);right: -10%;background-color: #fff;opacity: 0.8;top: 0;}
.concept div{text-align: center;padding:6% 0%;z-index: 1;}
.concept div h3 span{border-bottom: 2px solid #000;}
.concept div:nth-child(1) h3 span,.concept div:nth-child(1) p{color: #fff;}
.concept div:nth-child(1) h3 span{border-bottom: 2px solid #fff;}
.concept:hover:before{background-color: #fff;}
.concept:hover:after{background-color: #0277bd;}
.concept:hover div:nth-child(1) h3 span,.concept:hover div:nth-child(1) p{color: #000;}
.concept:hover div:nth-child(1) h3 span{border-bottom: 2px solid #000;}
.concept:hover div:nth-child(2) h3 span,.concept:hover div:nth-child(2) p{color: #fff;}
.concept:hover div:nth-child(2) h3 span{border-bottom: 2px solid #fff;}
.qymb1{background: url(../image/gyhk_3.jpg)center;background-size: auto 100%;overflow: hidden;padding:4% 2%;}
.qymb1:before{content: '';width: 100%;height: 100%;display: block;position: absolute;opacity: 0;left: 0;top: 0;background-image: linear-gradient(to right, #00b7d4, #0277bd , #0277bd , #0277bd , #00b7d4);transition: opacity 0.5s linear;}
.qymb2:before{content: '';width: 100%;height: 100%;display: block;position: absolute;opacity: 0;left: 0;top: 0;background-image: linear-gradient(to right, #00b7d4, #0277bd , #0277bd , #0277bd , #00b7d4);transition: opacity 0.5s linear;}
.qymb1:hover:before{opacity: 0.8;}
.qymb2:hover:before{opacity: 0.8;}
.qymb2{background: url(../image/gyhk_4.jpg)center;background-size: auto 100%;overflow: hidden;padding:4% 2%;}
.ryzz{background: url(../image/gyhk_6.jpg)center;background-size: 100% 100%;overflow: hidden;padding:3% 2%;}
.ryzz>div>div{width: 100%;overflow: hidden;}
.ryzz>div dl{width: 16%;margin-left: 5%;float: left;}
.ryzz>div dl img{width: 100%;}
.ryzz>div>div:first-child dl{margin-left: 2.5%;}
.ryzz>div dl:nth-child(1){margin-left: 0;}
.ryzz>div>div:first-child dl:nth-child(1),.ryzz>div>div:first-child dl:nth-child(2){width: 29%;}
.ryzz>div dl dt{font-weight: 100;}
.shzr{background-color: #fff;background-size: auto 100%;overflow: hidden;padding:5% 2%;margin-bottom: -60px;margin-top: 0;padding-bottom: 60px;}

.gywo_map{margin: -8px;width: 53%;}

@media (max-width: 768px){
	.mt72{margin-top: 30px;}
	.crumbs>div>img{left: 20px;}
	.fontsize22{font-size: 18px;}
	.fontsize24{font-size: 20px;}
	.fontsize30{font-size: 22px;}
	.fontsize36{font-size: 24px;}
	.mtb60{margin-top: 40px;margin-bottom: 40px;}
	.mb60{margin-bottom: 30px;}
	.mt60{margin-top: 30px;}

	.list{width: 95%;}
	.list ul{padding: 0;width: 100%;right: auto;bottom: auto;}
	.list ul li{width: 100%;height: auto;background-color: #fff;}
	.list ul li+li{margin-top: 5%;margin-left: 0;}
	.list ul li div{padding: 10%;}
	.list ul li>div>img{height: auto;}
	.list ul li:hover >div{margin-top: auto;}
	.list ul li:hover >div p,.list ul li:hover >div>div>img,{display: none;}
	.list .page_list a{margin-top: 5px;}
	.list ul li>div p{transition:height 0.5s ease-out;height: 0;line-height: 0;display: block;line-height: 36px;height: 108px;}
	.goback{width: 140px;}
	.crumbss{display: none;}

	.sinside li a{width: 100%;margin-top: 10px;}
	.sinside li+li a{margin-left: 0;}

	.singlepage{width: 95%;}

	dl.business2dl{width: 100%;margin-left: 0;float: left;}

	dl.business3dl{width: 48%;margin-left: 4%;float: left;margin-bottom: 10px;}
	dl.business3dl[type="1"],dl.business3dl[type="3"]{margin-left: 0;}

	.contact_clues form input{width: 100%;}
	.contact_clues form input[name="contact"]{margin:10px 0;}

	.singlepage td, .singlepage th, .singlepage tr{line-height: 30px;max-width: 40px;font-size: 14px;}

	.hiring{margin: 30px 10px;}
	.hiring .item .item_top{background-image: inherit;padding: 15px 10px;}
	.hiring .item .item_bottom{padding: 25px 10px 50px;}
	.hiring .item .item_top div{width: 60%;}
	.hiring .item .item_top div+div{max-width: 60%;margin-top: 0;width: auto;}
	.hiring .item .item_top div:first-child{width: 40%;}
	.hiring .item .item_top div:first-child p{display: none;}
	.hiring .item .item_bottom ol li, .hiring .item .item_bottom ol p{font-size: 14px;}
	/*.hiring .item .item_top i{top: 35%;}*/

	.mja{display: none;}
	.gsjj,.qymb1,.qymb2,.ryzz,.concept{padding-left: 10px;padding-right: 10px;}

	.ryzz>div>div{overflow:inherit;}
	.ryzz>div>div:first-child dl:nth-child(1),.ryzz>div>div:first-child dl:nth-child(2){width: 47%;}
	.ryzz>div dl{width: 30%;margin-left: 3%;margin-bottom: 10px}
	.ryzz>div dl dt{display: none;}
	.ryzz>div dl:nth-child(1){margin-left: 3%;}

	.shzr p{text-align: left;}
	.shzr p span{float: left;display: block;line-height: 30px;}
	.shzr p span+span{width: 75%;margin-bottom: 10px;}

	.ycfw div{max-width: 100%;width: 270px;height: 275px;margin-bottom: 5%;margin-left: 0;margin-right: 0;}
	.ycfw div+div{margin-left: 0;}

	.wxfw li{height: 170px;margin-top: 10px;padding: 5px}
	.wxfw li img{max-height: 150px;}

}
@media (min-width: 768px) and (max-width: 992px){
	.list ul li{width: 49%;}
	.list ul li:nth-child(3){margin-left: 0;}
	.list ul li:nth-child(2),.list ul li:nth-child(4){margin-left: 2%;}
	.list ul li:nth-child(3),.list ul li:nth-child(4){margin-top: 2%;}

	.sinside li a{width: 230px;}
}
@media (min-width: 768px){
	.list .content a{color: #0277bd;}
	.list .content a:hover{color: #23527c;text-decoration:underline;}
	.ycfw div{height: 245px;}
	.ycfw div img{margin-top: 15%;}
}
/*-------------小于992px尺寸-------------*/
@media (max-width: 992px){
	.gsjj div+div{padding-left:0;}
	.listr{padding-left: 0;}
	.contactme{width: 100%;}
	.contactme>div{width: 100%;padding: 0 20px;}
	.contactme>div[type="1"],.contactme>div[type="2"]{padding-top: 5%;padding-bottom: 5%;height: auto;}
	.contactme>div+div{margin-left: 0;}
	.contactme>div>p:first-child{padding-bottom: 0;}
	.contactme>div[type="1"]>p.fontsize40{font-size: 28px;}

	.ycfw div[type="1"]:after,.ycfw div[type="2"]:after,.ycfw div[type="3"]:after{font-size: 45px;bottom: -10px;}
	.ycfw div img{margin-top: 20px;}
	.ycfw div h3{margin-top: 10px;}

	.xzjxqfx{padding-bottom: 40px;}

	.xzjxqfx img[type="1"]{display: none;}
	.xzjxqfx img[type="2"]{position: relative;width: 100%;right: auto;top: auto;}

	.wxfw li,.wxfw li:nth-child(4){width: 49%;float: left;margin-left: 2%;}
	.wxfw li:nth-child(1),.wxfw li:nth-child(3),.wxfw li:nth-child(5){margin-left: 0;}

	.gywo_map{margin: auto;width: 100%;}
	.contactmes{height: auto;}
	.gjgnxs div{width: 100%;margin-left: 0;}

	dl.business2dl .fs_24{font-size: 14px;}
}
@media (min-width: 992px){
	.list ul li{height: 400.89px;}
	.list ul li>div>img{height: 207px;}
	.list ul li:hover >div{margin-top: -207px;}
	.list ul li>div>div>img{bottom: -12%;}

	.sinside li a{width: 300px;}

	.contactme>div[type="1"]{padding-top: 5px;}
	.contactme>div[type="2"]{padding-top: 5px;}

	.ycfw div{height: 305px;}
	.ycfw div img{margin-top: 15%;}

	.gjgnxs div{font-size: 18px;}

	dl.business2dl .fs_24{font-size: 16px;}
}
@media (min-width: 992px) and (max-width: 1200px){
	.ycfw div[type="1"]:after,.ycfw div[type="2"]:after,.ycfw div[type="3"]:after{font-size: 50px;bottom: -8px;}
}
@media (max-width: 1200px){
	.list .content img{max-width: 100%;}
}
@media (min-width: 1200px){
	.list ul li{height: 482.23px;}
	.list ul li>div>img{height: 249px;}
	.list ul li:hover >div{margin-top: -249px;}
	.list ul li>div>div>img{bottom: -31%;}

	.sinside li a{width: 340px;}

	.contactme>div[type="1"]{padding-top: 10px;}
	.contactme>div[type="2"]{padding-top: 35px;}

	.ycfw div{height: 360px;}
	.gjgnxs div{font-size: 20px;}

	dl.business2dl .fs_24{font-size: 21px;}
}
@media (max-width: 1500px){
	.contactme>div>p.mb20{margin-bottom: 10px;}
	.contactme>div>p.mb30{margin-bottom: 10px;}
}
@media (min-width: 1500px){
	.list ul li>div>div>img {bottom: -22%;}
	.contactme>div{padding-left: 150px;}
	.contactme>div[type="1"]{padding-top: 30px;}
	.contactme>div[type="2"]{padding-top: 60px;}
	.contactme>div[type="1"]:before{content: url(../image/lxwo_img3.png);position: absolute;left: 3%;top: 90px;}
	.contactme>div[type="2"]:before{content: url(../image/lxwo_img4.png);position: absolute;left: 3%;top: 80px;}
	.ycfw div{height: 360px;width: 25.334%;}
	.gsjj div+div p:first-child{margin-top: 50px;}
	.gjgnxs div{font-size: 24px;}

	dl.business2dl .fs_24{font-size: 24px;}
}