/* ========== */
/* = NY-BANNER = */
/* ========== */
.ny-banner{ height:310px; text-align: center; color:#FFFFFF; text-shadow:0 0 3px rgba(0,0,0,.5); padding-top: 90px;}
.ny-banner .tit{ position: relative; letter-spacing:10px;}
.ny-banner .tit:before{ content: ""; position: absolute; top:-45px; left:50%; margin-left: -40px; display: block; width:80px; height:150px; background-image: url(../images/ny_banner_png.png); background-size: cover;}
.ny-banner .tit span{ font-size: 34px;  line-height: 40px; height: 40px; font-weight: bold; position: relative;}
.ny-banner .tit span:after{ content: ""; position: absolute; bottom:-20px; left:50%; margin-left: -10px; height: 1px; width: 20px; background: #FFFFFF;}
.ny-banner .cn{ margin-top: 70px; font-size: 20px; line-height: 28px;}
.ny-banner .en{ margin-top: 10px; font-size: 14px; line-height: 26px; opacity: .25;}


/* ========== */
/* = BREAD = */
/* ========== */
.bread{  width: 100%;  padding: 15px 0; line-height: 30px;  border-bottom: 1px solid #eeeeee; color: #999999;}
.bread span{ display: inline-block; background: url(../images/bread_ico.png) no-repeat left; padding-left: 30px;}
.bread a{ color: #999999; display: inline-block; }
.bread a:hover{ color: #444444;}
.bread .inner-wrap{ position: relative;}
.bread .inner-wrap div{ position: absolute; right:50px; top:0;}
.bread .inner-wrap div a{ margin-left: 10px; display:inline-block; vertical-align: middle; width: 100px; height: 30px; line-height: 30px; background: #eeeeee; color: #9d9d9d; text-align: center;}
.bread .inner-wrap div a.active,.bread .inner-wrap div a:hover{ background:#085dd1; color: #FFFFFF;}


.main{ padding: 60px 0 105px;}
.main .left{ float:left; width: 190px;}
.main .left .tit{ text-align: center; line-height: 56px; height: 56px; background: #085dd1; color: #FFFFFF;}
.main .left .tit span{ display: inline-block; font-size: 16px; position: relative;}
.main .left .tit span:before,
.main .left .tit span:after{ content:""; position: absolute; top:50%; width:20px; height: 1px; background: #FFFFFF;}
.main .left .tit span:before{ left:-30px;}
.main .left .tit span:after{ right:-30px;}
.main .left li{ margin-top: 1px;}
.main .left li a{ display: block; line-height: 54px; height: 54px; color: #111111; background: #eef2f5; border-left:3px solid #eef2f5; text-align: center;}
.main .left li.current a{ border-left:3px solid #085dd1;}
.main .left .tel{ margin-top: 22px; height: 56px; line-height: 56px; background: #085dd1; font-size: 16px; color: #FFFFFF; text-align: center; text-shadow:0 2px 2px rgba(0,0,0,.3);}
.main .left .tel img{ display: inline-block; vertical-align: middle;}
.main .left .tel span{ display: inline-block; vertical-align: middle;}
.main .right{ margin-left: 220px;}



.theme{ text-align: center;}
.theme span{ font-size: 26px; color: #111111;}
.theme p{ margin-top: 5px; font-size: 14px; color: #c8c8c8;}


/* ========== */
/* = PRODUCT = */
/* ========== */
.product .content{ margin: 0 -20px 60px; }
.product ul{ overflow: hidden;}
.product li{ float: left; margin-top:35px;  width: 50%; padding:0 20px;}
.product li:nth-child(2n+1){ clear: both; }
.product li a{ display: block; border-bottom:3px solid #085dd1;}
.product li .img{ overflow: hidden; }
.product li .tit{ padding:25px; color: #e4e4e4; text-transform: uppercase; font-size:12px;}
.product li .tit span{ font-size: 18px; color: #101010; margin-right: 10px;}
.product li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.product .more{margin: 0 auto; }
.more{ display: block; display: block; width: 218px; height: 42px; line-height:42px; background: #085dd1; color: #FFFFFF; font-size:12px; text-align: center; position: relative;}
.more i{ display:inline-block; font-style: normal; position:relative; z-index:1; }
.more:after{content: "";position: absolute;display: block;top:0;left:0px;width: 100%;height: 100%; background: #063c84; z-index: 0;opacity:0; transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -moz-transform: rotateX(180deg);-ms-transition: rotateX(180deg);-o-transition: rotateX(180deg); transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}
.more:hover:after{ opacity:1; transform: rotateX(0deg); -webkit-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -o-transform:rotateX(0deg); }



/* ========== */
/* = PRODUCT-DETAIL = */
/* ========== */
.product-detail{ padding: 45px 45px 65px; border-bottom:3px solid #0670c2;}
.product-detail .title{ padding-bottom:30px; border-bottom: 1px dotted #b0b0b0; font-size: 14px; color: #b0b0b0; position: relative;}
.product-detail .title span{ font-size: 26px; color: #111111; margin-right:10px;}
.product-detail .title:after{ content: ""; position: absolute; bottom:-1px; left:0;  width: 30px; height: 1px; background: #085dd1;} 
.product-detail .text{ margin-bottom: 40px; padding-bottom:50px; border-bottom: 1px dotted #b0b0b0; color: #777777; line-height: 30px;}
.product-detail .text .tit{ margin-top: 40px; margin-bottom: 10px; display: block; position: relative; padding-left: 20px; font-size: 16px; color: #000000;}
.product-detail .text .tit:before{  content: ""; position: absolute; top:9px; left:0; width:10px; height: 10px; border-radius: 50%; border: 1px solid #085dd1;}
.product-detail .text p{ padding-left: 30px; position: relative;}
.product-detail .text p:before{  content: ""; position: absolute; top:13px; left:18px; width:4px; height:4px; border-radius: 50%; background: #777777;}

.product-slick{ margin-top: 70px; padding:0 50px;}
.product-slick .slick-prev{ left:-50px;}
.product-slick .slick-next{ right:-50px;}
.product-slick .slick-slide{ padding: 0 5px;}
.product-slick .slick-slide p{ margin-top:10px; text-align: center;}
.product-slick .slick-slide a:hover p{ color: #085dd1;}


.xg-product{ margin-top: 60px;}
.xg-product .tit{ padding: 0 20px; height: 56px; line-height: 56px; background: #eef2f5;}
.xg-product .tit span{ border-left:2px solid #0670c2; padding-left: 20px; display: inline-block; line-height:18px; font-size: 18px; color: #101010;}
.xg-product ul{ margin:55px -12px 0;}
.xg-product li{ float: left; width: 33.3333333%; text-align: center; padding: 0 12px;}
.xg-product li:nth-child(3n+1){ clear: both;}
.xg-product li a{ display: block;}
.xg-product li .img{ overflow: hidden;}
.xg-product li p{ margin-top: 15px; color: #777777;}
.xg-product li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.xg-product li a:hover p{ color: #085dd1; }



/* ========== */
/* = APPLICATION = */
/* ========== */
.application-ul li{ margin-bottom: 35px;}
.application-ul li:last-child{ margin-bottom: 0;}
.application-ul li a{ display: block; padding: 25px; overflow: hidden;}
.application-ul li .img{ float: left; overflow: hidden;}
.application-ul li .img img{ width: 100%;}
.application-ul li .text{ margin-left: 430px;  padding-top: 22px;}
.application-ul li .text .tit{ padding-bottom:25px; position: relative; font-size: 12px; font-size: 10px; color: #e1e1e1;}
.application-ul li .text .tit:after{ content: ""; position: absolute; bottom:0; left:0; width: 40px; height: 1px; background: #000000;}
.application-ul li .text .tit span{ margin-right: 10px; font-size: 18px; color: #000000;}
.application-ul li .text .des{ margin-top: 25px; color: #999999; line-height: 36px; height: 72px; overflow: hidden;}
.application-ul li .text .more{ margin-top:35px; background: #eef2f5; color: #000000;}
.application-ul li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.application-ul li a:hover .more{ color: #FFFFFF;}
.application-ul li a:hover .more:after{  opacity:1; transform: rotateX(0deg); -webkit-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -o-transform:rotateX(0deg);  background: #085dd1;}


/* ========== */
/* = APPLICATION_DETAIL = */
/* ========== */
.application-detail .img{ width: 100%; overflow: hidden;}
.application-detail .img img{ width: 100%;}
.application-detail .text{ padding: 35px; line-height: 30px; border-bottom:3px solid #0670c2;} 
.xg-customer ul{ margin: 75px -10px 20px;}
.xg-customer li{ float: left; width: 25%; padding:0 10px 45px; text-align: center;}
.xg-customer li .item{position: relative;}
.xg-customer li .item:before{ content: ""; position: absolute; top:0; left:0; width: 0; height: 3px; background: #0670c2; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s;  -o-transition: all ease .4s;  transition: all ease .4s;}
.xg-customer li .img{ border: 1px solid #f5f5f5;}
.xg-customer li p{ margin-top: 12px;}
.xg-customer li .item:hover:before{ width: 100%;}
.xg-customer li .item:hover  p{ color: #0670c2;}
.xg-customer li .item:hover .img{
	-o-box-shadow:0 0 20px rgba(7,49,107,.08); 
	-ms-box-shadow:0 0 20px rgba(7,49,107,.08); 
	-moz-box-shadow:0 0 20px rgba(7,49,107,.08); 
	-webkit-box-shadow:0 0 20px rgba(7,49,107,.08); 
	box-shadow:0 0 20px rgba(7,49,107,.08);
}





/* ========== */
/* = CSSE = */
/* ========== */
.case{ padding: 80px 0;}
.case ul{ margin:50px -10px 40px;}
.case li{ float: left; width: 20%; padding:0 10px 40px; text-align: center;}
.case li .item{position: relative;}
.case li .item:before{ content: ""; position: absolute; top:0; left:0; width: 0; height: 3px; background: #0670c2; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s;  -o-transition: all ease .4s;  transition: all ease .4s;}
.case li .img{ border: 1px solid #f5f5f5;}
.case li p{ margin-top: 12px; line-height: 26px;}
.case li .item:hover:before{ width: 100%;}
.case li .item:hover  p{ color: #0670c2;}
.case li .item:hover .img{
	-o-box-shadow:0 0 20px rgba(7,49,107,.08); 
	-ms-box-shadow:0 0 20px rgba(7,49,107,.08); 
	-moz-box-shadow:0 0 20px rgba(7,49,107,.08); 
	-webkit-box-shadow:0 0 20px rgba(7,49,107,.08); 
	box-shadow:0 0 20px rgba(7,49,107,.08);
}


.page{ text-align: center; line-height: 36px; color: #282e2a;}
.page a,.page span{display: inline-block; margin: 0 2px; height: 38px; min-width: 38px; border: 1px solid #e7e7e7; padding: 0 5px; color: #282e2a;}
.page a:hover,.page span:hover,.page a.current,.page span.current{ background: #085dd1;border:1px solid #2068c9; color: #FFFFFF;}
.page em{ margin-left: 25px;}
.page i{ display: inline-block; vertical-align:middle; margin: 0 10px;}





/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding:60px 0 120px;}
.news-list{ margin-bottom:65px;}
.news-list li{ margin-bottom:30px;}
.news-list li a{ display: block; padding:25px; overflow: hidden; -webkit-transition: all ease .2s;  -moz-transition: all ease .2s;  -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s;}
.news-list li .date{  margin-top: 25px; float: left; width: 16%;}
.news-list li .date span{ display:inline-block; font-size: 24px; color: #999999; position: relative;}
.news-list li .date span:after{ content: ""; position: absolute; right:-50px; top:50%; width: 35px; height: 1px; background: #bfbfbf;}
.news-list li .date p{ margin-top: 5px; color: #cccccc; }
.news-list li .date i{ margin-top: 15px; display: block; width: 42px; height: 42px; background:url(../images/next_gray.png); opacity: .6;}
.news-list li .text{ margin-top: 28px; float: left; width: 55%;}
.news-list li .text span{ display: block; font-size: 16px; color: #000000;}
.news-list li .text p{ margin-top:25px; line-height: 24px; height: 48px; font-size: 14px; color: #999999; overflow: hidden;}
.news-list li .dimg{ float: right; width:27%; max-width: 235px; overflow: hidden;}
.news-list li a:hover{ background: #085dd1;}
.news-list li a:hover .date span{color: #FFFFFF; }
.news-list li a:hover .date span:after{ background: #FFFFFF;}
.news-list li a:hover .date p{ color: #FFFFFF; }
.news-list li a:hover .date i{ background:url(../images/next_blue.png); opacity:1;}
.news-list li a:hover .text span{ color: #FFFFFF;}
.news-list li a:hover .text p{  color: #FFFFFF;}
.news-list li a:hover .dimg img{ transform: scale(1.1); -webkit-transform: scale(1.1);}


/* ========== */
/* = NEWS_DETAIL.HTML = */
/* ========== */
.news-detail{ padding-top: 75px; padding-bottom: 80px;}
.news-detail .title{ color: #262b27; font-size: 18px; font-weight: bold; line-height: 28px; text-align: center;} 
.article-come{ line-height: 24px; margin-top: 35px; text-align: center; color: #999999;}
.article-come span{ margin:0 70px; padding-left: 28px; display: inline-block; vertical-align: middle; position: relative;}
.article-come span:after{ content:""; position: absolute; top:7px; right:-35px; width: 2px; height: 12px; background:#dfdfdf;}
.article-come .bdsharebuttonbox{ display:inline-block; vertical-align: middle;}
.article-come span.span-sourse{ background: none;}
.article-come span.span-autor{ background:url(../images/ico_write.png) left no-repeat;}
.article-come span.span-date{ background:url(../images/ico_time.png) left no-repeat;}
.article-come span.span-share{ padding-left:38px; background:url(../images/ico_share.png) left no-repeat;}
.article-come span.span-share:after{ display: none;}
.news-article{ margin-top: 20px; padding: 50px 0 80px; border-top: 1px dashed #e5e5e5; line-height: 30px; color: #999999;}
.news-detail .return{ padding-bottom: 20px; text-align: right; border-bottom:1px dashed #e5e5e5; }
.news-detail .return a{ display:inline-block; width: 75px;  height: 36px;line-height: 36px; background: #085dd1; color: #FFFFFF; text-align: center;}
.news-detail .return a em{ display: inline-block; padding-left: 15px; background: url(../images/ico_return_white.png) left no-repeat;}
.news-detail .return a:hover{ background: #063c84;}

.flip { margin-top: 20px;}
.flip a{ max-width:47%; display: inline-block; position: relative; line-height: 36px;}
.flip a span{ position: absolute; top:0; display:inline-block; width: 75px; height: 36px; line-height: 34px; border: 1px solid #e5e5e5; text-align: center;}
.flip .prev{ float: left; padding-left: 90px;}
.flip .prev span{ left:0;}
.flip .next{ float: right; padding-right: 90px;}
.flip .next span{ right:0;}
.flip a:hover{ color: #085dd1;}
.flip a:hover span{ background: #085dd1; border: 1px solid #085dd1; color: #FFFFFF;}



/* ========== */
/* = CONTACT = */
/* ========== */
.contact{ padding: 60px 0 120px;}
.contact .des{ margin-top: 50px; padding-bottom: 60px; color: #777777; line-height: 30px; text-align: center; border-bottom: 1px dotted #bebebe;}
.contact-ul{ margin-top: 55px;}
.contact-ul li{ float: left; width:25%; text-align: center;}
.contact-ul li span{ display: block; margin-top:25px; color: #085dd1; text-transform: uppercase; font-size: 16px;}
.contact-ul li p{ margin-top:30px; font-size: 14px; color: #111111;}
.contact .map{ margin-top: 70px; width: 100%;}
.contact .map-box{ width: 100%; height:440px; position:relative;}
.contact .map-box img{ max-width:1000%;}
.contact .map-box #allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.contact .map-box .anchorBL{ display: none; }



/* ========== */
/* = TALENT = */
/* ========== */
.talent{ padding: 55px 0 115px;}
.talent ul{ margin: 60px 0;}
.talent li{ margin-bottom: 30px;}
.talent .tit{ padding:20px 110px 20px 45px; background: #fafafa; position: relative; cursor: pointer; font-size: 16px; color: #111111;}
.talent .tit em{ position: absolute; top:50%; right:40px; margin-top: -20px; width: 40px; height: 40px; background-image:url(../images/talent_jia.png); background-size: cover;}
.talent .con{ display: none; padding: 0 45px 45px; color: #3c3735; line-height: 30px;}
.talent .con .border{ border-top: 1px dotted #bebebe; padding-top: 40px; }
.talent .con .des{ margin-bottom:20px; padding: 15px;}
.talent .con .mail{ margin-top:50px; background: url(../images/ico_mail.png) no-repeat left; padding-left: 30px;}
.talent .con .mail a{ color: #2b88fb; text-decoration: underline !important;}
.talent li.active,.talent li:hover {
	-o-box-shadow:0 0 20px rgba(7,49,107,.08); 
	-ms-box-shadow:0 0 20px rgba(7,49,107,.08); 
	-moz-box-shadow:0 0 20px rgba(7,49,107,.08); 
	-webkit-box-shadow:0 0 20px rgba(7,49,107,.08); 
	box-shadow:0 0 20px rgba(7,49,107,.08);
}
.talent li.active .tit,.talent li:hover .tit{ background: #FFFFFF; font-weight: bold;}
.talent li.active .tit em{ background-image: url(../images/talent_jian.png);}



/* ========== */
/* = YUANYUAN = */
/* ========== */
.yuanyuan{ padding: 60px 0 185px;}
.yuanyuan .tit{ font-size:40px; color: #000000; font-weight: 200;}
.yuanyuan .des{ margin-top: 45px; line-height: 30px; color: #000000; font-size: 16px; letter-spacing:1px;}
.yuanyuan .letter{ position: absolute; top:-130px; right:1135px; font-size:278px; line-height: 278px; font-weight:bold; color: #f5f5f5; z-index: 1;}
.yuanyuan .box1{margin-top: 70px; position: relative;}
.yuanyuan .box1 .img{ float: left; position: relative; width: 61%; max-width: 726px;}
.yuanyuan .box1 .img img{ position: relative; z-index:1;}
.yuanyuan .box1 .img:after{ content: ""; position: absolute; top:6%; left:7%; width:98%; height: 101%; background: #FFFFFF; z-index:0; -o-box-shadow:0 0 20px rgba(7,49,107,.08); -ms-box-shadow:0 0 20px rgba(7,49,107,.08); -moz-box-shadow:0 0 20px rgba(7,49,107,.08); -webkit-box-shadow:0 0 20px rgba(7,49,107,.08); box-shadow:0 0 20px rgba(7,49,107,.08);}
.yuanyuan .box1 .text{ float: right; width: 32%; padding-top: 65px;}
.yuanyuan .box1 .font{ position:absolute; top:-130px; right:0; width: 34px; font-size: 34px; color: #cbcbcb; line-height: 36px;}
.yuanyuan .box1 .font:after{ content: ""; position: absolute; bottom:-120px; right:50%; height: 100px; width: 2px; background: #e3e3e3; }

.yuanyuan .box2{ margin-top: 128px; position: relative;}
.yuanyuan .box2 .letter{ right:auto; left:1060px; bottom:140px; top:auto; color: #000000; opacity: .06;}
.yuanyuan .box2 .left{ float: left; width: 23%; max-width: 267px; position: relative;}
.yuanyuan .box2 .left img{ position: relative; z-index:1;}
.yuanyuan .box2 .left:after{ content: ""; position: absolute; left:-10%; bottom:-8%;  width:100%; height: 100%; background: #FFFFFF; z-index:0; -o-box-shadow:0 0 20px rgba(7,49,107,.08); -ms-box-shadow:0 0 20px rgba(7,49,107,.08); -moz-box-shadow:0 0 20px rgba(7,49,107,.08); -webkit-box-shadow:0 0 20px rgba(7,49,107,.08); box-shadow:0 0 20px rgba(7,49,107,.08); z-index:0;}
.yuanyuan .box2 .right{ float: right; width: 67%;}
.yuanyuan .box2 .right .des{ margin-bottom: 100px; padding-bottom: 40px; position: relative;}
.yuanyuan .box2 .right .des:after{ content:"" ; position: absolute; bottom: 0; left:0; width: 61px; height: 2px; background: #2b88fb;}


.yuanyuan .box3{ margin-top: 155px;}
.yuanyuan .box3 .img{ float: left; position: relative; width: 47.5%;}
.yuanyuan .box3 .img img{ position: relative; z-index:1;}
.yuanyuan .box3 .img:after{ content: ""; position: absolute; right:5%; bottom:16%;  width:118%; height: 103%; background: #FFFFFF; z-index:0; -o-box-shadow:0 0 20px rgba(7,49,107,.08); -ms-box-shadow:0 0 20px rgba(7,49,107,.08); -moz-box-shadow:0 0 20px rgba(7,49,107,.08); -webkit-box-shadow:0 0 20px rgba(7,49,107,.08); box-shadow:0 0 20px rgba(7,49,107,.08); z-index:0;}
.yuanyuan .box3 .text{ float: right; width: 47.5%;}
.yuanyuan .box3 .text .des{ padding-bottom: 80px; position: relative;}
.yuanyuan .box3 .text .des:after{ content:"" ; position: absolute; bottom: 0; left:0; width:100px; height: 2px; background: #1b1b1b;}

.yuanyuan .box4{ position: relative; width: 100%;}
.yuanyuan .box4 .text{ float: left; width: 38%; padding-top:85px;}
.yuanyuan .box4 .text .des{ padding-bottom: 75px; position: relative;}
.yuanyuan .box4 .text .des:after{ content:"" ; position: absolute; bottom: 0; left:0; width:100px; height: 2px; background: #1b1b1b;}
.yuanyuan .box4 .img{ margin-top: -65px; float:right; width:50%; max-width: 576px; position: relative;}
.yuanyuan .box4 .img img{ position: relative; z-index: 1;}
.yuanyuan .box4 .img:after{ content: ""; position: absolute; right:-10%; bottom:-8%;  width:100%; height: 100%; background: #FFFFFF; z-index:0; -o-box-shadow:0 0 20px rgba(7,49,107,.08); -ms-box-shadow:0 0 20px rgba(7,49,107,.08); -moz-box-shadow:0 0 20px rgba(7,49,107,.08); -webkit-box-shadow:0 0 20px rgba(7,49,107,.08); box-shadow:0 0 20px rgba(7,49,107,.08); z-index:0;}



/* ========== */
/* = EQUIPMENT = */
/* ========== */
.equipment{ padding: 60px 0 165px;}
.equipment .tit{ font-size:40px; color: #000000; font-weight: 200;}
.equipment .des{ margin-top: 45px; line-height: 30px; color: #000000; font-size: 16px; letter-spacing:1px; padding-bottom: 70px; position: relative;}
.equipment .des:after{ content:"" ; position: absolute; bottom: 0; left:0; width:100px; height: 2px; background: #1b1b1b;}
.equipment .letter{ position: absolute; top:-160px; left:1150px; font-size:278px; line-height: 278px; font-weight:bold; color: #f5f5f5; z-index: 1;}
.equipment .box1{ margin-top: 75px; position: relative;}
.equipment .box1 .img{ float: left; width: 42%; position: relative;}
.equipment .box1 .img img{ position: relative; z-index: 1;}
.equipment .box1 .img:after{ content: ""; position: absolute; right:25%; bottom:6%;  width:102%; height: 100%; background: #FFFFFF; z-index:0; -o-box-shadow:0 0 20px rgba(7,49,107,.08); -ms-box-shadow:0 0 20px rgba(7,49,107,.08); -moz-box-shadow:0 0 20px rgba(7,49,107,.08); -webkit-box-shadow:0 0 20px rgba(7,49,107,.08); box-shadow:0 0 20px rgba(7,49,107,.08); z-index:0;}
.equipment .box1 .text{ float: right; width: 47.5%; padding-top:5%;}
.equipment .box1 .text .des{ max-width:500px;}
.equipment .box2 { position: relative;}
.equipment .box2 .letter{ top:auto; left:auto; right:1150px; bottom:-130px; z-index: 0;}
.equipment .box2 .img{ margin-top: -110px; float:right; max-width: 610px; width: 52%; position: relative;}
.equipment .box2 .img img{ position: relative; z-index: 1;}
.equipment .box2 .img:after{ content: ""; position: absolute; top:20%; left:20%;  width:102%; height: 100%; background: #FFFFFF; z-index:0; -o-box-shadow:0 0 20px rgba(7,49,107,.08); -ms-box-shadow:0 0 20px rgba(7,49,107,.08); -moz-box-shadow:0 0 20px rgba(7,49,107,.08); -webkit-box-shadow:0 0 20px rgba(7,49,107,.08); box-shadow:0 0 20px rgba(7,49,107,.08); z-index:0;}
.equipment .box2 .text{ float: left;  width: 39.5%; padding-top: 80px; position: relative; z-index: 1;}
.equipment .img-div{ margin-top: 205px; position: relative; z-index: 1;}
.equipment .img-div .img{ float: left; position: relative; max-width: 72%;}
.equipment .img-div .img img{ position: relative; z-index: 1;}
.equipment .img-div .img:after{ content: ""; position: absolute; bottom:-8px; right:-8px;  width:118%; height:90%; background: #FFFFFF; z-index:0; -o-box-shadow:0 0 20px rgba(7,49,107,.08); -ms-box-shadow:0 0 20px rgba(7,49,107,.08); -moz-box-shadow:0 0 20px rgba(7,49,107,.08); -webkit-box-shadow:0 0 20px rgba(7,49,107,.08); box-shadow:0 0 20px rgba(7,49,107,.08); z-index:0;}
.equipment .box3 .img{ margin-top: -200px; float:right; max-width: 610px; width: 52%; position: relative;}
.equipment .box3 .text{ float: left;  width: 39.5%; padding-top:60px;}
.equipment .box3 .text .des{ padding-bottom:50px;}



/* ========== */
/* = ABOUT = */
/* ========== */
.about{ padding: 70px 0 80px;}
.about .des{ margin-top: 55px; line-height: 30px; color: #777777; text-align: center;}
.about .about-img{ margin-top: 45px; }
.about .line{ margin-top: 70px; margin-bottom: 45px; border-bottom: 1px dotted #a5a5a5;}
.culture{ margin:0 -15px 0;}
.culture li{ margin-top: 35px; float: left; width: 33.3333%; padding: 0 15px;}
.culture li .img img{ width: 100%;}
.culture li .text{ padding:25px 22px; border-bottom: 2px solid #085dd1;}
.culture li .text div{font-size: 10px; color: #b5b5b5; font-size: 12px; font-size: 10px; text-transform: uppercase;}
.culture li .text div span{  font-size: 18px; color: #000000;  margin-right: 10px;}
.culture li .text p{ margin-top: 10px; color: #999999;}
.honor { margin-top: 45px; padding: 35px 15px;}
.honor li{ float: left; padding: 0 15px; width: 28.2%;}
.honor li:nth-child(2){ width: 15.3%;}
.about .more{ margin:30px auto 0;}


/* ========== */
/* = SERVICE = */
/* ========== */
.service{ padding: 70px 0 125px;}
.service-ul{ margin: 0 -10px;}
.service-ul li{ margin-top:35px; float: left; width: 25%; padding:0 10px;}
.service-ul li .item{ padding: 45px 30px 35px; border-bottom:3px solid #085dd1; text-align: center;}
.service-ul li span{ display: block; margin-top: 30px; font-size: 18px; color: #000000;}
.service-ul li i{ padding-bottom: 15px; margin-top: 10px; display: block; font-size: 12px; font-size: 10px; color: #c1c1c1; text-transform: uppercase; font-style: normal; position: relative;}
.service-ul li i:after{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -12px;  width: 24px; height: 2px; background: #085dd1;}
.service-ul li p{ margin-top: 20px; line-height: 30px; color: #777777; min-height: 120px;}
.service-box{ margin-top: 50px; text-align: center; padding: 65px 20px 50px; color: #FFFFFF;}
.service-box span{ display: block; font-size: 20px;}
.service-box p{ margin-top: 10px; opacity: .3; text-transform: uppercase; font-size: 12px; font-size: 10px;}
.service-box .more{ margin: 20px auto 0;}


@media (max-width:780px) {
	/* ========== */
	/* = NY-BANNER = */
	/* ========== */
	.ny-banner{ height:200px; padding-top: 50px;}
	.ny-banner .tit:before{display:none;}
	.ny-banner .tit span{ font-size: 20px; line-height:24px; height: 24px;}
	.ny-banner .tit span:after{ bottom:-15px; }
	.ny-banner .cn{ margin-top:30px; font-size:12px; line-height: 24px;}
	.ny-banner .en{ display: none;}
	
		
	.main{ padding: 40px 0 ;}
	.main .left{ float:none; width:100%;}
	.main .left .tit{ display: none;}
	.main .left li{ float: left; width: 50%;}
	.main .left li a{ line-height:40px; height: 40px; font-size: 12px; border-right: 1px solid #FFFFFF;}
	.main .left li.current a{ background: #085dd1; color: #FFFFFF;}
	.main .right{ margin-top: 30px; margin-left:0;}


	.theme span{ font-size:20px;}
	.theme p{ font-size: 13px;}		

	
	/* ========== */
	/* = PRODUCT = */
	/* ========== */
	.product .content{ margin: 0 -5px 40px; }
	.product li{ margin-top:10px; padding:0 5px;}
	.product li .tit{ padding:10px; font-size:10px;}
	.product li .tit span{ display: block; font-size: 16px; margin-bottom: 5px;}
	.more{ width: 160px; }
	
	
	/* ========== */
	/* = PRODUCT-DETAIL = */
	/* ========== */
	.product-detail{ padding:30px 20px;}
	.product-detail .title{ padding-bottom:20px;}
	.product-detail .title span{ font-size: 18px;  display: block; margin-bottom:5px;}
	.product-detail .text{ margin-bottom: 30px; padding-bottom:30px; line-height: 28px; font-size: 12px;}
	.product-detail .text .tit{ margin-top: 30px; font-size: 14px;}
	.product-detail .more{ margin: 0 auto;}

	.product-slick{ margin-top: 35px; padding:0 35px; font-size: 12px;}
	.product-slick .slick-prev{ left:-35px;}
	.product-slick .slick-next{ right:-35px;}
	.product-slick .slick-slide{ padding: 0 5px;}

	.xg-product{ margin-top: 35px;}
	.xg-product .tit span{ font-size:16px;}
	.xg-product ul{ margin:20px -5px 0;}
	.xg-product li{padding: 0 5px; font-size: 12px;}


	/* ========== */
	/* = application = */
	/* ========== */
	.application-ul li{ margin-bottom: 20px;}
	.application-ul li:last-child{ margin-bottom: 0;}
	.application-ul li a{  padding: 15px; }
	.application-ul li .img{ float: none; width: 100%;}
	.application-ul li .text{ margin-left:0;  }
	.application-ul li .text .tit{ padding-bottom:15px; }
	.application-ul li .text .tit span{ font-size: 16px;}
	.application-ul li .text .des{ margin-top:15px; font-size: 12px; line-height: 24px; height:48px;}
	.application-ul li .text .more{ margin-top:15px; }
	
	
	/* ========== */
	/* = APPLICATION_DETAIL = */
	/* ========== */
	.application-detail .text{ padding: 20px;} 
	.xg-customer ul{ margin: 45px -5px 25px;}
	.xg-customer li{ float: left; width:50%; padding:0 5px 15px; text-align: center;}
	
	
	/* ========== */
	/* = CSSE = */
	/* ========== */
	.case{ padding: 40px 0;}
	.case ul{ margin:40px -5px 20px;}
	.case li{ width:50%; padding:0 5px 15px;}

	.page{ line-height: 28px; font-size: 13px;}
	.page a,.page span{ height: 30px; padding: 0 4px; min-width: 30px;}
	.page em{ margin:5px 0 0; display: block; font-size: 13px;}
	
	
	/* ========== */
	/* = NEWS.HTML = */
	/* ========== */
	.news{ padding: 40px 0; }
	.news-list{ margin-bottom:25px;}
	.news-list li{ margin-bottom: 15px;}
	.news-list li a{ padding:15px;}
	.news-list li .date{ display: none;}
	.news-list li .text{ margin: 0; width:58%;}
	.news-list li .text span{ font-size: 14px;}
	.news-list li .text p{ margin-top: 5px; font-size: 12px; line-height:20px; height:40px;}
	.news-list li .dimg{ width:38%;}
	
	
	/* ========== */
	/* = NEWS_DETAIL.HTML = */
	/* ========== */
	.news-detail{ padding:40px 0; }
	.article-come{ margin-top: 20px;}
	.article-come span{ margin: 0 20px;}
	.article-come span:after{ display: none;}
	.news-article{ padding:40px 0;}
	
	.flip a{ font-size: 12px;}
	.flip a span{ width: 55px;}
	.flip .prev{ padding-left: 62px;}
	.flip .next{  padding-right: 62px;}
	
	
	/* ========== */
	/* = CONTACT = */
	/* ========== */
	.contact{ padding: 40px 0;}
	.contact .des{ margin-top: 30px; padding-bottom:30px;}
	.contact-ul { margin-top: 15px;}
	.contact-ul li{  margin-top: 20px; width:50%; padding: 0 2px;}
	.contact-ul li:nth-child(2n+1){ clear: both;}
	.contact-ul li img{ width:40px;}
	.contact-ul li span{ margin-top:10px; font-size: 14px;}
	.contact-ul li p{ margin-top:10px; font-size: 12px; line-height: 22px;}
	.contact .map{ margin-top:40px;}
	.contact .map-box{ height:200px;}
	
	
	
	/* ========== */
	/* = YUANYUAN = */
	/* ========== */
	.yuanyuan{ padding: 40px 0;}
	.yuanyuan .tit{ font-size:22px;}
	.yuanyuan .des{ margin-top: 10px; line-height:26px; font-size: 12px;}
	.yuanyuan .letter{  display: none;}
	.yuanyuan .box1{margin-top:40px; }
	.yuanyuan .box1 .img{ width: 100%; max-width:95%;}
	.yuanyuan .box1 .text{ width: 100%; padding-top: 50px;}
	.yuanyuan .box1 .text .tit br{display: none;}
	.yuanyuan .box1 .font{ display: none; }
	
	.yuanyuan .box2{ margin-top:40px; position: relative;}
	.yuanyuan .box2 .right .des{ margin-bottom: 40px; padding-bottom:20px;}

	.yuanyuan .box3{ margin-top:40px;}
	.yuanyuan .box3 .img{ width: 100%;}
	.yuanyuan .box3 .img:after{  display: none;}
	.yuanyuan .box3 .text{ margin-top: 20px; width: 100%;}
	.yuanyuan .box3 .text .des{ padding-bottom:30px;}

	.yuanyuan .box4{ margin-top:40px;}
	.yuanyuan .box4 .text{  width: 100%; padding-top:20px;}
	.yuanyuan .box4 .text .des{ padding-bottom: 30px;}
	.yuanyuan .box4 .img{ float: left; margin-top:0;  width: 100%; max-width: 100%;}
	.yuanyuan .box4 .img:after{ display: none;}



	/* ========== */
	/* = EQUIPMENT = */
	/* ========== */
	.equipment{ padding: 40px 0;}
	.equipment .tit{ font-size:22px;}
	.equipment .des{  margin-top: 10px; line-height:26px; font-size: 12px; padding-bottom: 30px;}
	.equipment .letter{ display: none;}
	.equipment .box1{ margin-top:35px;}
	.equipment .box1 .img{ width: 100%;}
	.equipment .box1 .img:after{ display: none;}
	.equipment .box1 .text{  width: 100%;}
	.equipment .box1 .text .des{ max-width:100%;}

	.equipment .box2 .img{ margin-top:35px; width: 100%; max-width: 100%; }
	.equipment .box2 .img img{ position: relative; z-index: 1;}
	.equipment .box2 .img:after{  display: none;}
	.equipment .box2 .text{ width: 100%; padding-top: 25px;  }
	.equipment .img-div{ margin-top: 35px;}
	.equipment .box3 .text{ width: 100%; padding-top: 10%;}
	.equipment .box3 .text .des{ padding-bottom:20px;}
	.equipment .box3 .img{ margin-top:-66%; width: 32%;}
	
	
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about{ padding: 40px 0; }
	.about .des{ margin-top: 25px; }
	.about .about-img{ margin-top: 25px; }
	.about .line{ margin-top:35px; margin-bottom:35px;}
	.culture li{ margin-top: 25px; width: 100%;}
	.honor{ padding:0 20px 20px;}
	.honor li{ margin-top: 20px;  width: 100%; padding: 0;}
	.honor li img{ width: 100%;}
	.honor li:nth-child(2){ width:100%;}
	
	
	/* ========== */
	/* = SERVICE = */
	/* ========== */
	.service{ padding:40px 0;}
	.service-ul li{ margin-top: 25px;  width: 100%;}
	.service-ul li .item{ padding:30px 20px 20px; }
	.service-box{ margin-top: 30px; padding: 30px 10px;}
	.service-box span{ font-size: 14px;}

	
}