@charset "utf-8";
html{-webkit-font-smoothing:antialiased;overflow-x: hidden;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;/* max-width: 100%;*/}
select,textarea,button,input[type=submit],input[type=button],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
textarea{ font-family: Arial; }
body{ font-size: 14px; color:#333;line-height:1.3;background:#fff; font: 14px/1.3  "Arial","Microsoft YaHei"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,.m_left,.i_cslick li p,.more i,.search_form,.search_input,.search_btn,.news_list li,.news_list li font,.mp2_tit a:after{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.nav > li{ transition: border-color 300ms; -moz-transition: border-color 300ms; -webkit-transition: border-color 300ms; -o-transition: border-color 300ms; }
.lang a{ transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.baseWidth{ width: 1300px; margin: 0 auto;}
.txt_overflow{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.img_box,.img{ position: relative; display: block; overflow: hidden; }
.img_box img,.img span,.img_box span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; background-repeat: no-repeat; background-position: center; background-size: cover; }
.img_box:hover img,.img:hover span{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.over{ overflow: hidden; }

/*header*/
.header{ height: 82px; line-height: 82px; border-bottom: 1px solid #e6e4e1; }
.h_box{ font-size: 0; }
.nav li{ padding: 0 14px; position: relative; float: left; display: block; box-sizing: border-box; }
.nav li > a{ font-size: 17px; display: block; color: #666; padding: 0 14px; }
.nav li:hover > a{ color: #2586be; }
.nav li.on > a{ border-bottom: 4px solid #2586be; color: #2586be; box-sizing: border-box; height: 82px; }

.s_nav{ display: none; border-top: 1px solid transparent; white-space: nowrap; min-width: 494px; font-size: 0; box-sizing: border-box; padding: 16px 20px; position: absolute; left: -62px; top: 82px; width: auto; line-height: 40px; z-index: 999; background: rgba(255,255,255,.94); box-shadow: 3px 3px 0px rgba(0,0,0,0.15); }
.nav_pic{ width: 266px; height: 186px; display: inline-block; vertical-align: top; background-position: center; background-size: cover; background-repeat: no-repeat; }
.nav li dl{ margin-right: 18px; display: inline-block; vertical-align: top; }
.nav li dl dd{ margin-right: 32px; display: inline-block; vertical-align: top; }
.nav li dl a{ font-size: 16px; padding: 0 10px; min-width: 118px; display: block; white-space: nowrap; background-position: 125px center; }
.nav li dl a:hover{ color: #004778; background: #e0e0e0 url(../images/icon68.png) 125px center no-repeat; }
.nav li.goright .s_nav{ left: auto; right: -62px; }


.header_box{ text-align: right; display: inline-block; vertical-align: top; /*width: 142px;*/ height: 82px; box-sizing: border-box; }
.search_form{/* display: inline-block!important;*/ width: 30px; height: 30px; line-height: 30px; font-size: 0; }
.search_input{ font-size: 14px; vertical-align: top; color: #000; box-sizing: border-box; width: 0; border: none; height: 30px; line-height: 30px; }
.search_btn{ user-select: none; outline: none; cursor: pointer; margin-left: -1px; vertical-align: top; width: 30px; height: 30px; background: url(../images/icon1.png) center no-repeat; background-size: 15px; border: none; }
.search_form.on{ /*background: #fff;*/ vertical-align: middle; width: 140px; overflow: hidden; border: 1px solid #2586be; border-radius: 12px; }
.search_form.on .search_input{ background: none; height: 30px; line-height: 30px; width: 110px; padding-left: 5px; }
.search_form.on .search_btn{ margin-left: 0; background: url(../images/icon1_g.png) center no-repeat; background-size: 15px;}
.lang{ position: relative; padding: 0 16px 0 7px; min-width: 58px; font-size: 14px; color: #666; background: url(../images/icon2.png) right center no-repeat; background-size: 15px; height: 30px; line-height: 30px;}
.lang:before{ content: ''; position: absolute; left: 0; height: 12px; top: 9px; width: 1px; background: #dedede; }
.lang span{ color: #666; cursor: pointer; display: inline-block; }
.lang ul{ display: none; border-radius: 5px; z-index: 666; position: absolute; left: -8px; top: 30px; width: calc(100% + 16px); overflow: hidden; background: #eee; z-index: 99999;}
.lang li{ font-size: 14px; height: 30px; line-height: 30px; border-top: 1px solid #fff; white-space: pre; padding: 0 16px; }
.lang li:first-child{ border-top: none; }
.lang li img{ margin-right: 14px; }
.lang li a{ color: #333; display: block; }
.lang li:hover{ background: #2586be; }
.lang li:hover a{ color: #fff; }
.lang:hover ul{ display: block; }
.hsearch_icon{ display: none; width: 2.6rem; height: 2.6rem; background: url(../images/icon1_g.png) center no-repeat; background-size: 1.4rem; }
.header .language{ display: none; margin-right: 10px; }
.header .language{ font-size: 16px; vertical-align: top;}
.header .language a{ color: #666; padding: 0 8px;}
.header .language a:hover,.header .language a.on{ color: #2586be; }
.nav-skip { display: none; box-sizing: border-box; width:2.4rem; height:2.4rem; padding:0.5em 0 .4em; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center;}
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#2586be; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0); -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg); transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); }
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); }

/*footer*/
.footer{ font-size: 16px; background: #fafafa url(../images/bg2.jpg) right bottom no-repeat; line-height: 25px; }
.footer .top{ color: #999; line-height: 35px; padding: 36px 0 14px; border-bottom: 1px solid #eaeaea; }
.footer .top a{ color: #999; }
.footer .top a:hover{ color: #00a1e9; }
.footer .box{ float: left; margin-right: calc(6% - 10px); }
.footer .ftitle{ margin-bottom: 14px; line-height: 20px; font-size: 21px; color: #004778; padding: 16px 0; border-bottom: 1px solid #eaeaea }
.footer .box1{ width: 32.7%; }
.footer .box1 img{ width: 20px; margin-right: 10px; }
.footer .box1 font{ display: inline-block; vertical-align: top; width: calc(100% - 30px); }
.footer .box2{ width: 150px; }
.footer .box2 li{ float: left; min-width: 60px; margin-right: 20px; }
.footer .box2 li:nth-child(2n){ margin-right: 0; }
.footer .box3{ width: calc(100% - 44.7% - 140px); }
.footer .box:last-child{ margin-right: 0; }
.footer .box3 p{ line-height: 30px; font-size: 15.5px; }
.footer .box3 .text{ float: left; width: 100%; }
/*.footer .box3 img{ float: right; width: 55%; }*/
.footer .bottom{ color: #999; padding: 20px 0; line-height: 25px; }
.share_box span{ vertical-align: middle; }
.share_box a{ width: 25px; height: 25px; margin-left: 18px; display: inline-block; font-size: 0; vertical-align: middle; text-align: center;  }
.share_box a.weibo{ background: url(../images/icon20.png) center no-repeat; }
.share_box a.weibo:hover{ background: url(../images/icon20on.png) center no-repeat; }
.share_box a.qq{ background: url(../images/icon21.png) center no-repeat; }
.share_box a.qq:hover{ background: url(../images/icon21on.png) center no-repeat; }
.share_box a.wechat{ background: url(../images/icon22.png) center no-repeat; }
.share_box a.wechat:hover{ background: url(../images/icon22on.png) center no-repeat; }

/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; /*height: 100%;*/ min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width: 100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-dots{ line-height: 1; position: absolute; width: 100%; bottom: 30px; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 10px; cursor: pointer; width: 15px; overflow: hidden; height: 15px; background: url(../images/icon4.png) center no-repeat; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 7.5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ overflow: hidden; background: url(../images/icon5.png) center no-repeat; }
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
/*banner*/
.banner{ clear: both; height: 500px; overflow: hidden; position: relative;}
.banner-wrap{ height: 500px; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 500px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner .slick-arrow{background-color: rgba(0,0,0,0); outline: none;border: none;width: 9px; height: 15px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.i_path{ color: #fff; background: #2086c8; height: 50px; line-height: 50px; }
.i_path .baseWidth{ position: relative; padding: 0 15px; box-sizing: border-box; }
.i_path .baseWidth:before{ content: ''; position: absolute; left: 0; top: -9px; background: url(../images/icon23.png) center bottom no-repeat; width: 100%; height: 9px; background-size: contain; }
.i_path font{ margin-top: 9px; height: 20px; line-height: 20px; border-right: 1px solid #dedede; box-sizing: border-box; float: left; width: 135px; display: inline-block; background: url(../images/icon6.png) left center no-repeat; font-size: 18px; padding-left: 43px; }
.i_path ul{ padding: 0 50px 0 20px;box-sizing: border-box; width: calc(100% - 135px); height: 59px; line-height: 59px; margin-top: -9px; float: right; }
.i_path a{ color: #fff; }
.i_path a:hover{ text-decoration: underline; }
.i_path .slick-prev{ right: 15px; top: 18px; margin-top: 0; width: 12px; height: 8px; background: url(../images/icon7.png) center no-repeat; }
.i_path .slick-prev:hover{ background: url(../images/icon7on.png) center no-repeat; }
.i_path .slick-next{ right: 15px; top: 34px; margin-top: 0; width: 12px; height: 8px; background: url(../images/icon8.png) center no-repeat; }
.i_path .slick-next:hover{ background: url(../images/icon8on.png) center no-repeat; }
.i_path li em{ float: left; width: calc(100% - 90px); display: inline-block;display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.i_case{ padding: 50px 0; background: url(../images/bg1.png) top center no-repeat; }
.i_case .info h2{ margin: 15px auto 20px; height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; color: #000;}
.i_case .info h2 b{ color: #9dc816; }
.i_case .info span:before{ margin: 0 10px; content: ''; display: inline-block; vertical-align: middle; width: 27px; height: 1px; background: #c6c6c6; }
.i_case .info span:after{ margin: 0 10px; content: ''; display: inline-block; vertical-align: middle; width: 27px; height: 1px; background: #c6c6c6; }
.i_case .info font{ vertical-align: middle; }
.i_case .info p{ width: 585px; margin: 0 auto 45px; text-align: center; font-size: 15px; color: #00080f; line-height: 30px; }
.i_cslick{ margin-bottom: 50px; }
.i_cslick li.slick-slide{ position: relative; padding: 0 20px; /*border-left: 1px solid #efefef;*/ text-align: center; float: left; width: 20%; }
.i_cslick li.slick-slide:before{ content: ''; left: 0; top: 0; position: absolute; height: 100%; width: 1px; background: #efefef; }
.i_cslick li.slick-slide:first-child:before,.i_cslick li:nth-child(6n):before{ display: none; }
.i_cslick li.slick-slide .img{ overflow: visible; position: relative; width: 147px; height: 147px; line-height: 147px; font-size: 0; margin: 0 auto 20px; }
.i_cslick li.slick-slide .img:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon14.png) center no-repeat; background-size: contain; }
.i_cslick li.slick-slide .img i{ background-repeat: no-repeat; background-position: center; background-size: contain; width:100px; height:100px; display: inline-block; vertical-align: middle; margin: 35 auto; }
.i_cslick li.slick-slide p{ line-height: 18px; color: #333; font-size: 18px; }
.i_cslick li.slick-slide:hover p{ color: #00a1e9; }
.i_cslick li.slick-slide:hover .img:before{ -webkit-animation: rotateIn 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); animation: rotateIn 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
.i_cslick .slick-prev{ left: -2%; width: 30px; height: 55px; margin-top: -22.5px; background: url(../images/prevarrow.png) center no-repeat; }
.i_cslick .slick-next{ right: -2%; width: 30px; height: 55px; margin-top: -22.5px; background: url(../images/nextarrow.png) center no-repeat; }
.more{ border-radius: 8px; text-align: center; color: #585858; width: 150px; height: 32px; line-height: 32px; border: 1px solid #d4d4d4; display: block; margin: 0 auto; }
.more:hover{ border-color: #004778; color: #004778; }
.more i{ margin-left: 6px; display: inline-block; width: 5px; height: 32px; vertical-align: top; background: url(../images/icon16.png) center no-repeat; }
.more:hover i{ background: url(../images/icon16on.png) center no-repeat; }
.i_service{ padding: 50px 0 70px; }
.i_service .img{ width: 51.1%; float: left; height: 348px; }
.i_service .text{ float: right; width: 44.2%; margin-left: 4.7%; }
.i_service .info h2{ margin: 14px 0 9px; height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; color: #000; }
.i_service .info p{ font-size: 15px; color: #00080f; line-height: 26px; margin-bottom: 25px; } 
.i_service ul{ margin-bottom: 40px; }
.i_service li{ background: url(../images/icon15.png) right center no-repeat; width: 46.4%; float: left; height: 48px; line-height: 48px; border-bottom: 1px solid #d9d9d9; }
.i_service li:first-child,.i_service li:nth-child(2){ border-top: 1px solid #d9d9d9; }
.i_service li:nth-child(2n+1){ margin-right: 6.6%; }
.i_service li a{ padding-right: 20px; font-size: 15px; color: #000; display: block; }
.i_service li:hover{ background: url(../images/icon15on.png) right center no-repeat; }
.i_service li:hover a{ color: #0da6ea; }
.i_service .more{ margin: 0; }

/*公共*/
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}
@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}
.wbanner{ height: 330px; clear: both; background-size: cover; background-position: center center;}
.m_main{ padding: 40px 0; }
.m_left{ background: #fff; width: 20.8%; }
.m_right{ background: #fff; width: 75.3%; box-sizing: border-box; }
.m_right img{ max-width: 100%; }
.ml_title{ overflow: hidden; height: 100px; line-height: 100px; box-sizing: border-box; background: #3e76ca url(../images/icon24.png) left bottom no-repeat; padding-left: 30px; color: #fff; }
.ml_title h2{ white-space: nowrap; font-size: 26px; }
.ml_title h2 span{ text-transform: uppercase; margin-left: 6px; font-size: 16px; opacity: .2; }
.ml_nav{ border-bottom: 4px solid #eaeaea; }
.ml_nav li{ background: #f7f7f7; font-size: 16px; }
.ml_nav li > a{ background: url(../images/icon25.png) 90% center no-repeat; position: relative; display: block; border-bottom: 1px solid #eaeaea; color: #666; padding: 20px 40px 19px 30px; }
.ml_nav li > a .tit{ display: block; height: 100%; top: 0; width: 30px; position: absolute; right: 16px; }
.ml_nav li.on > a .tit,.ml_nav li.active > a .tit{ background: #fff url(../images/icon44.png) center no-repeat; }
.ml_nav li.on > a,.ml_nav li.active > a,.ml_nav dd.on a{ background: url(../images/icon25on.png) 90% center no-repeat; color: #004778; }
.ml_nav li.on,.ml_nav li.active{ background: #fff; }
.ml_nav li.on dl{ display: block; }
.ml_nav dl{ display: none; position: relative; padding: 11px 0 10px; border-bottom: 1px solid #f4f4f4; }
.ml_nav dd{line-height: 40px; padding: 0 20px 0 50px; }
.ml_nav dd a{ font-size: 14px; color: #666;  width: 100%; display: inline-block; vertical-align: middle; }
.ml_nav dd a:hover{ color: #004778; text-decoration: underline; }
.ml_nav dd p a{ box-sizing: border-box; display: block; padding-left: 22px; color: #999; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mr_name{ border-bottom: 1px solid #eaeaea; height: 72px; line-height: 72px; }
.mr_tit{ max-width: 25%; font-weight: bold; font-size: 20px; color: #004778; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.mpath{ max-width: 70%; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; color: #666; background: url(../images/icon26.png) left center no-repeat; text-indent: 16px; }
.mpath a{ color: #666; vertical-align: middle;}
.mpath a:hover,.mpath span{ color: #004778; vertical-align: middle; }
.mpath i{ vertical-align: middle; }
.pages{ margin: 50px auto; }
.pages .prev,.pages .next{ padding: 0; width: 94px; }
.pages .prev i{ background-image: url(../images/icon30.png); }
.pages .next i{ background-image: url(../images/icon31.png); }
.pages .prev i,.pages .next i{ display: inline-block; width: 6px; height: 36px; vertical-align: top; margin-left: 18px;  background-position: center; background-repeat: no-repeat; }
.pages a,.pages span,.pages,.pages input{ text-align: center; font-size: 14px; color: #666; line-height: 36px; }
.pages a,.pages span{ margin: 0 3px 10px; min-width: 28px; padding: 0 4px; display: inline-block; border: 1px solid #c8c8c8; }
.pages .current{ color: #fff; display: inline-block; border-color: #004778; background: #004778; }
.pages .on{ color: #fff; display: inline-block; border: 1px solid #a9a9a9; background: #a9a9a9; }
.pages font{ display: inline-block; vertical-align: top; margin: 0 16px 0 12px; }
.pages input[type='text']{ background: none; height: 36px; border: 1px solid #c8c8c8; text-align: center; width: 35px; margin: 0 10px;}
.pages input.page_sub{ height: 38px; margin-left: 13px; cursor: pointer; width: 62px; background: #004778; border: none; color: #fff;}
.pages a:hover{ background: #004778; border-color: #004778; color: #fff; }
.show_left{ display: none; padding: 10px 0; position: absolute; cursor: pointer; background: url(../images/icon64.png) center no-repeat; background-size: contain; width: 34px; height: 50px; top: 50%; right: -34px; margin-top: -15px;}
.show_left:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon65.png) center no-repeat; background-size: contain;}
.show_left.active:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }
.pages{ margin: 30px auto; }


/*公司概况*/
.a_company{ padding: 36px 0; }
.a_company .top{ padding: 30px 40px 45px; box-sizing: border-box; margin-bottom: 30px; font-size: 18px; line-height: 36px; color: #333; /*text-indent: 2em; */background: #f7f7f7 url(../images/bg3.png) left bottom no-repeat }
.a_company img{ max-width: 100%!important; height: auto!important; }
.a_company table{ max-width: 100%!important; }
.a_company .content{ line-height: 30px; color: #666; }

/*联迅优势*/
/*.a_culture{ margin-left: 126px; }*/
.a_culture li{ position: relative; margin: 20px auto; }
.a_culture .tit{ position: absolute; left: -68px; top: 50%; margin-top: -30px; box-shadow: 0 3px 3px rgba(0,0,0,.06); display: block; width: 160px; font-size: 24px; color: #fff; text-align: center; height: 60px; line-height: 60px; }
.a_culture li:nth-child(2n+1) .tit{ background: #33a895; }
.a_culture li:nth-child(2n) .tit{ background: #9cc3ae; }
.a_culture li:nth-child(3n) .tit{ background: #c4db69; }
.a_culture li:nth-child(4n) .tit{ background: #b2c16c; }
.a_culture li:nth-child(5n) .tit{ background: #edb757; }
.a_culture .txt{ font-size: 20px; color: #666; box-sizing: border-box; padding: 20px 20px 20px 10px;margin-left: 100px ; background: #fafbfc; min-height: 95px; line-height: 25px; }

/*公司资质*/
.a_honor{ padding: 30px 0; }
.a_hbox{ margin-bottom: 20px; }
.a_htit{ cursor: pointer; margin-bottom: 20px; height: 47px; line-height: 47px; background-color: #004778; background-image: url(../images/icon28.png); background-repeat: no-repeat; background-position: 96.8% center; color: #fff; font-size: 17px; padding: 0 30px; }
.a_hbox.on .a_htit{ background-image: url(../images/icon27.png); }
.hon_list li{ margin-bottom: 8px; width: 29.5%; margin-right: 5.7%; float: left; }
.hon_list li:nth-child(3n){ margin-right: 0; }
.hon_list .img{ padding-bottom: 90%; position: relative; height: 0; width: 100%; border: 1px solid #eaeaea; box-sizing: border-box; text-align: center; margin-bottom: 14px; display: inline-block; overflow: hidden; }
.hon_list .img img{ max-width: 95%; max-height: 95%; width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.hon_list li p{ text-align: center; font-size: 16px; height: 56px; overflow: hidden; font-weight: bold; color: #666; font-weight: normal; line-height: 26px; }
.hon_list li:hover p{ color: #004778; }

/*发展历程*/
.a_history{ padding-top: 30px; line-height: 34px; }
.a_history li{ position: relative; padding-left: 50px; background: url(../images/icon29.png) left 20px no-repeat; margin-bottom: 20px; }
.a_history li:after{ content: ''; position: absolute; top: 36px; left: 9px; width: 1px; height: 100%; background: #f3f3f3; }
.a_history li:last-child:after{ display: none; }
.a_history .text{ padding: 10px 20px; background: #f3f3f3; }
.a_history h2{ font-weight: bold; font-size: 16px; color: #005895; }
.a_history p:before{ content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 5px; background: #005895; border-radius: 50%; margin-right: 6px; }

/*服务网络*/
.map_wrap{ width: 728px; height: 600px; position: relative; margin: 30px auto 50px;}
.map_wrap path{ cursor: initial!important; }
.map_info{ position: absolute; top: 0; left: 0; }
.map_info li{ pointer-events: none; position: absolute; list-style: none; width: 1px; height: 1px; }
.map_info li i{ display: block; position: absolute; width: 10px; height: 10px; background: url(../images/icon63.png) no-repeat; }
.map_info li span{ font-size: 12px; color: #666; margin-left: 11px; position: absolute; left: -18px; top: 8px; height: 30px; line-height: 30px; white-space: pre;}
.map_info li.select i{ background: url(../images/icon63on.png) no-repeat; }
.map_info li.select span{ text-shadow: 0 1px 10px rgba(0,0,0,.8); color: #fff; }
.map_info li.hongkong span,.map_info li.shanghai span{ left: 5px; top: -9px; }
.map_info li.beijing span{ top: -26px; }
.map_info li.tianjin span{ left: 4px; top: -5px;  }
.map_list{ margin-bottom: 50px; border: 1px solid #ececec; }
.map_list .title{ text-align: center; background: #004778; color: #fff; font-size: 24px; height: 60px; line-height: 60px; }
.map_list .detail{ min-height: 205px; box-sizing: border-box; padding: 30px 35px; }
.map_list .detail li{ margin-right: 18px; font-size: 16px; color: #666; float: left; line-height: 30px; }
.map_list .detail li a:hover{ color: #004778; }

/*服务行业*/
.s_detail{ padding: 40px 0; }
.s_detail .top .text{ width: 47.6%; font-size: 16px; color: #666; line-height: 28px; }
.s_detail .top img{ border: 1px solid #eee; width: 49.3%; }
.s_detail .mid{ height: 21px; border-bottom: 1px solid #ddd; margin: 28px auto; text-align: center; }
.s_detail .mid i{ display: inline-block; width: 74px; height: 40px; background: #fff url(../images/icon32.png) center no-repeat; }
.s_detail .bot{ background-repeat: no-repeat; background-position: center; background-size: cover; }
.s_detail .bot .text{ width: 53.4%; margin: 0 auto; padding: 40px 35px; box-sizing: border-box; background: rgba(255,255,255,.6); font-size: 16px; line-height: 28px; color: #333; }

/*解决方案*/
.so_detail{ padding: 40px 0; line-height: 30px; color: #666; }
.so_tit{ margin-bottom: 10px; font-size: 22px; color: #2586be; }
.so_tit span{ padding-right: 32px; background: url(../images/icon33.png) right 13px no-repeat; }
.so_box{ margin-bottom: 40px; }
.so_box font{ font-size: 16px; color: #333; }
.so_box:nth-child(2) p{ line-height: 34px; }
.so_slick li.slick-slide{ position: relative; margin: 0 5px; height: 145px; }
.so_slick li.slick-slide .shadow{ height: 40px; line-height: 40px; padding: 0 20px; box-sizing: border-box; position: absolute; width: 100%; bottom: 0; background: rgba(0,71,120,.8); font-size: 16px; color: #fff; }
.so_slick li.slick-slide a,.so_slick li.slick-slide .img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.so_slick .slick-dots{ bottom: -50px; }
.so_slick .slick-dots li{ background: #dedede; }
.so_slick .slick-dots li.slick-active{ background: #2586be; }

/*产品*/
.m_product{ line-height: 26px; }
.m_product h2{ margin: 14px auto 50px; font-size: 26px; color: #004778; }
.m_product h3 span{ position: relative; display: inline-block; font-size: 18px; background: #2586be; height: 34px; line-height: 34px; text-align: center; color: #fff; min-width: 172px; margin: 42px auto 36px; }
.m_product h3 span:after{ content: ''; position: absolute; right: -34px; top: 0; width: 34px; height: 34px; background: url(../images/icon42.png) center no-repeat; background-size: contain; }
.pro_tit span{ padding-left: 15px; line-height: 38px; position: relative; float: left; margin-right: 38px; }
.pro_tit span:before{ content: ''; position: absolute; top: 16px; left: 0; width: 6px; height: 6px; background: #2586be; }
.pro_slick{ margin-top: 26px; }
.pro_slick li.slick-slide{ margin-right: 15px; border: 1px solid #eee; overflow: hidden; }
.pro_slick li.slick-slide span{ background-size: contain; /*margin: 10px;*/ /*width: calc(100% - 20px); height: calc(100% - 20px);*/}
.pro_slick li.slick-slide .shadow{ background: #d2d2d2; color: #333; text-align: center; height: 35px; line-height: 35px; padding: 0 3%; box-sizing: border-box; }
.pro_slick li.slick-slide:hover .shadow{ background: #336c93; color: #fff}
.pro_slick .slick-dots{ bottom: -30px; }
.pro_slick .slick-dots li{ background: #dedede; }
.pro_slick .slick-dots li.slick-active{ background: #2586be; }
.pro_detail{ padding-bottom: 40px; }
.pro_detail img{ max-width: 100%; height: auto!important; }
.pro_detail li{ width: 32.9%; margin-right: .65%; float: left; text-align: center; color: #666; margin-bottom: 30px; }
.pro_detail li:nth-child(3n){ margin-right: 0; }
.pro_detail li img{ margin-bottom: 12px; }
.pro_detail li p{ line-height: 26px; }


/*产品架构1*/
.m_prol1{ padding: 42px 0; }
.m_prol1 li{ margin-bottom: 40px; float: left; width: 47.7%; }
.m_prol1 li:nth-child(2n+1){ margin-right: 4.6%; }
.m_prol1 h2{ padding: 11px 0; position: relative; font-size: 16px; color: #666; }
.m_prol1 h2:before{ content: ''; position: absolute; top: 0; left: 0; width: 66px; height: 1px; background: #ddd; }
.m_prol1 .img{ border: 1px solid #ddd; overflow: hidden; }
.m_prol1 .img span{ display: block; position: static; height: 184px; margin: 5px; width: calc(100% - 10px); background-repeat: no-repeat; background-position: center; background-size: contain; }
.m_prol1 .shadow{ background: #ddd; padding: 12px 15px; color: #666; position: relative; z-index: 1; }
.m_prol1 .shadow p{ line-height: 22px; height: 40px; overflow: hidden; }
.m_prol1 li:hover .img{ border-color: #336c93; }
.m_prol1 li:hover .shadow{ background: #336c93; color: #fff; }
.m_prol1 li:hover h2:before{ background: #2586be; }

/*产品架构2*/
.m_prol2{ padding: 40px 0; }
.mp2_top{ margin-bottom: 40px; padding: 34px 30px; text-align: left; background: #f8f8f8 url(../images/icon49.png) 90% center no-repeat; color: #333; line-height: 26px; }
.mp2_tit{ margin: 10px auto 30px; }
.mp2_tit a{ font-weight: bold; position: relative; min-width: 214px; box-sizing: border-box; display: inline-block; padding: 8px 38px 8px 5px; color: #666; font-size: 18px; border-bottom: 1px solid #ddd; }
.mp2_tit a:after{ content: ''; position: absolute; bottom: -1px; right: 0; width: 38px; height: 100%; background: url(../images/icon50.png) right bottom no-repeat; }
.mp2_tit a:hover{ color: #004778; border-color: #2586be; }
.mp2_tit a:hover:after{ background: url(../images/icon50on.png) right bottom no-repeat; }

.m_prol2 li{ margin-bottom: 30px; float: left; width: 32%; margin-right: 2%; }
.m_prol2 li:nth-child(3n){ margin-right: 0; }
.m_prol2 .img{ border: 1px solid #eee; overflow: hidden; }
.m_prol2 .img span{ display: block; position: static; height: 184px; margin: 5px; width: calc(100% - 10px); background-repeat: no-repeat; background-position: center; background-size: contain; }
.m_prol2 .text{ position: relative; z-index: 1; height: 48px; line-height: 48px; background: #eee; text-align: center; }
.m_prol2 li:hover .img{ border-color: #336c93; }
.m_prol2 li:hover .text{ background: #336c93; color: #fff; }




/*新闻中心*/
.news_list{ padding: 30px 0; }
.news_list li{ height: 80px; font-size: 16px; line-height: 80px; border-bottom: 1px solid #dedede; }
.news_list li a{ display: block; }
.news_list li font{ display: inline-block; width: calc(100% - 120px); box-sizing: border-box; background: url(../images/icon34.png) left center no-repeat; padding-left: 24px; color: #333; }
.news_list li span{ color: #999; background: url(../images/icon35.png) left center no-repeat; padding-left: 22px; display: inline-block; }
.news_list li:hover{ padding: 0 25px 0 30px; background: #004778; }
.news_list li:hover font{ color: #fff; background: url(../images/icon34on.png) left center no-repeat; }
.news_list li:hover span{ padding-left: 0; font-size: 0; width: 16px; height: 80px; background: url(../images/icon36.png) center no-repeat; }

/*新闻中心详情*/
.news_detail .info h2{ padding: 43px 0 16px; font-weight: bold; font-size: 22px; color: #004778; }
.news_detail .info .des{ display: block; color: #999; height: 30px; line-height: 30px; padding-bottom: 20px; border-bottom: 1px dashed #d1d1d1; }
.news_detail .text{ padding: 24px 0; color: #666; line-height: 30px; }
.nlink{ margin-top: 30px; }
.nlink a{ color: #666; max-width: 46%; }
.nlink a:hover{ color: #2586be; }

/*员工福利*/
.recruit{ padding: 40px 0; }
.re_list{ margin-bottom: 20px; }
.re_list li{ margin-bottom: 30px; }
.re_list .text{ padding: 18px 50px; width: 55.1%; min-height: 195px; box-sizing: border-box; background: #fafbfc; line-height: 30px; color: #666; }
.re_list .re_h2{ margin-bottom: 10px; background: url(../images/icon37.png) left center no-repeat; padding-left: 28px; font-size: 18px; color: #2586be; }
.re_list .re_p{ background: url(../images/icon38.png) left center no-repeat; padding-left: 36px; }
.re_list .img{ width: 43.9%; height: 195px; }
.re_img{ font-size: 0; }
.re_img img{ width: 32.6%; margin-right: 1.1%; }
.re_img img:nth-child(3n){ margin-right: 0; }

/*招聘岗位*/
.re_top{ font-size: 16px; color: #666; line-height: 30px; margin-bottom: 36px; }
.re_table{ margin-bottom: 60px; width: 100%; text-align: center; color: #666; }
.re_table thead th{ background: #206391; height: 60px; color: #fff; font-size: 16px; }
.re_table tbody td{ width: 25%; height: 60px; padding: 0 10px; }
.re_table tbody tr:nth-child(2n+1){ background: #fafbfc; }
.re_table tbody tr:hover{ background: #2586be; color: #fff; cursor: pointer; }
.recruit .pages{ margin: 0; }

/*招聘岗位详情*/
.re_detail{ padding: 40px 0; line-height: 36px; color: #666; }
.re_detail h2{ font-size: 24px; color: #333; margin-bottom: 30px; }
.re_detail h3{ font-size: 16px; color: #333; }

/*联系我们*/
.con_wrap{ padding: 40px 0; }
.con_wrap h2{ padding: 17px 0; border-bottom: 2px solid #004778; font-weight: bold; font-size: 24px; color: #666; }
.con_wrap .content{ font-size: 0; padding: 35px 0 30px; }
.con_wrap .box{ padding: 0 50px; min-height: 80px; box-sizing: border-box; font-size: 14px; color: #666; width: 50%; display: inline-block; vertical-align: middle; }
.con_wrap .content .box:first-child{ padding: 0 10px; border-right: 1px solid #e7e7e7; }
.con_wrap .content p{ font-size: 16px; line-height: 23px; }
.con_wrap .content p img{ margin-right: 16px; }
.aress{ margin-top: 28px; background-repeat: no-repeat; padding-left: 34px; }
.zipcode{ margin-bottom: 34px; }
#allmap{ margin-top: 30px; width: 100%; height: 464px; }
#allmap img{ max-width: 1000000px; }
.BMap_bubble_title .f16{ color: #004778; font-size: 16px; margin-bottom: 5px; }
.BMap_bubble_content .f14{ font-size: 14px; color: #666; }




@media screen and (max-width: 1320px){
.baseWidth{ width: 94%; margin: 0 3%; }
.header .baseWidth{ width: 96%; margin: 0 2%; }
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 550px; }
.nav li{ padding: 0 5px; font-size: 16px; }
.nav li dl dd{ margin-right: 20px; }
}

@media screen and (min-width: 1201px){
.nav{ display: inline-block!important; }
}

@media screen and (max-width: 1200px){
body{ padding-top: 60px; }
.header{ height: 60px; line-height: 60px; position: fixed; top: 0; width: 100%; z-index: 9999; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.header .logo{ max-height: 40px; }
.nav-skip{ display: inline-block; margin-right: 10px; }
.lang{ display: none!important; }
.header .language{ display: inline-block; }
.search_btn{ background: url(../images/icon1_g.png) center no-repeat; background-size: 22px; }
.search_form.on{ width: 200px; }
.search_form.on .search_input{ width: 170px; }
.header_box{ width: auto; height: auto; }
.header .baseWidth{ width: 94%; margin: 0 3%; }
.nav{ box-shadow: 0 2px 2px rgba(0,0,0,.1); display: none; box-sizing: border-box; overflow: auto; position: absolute; top: 50px; right: 0; padding: 10px 0; width: 33.3%; height: auto; background: rgba(255,255,255,.9);}
.nav li{ margin: 0; box-sizing: border-box; padding: 0 30px 0 20px; width: 100%; display: block; float: none; min-height: 45px; line-height: 45px; height: auto; font-size: 16px; font-weight: normal; text-align: left; }
.nav li.on, .nav li:hover{ border-top: none; border-bottom: none; }
.nav li.on > a, .nav li:hover > a{ border: none; height: auto; line-height: 45px; }
.nav li > a{ font-size: 16px; display: block; padding: 0; color: #333; }
.nav li.hase{ margin: 0; background: url(../images/icon66.png) 97% 21px no-repeat; background-size: 10px;}

.s_nav{ box-shadow: none; min-width: 0; display: none; padding: 0; position: static; margin: 0!important; background: none; border-top: none; }
.s_nav .nav_pic{ display: none; }
.nav li dl{ width: 100%; margin: 0; height: auto; float: none; }
.nav li dl dd{ display: block; }
.nav li dl dd{ height: auto!important; margin: 0; float: none; width: 100%; text-align: left; }
.nav li dl dd > a{ font-size: 14px; font-weight: normal; border-bottom: none; line-height: 30px; background: url(../images/icon69.png) 5px center no-repeat!important; border: none; padding: 0 18px; width: 100%; box-sizing: border-box;}
.nav li dl .baseWidth{ width: 100%; }
.nav li a:hover,.nav li dl dd > a:hover{ color: #2586be; }



.show_left{ display: block; } 
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 500px; }
.m_left{ display: block; position: fixed; left: -33.3%; top: 60px; background: #fff; width: 33.3%; min-width: 220px; height: calc(100% - 50px); z-index: 999;}
.m_left .wrap{ position: absolute; height: 100%; overflow: auto; width: 100%; padding-bottom: 50px; box-sizing: border-box; }
.m_left.active{ left: 0; box-shadow: 0 0 20px #999;}
.ml_nav dd{ line-height: 23px; }
.ml_nav dl:after{ height: calc(100% - 11px); }
.ml_title{ height: 85px; line-height: 85px; }
.ml_nav li > a{ padding: 15px 10% 15px 5%; background-position: 95% center; }
.ml_nav li.on > a, .ml_nav li.active > a, .ml_nav dd.on a{ background-position: 95%; }
.ml_nav dl{ height: auto!important; }
.ml_nav dd{ padding: 0 5% 0 10%; }
.ml_nav dd p a{ padding-left: 6%; }
.ml_nav li > a .tit{ right: 2%; }
.ml_title h2{ font-size: 22px; }
.m_right{ width: 100%; }
.nav{ display: none; }
.footer .box{ margin-right: 3%; }
.footer .box2{ display: none; }
.footer .box3{ width: 62.3%; }
.footer .box3 .text{ width: 50%; }
.footer .box3 img{ width: 45%; }
.footer .top{ padding: 20px 0; line-height: 26px; }
.footer .box3 p{ line-height: 26px; }
.footer .ftitle{ font-size: 18px; padding: 10px 0; margin-bottom: 10px; }
.i_cslick li.slick-slide .img{ width: 130px; height: 130px; line-height: 130px; }
.i_cslick li.slick-slide .img i{ width: 55px; height: 55px; }
}

@media screen and (min-width: 1151px){

}

@media screen and (max-width: 1150px){
.pro_tit span{ line-height: 30px; }
.pro_tit span:before{ top: 12px; }
.news_list li{ height: 60px; line-height: 60px; }
.news_list li:hover{ padding: 0 3%; }
.news_list li:hover span{ height: 60px; }

} 

@media screen and (max-width: 1024px){
.wbanner{ height: 250px; }
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 400px; }
.i_case{ padding: 30px 0 20px; }
.i_service{ padding: 20px 0 50px; }
.i_cslick li:before{ display: none!important; }
.i_path .baseWidth:before{ display: none; }
.i_path font{ margin-top: 0; float: none; }
.i_path ul{ margin-top: 0; vertical-align: middle; height: 50px; line-height: 50px; }
.i_path .slick-prev{ top: 12px; }
.i_path .slick-next{ top: 30px; }
.i_cslick{ margin-bottom: 30px; }
.i_path .baseWidth{ padding: 0; }
}

@media screen and (max-width: 900px){
.nav{ width: 50%; }
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 350px; }
.hon_list li,.hon_list li:nth-child(3n){ width: 49%; margin-right: 2%; }
.hon_list li:nth-child(2n){ margin-right: 0; }
.a_htit{ padding: 0 3%; }
.s_detail .top .text{ line-height: 26px; font-size: 14px; }
.s_detail .bot .text{ width: 80%; }
.re_list .text{ padding: 20px 3%; }
.re_list .re_p{ padding-left: 26px; background-size: 18px; }

}

@media screen and (max-width: 768px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 300px; }
.a_company .top{ padding: 20px 3%; font-size: 16px; line-height: 26px; }
.a_company .content{ line-height: 26px; }
.m_left{ width: 50%; left: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); }
.m_left.active{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); }
.a_culture{ margin-left: 0; }
.a_culture .tit{ margin: 0; position: static; height: 40px; line-height: 40px; font-size: 18px; }
.a_culture .txt{ padding: 20px 3%; min-height: 0; font-size: 16px; }
.so_detail{ line-height: 26px; }
.m_product h2{ margin: 10px auto 20px; font-size: 22px; }
.m_product h3 span{ margin: 20px 0; }
.pro_slick{ margin: 20px auto 30px; }
.m_prol2 li,.m_prol2 li:nth-child(3n){ width: 49%; margin-right: 0; }
.m_prol2 li:nth-child(2n+1){ margin-right: 2%; }
.m_prol2 .img span{ height: 160px; }
.m_prol2 li{ margin-bottom: 20px; }
.re_img img{ width: 48%; margin-right: 0; margin-bottom: 20px; }
.re_img img:nth-child(2n+1){ margin-right: 2%; }
.re_table thead th,.re_table tbody td{ height: 50px; }
.re_top{ line-height: 26px; font-size: 14px; }
.re_detail{ line-height: 26px; }
.re_detail h2{ font-size: 20px; margin-bottom: 20px; }
.re_detail h3{ margin: 10px 0 5px; }
.zipcode{ margin-bottom: 0; }
.con_wrap .content p{ line-height: 26px; }
.con_wrap .box,.con_wrap .content .box:first-child{ padding: 10px 3%; min-height: 0; }
.con_wrap .content p{ margin-top: 0; }
#allmap{ height: 350px; }
.con_wrap .content{ padding: 20px 0; }
.con_wrap h2{ font-size: 20px; padding: 10px 0; }
.mr_name{ min-height: 40px; line-height: 40px; height: auto; }
.footer .bottom{ text-align: center; padding: 15px 0; }
.footer .bottom p{ float: none; margin-bottom: 5px; }
.footer .bottom .share_box{ float: none; }
.pages a,.pages span{ margin-bottom: 5px; box-sizing: border-box; font-weight: normal; height: 30px; line-height: 30px; min-width: 30px; font-size: 14px; padding: 0 4px; }
.pages .prev i, .pages .next i{ height: 28px; }
.pages .prev, .pages .next{ width: auto; padding: 0 15px; }
.pages input[type='text']{ height: 28px; width: 28px; }
.pages input.page_sub{ width: auto; padding: 0 10px; height: 30px; line-height: 30px; }
.i_case .info h2,.i_service .info h2{ font-size: 24px; height: auto; line-height: 1.3; }
.i_case .info p,.i_service .info p{ font-size: 14px; line-height: 22px; }
.i_case .info p{ width: 100%; }
.i_cslick li.slick-slide .img{ width: 100px; height: 100px; line-height: 100px; margin-bottom: 10px; }
.i_cslick li.slick-slide p{ font-size: 16px; }
.i_cslick .slick-next,.i_cslick .slick-prev{ width: 20px; }
.i_cslick .slick-prev{ left: 0; }
.i_cslick .slick-next{ right: 0; }
.i_service li a{ font-size: 14px; }
.i_service li{ height: 40px; line-height: 40px; }
.i_case .info p,.i_service ul{ margin-bottom: 30px; }
.pro_detail li,.pro_detail li:nth-child(3n){ width: 49%; margin-right: 2%; margin-bottom: 20px; }
.pro_detail li:nth-child(2n){ margin-right: 0; }
}

@media screen and (max-width: 750px){
.map_wrap{ display: none; }
.a_map{ padding: 40px 0 0; }
.map_list{ margin-bottom: 40px; }
.map_list .title{ height: 50px; line-height: 50px; font-size: 20px; }
.map_list .detail{ padding: 30px 2% 40px; }
.map_list .detail li{ margin: 0 10px; }
.map_list .detail{ min-height: 0; }
.s_detail .top .text{ line-height: 22px; }
.so_slick li.slick-slide{ height: 180px; }
.re_list .text{ line-height: 26px; }
.i_cslick{ width: 80%; margin: 0 auto 20px; }
.i_cslick .slick-next{ right: -25px; }
.i_cslick .slick-prev{ left: -25px; }
}

@media screen and (min-width: 701px){
}

@media screen and (max-width: 700px){
.footer .box,.footer .box3 p{ font-size: 12px; }
.footer .ftitle{ font-size: 16px; padding: 5px 0; }
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 250px; }
.more{ width: 120px; }

}

@media screen and (min-width: 601px){
.search_form{ display: inline-block!important; }
}

@media screen and (max-width: 600px){
.nav{ width: 100%; }
.wbanner{ height: 200px; }
.slick-dots{ bottom: 5px; }
.slick-dots li{ width: 8px; height: 8px; margin: 0 3px; }
.nav-skip{ margin-right: 0; }
body{ padding-top: 50px; }
.header{ height: 50px; line-height: 50px; }
.header .logo{ height: 32px; }
.header .language{ margin-right: 0; }
.hsearch_icon{ display: inline-block; }
.search_form{ display: none; border-radius: 0; background: #fff; position: fixed; top: 50px; width: 100%; left: 0; margin: 0; padding: 0 3%; box-sizing: border-box; height: 55px; line-height: 55px;}
.search_input{ position: absolute; padding: 0 10px; background: #f4f4f4; top: 10px; height: 35px; line-height: normal; width: 80%; left: 3%;}
.search_btn{ position: absolute; background: #2586be url(../images/icon1_w.png) center no-repeat; top: 10px; right: 3%; width: 14%; background-size: 20px; height: 35px;}
.ml_title{ height: 60px; line-height: 60px; }
.m_left{ top: 50px; }
.ml_title{ padding: 0 5%; box-sizing: border-box; }
.ml_title h2{ font-size: 20px; }
.ml_title h2 span{ font-size: 14px; }
.ml_nav li > a{ padding: 10px 10% 10px 5%; }
.ml_nav li{ font-size: 15px; }
.ml_nav dd p a{ font-size: 12px; }
.m_main{ padding: 0 0 20px; }
.a_company{ padding: 20px 0; }
.a_company .top{ font-size: 14px; line-height: 22px; }
.a_company .content{ line-height: 22px; }
.a_company .content p{ font-size: 14px!important; }
.a_culture li{ margin: 15px auto; }
.a_culture .tit{ width: 120px; height: 35px; line-height: 35px; font-size: 16px; }
.a_culture .txt{ padding: 15px 3%; font-size: 14px; line-height: 22px; }
.hon_list li{ width: 100%!important; margin-right: 0!important; }
.hon_list .img{ margin-bottom: 5px; padding-bottom: 50%; background: #f4f4f4; border: none; }
.hon_list li p{ height: auto; }
.a_history{ line-height: 22px; }
.a_history li{ padding-left: 30px; }
.a_history h2{ margin-bottom: 5px; }
.a_map{ padding: 20px 0 0; }
.map_list{ margin-bottom: 20px; }
.s_detail{ padding: 20px 0; }
.s_detail .top .text{ width: 100%; margin-bottom: 20px; }
.s_detail .top img{ width: 100%; }
.s_detail .bot .text{ width: 100%; font-size: 14px; padding: 20px 3%; }
.so_detail{ padding: 20px 0; line-height: 22px; }
.so_box{ margin-bottom: 20px; }
.so_box:nth-child(2) p{ line-height: 26px; }
.so_tit{ font-size: 16px; }
.so_tit span { background: url(../images/icon33.png) right bottom no-repeat; background-size: 10px; padding-right: 15px; }
.so_slick li.slick-slide .shadow{ font-size: 14px; padding: 0 3%; }
.so_slick .slick-dots{ bottom: -30px; }
.m_product{ line-height: 22px; }
.m_product h3 span{ margin: 15px 0; height: 26px; line-height: 26px; min-width: 120px; font-size: 16px; }
.pro_tit span{ display: block; width: 100%; }
.m_product h3 span:after{ width: 26px; height: 26px; right: -26px; }
.pro_tit span{ line-height: 22px; padding-left: 10px; }
.pro_tit span:before{ width: 4px; height: 4px; top: 8px; }
.m_prol1{ padding: 20px 0; }
.m_prol1 li{ margin-bottom: 20px; }
.m_prol1 .shadow{ padding: 10px 3%; }
.m_prol1 .shadow p{ line-height: 20px; font-size: 12px; height: 38px; }
.m_prol1 .img span{ height: 150px; background-size: contain; margin: 5px; width: calc(100% - 10px); margin: 5px; }
.mp2_tit{ margin: 0 auto 20px; }
.m_prol2{ padding: 20px 0; }
.mp2_top{ margin-bottom: 20px; padding: 15px 3%; line-height: 26px; text-align: left; }
.m_prol2 .text{ height: 35px; line-height: 35px; }
.news_list{ padding: 10px 0 20px; }
.news_list li{ height: 40px; line-height: 40px; font-size: 14px; }
.news_list li:hover span{ height: 40px; background-size: 10px; }
.news_list li span{ font-size: 12px; padding-left: 16px; background-size: 10px; }
.news_list li font{ background-size: 6px; padding-left: 12px; width: calc(100% - 100px); }
.news_list li:hover font{ background-size: 6px; }
.news_detail .info h2{ padding: 20px 0 10px; font-size: 16px; }
.news_detail .info .des{ line-height: 22px; height: auto; font-size: 12px; }
.news_detail .text{ line-height: 26px; }
.mp2_tit a{ font-size: 16px; }
.nlink{ margin-top: 10px; }
.nlink a{ max-width: 100%; display: block; float: none; line-height: 30px; }
.re_list .text{ width: 100%; min-height: 0; }
.re_list .img{ width: 100%; height: 150px; }
.re_img img{ width: 100%; margin-right: 0; margin-bottom: 15px; }
.recruit{ padding: 20px 0; }
.re_top{ margin-bottom: 20px; }
.re_table thead th,.re_table tbody td{ height: 40px; font-size: 14px; }
.re_table tbody td{ font-size: 12px; }
.con_wrap{ padding: 20px 0; }
.con_wrap h2{ font-size: 16px; }
.con_wrap .box{ width: 100%; padding: 0!important; border: none!important; }
.con_wrap .box p{ padding: 2px 3%; }
.con_wrap .content p img{ margin-right: 10px; width: 15px; }
.con_wrap .content{ padding: 10px 0; }
#allmap{ height: 280px; margin-top: 20px; }
.con_wrap .content p font{ display: inline-block; vertical-align: top; width: calc(100% - 40px); }
.mr_name{ padding: 20px 0 10px; }
.mr_tit{ float: none; max-width: 100%; display: block; line-height: 24px; font-size: 18px; }
.mpath{ float: none; max-width: 100%; display: block; line-height: 24px; }
.a_htit{ height: 40px; line-height: 40px; background-size: 20px; font-size: 16px; }
.footer .box{ width: 100%; margin-right: 0; }
.footer .box3{ display: none; }
/*.footer .box3 .text{ width: 100%; }*/
.footer .bottom{ font-size: 12px; padding: 10px 0; }
.footer .box p{ line-height: 22px; }
.footer .box1 img{ margin-right: 5px; width: 13px; }
.footer .box1 font{ width: calc(100% - 20px); }
.footer .ftitle{ font-size: 16px; border-bottom: none; margin-bottom: 0; }
.footer .bottom p{ margin-bottom: 0; }
.share_box a{ margin-left: 10px; }
.i_service .img{ width: 100%; height: 200px; }
.i_service .text{ width: 100%; margin-left: 0; }
.i_service{ padding: 20px 0 40px; }
.i_path font{ font-size: 14px; padding-left: 20px; background-size: 15px; width: 90px; }
.i_path ul{ font-size: 12px; width: calc(100% - 90px); padding: 0 2%; box-sizing: border-box; }
.i_path .slick-prev,.i_path .slick-next{ display: none!important; }
.i_path li em{ width: calc(100% - 70px); }
.i_path,.i_path ul{ height: 40px; line-height: 40px; }
.i_service .info p{ margin-bottom: 15px; }
.i_case .info h2, .i_service .info h2{ font-size: 20px; }
.i_cslick li.slick-slide .img i{ width: 40px; height: 40px; }
.pro_detail li{ width: 100%!important; }
.pro_detail li p{ line-height: 1; }
.pro_detail li{ margin-bottom: 15px; }
.pro_slick li.slick-slide .shadow{ font-size: 12px; }
.con_wrap .box p.aress{ background-size: 15px; padding-left: calc(3% + 25px); background-position: 3% 7px; }
}

@media screen and (max-width: 500px){
.ml_nav li > a .tit{ right: 1%; }
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 180px; }
.wbanner{ height: 100px; }
.map_list .title{ height: 40px; line-height: 40px; font-size: 18px; }
.map_list .detail{ padding: 15px 2% 25px; }
.map_list .detail li{ font-size: 14px; }
.m_prol1 li{ width: 100%; }
.m_prol1 h2{ font-size: 14px; padding: 8px 0; }
.m_prol2 .img span{ height: 140px; background-size: contain; box-sizing: border-box; width: calc(100% - 10px); margin: 5px; }
.i_service .more{ margin: 0 auto; }
}

@media screen and (max-width: 370px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 150px; }
}



.searchbox{width:50%; margin:0 auto; height:100px; line-height:100px;}
.searchbox #danhao{width:95%;
    height: 38px;
    font-size: 12px;
    border: 1px solid #ccc;
    color: #ccc;
    border-radius: 0;
    margin-top: 20px;
	float:left;}
	
.searchbox .submit {
    float: left;
    width: 42px;
    height: 40px;
    margin-top: 20px;
    background: url(../images/top-a.png) no-repeat;
    text-indent: -9999px;
    padding: 0px;
    border: none;
    cursor: pointer;
}


.foterBot {
    padding: 35px 0;
    background: #fff;
    text-align: center;
    border-top: 1px solid #e8e8e8;
}

.foterBot .link {
    text-align: center;
    margin-bottom: 16px;
}
.foterBot .link a {
    display: inline-block;
   /*  color: #a9abad; */
    color: #333;
    font-size: 14px;
}
.foterBot .link i {
    display: inline-block;
    color: #a9abad;
    font-size: 14px;
    margin: 0 16px;
}
.foterBot p {
    font-size: 14px;
    color: #a9abad;
    font-size: 14px;
}
.foterBot {
    padding: 35px 0;
    background: #fff;
    text-align: center;
    border-top: 3px solid #e8e8e8;
}




.search .danhao{ width:100%; height:80px; line-height:40px; text-indent:10px;}
.search #J_search{ cursor: pointer;border-radius: 6px;display:block;width:100%; height:35px; line-height:35px; background:#FC0; color:#fff; text-align:center;}
.search #J_search:hover{background:#ec7112; color:#fff;}
.search .top { padding-bottom:20px;}
.search_result h3{ font-size:16px; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:5px;font-weight:bold; }
.search_result .content li{ font-size:16px;height:40px; line-height:40px;}
.search_result .content li strong{font-weight:normal; color:#2586be;}
.search_result .content li .time{ display:inline-block; margin-right:20px;}