@charset "utf-8";

/* CSS Document */

/* 全局公用的css样式 */

/*---------------------------------约束样式----------------------------------------*/

*{margin:0;padding:0;word-wrap:break-word}

* img{border:0}

* hr{border:1px dashed #d2d2d2}

.swiper-next,.swiper-prev{outline:none; cursor:pointer}

body,h1,h2,h3,h4,h5,h6,td,th,tr{color:#333333;font-weight:normal; font-size:12px; font-family:"Microsoft YaHei"}

body{overflow-x:hidden}

h1,h2,h3,h4,h5,h6{display:inline}

a{text-decoration:none;outline:none;color:#333333; cursor:pointer}

a:active{star:expression(this.onFocus=this.blur())}

a:focus{outline:none}

textarea{resize:none}

a:hover{color:#0951AE; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent}

em{font-style:normal}

img{max-width:100%}

.ul li,.ul{list-style:none}

input,textarea,select{outline:none;font-family:"Microsoft YaHei"}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{

   -webkit-box-shadow:rgba(255,255,255,0) 0 0 0px 1000px;

   -moz-box-shadow:rgba(255,255,255,0) 0 0 0px 1000px;

   box-shadow:rgba(255,255,255,0) 0 0 0px 1000px

}



@-webkit-keyframes autofill{

	to{

		color:#fff;

		background:rgba(31,39,87,0.3)}

}



input:-webkit-autofill{

	animation-name:autofill !important;

	animation-fill-mode:both !important}



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus{

	background-clip:content-box !important}



.clear{width:100%; clear:both; height:1px; overflow:hidden}

.fl{float:left}

.fr{float:right}

.ov_hi{overflow:hidden}

.layout{width:1240px;margin:0 auto}

.ul_li{list-style:none}

.ov_hi{overflow:hidden}

.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}

.shadow{-webkit-box-shadow:#DDD9D9 0px 0px 30px;-moz-box-shadow:#DDD9D9 0px 0px 30px;box-shadow:#DDD9D9 0px 0px 30px}

.fl-clr{zoom:1}

.fl-clr:after{display:block;clear:both;height:0;content:"\0020"}

.pc{}

.web{display:none !important}

.opacityli li,.opacity,.opacitybox .box{opacity:0}

.titleL1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.titleL1:hover{color:#0951AE}

.titleL2{overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.titleL3{overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3}



.ease,

.scale img,

.paging-more,

.footer-code .bnt,

.main-nav-pc li .drop-down,

.headbar_bpx_icon .li .phone-text,

.headbar_bpx_icon .li .search-box,

.index-2-nav li .box .title .more,

.position-nav li a:before,

.details-page .a,

.application-list li .box .more,
.production-list li .img:before{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}

.scale:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.top50{top:50%; transform:translateY(-50%);

-ms-transform:translateY(-50%);

-moz-transform:translateY(-50%);

-webkit-transform:translateY(-50%);

-o-transform:translateY(-50%)}

body.hidden{overflow:hidden}



.aaaa{-webkit-box-shadow:rgba(0,0,0,0.15) 0 0 15px; -moz-box-shadow:rgba(0,0,0,0.15) 0 0 15px; box-shadow:rgba(0,0,0,0.15) 0 0 15px}









/*底部样式*/

.footer{background:#323232; color:#999; font-size:14px; line-height:30px; overflow:hidden}

.footer *{overflow:hidden}

.footer a{color:#999}

.footer a:hover{color:#fff}

.footer-top{position:relative; padding:25px 0; min-height:210px}

.footer-nav{position:relative; margin-left:-80px}

.footer-nav:before{content:""; position:absolute; left:0; top:40px; width:100%; height:1px; background:#999}

.footer-nav li{float:left; padding-left:80px}

.footer-nav li .title{font-size:18px; color:#fff; padding-bottom:px; line-height:30px; padding-bottom:30px}

.footer-code{position:absolute; right:0; top:95px; text-align:right}

.footer-code .bnt{display:inline-block; margin-left:15px; width:42px; height:42px; opacity:0.7}

.footer-code .bnt:hover{opacity:1}

.footer-code .wx{background:url(../images/icon-wx.png) no-repeat}

.footer-code .wb{background:url(../images/icon-wb.png) no-repeat}

.footer-code .qq{background:url(../images/icon-qq.png) no-repeat}

.footer-code .img{margin-top:15px; height:56px}



.footer-text{background:#272626; color:#ccc; text-align:center; padding:12px 0; font-size:14px}

.footer-text a{color:#ccc}

.footer-text a:hover:hover{color:#fff}

.footer-text span{padding:0 15px}



/*在线客服*/

.online-servic{position:fixed; height:224px; right:0; top:50%; margin-top:-112px; overflow:hidden}

.online-servic .bnt{ display:block; color:#fff; font-size:16px; position:relative; width:48px; height:176px; background:#226CCA; text-align:center; left:0; top:24px; border-radius:10px 0 0 10px; overflow:hidden; float:left}

.online-servic .bnt i{display:block}

.online-servic .bnt .t{width:28px; height:28px; background:url(../images/icon-kf.png) no-repeat; margin:12px auto 0 auto}

.online-servic .bnt .b{width:16px; height:16px; background:url(../images/icon-r.png) no-repeat; margin:0 auto; position:relative; left:1px}

.online-servic.open .bnt .b{transform:rotate(180deg);

-ms-transform:rotate(180deg); 	/* IE 9 */

-moz-transform:rotate(180deg); 	/* Firefox */

-webkit-transform:rotate(180deg); /* Safari 和 Chrome */

-o-transform:rotate(180deg)}

.online-servic .bnt span{display:block; padding:10px}



.online-servic .box{border:5px solid #226CCA; background:#fff; width:166px; overflow:hidden; height:214px; float:left; border-radius:10px 0 0 10px; overflow:hidden; color:#226CCA;font-size:14px; line-height:20px; display:none}

.online-servic .box .title{text-align:center; font-size:18px; line-height:25px; padding-top:20px; font-weight:bold}

.online-servic .box .hotline{margin:20px 0 30px 0; position:relative; padding-left:35px}

.online-servic .box .hotline:before{content:""; position:absolute; left:8px; top:50%; margin-top:-11px; width:22px; height:22px; border-radius:50%; background:#226CCA url(../images/icon-phone-m.png) no-repeat center center}

.online-servic .box .hotline .t{font-weight:bold}

.online-servic .box .gmail{margin:20px 0 30px 0; position:relative; padding-left:35px}

.online-servic .box .gmail:before{content:"";position:absolute;left:8px;top:50%;margin-top:-11px;width:22px;height:22px;border-radius:50%;background:#226CCA url(../images/gmail.png) no-repeat center center;}

.online-servic .box .gmail .t{font-weight:bold}

.online-servic .box .bnt-qq{display:block; margin:0 10px; height:35px; line-height:35px; background:#226CCA; border-radius:5px; text-align:center}

.online-servic .box .bnt-qq span{position:relative; padding-left:32px; color:#fff}

.online-servic .box .bnt-qq span:before{content:""; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/icon-qq-m.png) no-repeat}







/*导航*/

.bh_88{height:88px}

.headbar_bpx{position:fixed; width:100%; left:0; top:0; z-index:99; background:#fff; -webkit-box-shadow:rgba(0,0,0,0.19) 0px 0px 16px; -moz-box-shadow:rgba(0,0,0,0.19) 0px 0px 16px; box-shadow:rgba(0,0,0,0.19) 0px 0px 16px}

.headbar_bpx .layout{position:relative; z-index:2}

.headbar_bpx .logo{position:absolute; left:0; top:50%; height:68px; margin-top:-34px}



.main-nav-pc{height:88px; line-height:88px; float:right}

.main-nav-pc li{float:left; position:relative; margin-left:40px}

.main-nav-pc li .a{display:block; height:88px; font-size:16px; position:relative; text-align:center}

.main-nav-pc .d .a{padding-right:20px}

.main-nav-pc .d .a:after{content:""; position:absolute; right:0; top:50%; margin-top:-8px; width:16px; height:16px; background:url(../images/icon-down-16.png) no-repeat}

.main-nav-pc li .a a{position:absolute; width:100%; height:100%; left:0; top:0}

.main-nav-pc li .drop-down{position:absolute; width:160px; left:50%; margin-left:-80px; top:80px; background:#fff; text-align:center;

-webkit-box-shadow:0px 5px 20px -10px #13519F72; -moz-box-shadow:0px 5px 20px -10px #13519F72; box-shadow:0px 5px 20px -10px #13519F72; padding:15px 0; border-radius:5px; visibility:hidden; opacity:0}

.main-nav-pc li .drop-down p{margin-top:-1px}

.main-nav-pc li .drop-down a{display:block; height:35px; font-size:16px; line-height:35px}

.main-nav-pc li .drop-down a:hover,

.main-nav-pc li .drop-down .hover a{color:#0951AE}

.main-nav-pc li:hover .drop-down{visibility:visible; opacity:1; top:70px}

.main-nav-pc li:hover .a,

.main-nav-pc li.hover .a{color:#0951AE}



.headbar_bpx_icon{float:right; padding:30px 0; padding-left:20px}

.headbar_bpx_icon .li{float:left; position:relative; margin-left:15px}

.headbar_bpx_icon .li .bnt{display:block; width:28px; height:28px}

.headbar_bpx_icon .li .icon-phone{background:url(../images/icon-phone.png) no-repeat}

.headbar_bpx_icon .li .phone-text{position:absolute; top:55px; left:50%; margin-left:-82px; width:164px; height:32px; line-height:32px; background:#5399F3; text-align:center; font-size:16px; color:#fff; border-radius:50px; opacity:0; visibility:hidden}

.headbar_bpx_icon .li .phone-text span{position:relative; padding-left:25px}

.headbar_bpx_icon .li .phone-text span:after{content:""; position:absolute; left:0; top:50%; margin-top:-8px; width:16px; height:16px; background:url(../images/icon-phone-m.png) no-repeat}

.headbar_bpx_icon .li .icon-mail{background:url(../images/icon-mail.png) no-repeat}

.headbar_bpx_icon .li .icon-search{background:url(../images/icon-search.png) no-repeat}

.headbar_bpx_icon .li .search-box{position:absolute; top:0; right:45px; background:#F6F7FA; width:190px; height:30px; line-height:30px; border-radius:50px; overflow:hidden; visibility:hidden; opacity:0; border:1px solid #eceff3}

.headbar_bpx_icon .li .search-box:after{content:""; position:absolute; left:12px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(../images/icon-search-m.png) no-repeat}

.headbar_bpx_icon .li .search-box .text{width:100%; height:30px; border:0; border-radius:50px; background:none; text-indent:36px; font-size:14px; float:left}

.ioc_switch{display:none}

.headbar_bpx_icon .search{z-index:3}



.headbar_bpx_icon .phone:hover .phone-text{visibility:visible; opacity:1; top:45px}

.headbar_bpx_icon .search:hover .search-box{visibility:visible; opacity:1; right:35px} 



/*首页*/

.index_show{/* height:calc(100vh - 130px);*/ position:relative; overflow:hidden}

.index_show .uk-slideshow-fullscreen,

.index_show .uk-slideshow-fullscreen>li{/*height:calc(100vh - 130px);*/}

.index_show.hover{min-height:0}

.index_show img{width:100%}



.index_show:hover .uk-slidenav-position .uk-slidenav{opacity:1}

.index_show .uk-slidenav-position .uk-slidenav:hover{background:rgba(0,0,0,0.5)}



.index_show .uk-slideshow,.index_show .uk-slideshow>li{}

.index_show .uk-dotnav{text-align:center; bottom:20px; display:block}

.index_show .uk-dotnav>*{float:none; display:inline-block; padding-left:10px; margin:0}

.index_show .uk-dotnav>*>*{width:15px; height:15px; background:rgba(255,255,255,0.6)}

.index_show .uk-dotnav>.uk-active>*{transform:scale(1); background:#fff}





.index-title{text-align:center; padding-bottom:35px; position:relative}

.index-title:after{content:""; display:block; margin:0 auto; width:55px; height:5px; background:#0951AE}

.index-title .en{font-size:16px; color:#999999; line-height:25px}

.index-title .cn{font-size:26px; line-height:35px; padding-bottom:10px}



.index-1{padding:20px 0 60px 0; background:#fff}

.index-1 .title-h1{overflow:hidden; line-height:35px; padding:20px 0}

.index-1 .title-h1 .t{font-size:26px; float:left}

.index-1 .title-h1 .t:after{content:""; display:block; margin-top:5px; width:50px; height:5px; background:#0951AE}

.index-1 .title-h1 .more{float:right; font-size:16px; color:#0951AE}

.index-1 .title-h1 .more:hover{text-decoration:underline}



.index-1-left{float:left; width:690px}

.index-1-left .text{font-size:16px; color:#666666; line-height:28px}

.index-1-left .text img{width:100%}



.index-1-right{float:right; width:514px; background:#f9f9f9; overflow:hidden; font-size:16px}

.index-1-right .title-h1{margin:0 40px}

.index-news-list{padding:0 40px; margin-top:-15px; margin-bottom:45px}

.index-news-list *{overflow:hidden}

.index-news-list li{padding:15px 0; border-bottom:1px solid #eee}

.index-news-list li .titleL1{height:27px; line-height:27px}

.index-news-list li .titleL1 a{display:block; width:80%; float:left; height:27px; color:#666666}

.index-news-list li .titleL1 .time{ float:right; font-size:16px; color:#CECECE}

.index-news-list li .txt{color:#999; line-height:28px; height:56px; margin-top:15px; display:none}

.index-news-list li.hover .titleL1 a{color:#0951AE}

.index-news-list li.hover .titleL1 .time{color:#999999}



.index-hotline{height:174px; background:url(../images/gphone.png) no-repeat; position:relative}

.index-hotline .box{position:absolute; left:40px; right:0; color:#226CCA}

.index-hotline .box .t{font-size:18px; line-height:30px; position:relative; padding-left:25px; font-weight:bold}

.index-hotline .box .t:after{content:""; position:absolute; width:23px; height:23px; left:0; top:50%; margin-top:-11.5px; background:url(../images/icon-_phone24h.png) no-repeat; background-size:100%}

.index-hotline .box .number{font-size:38px; line-height:40px; font-family:Raleway; font-weight:SemiBold}





.index-2{padding:0 0 50px 0}

.index-2-nav{margin-left:-20px; overflow:hidden}

.index-2-nav *{overflow:hidden}

.index-2-nav li{float:left; padding-bottom:20px}

.index-2-nav li .box{display:block; margin-left:20px; position:relative; height:350px}
.index-2-nav li .box{width: 400px;}

/*.index-2-nav li:nth-child(1) .box{width:780px}

.index-2-nav li:nth-child(2) .box{width:440px}

.index-2-nav li:nth-child(3) .box{width:440px}

.index-2-nav li:nth-child(4) .box{width:780px}*/

.index-2-nav li .box img{width:100%; float:left; height:350px; object-fit:cover}

.index-2-nav li .box .title{position:absolute; color:#fff; left:0; right:0; bottom:0; padding:25px 30px; font-size:16px; line-height:30px;

FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000,endColorStr=000); /*IE 6 7 8*/ 

background:-ms-linear-gradient(top, rgba(0,0,0,0),  rgba(0,0,0,1));        /* IE 10 */

background:-moz-linear-gradient(top, rgba(0,0,0,0),  rgba(0,0,0,1));/*火狐*/ 

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));/*谷歌*/ 

background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));      /* Safari 4-5, Chrome 1-9*/

background:-webkit-linear-gradient(top, rgba(0,0,0,0),  rgba(0,0,0,1));   /*Safari5.1 Chrome 10+*/

background:-o-linear-gradient(top, rgba(0,0,0,0),  rgba(0,0,0,1));  /*Opera 11.10+*/}

.index-2-nav li .box .title .t{font-size:22px}

.index-2-nav li .box .title .more{height:0}

.index-2-nav li:hover .box .title .more{height:30px}



.index-3{padding:0 0 60px 0}

.index-3-list{margin-left:-20px; overflow:hidden}

.index-3-list *{overflow:hidden}

.index-3-list li{float:left; width:25%}

.index-3-list li .box{display:block; margin-left:20px; text-align:center}

.index-3-list li img{width:100%}

.index-3-list li .title{font-size:20px; color:#666666; line-height:30px; padding-top:10px}

.index-3-list li .box:hover .title{color:#0951AE}





.index-4{padding:30px 0; background:#f8f8fa}

.index-4-list{margin-left:-20px}

.index-4-list *{overflow:hidden}

.index-4-list li{float:left; width:33.3%}

.index-4-list li .box{margin-left:20px; display:block; position:relative}

.index-4-list li img{width:100%}

.index-4-list li .title{position:absolute; width:100%; left:0; text-align:center}

.index-4-list li .title span{display:block; margin:0 auto; height:70px; width:225px; border-radius:10px; line-height:70px; color:#fff; font-size:20px; background:rgba(9,81,174,0.8)}

.index-4-list li:hover .title span{background:rgba(9,81,174,1)}





.index-5{padding:50px 0}



#certify{position:relative; padding:0 220px}

#certify .swiper-container{overflow:hidden; padding:15px 0}

#certify  .swiper-slide{width:235px; height:330px; background:#fff;}

#certify  .swiper-slide img{width:100%; height:330px}

#certify .swiper-slide-active{background-color:#fff; -webkit-box-shadow:rgba(0,0,0,0.19) 0 0 15px; -moz-box-shadow:rgba(0,0,0,0.19) 0 0 15px; box-shadow:rgba(0,0,0,0.19) 0 0 15px}

#certify .button{position:absolute; width:48px; height:48px; top:50%; margin-top:-24px;}

#certify .swiper-prev{left:100px; background:url(../images/arrow_left_circle.png) no-repeat; background-size:100%}

#certify .swiper-prev:hover{background:url(../images/arrow_left_circleA.png) no-repeat; background-size:100%}

#certify .swiper-next{right:100px; background:url(../images/arrow_right_circle.png) no-repeat; background-size:100%}

#certify .swiper-next:hover{background:url(../images/arrow_right_circleA.png) no-repeat; background-size:100%}







.index-6{padding:30px 0 50px 0; background:#08428e; overflow:hidden; position:relative}

.index-6 .layout{position:relative; z-index:3}

.index-6 .index-title:after{background:#fff; border-radius:50px; height:7px}

.index-6 .index-title .en,

.index-6 .index-title .cn{color:#fff}

#webgl{width:100%; height:100%; position:absolute; left:0; top:0}

.index-message{margin-left:-15px; padding:0 0 45px 0}

.index-message li{float:left; width:33.3%}

.index-message li .box{margin-left:15px; height:46px; line-height:46px; border-radius:5px; border:1px solid #70a2e3; background:rgba(87,124,204,0.8); position:relative; padding-left:60px; padding-right:20px; color:#fff}

.index-message li .box .t{position:absolute; left:18px; font-size:16px}

.index-message li .box .text{width:100%; height:46px; border:0; background:none; color:#fff; font-size:16px}

.index-message-bnt{display:block; width:155px; height:50px; line-height:50px; background:#3f8bec; text-align:center; border-radius:50px; font-size:16px; color:#fff !important; margin:0 auto}

.index-message-bnt:hover{background:#2073dc}



.tips-pop{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:999; overflow:auto; display:none}

.tips-pop .box{position:absolute; width:800px; left:50%; margin-left:-400px; background:#fff; border-radius:10px; text-align:center; padding:150px 0}

.tips-pop .box .close{position:absolute; right:25px; top:25px; width:30px; height:30px; background:url(../images/close-30.png) no-repeat; background-size:100%}

.tips-pop .box .success{display:block; width:108px; height:108px; margin:0 auto; background:url(../images/check_circle.png) no-repeat; background-size:100%}

.tips-pop .box .text{padding:30px 0 60px 0; font-size:16px; line-height:25px}

.tips-pop .box .text .h1{font-size:20px; line-height:30px; padding-bottom:10px; font-weight:bold}

.tips-pop .box .bnt{display:block; width:180px; height:52px; border:1px solid #004bb2; text-align:center; line-height:52px; border-radius:50px; text-align:center;color:#fff; font-size:16px; margin:0 auto; background:#1c62bd;

FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0b53af,endColorStr=#4d8ee2);

background:-ms-linear-gradient(left,#0b53af,#4d8ee2);

background:-moz-linear-gradient(left,#0b53af,#4d8ee2);

background:-webkit-gradient(linear,0 0,100% 0,from(#0b53af),to(#4d8ee2));

background:-webkit-gradient(linear,0 0,100% 0,from(#0b53af),to(#4d8ee2));

background:-webkit-linear-gradient(left,#0b53af,#4d8ee2)}







/*二级公共样式*/

.second-show{overflow:hidden; position:relative}

.second-show img{float:left; width:100%}

.second-show .text{position:absolute; left:0; width:100%; text-align:center; color:#fff; line-height:30px}

.second-show .text .en{font-size:16px}

.second-show .text .cn{font-size:24px}



.position-box{border-bottom:1px solid #ececec; line-height:70px}

.position-l{float:left; font-size:14px; color:#666; position:relative; padding-left:23px}

.position-l:before{content:""; position:absolute; width:16px; height:16px; background:url(../images/icon-home.png) no-repeat; left:0; top:50%; margin-top:-8px}

.position-l a{color:#666666}

.position-l a:hover{color:#13519f}

.position-nav{float:right}

.position-nav li{float:left; padding-left:40px}

.position-nav li a{display:block; height:70px; position:relative; font-size:14px; padding:0 5px}

.position-nav li a:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#fff}

.position-nav li.hover a{color:#13519f}

.position-nav li.hover a:before,

.position-nav li:hover a:before{background:#13519f}



/*关于我们*/

.second-h1{text-align:center; font-size:26px; text-align:center; line-height:30px; margin-bottom:40px}

.second-h1:after{content:""; display:block; width:32px; height:6px; background:#13519f; border-radius:50px; margin:10px auto 0 auto}

.about-1{padding:70px 0}

.about-1 .second-h1{text-align:left; margin-bottom:25px}

.about-1 .second-h1:after{margin:10px 0 0 0}

.about-text .text{float:left; width:45%; font-size:16px; line-height:28px; height:355px; overflow:hidden}

.about-text .mCSB_scrollTools .mCSB_draggerRail{background:#d4deea; width:6px;}

.about-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#4580cc;}

.about-text .img{float:right; width:50%; background:#4580cc; border-radius:5px}

.about-text .img img{width:100%; top:-10px; left:-10px; position:relative; border-radius:5px}



.about-2{padding:10px 0 50px 0}

.about-2-list{overflow:hidden; margin-left:-30px}

.about-2-list *{overflow:hidden}

.about-2-list li{float:left; width:20%}

.about-2-list li .box{margin-left:30px; color:#fff; text-align:center; position:relative}

.about-2-list li .box img{width:100%; float:left}

.about-2-list li .box .text{position:absolute; width:80%; left:10%; top:100px}

.about-2-list li .box .text .h1{font-size:22px; line-height:30px; padding-bottom:10px}

.about-2-list li .box .text .txt{font-size:16px; line-height:28px}



.about-3{height:488px; background:url(../images/about-3.jpg) no-repeat center 0; background-size:cover}

.about-3 .layout{padding:30px 0 0 0}

.about-3-text{text-align:center; font-size:16px; line-height:30px}

.about-3-text img{margin:0 10px}



.about-4{padding:50px 0}

.about-4-text{font-size:16px; line-height:28px}

.about-4-text img{float:left; width:60%; margin-right:20px}



/*关于我们-新闻中心*/

.about-list{overflow:hidden}

.about-list li{padding:25px 0; border-bottom:1px solid #ececec}

.about-list li *{overflow:hidden}

.about-list li .box{display:block; height:165px; position:relative; padding:0 280px 0 285px}

.about-list li .box .img{position:absolute; width:255px; height:165px; left:0; top:0}

.about-list li .box img{width:100%; height:165px}

.about-list li .box .title{font-size:18px; line-height:30px; height:30px; margin:15px 0}

.about-list li .box .text{font-size:14px; color:#666666; line-height:20px; height:60px}

.about-list li .box .time{color:#999999; position:absolute; right:0; top:15px; line-height:30px; font-size:28px}



.paging-box{text-align:center; padding:40px 0}

.paging-box a,

.paging-box span{display:inline-block; width:30px; height:30px; border-radius:3px; text-align:center; font-size:14px; line-height:30px;border:1px solid #dfe3e8; margin:0 4px}

.paging-box a{}

.paging-box span{border-color:#0951ae; background:#0951ae; color:#fff}

.paging-box .a{color:#c4cdd5; font-weight:bold}

.paging-box a:hover{background:#c8ced5; color:#e1e6ea}





.details-box{text-align:center; padding:40px 0 20px 0; margin-bottom:25px; border-bottom:1px solid #ececec}

.details-box .title-h1{font-size:32px; line-height:40px; padding-bottom:10px}

.details-box .time{font-size:16px; color:#666666; line-height:28px}

.details-text{font-size:16px; line-height:28px}

.details-text img{max-width:100% !important}

.details-page{padding:60px 0; position:relative}

.details-page .a{display:block; height:58px; line-height:58px; font-size:16px; color:#666666; padding:0 20px}

.details-page .a:hover{color:#fff; background:#13519f}

.details-page .a:hover span{color:#fff}

.details-page .l{float:left}

.details-page .r{float:right}

.details-page .a span{display:block; height:58px; overflow:hidden; position:relative}

.details-page .a span:before{content:""; position:absolute; width:24px; height:24px; top:50%; margin-top:-12px}

.details-page .l span{padding-left:55px}

.details-page .l span:before{background:url(../images/page_leftA.png) no-repeat; left:0}

.details-page .r span{padding-right:55px}

.details-page .r span:before{background:url(../images/page_rightA.png) no-repeat; right:0}

.details-page .l:hover span:before{background:url(../images/page_left.png) no-repeat}

.details-page .r:hover span:before{background:url(../images/page_right.png) no-repeat}

.details-page .return{position:absolute; left:50%; margin-left:-45px; top:50%; margin-top:-29px; width:90px; height:58px; background:url(../images/return.png) no-repeat}



.second-pa{overflow:hidden}

/*生产体系*/

.second-pa30{padding:30px 0}

.second-pa30 .details-page{padding:60px 0 30px 0;}

.production-box{position:relative}

.production-box:before{content:""; position:absolute; width:1px; height:100%; left:255px; top:0;  background:#ececec}

.production-left{float:left; width:240px}

.production-left-title{position:relative; padding-left:15px; font-size:22px; margin-bottom:15px}

.production-left-title:before{content:""; position:absolute; width:6px; height:20px; left:0; top:50%; margin-top:-10px; background:#13519f; border-radius:10px}

.production-left-nav{}

.production-left-nav li{padding-bottom:10px}

.production-left-nav li .title{position:relative; height:48px; line-height:48px; padding:0 15px; font-size:16px; border-radius:5px; cursor:pointer}

.production-left-nav li .title:before{content:""; position:absolute; width:24px; height:24px; right:10px; top:50%; margin-top:-12px; background:url(../images/chevron_down.png) no-repeat}
.production-left-nav li .title a{display:block; background:#fff; position:relative; z-index:2}

.production-left-nav li .down{font-size:14px; line-height:28px; display:none}

.production-left-nav li .down p a{display:block; padding:0 20px}

.production-left-nav li.hover .title,
.production-left-nav li.hover .title a,
.production-left-nav li:hover .title,
.production-left-nav li:hover .title a{background:#e8f0fb}

.production-left-nav li.hover .title:before{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg)}

.production-left-nav li.hover .down{display:block}



.production-right{float:right; width:920px}

.production-list{margin-left:-20px; overflow:hidden}

.production-list *{overflow:hidden}

.production-list li{float:left; width:33.3%; padding-bottom:10px; text-align:center}

.production-list li .box{display:block; margin-left:20px}

.production-list li .img{border:1px solid #ececec; position:relative}

.production-list li .img:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:3; background:rgba(19,81,159,0.6) url(../images/search-54.png) no-repeat center center; opacity:0}
.production-list li a:hover .img:before{ opacity:1}
.production-list li .img img{width:100%; height:320px}

.production-list li .title{font-size:16px; height:60px; line-height:60px}



/*生产体系-技术支持*/

.production-technology-list{padding-top:10px; overflow:hidden}

.production-technology-list *{overflow:hidden}

.production-technology-list li{padding-top:20px}

.production-technology-list li .box{display:block; border:1px solid #ececec; padding:0 530px 0 30px; height:248px; position:relative}

.production-technology-list li .box .img{position:absolute; right:30px; width:317px; height:230px; top:50%; margin-top:-115px;}

.production-technology-list li .box .img img{width:100%; height:230px}

.production-technology-list li .box .title{font-size:18px; height:30px; line-height:30px; margin-top:20px; font-weight:bold}

.production-technology-list li .box .text{margin:25px 0; height:75px; font-size:14px; line-height:25px; color:#666}

.production-technology-list li .box .more{font-size:16px; color:#13519F}



/*工程应用-解决方案*/

.application-list{padding-top:10px}

.application-list li *{overflow:hidden}

.application-list li{padding-top:30px}

.application-list li .box{display:block; background:#fff; padding:0 530px 0 40px; height:280px; position:relative;

-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 12px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 12px; box-shadow:rgba(0,0,0,0.2) 0px 0px 12px}

.application-list li .box .img{position:absolute; right:0; top:0; width:420px; height:280px}

.application-list li .box .img img{width:100%; height:280px}

.application-list li .box .time{margin-top:25px; line-height:20px; font-size:14px; color:#666}

.application-list li .box .titleL1{font-size:20px; height:30px; line-height:30px}

.application-list li .box .text{margin:20px 0; height:50px; font-size:14px; line-height:25px; color:#666}

.application-list li .box .more{display:block; width:128px; height:43px; border:1px solid #000; line-height:45px; font-size:16px; background:#fff; color:#000; text-align:center}

.application-list li .box:hover .more{ border-color:#13519f; background:#13519f; color:#fff; }



/*工程应用-项目实施*/

.application-project-list{margin-left:-25px; overflow:hidden}

.application-project-list li *{overflow:hidden}

.application-project-list li{float:left; width:33.3%; padding-top:35px; text-align:center}

.application-project-list li .box{display:block; margin-left:25px; border:1px solid #ececec; background:#fff}

.application-project-list li .img{position:relative}

.application-project-list li .img img{width:100%; height:280px}

.application-project-list li .title{font-size:16px; height:60px; line-height:60px}

.application-project-list li .box:hover{-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 12px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 12px; box-shadow:rgba(0,0,0,0.2) 0px 0px 12px}

.paging-more{display:block; margin:40px auto; width:240px; height:64px; line-height:64px; border:1px solid #000; text-align:center; line-height:px; font-size:18px}

.paging-more span{padding-right:25px; position:relative}

.paging-more span:before{content:""; position:absolute; right:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/chevron_down.png) no-repeat}

.paging-more:hover span:before{background:url(../images/chevron_downB.png) no-repeat}

.paging-more:hover{background:#13519f; border-color:#13519f; color:#fff}

/*人才理念-员工风采/招聘信息*/

.idea-1{padding:30px 0}

.idea-1-list{overflow:hidden; margin-left:-10px}

.idea-1-list *{overflow:hidden}

.idea-1-list li{float:left; padding-bottom:10px}

.idea-1-list li .box{margin-left:10px; position:relative}

.idea-1-list li .box img{float:left; height:310px}



.idea-2{padding:30px 0}

.idea-2-text{text-align:center; font-size:16px; line-height:30px; padding:0 10%}

.idea-2-list{padding-top:20px; overflow:hidden}

.idea-2-list li{border:1px solid #ececec; margin-top:20px}

.idea-2-list li .title{padding:20px; position:relative; padding-right:100px; font-size:16px; color:#666666; line-height:30px; cursor:pointer}

.idea-2-list li .title:before{content:""; position:absolute; right:30px; top:50%; margin-top:-16px; width:32px; height:32px; background:url(../images/icon-circle.png) no-repeat}

.idea-2-list li .title .h1{font-size:20px; line-height:30px; height:30px; color:#333; font-weight:bold}

.idea-2-list li .text{padding:20px; padding-top:0; font-size:16px; line-height:28px; color:#666666; display:none}

.idea-2-list li.hover .title:before{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg)}



/*联系我们*/

.contact-list{text-align:center; padding:50px 10%}

.contact-list li{float:left; width:33.3%}

.contact-list li img{height:76px; margin-bottom:10px}

.contact-list li .txt{padding:0 10%; font-size:16px; line-height:25px}

.contact-map{padding:30px 0 0 0}

.contact-map .map{overflow:hidden; height:400px}

.contact-map .map img{ width:auto; max-width:inherit;}





/*销售洽谈-技术/方案咨询/项目合作/产品购买*/

.sale-1{background:#fafbfd; padding:30px 0}

.sale-message{margin-left:-30px}

.sale-message li{float:left; width:25%}

.sale-message li .box{margin-left:30px; height:46px; line-height:46px; border-radius:5px; border:1px solid #ced4da; background:#fff; position:relative; padding:0 15px}

.sale-message li .box .text{width:100%; height:46px; border:0; background:none; font-size:16px}

.sale-message li .box1{margin-left:30px}

.sale-message-bnt{display:block; height:48px; color:#fff !important; background:#0951ae; line-height:48px; text-align:center; font-size:16px; border-radius:5px;}

.sale-message-bnt:hover{background:#094797}





.sale-2{padding:45px 0 95px 0}

.sale-1-img{float:left; width:48%}

.sale-1-img img{width:100%}

.sale-1-box{float:right; width:50%; font-size:16px; line-height:35px}

.sale-1-h1{font-size:20px; font-weight:bold; line-height:30px; padding-bottom:15px}

.sale-1-h1 p{padding-bottom:15px}



.sale-3{background:url(../images/sale-3.jpg) no-repeat center center}

.sale-3 .layout{height:440px; position:relative}

.sale-3-box{position:absolute; right:138px; bottom:25px; width:428px; height:438px; background:#fff;  border:1px solid #efefef; border-radius:5px; overflow:hidden}

.sale-3-box .title-h1{font-size:16px; line-height:20px; padding:30px 0; text-align:center}

.sale-3-message{padding:0 30px 10px 30px}

.sale-3-message li{padding-bottom:18px}

.sale-3-message li .box{height:46px; line-height:46px; border-radius:5px; border:1px solid #ced4da; background:#fff; padding:0 15px}

.sale-3-message li .box .text{width:100%; height:46px; border:0; background:none; font-size:16px}

.sale-3-message-bnt{display:block; width:175px; height:48px; color:#fff !important; background:#0951ae; line-height:48px; text-align:center; font-size:16px; border-radius:5px; margin:0 auto}

.sale-3-message-bnt:hover{background:#094797}



.sale-3 .bottom{padding:15px 0; line-height:30px; background:#e1eaf8; text-align:center; position:absolute; width:100%; left:0; bottom:0}

.sale-3 .bottom .t{position:relative; padding-left:25px; font-size:18px; color:#226CCA; font-weight:bold; padding-right:10px}

.sale-3 .bottom .t:after{content:""; position:absolute; width:23px; height:23px; left:0; top:50%; margin-top:-11.5px; background:url(../images/icon-_phone24h.png) no-repeat; background-size:100%}

.sale-3 .bottom .number{font-size:38px; font-family:Raleway; font-weight:SemiBold}





/*搜索结果页*/

.search-list{overflow:hidden}

.search-list li{border:1px solid #ececec; padding:20px; margin-top:20px; color:#666666; font-size:14px; line-height:25px}

.search-list li .title{font-size:18px; line-height:25px; font-weight:bold}

.search-list li .title span{color:#0951ae}

.search-list li .txt{margin:10px 0}

@media screen and (max-width:750px){

	.pc{display:none !important}

    .web{display:block !important}

	.layout{width:auto}

	.online-servic{display:none}

	

	/*底部样式*/

	.footer{font-size:0.22rem; line-height:0.35rem}

	.footer-top{display:none}

	.footer-text{padding:0.2rem 0.3rem; font-size:0.22rem}

	.footer-text span{display:block}

	

	/*导航*/

	.bh_88{height:0.88rem}

	.headbar_bpx .logo{left:0.3rem; height:0.68rem; margin-top:-0.34rem}

	.ioc_switch{display:block; position:absolute; top:0; right:0; width:50px; height:0.88rem; text-align:center; overflow:hidden; z-index:4}

	.ioc_switch i{display:block; position:relative; width:0.44rem; height:0.32rem; margin:0.28rem auto}

	.ioc_switch i:before,

	.ioc_switch i:after{content:""; position:absolute; left:50%; margin-left:-0.22rem; background:#d8d8d8; width:100%; height:0.04rem}

	.ioc_switch i:before{top:0}

	.ioc_switch i:after{bottom:0}

	.ioc_switch i em{position:absolute; left:0; top:50%; margin-top:-0.02rem; background:#d8d8d8; width:100%; height:0.04rem}

	.ioc_switch.on i:before,

	.ioc_switch.on i:after{bottom:inherit; top:50%; margin-top:-0.02rem}

	.ioc_switch.on i:before{transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg)}

	.ioc_switch.on i:after{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg)}

	.ioc_switch.on i em,

	.headbar_bpx_icon{display:none}

	.main-nav-pc{position:fixed; left:0; top:0.88rem; width:100%; height:calc(100% - 0.88rem); background:#f4f4f4; display:none; margin:0; float:none}

	.main-nav-pc li{float:none; width:auto; position:relative; margin:0; padding:0 0.3rem}

	.main-nav-pc li .a{height:0.85rem; line-height:0.85rem; font-size:0.28rem; width:auto; text-align:left; padding:0; border-bottom:1px solid #ddd}

	.main-nav-pc li.d .a a,

	.main-nav-pc li .drop-down:before{display:none}

	.main-nav-pc li .drop-down{display:none; position:relative; width:auto; margin:1px 0 0 0; padding:0; left:0; top:0; text-align:left; background:#f4f4f4; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; opacity:1; visibility:visible;

	-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease}

	.main-nav-pc li .drop-down a{display:block; height:0.85rem; padding:0 0.2rem; line-height:0.85rem; border-bottom:1px solid #ddd; font-size:0.28rem}

	.main-nav-pc li:hover .drop-down{display:none; opacity:1; visibility:visible; top:0}

	.main-nav-pc li:hover .a,

	.main-nav-pc li.hover .a{}

	

	

	/*焦点图*/

	.index_show .uk-dotnav{bottom:10px}

	.index_show .uk-slidenav{display:none}

	.index_show .uk-position-cover{display:none}

	.index_show .uk-slideshow>li>.web{visibility:visible; opacity:1 !important}

	.index_show .uk-slideshow>li:nth-child(1) img{display:none}

	.index_show .uk-slidenav-position .uk-slidenav{display:none}

	.index_show .uk-dotnav>*>*{width:10px; height:10px}

	

	/*首页*/

	

	

	.index-title{text-align:center; padding-bottom:0.4rem; position:relative}

	.index-title:after{content:""; display:block; margin:0 auto; width:55px; height:5px; background:#0951AE}

	.index-title .en{font-size:0.24rem; line-height:0.33rem}

	.index-title .cn{font-size:0.4rem; line-height:0.56rem}



	.index-1{padding:0.3rem 0.2rem}

	.index-1 .title-h1{overflow:hidden; line-height:35px; padding:20px 0}

	.index-1 .title-h1 .t{font-size:0.4rem; float:left}

	.index-1 .title-h1 .t:after{content:""; display:block; margin-top:5px; width:50px; height:5px}

	.index-1 .title-h1 .more{float:right; font-size:0.24rem}

	



	.index-1-left{float:none; width:auto}

	.index-1-left .text{font-size:0.24rem; line-height:0.4rem}

	



	.index-1-right{float:none; width:auto; font-size:0.24rem}

	.index-1-right .title-h1{margin:0 0.2rem}

	.index-news-list{padding:0 0.2rem; margin-top:0; margin-bottom:0.3rem}

	

	.index-news-list li{padding:15px 0}

	.index-news-list li .titleL1{height:0.33rem; line-height:0.33rem}

	.index-news-list li .titleL1 a{height:0.33rem; font-size:0.28rem}

	.index-news-list li .titleL1 .time{ font-size:0.22rem}

	.index-news-list li .txt{line-height:28px; height:56px; margin-top:15px;}

	.index-hotline{background:url(../images/gphone.png) no-repeat; background-size:cover}





	.index-2{padding:0 0.2rem 0.3rem 0.2rem}

	.index-2-nav{margin-left:0}

	.index-2-nav *{overflow:hidden}

	.index-2-nav li{float:none; padding-bottom:0.2rem}

	.index-2-nav li .box{display:block; margin-left:0; position:relative; height:auto}

	.index-2-nav li:nth-child(1) .box,

	.index-2-nav li:nth-child(2) .box,

	.index-2-nav li:nth-child(3) .box,

	.index-2-nav li:nth-child(4) .box{width:auto}

	.index-2-nav li .box img{width:100%; float:left; height:auto; object-fit:cover}

	.index-2-nav li .box .title{padding:25px 30px; font-size:0.24rem; line-height:0.5rem;}

	.index-2-nav li .box .title .t{font-size:0.4rem}

	.index-2-nav li .box .title .more{height:auto}



	.index-3{padding:0 0.2rem 0.3rem 0.2rem}

	.index-3-list{margin-left:-0.2rem}

	.index-3-list li{float:left; width:50%}

	.index-3-list li .box{margin-left:0.2rem}

	.index-3-list li .title{font-size:0.3rem; line-height:0.35rem; padding:0.1rem 0 0.2rem 0}



	.index-4{padding:0.3rem 0.2rem}

	.index-4-list{margin-left:0}

	.index-4-list li{float:none; width:auto; padding-bottom:0.2rem}

	.index-4-list li .box{margin-left:0}

	.index-4-list li .title span{width:60%; font-size:0.35rem}



	.index-5{padding:0.3rem 0.2rem}



	#certify{position:relative; padding:0}

	#certify .swiper-container{overflow:hidden; padding:15px 0}

	#certify  .swiper-slide{width:235px; height:330px; background:#fff;}

	#certify  .swiper-slide img{width:100%; height:330px}

	#certify .swiper-slide-active{background-color:#fff; -webkit-box-shadow:rgba(0,0,0,0.19) 0 0 15px; -moz-box-shadow:rgba(0,0,0,0.19) 0 0 15px; box-shadow:rgba(0,0,0,0.19) 0 0 15px}

	#certify .button{position:absolute; width:48px; height:48px; top:50%; margin-top:-24px; z-index:9}

	#certify .swiper-prev{left:0}

	#certify .swiper-next{right:0}





	.index-6{padding:0.3rem 0.2rem 0.5rem 0.2rem}

	.index-message{margin-left:0; padding:0}

	.index-message li{float:none; width:auto; padding-bottom:0.2rem}

	.index-message li .box{margin-left:0}

	.index-message-bnt{width:auto; border-radius:5px}



	.tips-pop .box{width:90%; left:5%; margin-left:0; border-radius:10px; padding:1.5rem 0}

	.tips-pop .box .close{right:25px; top:25px; width:30px; height:30px}

	.tips-pop .box .success{width:1.5rem; height:1.5rem}

	.tips-pop .box .text{padding:0.3rem 0 0.5rem 0; font-size:14px; line-height:22px}

	.tips-pop .box .text .h1{font-size:20px; line-height:30px; padding-bottom:10px}

	.tips-pop .box .bnt{display:block; width:180px; height:52px; border:1px solid #004bb2; text-align:center; line-height:52px; border-radius:50px; text-align:center;color:#fff; font-size:16px;}

	

	





	/*二级公共样式*/

	.second-show{position:relative}

	.second-show .text{line-height:0.45rem}

	.second-show .text .en{font-size:0.26rem}

	.second-show .text .cn{font-size:0.4rem}



	.position-box{line-height:0.3rem; height:auto; padding:0.2rem}

	.position-l{float:none; font-size:12px; padding-left:23px}



	.position-nav{display:none}





	/*关于我们*/

	.second-h1{font-size:0.35rem; line-height:0.45rem; margin-bottom:0.2rem}

	.second-h1:after{content:""; display:block; width:32px; height:6px; background:#13519f; border-radius:50px; margin:10px auto 0 auto}

	.about-1{padding:0.3rem 0.2rem}

	.about-1 .second-h1{text-align:center; margin-bottom:25px}

	.about-1 .second-h1:after{margin:10px auto}

	.about-text .text{float:none; width:auto; font-size:14px; line-height:22px; height:auto; overflow:auto; margin-bottom:0.3rem}

	.about-text .img{float:none; width:auto; padding:10px}

	.about-text .img img{width:100%; top:0; left:0}



	.about-2{padding:0.3rem 0.2rem}

	.about-2-list{overflow:hidden; margin-left:-10px}

	.about-2-list *{overflow:hidden}

	.about-2-list li{float:left; width:50%; padding-bottom:0.2rem}

	.about-2-list li .box{margin-left:10px; color:#fff; text-align:center; position:relative}

	.about-2-list li .box .text{width:80%; left:10%; top:30%}

	.about-2-list li .box .text .h1{font-size:22px; line-height:30px; padding-bottom:10px}

	.about-2-list li .box .text .txt{font-size:14px; line-height:22px}



	.about-3{height:auto}

	.about-3 .layout{padding:0.3rem 0.2rem}

	.about-3-text{text-align:center; font-size:14px; line-height:22px}

	.about-3-text img{margin:0}



	.about-4{padding:0.3rem 0.2rem}

	.about-4-text{font-size:14px; line-height:22px}

	.about-4-text img{float:none; width:100%; display:block; margin-right:0; margin-bottom:0.2rem}



	/*关于我们-新闻中心*/

	.about-list li{padding:25px 0.2rem; border-bottom:1px solid #ececec}

	.about-list li .box{height:auto; position:relative; padding:0}

	.about-list li .box .img{position:relative; width:100%; height:auto; left:0; top:0}

	.about-list li .box img{width:100%; height:auto}

	.about-list li .box .title{font-size:18px; line-height:30px; height:30px; margin:0.1rem 0}

	.about-list li .box .text{font-size:14px; line-height:20px; height:60px}

	.about-list li .box .time{position:relative; display:block; right:0; top:0; line-height:20px; font-size:14px; padding-top:0.1rem}



	.paging-box{padding:0.4rem 0}

	.paging-box a,

	.paging-box span{width:20px; height:20px; font-size:12px; line-height:20px; margin:0 2px}



	.details-box{padding:0.2rem 0; margin:0 0.2rem; margin-bottom:0.2rem}

	.details-box .title-h1{font-size:20px; line-height:30px; padding-bottom:10px}

	.details-box .time{font-size:14px; line-height:25px}

	.details-text{font-size:14px; line-height:22px; padding:0 0.2rem}

	.details-page{padding:0.4rem 0.2rem}

	.details-page .a{display:block; height:30px; line-height:30px; font-size:14px; padding:5px 0.2rem; margin-bottom:0.1rem;}

	.details-page .a{color:#fff; background:#13519f}

	.details-page .a span{color:#fff}

	.details-page .l{float:none}

	.details-page .r{float:none}

	.details-page .a span{display:block; height:30px; overflow:hidden; position:relative}

	.details-page .a span:before{content:""; position:absolute; width:24px; height:24px; top:50%; margin-top:-12px}

	.details-page .l span{padding-left:30px}

	.details-page .l span:before{background:url(../images/page_leftA.png) no-repeat; left:0}

	.details-page .r span{padding-right:30px}

	.details-page .r span:before{background:url(../images/page_rightA.png) no-repeat; right:0}

	.details-page .l span:before{background:url(../images/page_left.png) no-repeat}

	.details-page .r span:before{background:url(../images/page_right.png) no-repeat}

	.details-page .return{position:relative; display:block; margin:0 auto; left:0; top:0;}





	/*生产体系*/

	.second-pa30{padding:0.2rem}

	.second-pa30 .details-page{padding:0.3rem 0;}

	.production-box:before{display:none}

	.production-left{float:none; width:auto}

	.production-left-title{position:relative; padding-left:15px; font-size:22px; margin-bottom:15px}

	.production-left-title:before{content:""; position:absolute; width:6px; height:20px; left:0; top:50%; margin-top:-10px; background:#13519f; border-radius:10px}

	.production-left-nav{}

	.production-left-nav li{padding-bottom:10px}

	.production-left-nav li .title{position:relative; height:48px; line-height:48px; padding:0 15px; font-size:16px; border-radius:5px; cursor:pointer}

	.production-left-nav li .title:before{content:""; position:absolute; width:24px; height:24px; right:10px; top:50%; margin-top:-12px; background:url(../images/chevron_down.png) no-repeat}

	.production-left-nav li .down{font-size:14px; line-height:28px; display:none}

	.production-left-nav li .down p a{display:block; padding:0 20px}

	.production-left-nav li.hover .title{background:#e8f0fb}

	.production-left-nav li.hover .title:before{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg)}

	.production-left-nav li.hover .down{display:block}

	

	.production-right{float:none; width:auto}

	.production-list{margin-left:0}

	.production-list *{overflow:hidden}

	.production-list li{float:none; width:auto; padding-bottom:10px; text-align:center}

	.production-list li .box{display:block; margin-left:0}

	

	.production-list li .img:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:3; background:rgba(19,81,159,0.6) url(../images/search-54.png) no-repeat center center}

	.production-list li .img img{width:100%; height:auto}

	.production-list li .title{font-size:16px; height:30px; line-height:30px}



	/*生产体系-技术支持*/

	.production-technology-list{padding:10px 0.2rem 0 0.2rem}

	.production-technology-list li{padding-top:0.2rem}

	.production-technology-list li .box{display:block; border:1px solid #ececec; padding:10px; height:auto}

	.production-technology-list li .box .img{position:relative; right:0; width:100%; height:auto; top:0; margin-top:0;}

	.production-technology-list li .box .img img{width:100%; height:auto}

	.production-technology-list li .box .title{margin-top:0.15rem}

	.production-technology-list li .box .text{margin:0.15rem 0}

	



	/*工程应用-解决方案*/

	.application-list{padding:10px 0.2rem 0 0.2rem}

	.application-list li{padding-top:0.2rem}

	.application-list li .box{display:block; background:#fff; padding:10px; height:auto;

	-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 12px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 12px; box-shadow:rgba(0,0,0,0.2) 0px 0px 12px}

	.application-list li .box .img{position:relative; right:0; top:0; width:auto; height:auto}

	.application-list li .box .img img{width:100%; height:auto}

	.application-list li .box .time{margin-top:0.15rem; line-height:20px; font-size:14px; color:#666}

	.application-list li .box .titleL1{font-size:18px; height:30px; line-height:30px}

	.application-list li .box .text{margin:0.15rem 0; height:50px; font-size:14px; line-height:25px; color:#666}

	.application-list li .box .more{width:auto; height:40px; line-height:40px; font-size:14px}

	.application-list li .box .more{border-color:#13519f; background:#13519f; color:#fff}



	/*工程应用-项目实施*/

	.application-project-list{margin-left:0; padding:0 0.2rem}

	.application-project-list li *{overflow:hidden}

	.application-project-list li{float:none; width:auto; padding-top:0.2rem}

	.application-project-list li .box{display:block; margin-left:0; border:1px solid #ececec}

	.application-project-list li .img img{width:100%; height:auto}

	

	.paging-more{margin:0.4rem 0.2rem; width:auto; height:60px; line-height:60px; border:1px solid #000; font-size:16px}

	.paging-more span:before{background:url(../images/chevron_downB.png) no-repeat}

	.paging-more{background:#13519f; border-color:#13519f; color:#fff}

	

	/*人才理念-员工风采/招聘信息*/

	.idea-1{padding:0.3rem 0.2rem}

	.idea-1-list{overflow:hidden; margin-left:0}

	.idea-1-list li{float:none; padding-bottom:10px}

	.idea-1-list li .box{margin-left:0; position:relative}

	.idea-1-list li .box img{float:none; width:100%; height:auto}



	.idea-2{padding:0.3rem 0.2rem}

	.idea-2-text{font-size:14px; line-height:22px; padding:0}

	.idea-2-list{padding-top:0.2rem}

	.idea-2-list li{border:1px solid #ececec; margin-top:0.2rem}

	.idea-2-list li .title{padding:0.2rem; padding-right:50px; font-size:14px; color:#666666; line-height:22px; cursor:pointer}

	.idea-2-list li .title:before{right:0.2rem; margin-top:-10px; width:20px; height:20px; background:url(../images/icon-circle.png) no-repeat; background-size:100%}

	.idea-2-list li .title .h1{font-size:18px; line-height:30px; height:30px}

	.idea-2-list li .text{padding:0.2rems; padding-top:0; font-size:14px; line-height:22px}

	



	/*联系我们*/

	.contact-list{text-align:center; padding:0.4rem 0.2rem}

	.contact-list li{float:none; width:auto; padding-top:0.2rem}

	.contact-list li img{height:50px; margin-bottom:10px}

	.contact-list li .txt{padding:0 10%; font-size:14px; line-height:22px}

	.contact-map{padding:0.3rem 0 0 0}

	.contact-map .map{overflow:hidden; height:300px}

	





	/*销售洽谈-技术/方案咨询/项目合作/产品购买*/

	.sale-1{background:#fafbfd; padding:0.3rem 0.2rem}

	.sale-message{margin-left:0}

	.sale-message li{float:none; width:auto; padding-bottom:0.15rem}

	.sale-message li .box{margin-left:0;}

	.sale-message li .box1{margin-left:0}

	



	.sale-2{padding:0.3rem 0.2rem}

	.sale-1-img{float:none; width:auto}

	.sale-1-img img{width:100%}

	.sale-1-box{float:none; width:auto; font-size:14px; line-height:22px; padding-top:0.3rem}

	.sale-1-h1{font-size:20px; font-weight:bold; line-height:30px; padding-bottom:15px}

	.sale-1-box p{padding-bottom:0.1rem}



	.sale-3{background:url(../images/sale-3.jpg) no-repeat center center; background-size:cover; padding:0.3rem 0.2rem}

	.sale-3 .layout{height:auto; position:relative}

	.sale-3-box{position:relative; right:0; bottom:0; width:auto; height:auto; background:#fff;  border:1px solid #efefef; border-radius:5px; overflow:hidden}

	.sale-3-box .title-h1{font-size:16px; line-height:20px; padding:0.3rem 0}

	.sale-3-message{padding:0 0.2rem 10px 0.2rem}

	.sale-3-message li{padding-bottom:18px}

	.sale-3-message li .box{height:46px; line-height:46px; border-radius:5px; border:1px solid #ced4da; background:#fff; padding:0 15px}

	.sale-3-message li .box .text{width:100%; height:46px; border:0; background:none; font-size:14px}

	.sale-3-message-bnt{display:block; width:175px; height:48px; color:#fff !important; background:#0951ae; line-height:48px; text-align:center; font-size:16px; border-radius:5px; margin:0 auto}

	

	.sale-3 .bottom{padding:15px 0; text-align:center; position:relative; width:100%; left:0; bottom:0; margin-top:0.2rem}

	.sale-3 .bottom .t{position:relative; padding-left:25px; font-size:18px; color:#226CCA; font-weight:bold; padding-right:10px}

	.sale-3 .bottom .t:after{content:""; position:absolute; width:23px; height:23px; left:0; top:50%; margin-top:-11.5px; background:url(../images/icon-_phone24h.png) no-repeat; background-size:100%}

	.sale-3 .bottom .number{font-size:38px; font-family:Raleway; font-weight:SemiBold}





	/*搜索结果页*/

	.search-list{padding:0 0.2rem}

	.search-list li{padding:0.2rem; margin-top:0.2rem; font-size:14px; line-height:22px}

	.search-list li .title{font-size:18px; line-height:25px}



	.search-list li .txt{margin:10px 0}

}



@media screen and (max-width:370px){

	

}



.highlight{color: #0951ae;}