@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(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,.more i,.float_right .box,.i_part .text,h2,li:before,li,a:before,.p8_lb,
.dis_list li .img,.news_list .n_more,.news_list .n_more i,.pro_list .p_more,.pro_list .p_more i,
.close,.sol_main .text,.more{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.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: 1200px; margin: 0 auto;}
.tover{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.zoom{ position: relative; display: block; overflow: hidden; }
.zoom img,.zoom 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; }
.zoom:hover img,.zoom:hover span,li:hover .zoom 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; }
.bg_f5f5f5{ background: #f5f5f5; }
.bg_f4f4f4{ background: #f4f4f4; }

/*header*/
.header{ height: 140px; }
.htop{ height: 46px; line-height: 46px; background: #f7f7f7; font-size: 0; }
.hphone{ padding-left: 24px; background: url(../images/icon1.png) left center no-repeat; color: rgba(0,0,0,.8); }
.hphone font,.htop .hphone em{ font-size: 14px; display: inline-block; vertical-align: middle; }
.hphone em{ font-size: 18px; color: #2EC4B6; }
.hlink{ font-size: 14px; color: rgba(0,0,0,.8); }
.hlink .hmap{ margin-right: 10px; padding: 0 18px; border-right: 1px solid #aaa; }
.hlink .hmap:hover{ color: #2EC4B6; }
.hlink .hicon{ display: inline-block; vertical-align: middle; width: 36px; height: 40px; background-position: center; background-repeat: no-repeat; }
.hlink .wechat{ background-image: url(../images/icon2.png); }
.hlink .wechat:hover{ background-image: url(../images/icon2on.png); }
.hlink .weibo{ background-image: url(../images/icon3.png); }
.hlink .weibo:hover{ background-image: url(../images/icon3on.png); }
.hbot{ clear: both; height: 94px; line-height: 94px; background: #fff; }
.hbot.small{ box-shadow: 0 2px 10px rgba(0,0,0,.1); position: fixed; top: 0; width: 100%; background: #fff; z-index: 999; height: 74px; line-height: 74px; }
.hbot.small .logo{ max-height: 40px; }
.hbot.small .nav li{ height: 74px; }
.hbot.small .nav li > a{ height: 74px; line-height: 71px; }
.hbot.small .s_nav{ top: 74px; }
.h_box{ margin-right: -26px; }
.nav{ position: relative; }
.nav li{ margin-right: 18px; position: relative; float: left; height: 94px; display: block; font-size: 16px; box-sizing: border-box; }
.nav li > a{ padding: 0 26px; color: #383838; display: block; height: 94px; line-height: 91px; box-sizing: border-box; border-bottom: 3px solid transparent; }
.nav li.on > a,.nav li:hover > a{ color: #2EC4B6; border-color: #2EC4B6; }
.nav li:last-child{ margin-right: 0; }
.s_nav{ display: none; border-top: 1px solid transparent; white-space: nowrap; min-width: 494px; font-size: 0; box-sizing: border-box; padding: 50px; position: absolute; left: 50%; top: 94px; width: auto; line-height: 40px; z-index: 999; background: #f8f8f8; 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{ position: relative; width: 170px; white-space: normal; padding-right: 20px; display: inline-block; vertical-align: top; }
.nav li dl dd{ width: 100%; display: inline-block; vertical-align: top; }
.nav li dd > a{ padding-left: 14px; position: relative; font-size: 16px; color: #000; padding: 0 10px; min-width: 118px; display: block; white-space: nowrap; }
.nav li dd > a:before{ content: ''; position: absolute; left: 0; top: 18px; width: 3px; height: 3px; background: #737373; }
.nav li dd > a:hover{ color: #2EC4B6; }
.nav li dd > a:hover:before{ background: #2EC4B6; }
.nav_right{ display: none; vertical-align: top; }
.nav_txt{ height: 52px; overflow: hidden; margin-top: 20px; width: 454px; white-space: normal; font-size: 16px; color: rgba(0,0,0,.8); line-height: 26px; }
.t_nav{ display: none; position: absolute; left: 100%; top: 0; width: 280px; padding: 0 30px; box-sizing: border-box; white-space: normal; }
.t_nav.over_y{ max-height: 264px; overflow-y: auto; }
.t_nav a{ display: block; color: #151923; font-size: 16px; padding: 7px 0; }
.t_nav a:hover{ color: #c60000; }
.t_nav a:before{ display: none; }
.t_nav .t_nav_de{ line-height: 30px; }
.nav li.goright{ position: static; }
.nav li.goright .s_nav{ left: auto; right: 0; margin-left: 0!important; }
.nav li:nth-child(3) .nav_right{ margin-left: 250px; position: absolute; right: -470px; top: 0; }
.nav li:nth-child(3) .s_nav{ width: 980px; padding: 25px 35px 35px; line-height: 50px; }
.nav li:nth-child(3) .s_nav .nav_pic{ width: 444px; }
.nav li:nth-child(3) dl{ border-right: 1px solid #e5e5e5; }
.nav li:nth-child(3) dl dd.on > a{ color: #2EC4B6; }
.nav li:nth-child(3) dl dd.on a:before{ background: #2EC4B6; }
.nav li:nth-child(3) dl dd:first-child .t_nav{ display: block; }
.nav li:nth-child(3) dl dd .t_nav .t_nav_de.on .nav_right{ display: block!important; }
.nav li:nth-child(3) dl dd .t_nav .t_nav_de.on > a{ color: #2EC4B6; }
.nav li:nth-child(3) dl a:before{ top: 24px; }
.dd_right{ position: absolute; left: 486px; top: 7px; height: 100%; }
.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:#c60000; 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);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.search_box{ margin-right: 60px; position: relative; box-sizing: border-box; background: #fff; margin-top: 7px; float: right; width: 200px; height: 32px; overflow: hidden; border-radius: 16px; border: 1px solid #dcdcdc; }
.search_box:before{ position: absolute; left: 160px; content: ''; float: left; width: 1px; height: 14px; top: 8px; background: #e5e5e5; }
.search_input{ position: relative; width: 160px; height: 30px; line-height: 30px; border: none; float: left; padding: 0 10px; box-sizing: border-box; }
.search_sub{ cursor: pointer; width: 38px; height: 30px; background-color: #fff; background-image: url(../images/icon80.png); background-position: center; background-repeat: no-repeat; background-size: 13px; border: none; float: right; }
.search_sub:hover{  background-image: url(../images/icon80on.png); }
.wechat_wrap{ position: relative; }
.wechat_box{ border-radius: 5px; line-height: 20px; font-size: 13px; display: none; position: absolute; text-align: center; left: 50%; margin-left: -70px; top: 40px; width: 140px; padding: 10px 0; background: #fff; z-index: 10000; box-shadow: 0 0 10px rgba(0,0,0,.3);}
.wechat_box img{ max-width: 100%; }
.wechat_box p{ color: #333; margin-top: 5px; }
.wechat_wrap:hover .wechat_box{ display: block; }
.ftop .wechat_box{ top: auto; bottom: 60px; left: 0; margin: 0; }
.float_right .wechat_box{ left: auto; margin: 0; top: auto; bottom: 0; right: 60px; }
.qq_wrap{ position: relative; }
.qq_box{ display: none; width: 235px; position: absolute; bottom: -40px; right: 50px; }
.qq_main{ width: 202px; min-height: 156px; padding: 1px; box-sizing: border-box; border: 1px solid #2EC4B6; border-radius: 4px; }
.qq_content{ text-align: center; width: 198px; min-height: 152px; box-sizing: border-box; background: #2EC4B6; border-radius: 4px; padding-bottom: 7px; }
.qq_top{ padding: 12px 0 7px; width: 100%; }
.qq_top span{ display: inline-block; line-height: 28px; font-size: 16px; color: #fff; background: url(../images/icon82.png) left center no-repeat; padding-left: 26px; }
.qq_bot{ text-align: left; padding: 11px 7px; box-sizing: border-box; float: left; width: 184px; min-height: 97px; border-radius: 0 0 4px 4px; background: #fff; margin: 0 7px; }
.qq_bot li{ height: 31px; line-height: 31px; margin-bottom: 7px; }
.qq_bot li img{ margin-right: 10px; }
.qq_bot li font{ display: inline-block; vertical-align: middle; }
.qq_bot li:hover a{ color: #c60000; }
.qq_wrap:hover .qq_box{ display: block; }
.phone_wrap{ position: relative; }
.phone_box{ display: none; width: 242px; position: absolute; right: 50px; top: -14px; }
.phone_top{ text-align: center; width: 226px; height: 72px; border-radius: 4px 4px 0 0; background: #2EC4B6; color: #fff; }
.phone_top .text{ margin-top: 13px; display: inline-block; text-align: left; padding-left: 50px; background: url(../images/icon84.png) left center no-repeat; }
.phone_top .text h3{ font-size: 24px; font-weight: bold; }
.phone_bot{ padding: 6px 18px; border: 1px solid #e3e3e3; width: 226px; height: 90px; box-sizing: border-box; background: #fff; font-size: 13px; color: #686868; line-height: 24px; }
.phone_wrap:hover .phone_box{ display: block; }

/*footer*/
.footer{ background: #323131; }
.ftop{ padding: 74px 0 22px; }
.fnav{ width: 71.4%; line-height: 32px; }
.fnav li{ width: 20%; padding-right: 10px; box-sizing: border-box; float: left; }
.fnav li > a{ position: relative; font-size: 16px; color: #fff; display: block; }
.fnav li > a:after{ content: ''; display: block; width: 18px; height: 1px; background: rgba(230,230,230,.4); margin: 10px 0 15px; }
.fnav dd a{ display: block; color: rgba(255,255,255,.87); }
.fcon{ padding-top: 26px; width: 28.6%; color: rgba(255,255,255,.8); }
.fcon .box{ padding-left: 60px; }
.fcon h2{ line-height: 30px; font-size: 22px; color: rgba(255,255,255,.9); }
.fcon .box:first-child{ margin-bottom: 36px; }
.fcon .box:first-child h2{ font-weight: bold; font-size: 24px; }
.fcon .box.phone{ background: url(../images/icon17.png) left center no-repeat; }
.fcon .box.wechat{ background: url(../images/icon18.png) left center no-repeat; }
.fbot{ color: rgba(255,255,255,.8); font-size: 12px; line-height: 28px; border-top: 1px solid rgba(255,255,255,.1); }
.fbot .baseWidth{ padding: 14px 0; }
.fbot .flinks{ float: right; width: calc(100% - 70px); }
.fbot a{ color: rgba(255,255,255,.8); margin-right: 20px; }
.footer a:hover{ color: #2EC4B6; }

/*首页*/
.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{ height: 10px; width: 100%; text-align: center; line-height: 1; position: absolute; bottom: 0; list-style: none;  }
.slick-dots li{ border-radius: 50%; display: inline-block!important; vertical-align: top; cursor: pointer; width: 10px; overflow: hidden; height: 10px; background: #f1f2f0; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ overflow: hidden; background: #2EC4B6; }
.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{ display: block; position: relative; }
.banner-text{ clear: both; height: 780px; overflow: hidden; position: relative;}
.banner-wrap{ height: 780px; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 780px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner .slick-dots{ bottom: 82px; }
.banner-text.baseWidth{ position: absolute; top: 95px; left: calc((100% - 1200px)/2); z-index: 2; width: 405px; }
.banner-txt{ width: 405px; height: 466px; background: rgba(255,255,255,.8); padding: 48px 34px 54px; box-sizing: border-box; position: relative; z-index: 1; }
.banner-txt h2{ margin-bottom: 4px; font-size: 44px; color: #9d2222; font-weight: bold; }
.banner-txt h3{ max-height: 64px; overflow: hidden; margin-bottom: 38px; line-height: 32px; font-size: 24px; color: #4c4c4c; font-weight: bold; }
.banner-txt .text_p{ max-height: 104px; overflow: hidden; font-size: 16px; color: #282828; line-height: 26px; }
.banner-txt .more{ position: absolute; left: 34px; bottom: 54px; width: 126px; height: 46px; line-height: 46px; text-align: center; background: #b80101; color: #fff; }
.more i{ width: 14px; height: 46px; background: url(../images/icon9.png) center no-repeat; display: inline-block; vertical-align: top; margin-left: 4px; }
.more:hover i{ margin-left: 8px; }
.i_path{ /*z-index: 999;*/ position: absolute; bottom: 0; width: 100%; color: #fff; height: 66px; line-height: 66px; border-top: 1px solid rgba(255,255,255,.2); }
.i_path .baseWidth{ background: url(../images/icon4.png) left center no-repeat; padding-left: 54px; box-sizing: border-box; }
.i_path ul{ font-size: 16px; box-sizing: border-box; height: 66px; line-height: 66px; }
.i_path a{ color: #fff; }
.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_path li:hover em{ text-decoration: underline; }
.i_service{ padding: 160px 0 215px; }
.i_title{ text-align: center; }
.i_title h2{ text-transform: uppercase; line-height: 50px; font-weight: bold; font-size: 48px; letter-spacing: 6px; color: #000; }
.i_title h3{ line-height: 40px; font-size: 24px; color: rgba(0,0,0,.9); letter-spacing: 8px; }
.i_service .i_title{ margin-bottom: 108px; }
.i_ser_slick{ text-align: center; }
.i_ser_slick .img{ margin: 0 auto 30px; width: 194px; height: 194px; line-height: 194px; text-align: center; border-radius: 50%; background: #f5f5f5; border: 4px solid #f5f5f5; box-sizing: border-box; font-size: 0; }
.i_ser_slick .img img{ display: inline-block; width: auto; height: auto; max-width: 80%; max-height: 80%; }
.i_ser_slick p{ margin-bottom: 50px; font-size: 24px; color: #000; }
.i_ser_slick .more{ display: block; margin: 0 auto; border-radius: 20px; width: 120px; height: 38px; line-height: 38px; color: #2c2c2c; border: 1px solid #666; }
.i_ser_slick .more i{ width: 6px; height: 40px; display: inline-block; vertical-align: top; background: url(../images/icon22.png) center no-repeat; margin-left: 6px; }
.i_ser_slick .more:hover{ background: #2EC4B6; border-color: #2EC4B6; color: #fff; }
.i_ser_slick .more:hover i{ background: url(../images/icon22on.png) center no-repeat; }
.i_ser_slick .slick-slide:hover img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
/*.i_ser_slick .slick-slide:hover .img{ border-color: #c60000; }*/
.i_part .wrap{ width: 50%; height: 0; padding-bottom: 48%; float: left; }
.i_part .box{ background: #000; position: relative; }
.i_part .box a{ position: absolute; width: 100%; height: 100%; display: block; }
.i_part .box .img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_part .box .text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 1; }
.i_part .text h2{ font-size: 24px; color: #000; }
.i_part .text .text_p{ margin-top: 26px; font-size: 16px; color: rgba(0,0,0,.7); line-height: 28px; }
.i_part .left_w .box{ width: 100%; height: 0; padding-bottom: 48%; }
.i_part .left_w .box:first-child{ background: #f7f7f7; }
.i_part .left_w .box:first-child:hover h2{ color: #2EC4B6; }
.i_part .left_w .text{ height: 142px; width: 485px; max-width: 78%; }
.i_part .left_w .text .text_p{ height: 84px; overflow: hidden; }
.i_part .right_w .box{ overflow: hidden; width: 50%; height: 0; padding-bottom: 48%; float: left; }
.i_part .right_w .box .img{ opacity: .5; }
.i_part .right_w .box:hover{ background: #2EC4B6; }
.i_part .right_w .box:hover .img{ opacity: .12; }
.i_part .right_w .text{ width: 78%; height: 32px; text-align: center; }
.i_part .right_w .text h2{ color: #fff; }
.i_part .right_w .text .text_p{ height: 96px; margin-top: 22px; color: #fff; line-height: 24px; overflow: hidden; }
.i_part .right_w .box:hover .text{ height: 150px; text-align: left; }
.i_part .right_w .box:hover .text .text_p{ display: block; height: 96px; overflow: hidden; }
.i_customer{ padding: 170px 0 215px; }
.i_customer .i_title{ margin-bottom: 130px; }
.i_customer .img{ float: left; width: 20%; margin-left: 4.75%; border-radius: 50%; }
.i_customer .img img{ max-width: 100%; max-height: 100%; border-radius: 50%; }
.i_customer .text{ margin-top: 15px; float: right; width: 51.6%; margin-right: 3%; }
.i_customer .text h2{ margin-bottom: 5px; font-size: 28px; color: rgba(0,0,0,.8); }
.i_customer .text span{ margin-bottom: 26px; display: block; font-size: 16px; line-height: 22px; color: #585858; }
.i_customer .text p{ height: 140px; overflow: hidden; font-size: 16px; color: rgba(0,0,0,.7); line-height: 28px; }
.i_customer .text .more{ display: block; margin-top: 22px; width: 116px; height: 42px; line-height: 42px; background: #2EC4B6; color: #fff; text-align: center; }
.i_customer .text .more i{ height: 42px; }
.i_customer .text h2:hover{ color: #b80101; }
.i_cus_slick .slick-prev{ left: -120px; width: 86px; height: 86px; margin-top: -43px; background: url(../images/icon10.png) center no-repeat; background-size: contain; }
.i_cus_slick .slick-prev:hover{ background: url(../images/icon10on.png) center no-repeat; background-size: contain; }
.i_cus_slick .slick-next{ right: -120px; width: 86px; height: 86px; margin-top: -43px; background: url(../images/icon11.png) center no-repeat; background-size: contain; }
.i_cus_slick .slick-next:hover{ background: url(../images/icon11on.png) center no-repeat; background-size: contain; }
.i_cus_slick .slick-dots { width: 20%; left: 4.75%; }
.i_cus_slick .slick-dots li{ margin-bottom: 10px; background: #fff; cursor: pointer; width: 32px; height: 32px; line-height: 30px; border: 1px solid #d3d3d3; }
.i_cus_slick .slick-dots button{ cursor: pointer; font-size: 14px; color: rgba(0,0,0,.6); }
.i_cus_slick .slick-dots li.slick-active{ background: #2EC4B6; border-color: #2EC4B6; }
.i_cus_slick .slick-dots li.slick-active button{ color: #fff; }
.i_news{ padding: 110px 0 100px; background-color: #f7f7f7; background-repeat: no-repeat; background-position: top center; }
.i_news .i_ntop h2{ margin-bottom: 2px; font-size: 36px; color: rgba(0,0,0,.9); }
.i_news .i_ntop p{ font-size: 16px; color: rgba(0,0,0,.8); line-height: 24px; height: 48px; overflow: hidden; }
.i_nleft{ background: #fff; width: calc(100% - 340px); height: 535px; padding: 42px 20px 0 38px; box-sizing: border-box; }
.i_nright{ background: #2EC4B6; width: 340px; height: 535px; padding: 42px 25px; box-sizing: border-box; }
.i_nright .i_ntop h2{ color: #fff; }
.i_nright .i_ntop p{ color: #fff; }
.i_nl_main{ width: 56%; margin-top: 22px; }
.i_nl_main .img{ height: 146px; margin-bottom: 26px; }
.i_nl_main .text h2{ font-size: 16px; color: #000; margin-bottom: 14px; }
.i_nl_main .text h2:hover{ color: #2EC4B6; }
.i_nl_main .text p{ font-size: 14px; color: rgba(0,0,0,.6); line-height: 25px; height: 50px; overflow: hidden; }
.i_nl_main .text .more{ display: block; margin-top: 42px; width: 116px; height: 42px; line-height: 42px; background: #2EC4B6; color: #fff; text-align: center; }
.i_nl_main .text .more i{ height: 42px; }
.i_nl_list{ width: 36%; margin-top: 22px; }
.i_nl_list li{ position: relative; height: 50px; line-height: 50px; border-bottom: 1px solid #f2f2f2; }
.i_nl_list li a{ color: rgba(0,0,0,.8); }
.i_nl_list li:before{ content: ''; position: absolute; left: -15px; width: 4px; height: 4px; background: #e5e5e5; top: 24px; display: block; }
.i_nl_list li:hover a{ color: #2EC4B6; }
.i_nl_list li:hover:before{ background: #2EC4B6; }
.i_nr_info{ margin: 40px 0 8px; line-height: 18px; color: #fff; }
.i_nr_info .box{ padding-left: 40px; margin-bottom: 24px; background-position: 8px center; background-repeat: no-repeat; }
.i_nr_btn{ padding-bottom: 34px; border-bottom: 1px dotted rgba(255,255,255,.5); margin-bottom: 28px; }
.i_nr_btn a{ width: 140px; height: 42px; box-sizing: border-box; line-height: 40px; border: 1px solid rgba(255,255,255,.8); color: #fff; text-align: center; display: block; }
.i_nr_btn a em{ width: 15px; height: 40px; background: url(../images/icon14.png) center no-repeat; display: inline-block; vertical-align: top; margin-right: 10px; }
.i_nr_btn a i{ margin-left: 14px; width: 14px; height: 40px; background: url(../images/icon15.png) center no-repeat; display: inline-block; vertical-align: top; }
.i_nr_btn a:hover{ background: #ff7d14; border-color: #ff7d14; }
.i_nr_ewm .fl{ width: 33.5%; }
.i_nr_ewm .fr{ width: 56%; color: #fff; }
.i_nr_ewm .fr h2{ font-weight: bold; font-size: 26px; margin-bottom: 12px; }
.i_nr_ewm .fr .tips{ border-top: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); height: 36px; line-height: 36px; padding-left: 18px; background: url(../images/icon16.png) 4px center no-repeat; }

/*公共*/
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}

.wbanner{ height: 388px; clear: both; background-size: cover; background-position: center center; }
.m_bar{ min-height: 75px; margin-top: 14px; line-height: 75px; border-bottom: 1px solid #eee; }
.mpath{ background: url(../images/icon23.png) left center no-repeat; text-indent: 38px; max-width: 45%;display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.mpath a{ color: #000; vertical-align: middle;}
.mpath a:hover,.mpath span{ color: #2EC4B6; vertical-align: middle; }
.mpath b{ display: inline-block; vertical-align: middle; margin: 0 12px; background: url(../images/icon24.png) center no-repeat; width: 5px; height: 35px; }
.mnav{ max-width: 50%; }
.mnav li{ font-size: 16px; display: inline-block; vertical-align: top; margin-left: 40px; text-align: center; }
.mnav li a{ display: block; box-sizing: border-box; height: 76px; line-height: 74px; min-width: 60px; }
.mnav li.on a,.mnav li:hover a{ color: #2EC4B6;}
.mnav li.on a{ border-bottom: 2px solid #2EC4B6; }
.float_right{ position: fixed; right: 35px; top: 50%; margin-top: -115px; z-index: 999; }
.float_right > div{ display: block; margin: 20px 0; }
.float_right .box{ background-color: rgba(0,0,0,.5); width: 50px; height: 50px; border-radius: 50%; background-position: center; background-repeat: no-repeat; }
.float_right .box.qq{ background-image: url(../images/icon19.png); }
.float_right .box.wechat{ background-image: url(../images/icon20.png); }
.float_right .box.phone{ background-image: url(../images/icon21.png); }
.float_right .box:hover{ background-color: #2EC4B6; }
.pages{ font-size: 0; margin: 0 auto 30px; }
.pages a,.pages span{ border: 1px solid #eee; text-align: center; color: #666; height: 34px; display: inline-block; margin: 0 6px 10px; font-size: 14px; min-width: 34px; box-sizing: border-box; line-height: 34px; padding: 0 5px; }
.pages span{ border: none; }
.pages .current{ border-color: #2EC4B6; padding: 0 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background: #2EC4B6; color: #fff; }
.pages a:hover{ border-color: #2EC4B6; background: #2EC4B6; color: #fff!important; }
.pages a:first-child{ margin-left: 0; }
.pages a:last-child{ margin-right: 0; }
.pages .prev{ width: 75px; }
.pages .next{ width: 75px; }

/*关于我们*/
.abo_part1{ padding: 50px 0 70px; }
.p1_top .img{ width: 48.5%; }
.p1_top .text{ width: 48%; }
.p1_top .text h2{ font-size: 26px; color: #000; margin: 5px 0 18px; }
.p1_top .text p{ font-size: 16px; color: rgba(0,0,0,.8); line-height: 32px; }
.p1_mid{ margin: 55px auto; }
.p1_mid .box{ width: 20%; padding: 0 5px; box-sizing: border-box; text-align: center; float: left; }
.p1_mid .box h2{ font-size: 14px; font-weight: bold; color: #b80101; line-height: 62px; }
.p1_mid .box h2 b{ font-size: 50px; margin-right: 5px; }
.p1_mid .box p{ font-size: 14px; color: #383838; line-height: 18px; }
.p1_bot{ font-size: 16px; color: rgba(56,56,56,.8); line-height: 28px; }
.abo_part2{ padding: 75px 0 70px; }
.abo_part2 .p2_box{ background-repeat: no-repeat; background-position: center; background-size: cover; float: left; position: relative; text-align: center; color: #fff; width: 49.2%; height: 0; padding-bottom: 33.3%; float: left; }
.abo_part2 .p2_box:first-child{ margin-right: 1.6%; }
.abo_part2 .p2_box .text{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 110px; }
.abo_part2 .p2_box a{ color: #fff; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.abo_part2 .p2_box h2{ position: relative; margin-top: 20px; display: inline-block; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 40px; line-height: 40px; padding: 0 8px; font-size: 18px; }
.abo_part2 .p2_box h2:after{ display: none; content: ''; position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; height: 2px; background: #fff; }
.abo_part2 .p2_box h3{ width: 120px; margin: 0 auto; line-height: 24px; height: 48px; overflow: hidden; text-transform: uppercase; font-size: 18px; font-weight: 100; font-family: '华文细黑';}
.abo_part2 .p2_box p{ width: 90%; margin: 0 auto; font-size: 16px; display: none; }
.abo_part2 .p2_box:hover .text{ height: 24px; }
.abo_part2 .p2_box:hover a{ background: #2ec4b6d1; } 
.abo_part2 .p2_box:hover h2{ position: relative; top: -96px; margin-top: 0; border: none; }
.abo_part2 .p2_box:hover h2:after{ display: block; }
.abo_part2 .p2_box:hover h3{ width: 90%; height: 24px; }
.abo_part2 .p2_box:hover p{ display: block; } 
.abo_tit{ font-size: 26px; color: #000; text-align: center; }
.p3_slick{ position: relative; }
.p3_slick:before{ content: ''; position: absolute; left: 0; top: 11px; width: 100%; height: 1px; background: #bbb; }
.abo_part3{ background: url(../images/icon30.png) 84% 78.5% no-repeat; background-size: contain; }
.abo_part3{ padding: 55px 0 70px; }
.abo_part3 ul{ margin-top: 430px; text-align: center; font-size: 14px; font-weight: bold; color: #bbb; }
.abo_part3 ul li.slick-slide{ cursor: pointer; padding: 36px 0 10px; background: url(../images/icon25.png) center 5px no-repeat; }
.abo_part3 ul li.slick-slide.on{ color: #2EC4B6; background: url(../images/icon26.png) center 0 no-repeat; }
.abo_part3 ul li.slick-slide:hover{ color: #2EC4B6; }
.abo_part3 .slick-prev{ left: -0; width: 33px; height: 60px; top: -185px; margin-top: 0; background: url(../images/icon27.png) center no-repeat; background-size: contain; }
.abo_part3 .slick-prev:hover{ background: url(../images/icon27on.png) center no-repeat; background-size: contain; }
.abo_part3 .slick-next{ right: -0; width: 33px; height: 60px; top: -185px; margin-top: 0; background: url(../images/icon28.png) center no-repeat; background-size: contain; }
.abo_part3 .slick-next:hover{ background: url(../images/icon28on.png) center no-repeat; background-size: contain; }
.p3_detail{ overflow: hidden; background: #fff; position: absolute; top: -400px; left: 6.5%; width: 87%; padding: 15px; height: 340px; border: 1px solid #eee; box-sizing: border-box; box-shadow: 0 21px 38px rgba(0,0,0,.08); }
.p3_detail .img{ float: left; width: 40%; height: 308px; }
.p3_detail .text{ margin-right: 4.5%; float: right; width: 50%; }
.p3_detail .text h2{ margin: 26px 0 14px; font-weight: bold; font-size: 42px; color: #c60000; padding: 12px 0; border-bottom: 1px solid #e5e5e5; }
.p3_detail .text h2 span{ font-size: 14px; display: inline-block; vertical-align: text-top; margin-left: 5px; }
.p3_detail .text dl{ height: 160px; overflow: hidden; }
.p3_detail .text dd{ background: url(../images/icon29.png) left center no-repeat; padding-left: 14px; line-height: 40px; font-size: 16px; color: #666; }
.abo_part4{ padding: 55px 0 85px; }
.abo_part4 .abo_blist{ margin: 28px auto 75px; }
.abo_blist{ width: calc(100% - 200px); text-align: center; margin: 0 auto; }
.abo_blist li{ min-width: 100px; box-sizing: border-box; display: inline-block; vertical-align: top; margin-bottom: 6px; position: relative; margin: 0 14px; padding: 0 14px; cursor: pointer; height: 38px; line-height: 38px; font-size: 16px; color: rgba(32,32,32,.8); }
.abo_blist li:last-child{ padding: 0; }
.abo_blist li a{ display: block; padding: 0 14px; }
.abo_blist li.on,.abo_blist li:hover{ background: #2EC4B6; color: #fff; }
.abo_blist li:hover a{ color: #fff; }
.abo_blist li.on:after{ content: ''; position: absolute; left: 50%; margin-left: -6.5px; bottom: -6px; width: 13px; height: 6px; background: url(../images/icon31.png) center no-repeat; }
.p4_box .text{ width: 51.6%; }
.p4_box .text h2{ margin: 58px 0 16px; font-size: 24px; color: #000; }
.p4_box .text p{ font-size: 16px; color: rgba(0,0,0,.8); line-height: 32.3px; }
.p4_box .text .more{ color: rgba(0,0,0,.8); font-size: 14px; margin-top: 50px; display: inline-block; padding-right: 24px; background: url(../images/icon33.png) right center no-repeat; }
.p4_box .text .more:hover,.p4_box .text h2:hover{ color: #2EC4B6; }
.p4_wrap{ clear: both; }
.p4_wrap .p4_box{ line-height: 26px; }
.p4_wrap .p4_box{ display: none; opacity: .6; }
.p4_wrap .p4_box:first-child{ display: block; opacity: 1; }
.p4_wrap .p4_box .img{ width: 40%; }
.abo_part5{ padding: 55px 0 70px; }
.p5_list{ margin-top: 14px; }
.p5_list .slick-slide{ cursor: pointer; margin: 20px 10px; }
.p5_list .slick-slide:hover{ box-shadow: 0 2px 10px rgba(0,0,0,.1); -webkit-transform: translateY(-4px); transform: translateY(-4px); }
.p5_list .text{ padding: 15px 20px; background: #fbfbfb; }
.p5_list .text h2{ margin-bottom: 5px; font-size: 18px; color: #333; }
.p5_list .text h2 span{ width: 86px; overflow: hidden; margin-left: 12px; font-size: 14px; color: #c81118; border: 1px solid #c8c8c8; border-radius: 2px; padding: 0 6px; height: 20px; line-height: 18px; }
.p5_list .text p{ margin-bottom: 20px; line-height: 20px; font-size: 12px; color: #999; }
.p5_list .text .more{ width: 116px; height: 30px; line-height: 30px; background: #d21e1f; color: #fff; text-align: center; border-radius: 2px; }
.p5_list .slick-prev{ left: -65px; width: 33px; height: 60px; margin-top: -30px; background: url(../images/icon27.png) center no-repeat; background-size: contain; }
.p5_list .slick-prev:hover{ background: url(../images/icon27on.png) center no-repeat; background-size: contain; }
.p5_list .slick-next{ right: -65px; width: 33px; height: 60px; margin-top: -30px; background: url(../images/icon28.png) center no-repeat; background-size: contain; }
.p5_list .slick-next:hover{ background: url(../images/icon28on.png) center no-repeat; background-size: contain; }
.abo_part6{ padding: 60px 0 55px; }
.abo_part6 .abo_blist{ margin: 27px auto 30px; }
.p6_list .img{ margin: 20px 10px; text-align: center; background: #fff; height: 230px; line-height: 230px; font-size: 0; }
.p6_list .img:hover{ box-shadow: 0 2px 10px rgba(0,0,0,.1); -webkit-transform: translateY(-4px); transform: translateY(-4px); }
.p6_list .img img{ width: auto; height: auto; display: inline-block; max-height: 80%; max-width: 80%; }
.p6_list .slick-prev{ left: -65px; width: 33px; height: 60px; margin-top: -30px; background: url(../images/icon27.png) center no-repeat; background-size: contain; }
.p6_list .slick-prev:hover{ background: url(../images/icon27on.png) center no-repeat; background-size: contain; }
.p6_list .slick-next{ right: -65px; width: 33px; height: 60px; margin-top: -30px; background: url(../images/icon28.png) center no-repeat; background-size: contain; }
.p6_list .slick-next:hover{ background: url(../images/icon28on.png) center no-repeat; background-size: contain; }
.p6_wrap .p6_list{ display: none; opacity: .6; }
.p6_wrap .p6_list:first-child{ display: block; opacity: 1; }







.numm0{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.numm1{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.numm2{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.numm3{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.numm4{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.numm5{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.numm6{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.numm7{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.numm8{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.numm9{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}










/*弹窗*/
.team_bg{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,.6); }
.team_wrap{ max-width: 90%; max-height: 80%; padding: 100px 50px 80px; box-sizing: border-box; width: 1200px; height: 515px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #fff; }
.team_wrap .close{ position: absolute; right: 42px; top: 24px; width: 30px; height: 30px; background: url(../images/icon34.png) center no-repeat; cursor: pointer; }
.team_top{ font-size: 22px; color: rgba(0,0,0,.9); padding-left: 382px; height: 100px; line-height: 100px; }
.team_top span{ margin-left: 15px; color: rgba(0,0,0,.6); font-size: 14px; }
.team_bot{ background: #f5f5f5; padding: 35px 25px 35px 382px; height: 230px; box-sizing: border-box; line-height: 32px; color: rgba(0,0,0,.8); }
.team_bot .text_p{ padding-right: 10px; height: 160px; overflow: auto; }
.team_img{ position: absolute; left: 55px; bottom: 50px; width: 280px; height: 280px; }
.mCustomScrollBox{ padding-right: 20px; }

/*关于SAP*/
.abo_part7{ padding: 50px 0; font-size: 16px; color: rgba(0,0,0,.8); line-height: 36px; }
.p7_top{ margin-bottom: 25px; }
.p7_top .img{ width: 55.8%; float: left; }
.p7_top .text{ width: 40.8%; float: right; }
.p7_top .text h2{ font-size: 26px; color: #000; margin-bottom: 15px; }
.p7_top .text .text_p{ margin-bottom: 22px; font-size: 16px; color: rgba(0,0,0,.8); line-height: 32.3px; }
.p7_top .text dd{ position: relative; line-height: 36px; color: #000; font-size: 16px; padding-left: 14px; }
.p7_top .text dd em{ color: #c60000; }
.p7_top .text dd:before{ content: ''; position: absolute; width: 4px; height: 4px; top: 16px; left: 0; background: #c60000; }
.abo_part8{ padding: 58px 0 90px; font-size: 16px; color: rgba(0,0,0,.8); line-height: 32.3px; }
.p8_con{ margin-top: 45px; }
.p8_con .img{ width: 49.1%; float: left; margin-top: 8px; }
.p8_con .text{ width: 47.5%; float: right; }
.p8_list li{ position: relative; margin-top: 24px; border: 1px solid #e5e5e5; border-radius: 3px; background-image: url(../images/icon37.png); background-position: 97% 26px; padding: 0 15px; box-sizing: border-box; background-repeat: no-repeat; }
.p8_list h2{ background-repeat: no-repeat; background-position: left center; }
.p8_list .p8_lt{ box-sizing: border-box; cursor: pointer; height: 58px; line-height: 58px; padding: 0 22px; }
.p8_list .p8_lt h2{ padding: 0 50px; }
.p8_list .p8_lt h2:hover{ color: #2EC4B6; }
.p8_list .p8_lb{ display: none; padding: 18px 15px 6px; line-height: 40px; }
.p8_list .p8_lb dd{ font-size: 16px; }
.p8_list .p8_lb dd a{ position: relative; display: block; padding-left: 18px; box-sizing: border-box; color: rgba(0,0,0,.8); }
.p8_list .p8_lb dd a:hover{ color: #2EC4B6; }
.p8_list .p8_lb dd a:before{ content: ''; position: absolute; width: 4px; height: 4px; left: 6px; top: 18px; background: #b2b2b2; }
.p8_list .p8_lb dd a:hover:before{ background: #2EC4B6; }
.p8_list .p8_more{ display: inline-block; font-size: 14px; color: #2EC4B6; padding-left: 18px; }
.p8_list li.on{ background-color: #fff; background-image: url(../images/icon37on.png); border-radius: 3px 3px 0 0; }
.p8_list li.on .p8_lt{ border-bottom: 1px solid #e5e5e5; }
.p8_list li.on .p8_lb{ box-sizing: border-box; display: block; position: absolute; left: -1px; width: calc(100% + 2px); background: #fff; z-index: 1; border: 1px solid #e5e5e5; border-radius: 0 0 3px 3px; border-top: none; }

/*荣誉资质*/
.hon_main{ padding: 70px 0 95px; }
.hon_main .tit{ font-size: 26px; color: #000; text-align: center; }
.hon_list{ margin-bottom: 150px; }
.hon_list li{ cursor: pointer; overflow: visible; position: relative; width: 33.3%; float: left; }
.hon_list .img{ padding-bottom: 83.5%; position: relative; height: 0; width: 100%; text-align: center; display: inline-block; overflow: hidden; }
.hon_list .img img{ max-width: 77%; max-height: 70%; width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.hon_list li p{ padding: 0 5%; box-sizing: border-box; height: 36px; line-height: 36px; background: #fff; text-align: center; color: #161616; font-size: 16px; }
.hon_list li:hover p{ color: #2EC4B6; }
.hon_list li:nth-child(3n):after{ content: ''; position: absolute; display: block; width: 1200px; right: 0; bottom: 36px; height: 58px; background: url(../images/sd1.png) center no-repeat; background-size: contain; }
.hon_list li:nth-child(3n):before{ content: ''; position: absolute; display: block; width: 1200px; right: 0; top: 100%; height: 97px; background: url(../images/sd2.png) center no-repeat; background-size: contain; }
/*弹窗*/
.hon_bg{ display: none; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; }
.hon_wrap{ padding: 40px; box-sizing: border-box; background: #fff; width: 890px; height: 595px; max-width: 80%; max-height: 80%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.hon_box{ width: 100%; height: 100%; }
.hon_wrap h2{ font-size: 30px; color: #000; margin-bottom: 45px; text-align: center; }
.hon_wrap h3{ margin-bottom: 20px; font-size: 22px; color: #000; text-align: center; }
.hon_wrap .close{ cursor: pointer; width: 35px; height: 35px; background: url(../images/icon61.png) center no-repeat; position: absolute; right: 22px; top: 22px; }
.hon_wrap .close:hover{ background: url(../images/icon61on.png) center no-repeat; }
.hon_slick{ width: 500px; height: 315px; margin: 0 auto 36px; max-height: 70%; }
.hon_slick .slick-slide,.hon_slick .slick-track,.hon_slick .slick-list{ height: 100%; }
.hon_slick img{ display: inline-block; }
.hon_slick .pic{ background-repeat: no-repeat; background-position: center; background-size: contain; }
.hon_wrap .hon_page{ text-align: center; color: rgba(0,0,0,.6); font-size: 16px; font-family: "微软雅黑"; }
.hon_wrap .hon_page .now{ font-size: 22px; }
.hon_slick .slick-prev{ left: -85px; width: 35px;height: 35px; background: url(../images/icon59.png) center no-repeat; }
.hon_slick .slick-prev:hover{ background: url(../images/icon59on.png) center no-repeat; }
.hon_slick .slick-next{ right: -85px; width: 35px;height: 35px; background: url(../images/icon60.png) center no-repeat; }
.hon_slick .slick-next:hover{ background: url(../images/icon60on.png) center no-repeat; }

/*联系我们*/
.con_main{ padding: 55px 0; }
.con_main .tit{ font-size: 30px; color: #000; text-align: center; }
.c1_part{ padding: 0 7% 52px; box-sizing: border-box; }
.c1_part .tit{ margin-bottom: 56px; }
.c1_part .box{ position: relative; width: 25%; float: left; text-align: center; }
.c1_part .box:after{ content: ''; position: absolute; right: -14.5px; top: 44px; width: 29px; height: 15px; background: url(../images/icon42.png) center no-repeat; }
.c1_part .box:last-child:after{ display: none; }
.c1_part .box .img{ width: 104px; height: 104px; line-height: 104px; font-size: 0; margin: 0 auto 25px; }
.c1_part .box:hover img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.c1_part .box .img img{ max-width: 100%; max-height: 100%; }
.c1_part .box p{ font-size: 16px; color: rgba(0,0,0,.8); }
.c2_part{ position: relative; }
.c2_left{ overflow: hidden; float: left; width: 30.5%; height: 100%; position: absolute; }
.c2_left img{ position: absolute; left: 50%; height: 100%; }
.c2_right{ padding: 0 60px; box-sizing: border-box; min-height: 254px; float: right; width: 69.5%; background: #f7f7f7; }
.c2_right .box{ margin: 10px 0; width: 50%; float: left; color: rgba(0,0,0,.8); }
.c2_right .box h2{ margin-bottom: 20px; font-size: 16px; display: inline-block; min-width: 122px; border-bottom: 1px solid #2EC4B6; padding: 13px 0; }
.c2_right .detail{ font-size: 15px; padding-left: 45px; line-height: 24px; }
.c2_right .phone .detail{ color: #000; background: url(../images/icon43.png) left center no-repeat; }
.c2_right .phone .detail em{ color: #2EC4B6; font-weight: bold; font-size: 20px; }
.c2_right .call .detail{ background: url(../images/icon44.png) left center no-repeat; }
.c2_right .email .detail{ background: url(../images/icon45.png) left center no-repeat; }
.c2_right .qq .detail{ background: url(../images/icon46.png) left center no-repeat; }
.c2_right .qq a{ margin-bottom: 5px; font-size: 14px; position: relative; margin-right: 13px; float: left; display: inline-block; border: 1px solid #dcdcdc; width: 98px; height: 33px; line-height: 33px; padding-left: 30px; box-sizing: border-box; background: url(../images/bg2.png); }
.c2_right .qq a:after{ content: ''; position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: url(../images/icon47.png) 6px center no-repeat; }
.c2_right .qq a:last-child{ margin-right: 0; }
.c3_top{ padding: 30px 0; }
.c3_left{ width: 46.8%; height: 0; padding-bottom: 38.8%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.c3_right{ height: 390px; overflow: auto; margin-top: 26px; width: 40%; }
.c3_right li{ cursor: pointer; padding: 14px 0; }
.c3_right h2{ font-size: 16px; color: #1b1b1b; line-height: 30px; }
.c3_right p{ font-size: 14px; color: rgba(0,0,0,.6); line-height: 20px; }
.c3_right li:hover h2,.c3_right li.on h2{ color: #2EC4B6; }
.c3_bot{ margin-bottom: 60px; }
#allmap{ width: 100%; height: 300px; }
.BMap_bubble_content .f18{ font-size: 18px; color: #000; line-height: 30px; margin-bottom: 6px; }
.BMap_bubble_content .f14{ font-size: 14px; line-height: 27px; color: rgba(0,0,0,.6); display: inline-block; vertical-align: top; width: 350px; }
.c4_part{ padding: 55px 0 65px; }
.c4_part .c4_con{ margin-top: 28px; }
.c4_con .img{ float: left; width: 48.5%; height: 480px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.c4_con .text{ padding: 18px 35px 30px; box-sizing: border-box; float: right; width: 51.5%; background: #fff; }
.c4_con .text h3{ margin-bottom: 10px; font-size: 20px; color: #000; height: 44px; line-height: 44px; border-bottom: 1px solid #eee; }
.c4_list{ height: 377px; overflow: auto; }
.c4_list li{ cursor: pointer; border-bottom: 1px solid #eee; padding: 14px 0; }
.c4_list h2{ margin-bottom: 6px; font-size: 16px; color: #000; }
.c4_list p{ font-size: 14px; color: rgba(0,0,0,.8); }
.c4_list p em{ margin-right: 20px; min-width: 100px; display: inline-block; }
.c4_list p span{ color: rgba(0,0,0,.6); }
.c4_list li:hover h2{ color: #2EC4B6; }
.c5_form{ padding: 55px 0 75px; }
.c5_form .tit{ margin-bottom: 32px; }
.c5_form .c5_fl{ width: 53%; }
.c5_form .c5_fr{ width: 42.5%; }
.c5_form input{ margin-bottom: 29px; width: 100%; height: 50px; line-height: 48px; box-sizing: border-box; padding: 0 18px; border: 1px solid #ececec; background: #fafafa; }
.c5_form textarea{ width: 100%; height: 368px; box-sizing: border-box; border-radius: 2px; padding: 28px 30px; border: 1px solid #ececec; background: #fafafa; }
.c5_form .c5_sub{ cursor: pointer; width: 158px; height: 54px; line-height: 54px; background: #00CCCC; color: #fff; text-align: center; font-size: 18px; }
/*简历弹窗*/
.re_bg{ display: none; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
.re_wrap{ background: #fff; width: 970px; height: 76.8%; max-width: 80%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.re_wrap .re_title{ border-bottom: 1px solid #eee; position: relative; height: 64px; line-height: 64px; margin-top: 16px; padding: 0 75px 0 85px; box-sizing: border-box; font-size: 24px; color: #000; }
.re_wrap .re_title i{ cursor: pointer; width: 30px; height: 30px; top: 12px; position: absolute; right: 75px; background: url(../images/icon48.png) center no-repeat; }
.re_wrap .re_text{ line-height: 34px; padding: 24px 85px 0; height: calc(100% - 81px); box-sizing: border-box; font-size: 14px; color: #6c6c6c; }
.re_wrap .text span{ margin-right: 95px; }
.re_wrap .re_scroll{ height: calc(100% - 115px); overflow: auto; }
.re_wrap .re_text h2{ margin-bottom: 2px; color: #000; font-size: 20px; }
.re_wrap .re_text .box{ margin-bottom: 30px; }
.re_wrap .re_text .box:last-child{ margin-bottom: 0; }
.re_bot{ margin: 35px 0; }
.re_bot .rbtn{ display: inline-block; width: 195px; height: 45px; line-height: 45px; text-align: center; background: #2EC4B6; color: #fff; font-size: 14px; }
.re_bot font{ color: #666; font-size: 20px; margin-left: 20px; font-weight: 100; font-family: "微软雅黑"; }

/*产品列表*/
.pro_main{ padding-bottom: 100px; }
.pro_list{ margin-bottom: 110px; }
.pro_list .box{ padding: 30px 0; }
.pro_list .img{ width: 48%; float: right; text-align: center; }
.pro_list .img img{ max-width: 100%; }
.pro_list .text{ margin-top: 80px; width: 51.6%; float: left; }
.pro_list .text h2{ font-size: 30px; color: #2EC4B6; line-height: 40px; margin-bottom: 16px; }
.pro_list .text_p{ height: 128px; overflow: hidden; margin-bottom: 40px; font-size: 16px; color: rgba(0,0,0,.8); line-height: 32px; }
.pro_list .p_more{ display: inline-block; line-height: 35px; color: rgba(0,0,0,0.8); font-size: 14px; }
.pro_list .p_more i{ margin-left: 10px; width: 13px; height: 35px; display: inline-block; vertical-align: top; background: url(../images/icon33.png) center no-repeat; }
.pro_list .p_more:hover{ color: #2EC4B6; }
.pro_list .p_more:hover i{ background: url(../images/icon33on.png) center no-repeat; }
.pro_list .box:nth-child(2n+1){ background: #f5f5f5; }
.pro_list .box:nth-child(2n) .img{ float: left; }
.pro_list .box:nth-child(2n) .text{ float: right; }

/*产品详情*/
.prob{ padding: 40px 0 45px; }
.prob img{ max-width: 100%!important; height: auto!important; }
.pro_tit{ margin-bottom: 45px; }
.pro_tit h2{ font-size: 30px; color: #010101; margin-bottom: 10px; }
.pro_tit p{ max-width: 80%; margin: 0 auto; font-size: 16px; color: rgba(0,0,0,.6); line-height: 24px; }
.pro1_wrap .text{ float: left; width: 43%; font-size: 16px; color: rgba(0,0,0,.8); line-height: 33px; }
.pro1_wrap .img{ float: right; width: 52.5%; }
.pro1_wrap .img iframe{ width: 100%!important; float: none!important; }
.prob_list{ width: 890px; max-width: 100%; margin: 0 auto; }
.prob_list li{ margin-bottom: 10px; background-image: url(../images/icon72.png); background-position: 98% 22px; background-repeat: no-repeat; padding: 0 18px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
.prob_list .prob_top{ cursor: pointer; background: url(../images/icon71.png) left center no-repeat; padding: 0 30px 0 40px; font-size: 18px; color: #000; height: 58px; line-height: 58px; }
.prob_list .prob_bot{ display: none; border-top: 1px solid #e3e3e3; padding: 24px 0 34px; font-size: 16px; line-height: 45px; color: rgba(0,0,0,.8); }
.prob_list li.on{ background-color: #fbfbfb; background-image: url(../images/icon72on.png); }
.ben_list{ margin-bottom: 30px; width: 100%; }
.ben_list li{ color: #fff; font-size: 24px; border-radius: 4px; overflow: hidden; margin-bottom: 15px; text-align: center; width: 24%; margin-right: 1.3%; height: 130px; line-height: 130px; float: left; }
.ben_list li .red{ background: #2EC4B6 }
.ben_list li .blue{ background: #002261; }
.ben_list li:nth-child(4n){ margin-right: 0; }
.ben_list li span{ line-height: 35px; display: inline-block; vertical-align: middle; }
.ben_list li p:before{ content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 114px; margin-left: -1px; }
.ben_list li .img{ display: block; width: 100%; height: 130px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.prob_text{ font-size: 16px; color: #000; line-height: 30px; }
.prob_text em{ color: #2EC4B6; }
.prob_text b{ color: #2EC4B6; font-weight: bold; }
.case_list.prob5_list li{ width: auto; margin: 0 10px!important; }
.prob5_list .slick-prev{ left: -54px; width: 24px;height: 44px; margin-top: -22px; background: url(../images/icon73.png) center no-repeat; }
.prob5_list .slick-prev:hover{ background: url(../images/icon73on.png) center no-repeat; }
.prob5_list .slick-next{ right: -54px; width: 24px;height: 44px; margin-top: -22px; background: url(../images/icon74.png) center no-repeat; }
.prob5_list .slick-next:hover{ background: url(../images/icon74on.png) center no-repeat; }
.prob_bg{ padding: 144px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.prob6_text{ float: right; }
.prob6_text h2{ margin-bottom: 18px; font-size: 30px; color: #000; }
.prob7_con{ padding: 20px; }
.prob7_con h2{ margin-bottom: 16px; color: #2EC4B6; font-size: 16px; font-weight: bold; }
.prob7_con a.tit{ display: block; padding-left: 16px; position: relative; font-size: 16px; line-height: 36px; color: #000; }
.prob7_con a.tit:before{ content: ''; position: absolute; left: 0; top: 14px; width: 5px; height: 5px; background: #2EC4B6; display: block; }
.prob7_con a.tit:hover{ color: #2EC4B6; }

/*解决方案*/
.sol_main{ background: #f8f8f8; padding: 35px 0; }
.sol_main ul{ margin-bottom: 40px; }
.sol_main li{ overflow: hidden; position: relative; text-align: center; float: left; height: 0; padding-bottom: 33.3%; width: 23.3%; margin-right: 2.26%; margin-bottom: 24px; }
.sol_main li:nth-child(4n){ margin-right: 0; }
.sol_main li .img{ height: 0; padding-bottom: 92.8%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.sol_main .icon{ top: -28px; left: 50%; margin-left: -28px; position: absolute; width: 56px; height: 56px; line-height: 56px; border-radius: 50%; background: #fff; font-size: 0; }
.sol_main .icon img{ max-width: 80%; max-height: 80%; }
.sol_main .text{ width: 100%; position: absolute; bottom: 0; padding-top: 40px; box-sizing: border-box; height: 140px; background: #fff; }
.sol_main .text h2{ padding: 0 10px; position: relative; z-index: 1; font-size: 18px; color: #000; margin-bottom: 10px; }
.sol_main .text_p{ line-height: 24px; height: 48px; overflow: hidden; color: rgba(0,0,0,.6); font-size: 14px; max-width: 80%; margin: 0 auto; }
.sol_main .more{ display: none; }
.sol_main li.active .text{ padding-top: 78px; height: 100%; left: 0; width: 100%; background: #2EC4B6; }
.sol_main li.active .text *{ color: #fff; }
.sol_main li.active .icon{ position: static; width: 78px; height: 78px; line-height: 76px; font-size: 0; border: 1px solid #fff; background: none; margin: 0 auto 32px; }
.sol_main li.active .text_p{ margin-bottom: 25px; }
.sol_main li.active .more{ max-width: 80%; display: block; border: 1px solid #fff; width: 126px; height: 34px; line-height: 34px; margin: 0 auto; }
.sol_main li .more:hover{ background: #fff; color: #2EC4B6; }

/*解决方案详情*/
.prob8 .abo_blist{ margin-bottom: 50px; }
.prob9_list .img{ width: 39.5%; }
.prob9_list .img img{ max-width: 100%; }
.prob9_list .text{ width: 47.5%; }
.prob9_list li{ position: relative; padding: 20px 0; border-bottom: 1px solid #eee; }
.prob9_list li .img{ float: left; }
.prob9_list li .text{ float: right; }
.prob9_list li:nth-child(2n) .img{ float: right; }
.prob9_list li:nth-child(2n) .text{ float: left; }
.prob9_list .text h2{ margin: 70px 0 16px; font-size: 20px; color: #000; }
.prob9_list .text p{ font-size: 16px; color: rgba(0,0,0,.6); line-height: 30px; }
.prob9_list .more{ cursor: pointer; color: rgba(0,0,0,.8); font-size: 14px; margin-top: 50px; display: inline-block; padding-right: 24px; background: url(../images/icon33.png) right center no-repeat; }
.prob9_list .more:hover,.prob9_list .text h2:hover{ color: #2EC4B6; }
.prob9_list .detail{ display: none; position: absolute; left: auto; right: 0; width: 56.6%; padding: 40px 30px; box-sizing: border-box; height: 320px; top: 50%; margin-top: -160px; background: #2EC4B6; color: #fff; box-sizing: border-box; }
.prob9_list li:nth-child(2n) .detail{ left: 0; }
.prob_scroll{ height: 240px; overflow: auto; }
.prob_scroll:before{ content: ''; position: absolute; left: -15px; top: 50%; margin-top: -15px; width: 15px; height: 30px; background: url(../images/icon76.png) center no-repeat; }
.prob9_list li:nth-child(2n) .prob_scroll:before{ content: ''; position: absolute; left: auto; right: -15px; top: 50%; margin-top: -15px; width: 15px; height: 30px; background: url(../images/icon77.png) center no-repeat; }
.prob_scroll h2{ margin-bottom: 20px; font-size: 20px; }
.prob_scroll .text_p{ font-size: 14px; line-height: 14px; }
.prob_scroll .text_p p{ line-height: 24px; }


/*客户展示*/
.dis_main{ padding: 30px 0 50px; }
.dis_left{ background: #fff; width: 250px; }
.dis_right{ width: calc(100% - 250px); box-sizing: border-box; font-size: 16px; color: #666; line-height: 30px; }
.ml_title{ font-size: 26px; color: #fff; height: 80px; line-height: 80px; box-sizing: border-box; background: #2EC4B6; padding-left: 30px; }
.ml_nav{ padding: 12px 0; background: #f6f6f6; }
.ml_nav li{ position: relative; font-size: 16px; line-height: 54px; padding: 0 20px 0 45px; }
.ml_nav li:before{ content: ''; width: 4px; height: 4px; position: absolute; left: 30px; top: 25px; background: #8a8a8a; display: inline-block; }
.ml_nav li > a{ display: block; display: block; color: #8a8a8a; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.ml_nav li.on > a,.ml_nav li > a:hover{ color: #2EC4B6; }
.ml_nav li.on:before,.ml_nav li:hover:before{ background: #2EC4B6 }
.dis_list{ margin-bottom: 50px; }
.dis_list li{ margin-bottom: 45px; padding: 0 10px; box-sizing: border-box; float: left; width: 25%; text-align: center; }
.dis_list li .img{ height: 115px; line-height: 115px; font-size: 0; margin-bottom: 12px; }
.dis_list li .img img{ max-width: 90%; max-height: 90%; }
.dis_list li:hover .img{ -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
.dis_list li p{ font-size: 16px; color: rgba(0,0,0,.8); }
.dis_list li:hover p{ color: #2EC4B6; }

/*成功案例*/
.case_main{ padding: 45px 0; }
.case_slick{ height: 390px; margin-bottom: 30px; }
.case_slick .img{ width: 66%; height: 390px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.case_slick .text{ line-height: 24px; padding: 0 24px; box-sizing: border-box; width: 34%; height: 390px; background: #2EC4B6; color: #fff; }
.case_slick .text h2{ margin-top: 70px; line-height: 34px; font-size: 20px; }
.case_slick .text span{ display: block; margin-bottom: 22px; }
.case_slick .text_p{ margin-bottom: 30px; height: 120px; overflow: hidden; font-size: 14px; color: rgba(255,255,255,.8); }
.case_slick .ca_more{ font-size: 12px; }
.case_slick .ca_more i{ margin-left: 10px; width: 13px; height: 24px; display: inline-block; vertical-align: top; background: url(../images/icon33.png) center no-repeat; }
.case_slick .slick-dots{ width: 66%; bottom: 10px; }
.case_list{ margin-bottom: 50px; }
.case_list li{ margin-bottom: 30px; width: 31.8%; float: left; margin-right: 2.3%; }
.case_list li:nth-child(3n){ margin-right: 0; }
.case_list li .img{ height: 0; padding-bottom: 65%; }
.case_list .text{ padding: 28px 24px 38px; box-sizing: border-box; background: #f9f9f9; }
.case_list .text h2{ font-size: 18px; color: #000; }
.case_list .text span{ display: block; margin: 8px 0 20px; }
.case_list .text_p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: rgba(0,0,0,.6); }
.case_list li:hover h2{ color: #2EC4B6; }

/*成功案例详情*/
.case_detail{ padding: 25px 0 70px; }
.ca_left{ width: 220px; }
.ca_lt{ height: 110px; line-height: 110px; font-size: 0; text-align: center; margin-bottom: 30px; }
.ca_lt img{ max-width: 100%; max-height: 100%; display: inline-block; }
.ca_lb{ padding: 20px; border: 1px solid #eee; box-sizing: border-box; background: #f9f9f9; }
.ca_lb p{ margin-bottom: 14px; }
.ca_lb span{ line-height: 30px; color: #000; font-weight: bold; font-size: 15px; display: block; }
.ca_lb font{ line-height: 24px; font-size: 14px; color: rgba(0,0,0,.8); }
.ca_right{ padding-top: 132px; width: 220px; }
.ca_right .box{ margin-bottom: 38px; }
.ca_right h2{ margin-bottom: 6px; line-height: 46px; color: #2EC4B6; font-weight: bold; font-size: 24px; }
.ca_right h2 b{ font-size: 36px; }
.ca_right p{ line-height: 22px; font-size: 15px; color: rgba(0,0,0,.8); }
.ca_mid{ padding-top: 22px; width: calc(100% - 500px); margin: 0 auto; }
.ca_mid > h2{ margin-bottom: 38px; font-size: 26px; color: rgba(0,0,0,.8); line-height: 40px; }
.ca_mid .content{ padding-bottom: 40px; font-size: 16px; color: rgba(0,0,0,.8); line-height: 30px; }
.ca_mid .content h3{ font-weight: bold; color: #2EC4B6; font-size: 18px; }
.ca_mid .content p.tit{ padding-left: 20px; position: relative; }
.ca_mid .content p.tit:before{ content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; background: #c60000; display: block; }
.ca_mid .content img{ max-width: 100%!important; height: auto!important; }
.ca_mid .comment{ padding: 26px 0 35px; border-top: 3px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; }
.ca_mid .comment .tit{ margin-bottom: 18px; font-size: 24px; color: #000; }
.ca_mid .comment .word{ font-size: 20px; color: rgba(0,0,0,0.8); line-height: 35px; margin-bottom: 20px; }
.ca_mid .comment .name{ margin-bottom: 8px; font-size: 16px; color: #000; }
.ca_mid .comment .job{ font-size: 14px; color: rgba(0,0,0,.6); }
.ca_mid .ca_case{ padding: 30px 0; }
.ca_mid .ca_case .tit{ margin-bottom: 16px; font-size: 20px; color: #000; }
.ca_mid .ca_case .case_list li{ width: 47.6%; margin-right: 4.8%; }
.ca_mid .ca_case .case_list li:nth-child(2n){ margin-right: 0; }
.ca_mid .ca_case .case_list{ margin: 0; }

/*资讯活动*/
.news_main{ padding: 50px 0; }
.news_top{ margin-bottom: 25px; }
.news_top .box{ position: relative; width: 100%; }
.news_top .shadow{ font-size: 16px; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 18px; box-sizing: border-box; }
.news_left{ width: 66.6%; }
.news_left .box{ height: 0; padding-bottom: 50.5%; }
.news_left .shadow{ font-size: 18px; height: 52px; line-height: 52px; background: rgba(0,0,0,.5); }
.news_right{ width: 30.75%; position: relative; height: 0; padding-bottom: 33.66%; }
.news_right .box{ height: 0; padding-bottom: 50.5%; }
.news_right .box:last-child{ position: absolute; bottom: 0; left: 0; }
.news_right .shadow{ height: 42px; line-height: 42px; background: rgba(0,0,0,.6); }
.news_list{ margin-bottom: 90px; }
.news_list li{ padding: 30px 0; border-bottom: 1px solid #ededed; }
.news_list .img{ width: 26.8%; float: left; height: 200px; }
.news_list .text{ width: 69.5%; float: right; }
.news_list .text h2{ font-size: 22px; color: #222; margin: 10px 0; }
.news_list .text .time{ display: block; margin-bottom: 24px; color: #aaa; font-size: 14px; background: url(../images/icon33.png) left center no-repeat; padding-left: 24px; line-height: 20px; }
.news_list .text_p{ margin-bottom: 14px; height: 56px; overflow: hidden; font-size: 16px; line-height: 28px; color: rgba(0,0,0,.8); }
.news_list .n_more{ display: inline-block; line-height: 35px; color: rgba(0,0,0,0.8); font-size: 14px; }
.news_list .n_more i{ margin-left: 10px; width: 13px; height: 35px; display: inline-block; vertical-align: top; background: url(../images/icon33.png) center no-repeat; }
.news_list .n_more:hover{ color: #2EC4B6; }
.news_list .n_more:hover i{ background: url(../images/icon33on.png) center no-repeat; }
.news_list .text h2:hover{ color: #2EC4B6; }

/*咨询活动详情*/
.news_detail .info{ padding: 105px 0 38px; border-bottom: 1px solid #ebebeb; }
.news_detail .info h2{ margin-bottom: 26px; font-size: 24px; color: #333; font-weight: bold; }
.news_detail .info .des{ line-height: 30px; color: rgba(0,0,0,.8); font-size: 14px; }
.news_detail .info .n_share{ margin-left: 26px; color: #999; }
.news_detail .info .n_share a img{ max-width: 25px; max-height: 25px; }
.news_detail .info .n_share a:hover img{ opacity: .8; }
.news_detail .content{ padding: 44px 0 50px; border-bottom: 1px solid #ebebeb; font-size: 14px; color: #666; line-height: 24px; }
.news_detail .content img{ max-width: 100%!important; height: auto!important; }
.rec_list{ padding: 35px 0 55px; }
.rec_list h2{ margin-bottom: 14px; line-height: 20px; border-left: 5px solid #c60000; padding-left: 10px; font-size: 20px; color: #000; }
.rec_list li{ width: 22.8%; float: left; margin-right: 2.93%; }
.rec_list li:nth-child(4n){ margin-right: 0; }
.rec_list li .img{ width: 100%; height: 0; padding-bottom: 59%; margin-bottom: 8px; }
.rec_list li p{ line-height: 24px; }
.rec_list li:hover p{ color: #c60000; }

/*服务支持*/
.ser_detail{ padding: 40px 0 70px; }
.ser_detail .content{ border-bottom: none; line-height: 33px; font-size: 16px; color: rgba(1,1,1,.8); }

/*下载中心*/
.down_list{ padding: 50px 0 40px; }
.down_list ul{ margin-bottom: 60px; }
.down_list li{ cursor: pointer; font-size: 0; border-bottom: 1px solid #d7d7d7; height: 63px; line-height: 63px; }
.down_list li:first-child{ background: #ca0f19; border-bottom: none; }
.down_list li:first-child .box{ color: #fff; }
.down_list li:first-child .box1{ padding-left: 56px; }
.down_list li:first-child .box2{ position: relative; }
.down_list li:first-child .box2:before{ content: ''; position: absolute; left: 0; width: 1px; height: 26px; top: calc((100% - 26px)/2); background: #fff; }
.down_list li:first-child .box2:after{ content: ''; position: absolute; right: 0; width: 1px; height: 26px; top: calc((100% - 26px)/2); background: #fff; }
.down_list .box{ font-size: 16px; color: #000; display: inline-block; vertical-align: top; box-sizing: border-box; }
.down_list .box1{ text-align: left; width: calc(100% - 420px); }
.down_list .box1.tover{ padding-left: 20px; position: relative; }
.down_list .box1.tover:before{ content: ''; position: absolute; left: 0; width: 6px; height: 6px; top: calc((100% - 6px)/2); background: #d7d7d7; }
.down_list .box2{ text-align: center; width: 170px; }
.down_list .box3{ padding-right: 84px; text-align: right; width: 250px; }
.down_list .box .pdf{ vertical-align: middle; display: inline-block; width: 34px; height: 34px; background: url(../images/icon79.png) center no-repeat; background-size: contain; }
.down_list .box .pdf.active{ background: url(../images/icon79on.png) center no-repeat; background-size: contain; }
.down_list li:hover .box1{ color: #c60000; }
/*弹窗*/
.down_bg{ display: none; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
.down_wrap{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; width: 910px; height: 414px; }
.down_wrap .re_title{ border-bottom: 1px solid #eee; position: relative; height: 64px; line-height: 64px; margin-top: 16px; padding: 0 75px 0 56px; box-sizing: border-box; font-size: 24px; color: #000; }
.down_wrap .re_title i{ cursor: pointer; width: 30px; height: 30px; top: 12px; position: absolute; right: 45px; background: url(../images/icon48.png) center no-repeat; }
.down_form{ font-size: 0; padding: 16px 10px; }
.down_form .item{ float: left; height: 70px; line-height: 70px; width: 410px; }
.down_form .item span{ display: inline-block; font-size: 16px; color: rgba(0,0,0,.8); width: 130px; padding: 0 10px 0 50px; box-sizing: border-box; }
.down_form .item input{ border: 1px solid #e5e5e5; width: calc(100% - 130px); height: 44px; line-height: 42px; box-sizing: border-box; padding: 0 20px; }
.down_form .item input.down_sub{ cursor: pointer; width: 195px; background: #c60000; font-size: 16px; color: #fff;margin-left:10%; }


@media screen and (max-width: 1550px){
.p6_list .slick-next,.p5_list .slick-next,.prob5_list .slick-next{ right: -30px; width: 30px; background-size: contain; }
.p6_list .slick-prev,.p5_list .slick-prev,.prob5_list .slick-prev{ left: -30px; width: 30px; background-size: contain; }
.p6_list .slick-next,.p6_list .slick-prev,.p5_list .slick-next,.p5_list .slick-prev,.prob5_list .slick-prev,.prob5_list .slick-next{ width: 20px; }
.p6_wrap .p6_list,.p5_list{ margin: 0 30px; }
.case_list{ margin: 0 30px 30px; }
}

@media screen and (max-width: 1500px){
.baseWidth{ width: 94%; margin: 0 3%; }
.i_cus_slick .slick-prev{ left: -10px; width: 46px; height: 46px; }
.i_cus_slick .slick-next{ right: -10px; width: 46px; height: 46px; }
.i_cus_slick .slick-slide{ padding: 0 50px; box-sizing: border-box; }
.i_cus_slick .slick-dots{ display: none!important; }
.i_cus_slick .slick-slide img{ width: auto; display: inline-block; }
.i_customer .img{ margin-left: 5%; width: 30%; text-align: center; }
.i_customer .text{ width: 50%; margin-right: 5%; }
.news_detail .info{ padding: 50px 0 30px; }
.i_service,.i_customer,.i_news{ padding: 80px 0; }
.i_service .i_title,.i_customer .i_title{ margin-bottom: 40px; }
}

@media screen and (min-width: 1221px){
.nav{ display: inline-block!important; vertical-align: top; }
.hbot .search_box{ display: none!important; }
}

@media screen and (max-width: 1220px){
.dd_right{ display: none; }
.wbanner{ height: 300px; }
.banner-wrap, .banner-wrap .banner-bg{ height: 500px; }
.banner-text.baseWidth{ margin: 0; top: 0; left: 0; height: 100%; }
.banner-txt{ height: 500px; }
.baseWidth{ width: 94%; margin: 0 3%; }
.htop{ display: none; }
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; }
.hbot{ height: 60px; line-height: 60px; }
.nav-skip{ display: inline-block; }
.hbot .search_box{ margin-right: 20px; margin-top: 0; float: none; }
.h_box{ margin-right: 0; }
.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{ height: auto; line-height: 45px; border: none; font-size: 16px; display: block; padding: 0; color: #333; }
.nav li.hase{ margin: 0; background: url(../images/icon78.png) 97% 21px no-repeat; background-size: 10px;}
.s_nav,.nav li:nth-child(3) .s_nav{ width: auto; box-shadow: none; min-width: 0; display: none; padding: 0; position: static; margin: 0!important; background: none; border-top: none; }
.t_nav{ display: none!important; }
.nav li:nth-child(3) dl{ border: 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; border: none; padding: 0 12px; width: 100%; box-sizing: border-box;}
.nav li dl a:before,.nav li:nth-child(3) dl a:before{ top: 13px; }
.nav li dl .baseWidth{ width: 100%; }
.nav li:nth-child(3) dl dd.on > a{ color: initial; }
.nav li:nth-child(3) dl dd.on > a:before{ background-color: #737373; }
.nav li a:hover,.nav li dl dd > a:hover{ color: #c60000; }
.ftop{ display: none; }
.banner, .banner-text{ overflow: visible; }
.i_path{ position: static; background: #5b5b5b; height: 50px; line-height: 50px; }
.i_path ul{ font-size: 14px; height: 50px; line-height: 50px; }
.i_path .baseWidth{ padding-left: 30px; background-size: 18px; }
.banner .slick-dots{ bottom: 10px; }
.float_right{ top: auto; margin: 0; bottom: 8%; right: 10px; }
.news_detail .info{ padding: 40px 0 20px; }
.news_detail .info h2{ margin-bottom: 10px; }
.news_detail .content{ padding: 40px 0 50px; }
.news_main{ padding: 40px 0 50px; }
.rec_list li{ width: 24%; margin-right: 1.3%; }
.sol_main li{ height: 350px; padding-bottom: 0; }
.sol_main li .img{ height: 210px; padding-bottom: 0; }
.sol_main li.active .text{ padding-top: 50px; }
.hon_main{ padding: 40px 0 50px; }
.hon_main .tit{ margin-bottom: 10px; }
.hon_list{ margin-bottom: 30px; }
.hon_list li:nth-child(3n):after,.hon_list li:nth-child(3n):before{ display: none; }
.hon_list li{ margin-bottom: 20px; padding-bottom: 10px; }
.hon_list li .img{ padding-bottom: 55%; }
.hon_list .img img{ max-width: 85%; max-height: 80%; }
.con_main{ padding: 40px 0 50px; }
.c1_part .tit{ margin-bottom: 30px; }
.c2_right{ padding: 0 3%; }
.c2_right .box h2{ margin-bottom: 10px; }
.c1_part{ padding: 0 0 40px; }
.c4_part{ padding: 40px 0 50px; }
.re_wrap .text span{ min-width: 33.3%; margin-right: 0; display: inline-block; float: left; }
.re_wrap .re_text{ padding: 20px 3%; line-height: 30px; }
.re_wrap .re_title,.down_wrap .re_title{ padding: 0 3%; }
.re_wrap .re_title i,.down_wrap .re_title i{ right: 3%; }
.down_wrap{ max-width: 90%; }
.down_form{ padding: 15px 3%; }
.down_form .item{ width: 49%; }
.down_form .item input{ padding: 0 10px; }
.down_form .down_box .item:first-child{ margin-right: 2%; }
.down_form .item span{ width: 90px; padding: 0 10px 0 0; }
.down_form .item input{ width: calc(100% - 90px); }
.team_wrap{ padding: 40px 3%; }
.team_top{ height: 50px; line-height: 50px; padding-left: 40%; }
.team_bot{ height: calc(100% - 50px); padding: 30px 3% 30px 36%; line-height: 26px;font-size: 14px; }
.team_img{ width: 30%; height: auto; left: 3%; top: 30px; bottom: auto; }
.team_bot .text_p{ height: 100%; padding-right: 0; }
.team_wrap .close{ right: 3%; }
.prob9_list .detail{ display: inline-block!important; position: relative; vertical-align: middle; width: 55%; height: 280px; margin-top: 0; padding: 20px 3%; background: #f8f8f8; color: rgba(0,0,0,.6); }
.prob9_list li{ padding: 30px 0; }
.prob_scroll h2{ margin-bottom: 10px; }
.prob9_list li .img{ float: none; display: inline-block; vertical-align: middle; width: 40%; margin-right: 5%; }
.prob9_list li:nth-child(2n) .img{ float: none; }
.prob9_list li{ font-size: 0; }
.prob9_list li .text{ display: none; }
.prob9_list .detail h2{ color: #000; }
.prob_scroll:before{ display: none; }
.i_ser_slick .img{ width: 140px; height: 140px; line-height: 140px; }
.i_ser_slick .img img{ max-width: 50%; max-height: 50%; }
.i_ser_slick p{ font-size: 20px; margin-bottom: 20px; }
.i_part .text h2{ font-size: 20px; }
.i_part .right_w .text{ width: 80%; }
.i_part .left_w .text{ max-width: 80%; }
.i_customer .text h2{ font-size: 24px; }
}

@media screen and (max-width: 1150px){
.m_bar{ margin-top: 0; min-height: 0; line-height: 30px; }
.mpath{ float: none; clear: both; width: 100%; min-width: 100%; }
.mnav{ width: 100%; margin-top: 10px; max-width: 100%; float: none; }
.mnav li{ margin: 0 10px; font-size: 14px; }
.mnav li a{ height: 35px; line-height: 35px; }
.news_list{ margin-bottom: 50px; }
.pages{ margin-bottom: 0; }
.ca_left{ width: 100%; }
.ca_lt{ width: 20%; float: left; margin-bottom: 0; }
.ca_lb{ width: 80%; float: right; }
.ca_lb span,.ca_lb font{ line-height: 24px; display: inline-block; vertical-align: top; }
.ca_lb span{ min-width: 100px; }
.ca_lb p{ min-width: 50%; float: left; }
.ca_right{ padding-top: 0; width: 100%; }
.ca_right .box{ width: 33.3%; padding: 20px 2%; box-sizing: border-box; text-align: center; margin: 0; float: left; }
.ca_right h2{ line-height: 26px; }
.ca_mid{ clear: both; width: 100%; padding-top: 0; }
.ca_mid > h2{ text-align: center; }
.dis_left{ width: 100%; }
.ml_title{ height: 40px; line-height: 40px; font-size: 20px; padding: 0 3%; text-align: center; }
.ml_nav{ padding: 10px 3%; margin-bottom: 20px; }
.ml_nav li{ float: left; padding: 0 15px; background: none; margin-right: 20px; line-height: 35px; }
.ml_nav li:before{ left: 0; top: 15px; }
.dis_right{ width: 100%; }
.pro_list{ margin-bottom: 50px; }
.pro_main{ padding-bottom: 50px; }
.c5_form{ padding: 40px 0 0; }
.c2_left{ width: 34.5%; }
.c2_right{ width: 65.5%; }
.float_right .wechat_wrap:hover .wechat_box{ display: none; }
.float_right .wechat_wrap:hover .box{ background-color: rgba(0,0,0,.5); }
.float_right .wechat_wrap.show  .wechat_box{ display: block; }
.float_right .wechat_wrap.show .box{ background-color: #c60000; }
.float_right .qq_wrap:hover .qq_box{ display: none; }
.float_right .qq_wrap:hover .box{ background-color: rgba(0,0,0,.5); }
.float_right .qq_wrap.show  .qq_box{ display: block; }
.float_right .qq_wrap.show .box{ background-color: #c60000; }
.float_right .phone_wrap:hover .phone_box{ display: none; }
.float_right .phone_wrap:hover .box{ background-color: rgba(0,0,0,.5); }
.float_right .phone_wrap.show  .phone_box{ display: block; }
.float_right .phone_wrap.show .box{ background-color: #c60000; }
}

@media screen and (max-width: 1024px){
.wbanner{ height: 250px; }
.ser_detail .content{ padding: 0; }
.news_left .shadow{ padding: 0 3%; font-size: 16px; }
.news_right .shadow{ font-size: 14px; padding: 0 3%; }
.case_slick,.case_slick .img,.case_slick .text{ height: 350px; }
.case_slick .text h2{ margin-top: 40px; }
.case_slick .text_p{ height: 144px; }
.pro_list .text{ width: 58%; margin-top: 20px; }
.pro_list .img{ width: 36%; }
.pro_list .text h2{ font-size: 24px; line-height: 30px; }
.pro_list .text_p{ margin-bottom: 20px; }
.sol_main li,.sol_main li:nth-child(4n){ width: 32%; margin-right: 2%; }
.sol_main li:nth-child(3n){ margin-right: 0; }
.c3_right{ margin-top: 0; width: 50%; }
.c3_right li{ padding: 10px 0; }
.c4_list li{ padding: 10px 0; }
.c4_con .img{ height: 403px; }
.c4_list{ height: 300px; }
.abo_part7{ line-height: 26px; font-size: 14px; }
.p7_top .text dd{ line-height: 26px; font-size: 14px; }
.p7_top .text .text_p{ line-height: 26px; font-size: 14px; }
.p7_top .text dd:before{ top: 13px; }
.abo_blist{ width: 100%; }
.abo_blist li{ font-size: 14px; margin: 0; }
.p4_box .text h2{ margin-top: 0; }
.p6_list .img{ height: 80px; line-height: 80px; margin: 10px 5px; }
.p6_list .img img{ max-height: 90%; max-width: 90%; }
.abo_part8,.abo_part6,.abo_part4,.abo_part7,.abo_part3,.abo_part2,.abo_part1,.abo_part5{ padding: 40px 0; }
.abo_part8{ font-size: 14px; line-height: 24px; }
.p1_top .text p,.p1_bot{ font-size: 14px; line-height: 24px; }
.p1_top .text h2{ font-size: 24px; margin: 0 0 10px; }
.p3_detail .text dd{ height: 30px; line-height: 30px; }
.p3_detail .text dl{ height: 150px; }
.p3_detail .img{ height: 230px; }
.p3_detail{ height: 260px; }
.abo_part3 ul{ margin-top: 300px; }
.p3_detail{ top: -280px; }
.p3_detail .text h2{ font-size: 38px; margin: 0 0 5px; padding: 0; }
.p5_list .text{ padding: 10px 3%; }
.pro1_wrap .text{ font-size: 14px; line-height: 26px; }
.pro_tit h2{ font-size: 24px; margin-bottom: 0; }
.prob6_text h2{ font-size: 24px; margin-bottom: 10px; }
.pro_tit{ margin-bottom: 30px; }
.pro_tit p{ font-size: 14px; }
.ben_list li{ font-size: 20px; }
.ben_list li p{ padding: 0 10px; }
.ben_list li span{ line-height: 26px; }
.i_title h2{ font-size: 40px; line-height: 40px; }
.i_title h3{ font-size: 20px; }
.i_news .i_ntop h2{ font-size: 26px; }
.i_news .i_ntop p{ font-size: 14px; }
.i_nr_info{ margin-top: 20px; }
.i_nl_main,.i_nl_list{ margin-top: 10px; }
.i_nl_main .text .more{ margin-top: 20px; }
.i_nright,.i_nleft{ height: 495px; }
.i_nl_main{ width: 50%; }
.i_nl_list{ width: 46%; }
.i_nleft{ padding: 42px 3%; }
.i_nl_list li:before{ display: none; }
.down_list .box3{ text-align: center; padding-right: 0; width: 170px; }
.down_list .box1{ width: calc(100% - 340px); }
.down_list li:first-child .box1{ padding-left: 3%; }
}

@media screen and (max-width: 900px){
.nav{ width: 50%; }
.wbanner{ height: 200px; }
.news_list li{ padding: 15px 0 10px; }
.news_list .text h2{ font-size: 20px; }
.news_list .text .time{ margin-bottom: 10px; }
.news_list .text{ width: 65%; }
.news_list .img{ width: 32%; height: 180px; }
.case_list li{ margin-bottom: 20px; }
.case_list .text{ padding: 20px 3%; }
.case_list li,.case_list li:nth-child(3n){ width: 49%; margin-right: 2%; }
.case_list li:nth-child(2n){ margin-right: 0; }
.case_slick, .case_slick .img, .case_slick .text{ height: 280px; }
.case_slick .text h2{ margin-top: 25px; }
.case_slick .text span{ margin-bottom: 10px; }
.case_slick .text_p{ font-size: 12px; line-height: 20px; height: 120px; margin-bottom: 14px; }
.ca_mid > h2{ font-size: 20px; margin-bottom: 20px; line-height: 30px; }
.ca_mid .content{ font-size: 14px; line-height: 24px; }
.ca_mid .content h3{ font-size: 16px; margin-bottom: 5px; }
.ca_mid .comment{ padding: 20px 0; }
.ca_mid .comment .tit{ font-size: 18px; margin-bottom: 5px; }
.ca_mid .comment .word{ font-size: 16px; line-height: 26px; }
.case_detail{ padding: 20px 0; }
.ml_nav li{ width: 25%; box-sizing: border-box; margin: 0; }
.dis_list li{ margin-bottom: 20px; }
.dis_list li .img{ height: 80px; line-height: 80px; }
.pro_list .text_p{ font-size: 14px; line-height: 24px; height: 120px; }
.hon_list li,.hon_list li:nth-child(3n){ width: 49%; margin-right: 2%; background: #fff; }
.hon_list li:nth-child(2n){ margin-right: 0; }
.hon_slick{ width: 90%; height: 70%; }
.hon_slick .slick-next{ right: -40px; }
.hon_slick .slick-prev{ left: -40px; }
.c2_right .detail{ padding-left: 25px; background-size: 16px!important; }
.c1_part .tit,.con_main .tit,.hon_main .tit{ font-size: 26px; }
.c2_right .qq a:after{ background-size: 10px; }
.c2_right .qq a{ padding-left: 22px; width: 90px; margin-right: 10px; }
.c1_part .tit{ margin-bottom: 20px; }
.c1_part .box .img{ width: 80px; height: 80px; line-height: 80px; }
.c3_top{ font-size: 0; }
.c3_left{ display: inline-block; vertical-align: middle; float: none; }
.c3_right{ display: inline-block; vertical-align: middle; float: none; margin-left: 3.2%; }
.p4_box .text p{ font-size: 14px; line-height: 24px; }
.p4_box .text .more{ margin-top: 30px; }
.abo_part4 .abo_blist{ margin: 20px auto 30px; }
.p8_list .p8_lt{ padding: 0; }
.p8_list .p8_lt h2{ padding: 0 30px; background-size: 20px; }
.p8_list .p8_lb{ line-height: 30px; }
.p8_list .p8_lb dd a:before{ top: 13px; }
.p8_con{ margin-top: 20px; }
.p8_list .p8_lb dd{ font-size: 14px; }
.abo_tit{ font-size: 20px; }
.p4_box .text h2{ font-size: 18px; margin-bottom: 10px; }
.p8_con .img{ width: 30%; }
.p8_con .text{ width: 68%; }
.p8_list li{ margin-top: 15px; }
.p8_list li.on .p8_lb{ position: static; border: none; }
.prob_list .prob_top{ height: 45px; line-height: 45px; font-size: 16px; padding: 0 3%; background-size: 2%; }
.prob_list li{ padding: 0 3%; }
.prob_list .prob_bot{ padding: 15px 3%; line-height: 26px; font-size: 15px; }
.prob_bg{ padding: 40px 0; }
.pro1_wrap{ font-size: 0; }
.pro1_wrap .img{ margin-right: 2%; width: 42%; display: inline-block; vertical-align: middle; float: none; }
.pro1_wrap .text{ width: 56%; display: inline-block; vertical-align: middle; float: none; }
.banner{ height: auto; }
.banner-wrap, .banner-wrap .banner-bg{ height: 300px; }
.banner-text.baseWidth{ position: static; width: 100%; top: auto; bottom: 0; height: auto; }
.banner-txt{ background: #f5f5f5; }
.banner-txt h2{ font-size: 20px;line-height: 1.3; }
.banner-txt h3{ font-size: 14px;line-height: 1.3; margin-bottom: 10px; }
.banner-txt .text_p{ font-size: 14px; line-height: 24px; height: auto; max-height: 46px; }
.banner-txt{ height: auto; }
.banner-txt{ padding: 20px; }
.banner-txt .more{ position: static; display: block; height: 30px; line-height: 30px; float: right; margin-top: 10px; }
.more i{ height: 30px; }
.banner .slick-dots{ z-index: 999; }
.banner .slick-dots li{ background: #fff; }
.banner .slick-dots li.slick-active{ background: #c60000; }
.down_list li{ height: 50px; line-height: 50px; }
.down_list .box{ font-size: 14px; }
.down_list{ padding: 40px 0; }
.down_list ul{ margin-bottom: 30px; }
.re_bot{ margin: 20px auto 10px; }
.re_bot font{ display: block; line-height: 30px; margin-top: 10px; margin-left: 0; }
}

@media screen and (max-width: 800px){
.rec_list{ padding: 20px 0; }
.rec_list li{ width: 48%; margin-right: 2%; margin-bottom: 20px; }
.p1_top{ font-size: 0; }
.p1_top .img{ width: 30%; float: none; display: inline-block; vertical-align: middle; }
.p1_top .text{ width: 68%; margin-left: 2%; float: none; display: inline-block; vertical-align: middle; }
.p1_top .text h2{ font-size: 20px; }
.p1_mid .box h2{ line-height: 50px; }
.p1_mid .box h2 b{ font-size: 36px; }
.p1_mid{ margin: 30px auto; }
.abo_part3 .slick-next,.abo_part3 .slick-prev{ width: 20px; background-size: contain; }
.i_part .right_w .text .text_p,.i_part .left_w .text .text_p{ margin-top: 10px; }
.i_part .left_w .text{ max-width: 90%; }
.i_part .wrap{ width: 100%; height: auto; padding-bottom: 0; }
.i_part .left_w .box,.i_part .right_w .box{ padding-bottom: 0; height: 160px; }
.i_part .left_w,.i_part .right_w{ float: none; }
.i_part .left_w .box{ text-align: center; width: 50%; float: left; }
.i_part .left_w .text .text_p{ font-size: 13px; line-height: 22px; height: auto; max-height: 88px; }
.i_part .text h2{ font-size: 18px; }
.i_part .right_w .text{ height: 24px; width: 90%; }
.i_part .right_w .text .text_p{ font-size: 13px; line-height: 22px; }
.i_part .right_w .box:hover{ text-align: center; }
.i_part .left_w .box .text,.i_part .right_w .box:hover .text{ text-align: left; height: auto; position: static; display: inline-block; vertical-align: middle; }
.i_part .right_w .box:hover .text .text_p{ max-height: 86px; height: auto; }
.i_part .left_w .box a:before,.i_part .box:hover a:before{ content: ''; width: 1px; height: 100%; display: inline-block; vertical-align: middle; }
.i_ser_slick .img{ width: 100px; height: 100px; line-height: 100px; margin-bottom: 10px; }
.i_ser_slick p{ font-size: 16px; margin-bottom: 20px; }
.i_ser_slick .more{ height: 30px; line-height: 30px; width: 100px; font-size: 12px; }
.i_ser_slick .more i{ height: 30px; }
.i_service, .i_customer, .i_news{ padding: 40px 0; }
.i_service .i_title, .i_customer .i_title{ margin-bottom: 20px; }
.i_title h2{ font-size: 30px; line-height: 1.3; }
.i_title h3{ font-size: 16px; line-height: 1.3; }
.i_cus_slick .slick-slide{ padding: 0; }
.i_cus_slick{ margin: 0 30px; }
.i_customer .img{ margin-left: 0; width: 26%; margin-left: 2%; }
.i_customer .text{ margin-right: 0; width: 66%; margin-right: 2%; margin-top: 0; }
.i_customer .text h2{ font-size: 20px; }
.i_customer .text span{ font-size: 16px; margin-bottom: 15px; }
.i_customer .text p{ font-size: 14px; line-height: 24px; height: 118px; }
.i_cus_slick .slick-next,.i_cus_slick .slick-prev{ width: 30px; }
.i_cus_slick .slick-prev{ left: -30px; }
.i_cus_slick .slick-next{ right: -30px; }
.i_nleft{ width: 100%; height: auto; }
.i_news .i_ntop p{ height: auto; }
.i_news .i_ntop h2{ font-size: 20px; }
.i_nright, .i_nleft{ padding: 20px 3%; }
.i_nl_main .text h2{ margin-bottom: 10px; }
.i_nl_main .text p{ font-size: 12px; line-height: 20px; height: 38px; }
.i_nl_main .img{ height: 120px; margin-bottom: 20px; }
.i_nl_list li{ height: 40px; line-height: 40px; }
.i_nright{ width: 100%; height: auto; }
.i_nr_info .box{ width: 50%; float: left; box-sizing: border-box; margin-bottom: 0; margin-bottom: 10px; }
.i_nr_btn{ padding-bottom: 20px; margin-bottom: 20px; }
.i_nr_btn a{ float: left; margin-right: 10px; }
.i_nr_ewm{ font-size: 0; }
.i_nr_ewm .fl{ width: 120px; height: 120px; float: none; display: inline-block; vertical-align: middle; }
.i_nr_ewm .fr{ font-size: 14px; width: calc(100% - 140px); margin-left: 20px; float: none; display: inline-block; vertical-align: middle; }
}

@media screen and (max-width: 768px){
.fbot .baseWidth > p{ text-align: center; }
.fbot{ line-height: 22px; }
.float_right > div{ margin: 10px 0; }
.float_right .box{ width: 40px; height: 40px; background-size: 18px; }
.float_right .wechat_box{ right: 50px; }
.float_right .phone_box{ width: 226px; top: auto; bottom: 0; }
.qq_wrap{ display: none!important; }
.float_right .qq_box{ width: 202px; }
.news_detail .info h2{ font-size: 20px; }
.news_detail .info{ padding: 20px 0 15px; }
.pro_list .box{ padding: 20px 0; }
.pro_list .text h2{ margin-bottom: 10px; }
.hon_wrap h2{ margin-bottom: 20px; }
.c5_form .c5_fr{ width: 44%; }
.c5_form input{ line-height: 38px; height: 40px; margin-bottom: 20px; padding: 0 3%; }
.c5_form textarea{ height: 282px; padding: 10px 3%; }
.c5_form .c5_sub{ height: 40px; line-height: 40px; width: 120px; font-size: 16px; }
.c4_con .text{ padding: 20px 3%; }
.c4_con .img{ height: 395px; }
.p7_top .img{ width: 40%; }
.p7_top .text{ width: 55%; }
.p7_top .text h2{ font-size: 18px; margin-bottom: 10px; }
.p7_top .text .text_p{ margin-bottom: 10px; }
.p7_top{ margin-bottom: 10px; }
.abo_blist li:after{ display: none; }
.abo_blist li,.abo_blist li:last-child{ min-width: 0; margin-bottom: 5px; padding: 0 10px; }
.abo_part6 .abo_blist{ margin: 20px auto; }
.ben_list li{ font-size: 16px; }
.ben_list li{ height: 100px; line-height: 100px; }
.ben_list li .img{ height: 100px; }
.ben_list li p:before{ height: 100%; }
.ben_list{ margin-bottom: 20px; }
.prob7_con{ padding: 0; }
.prob_bg{ position: relative; }
.prob_bg:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.6); }
.prob6{ position: relative; z-index: 1; text-align: center; }
.prob6_text{ float: none; }
.prob9_list .detail h2{ font-size: 18px; }
.down_wrap{ max-width: 70%;height:520px; }
.down_form{ padding: 15px 5%; }
.down_form .item input.down_sub{ margin-top: 10px; }
.down_wrap .re_title{ margin-top: 0; font-size: 20px; }
.down_wrap .re_title i{ top: 18px; }
.down_form .item span{ font-size: 14px; width: 70px; }
.down_form .item input{ line-height: normal; width: calc(100% - 70px); }
.down_form .item input.down_sub{ width: 120px; font-size: 14px; }
.down_form .item{ height: 60px; line-height: 60px; width: 100%; margin: 0!important; }
}

@media screen and (max-width: 700px){
.wbanner{ height: 150px; }
.news_left,.news_right{ float: none; width: 100%; }
.news_left .box{ padding-bottom: 40%; }
.news_right{ padding-bottom: 0; margin-top: 10px; }
.news_right .box{ float: left; width: 49%; margin-right: 2%; padding-bottom: 25%; }
.news_right .box:last-child{ position: relative; margin-right: 0; }
.news_top .shadow{ height: 35px; line-height: 35px; font-size: 14px; }
.news_list .text_p{ font-size: 12px; line-height: 22px; height: 42px; }
.news_list .img{ height: 150px; }
.news_list .text h2{ font-size: 16px; margin-top: 0; }
.sol_main li,.sol_main li:nth-child(3n),.sol_main li:nth-child(4n){ width: 48.5%; margin-right: 3%; }
.sol_main li:nth-child(2n){ margin-right: 0; }
.hon_wrap{ padding: 30px 20px; height: 50%; max-width: 94%; }
.hon_wrap h2{ margin-bottom: 20px; font-size: 20px; }
.hon_wrap .close{ right: 0; top: 0; background-size: 15px; }
.hon_slick{ margin: 0 auto 20px; }
.c4_con .img{ width: 100%; height: 200px; }
.c4_con .text{ width: 100%; }
.c5_form .c5_fl{ margin-bottom: 15px; }
.c5_form .c5_fl,.c5_form .c5_fr{ width: 100%; }
.c5_form .c5_sub{ margin: 0 auto; display: block; }
.c3_left{ width: 80%; height: 0; padding-bottom: 66%; margin: 0 auto 10px; display: block; }
.c2_right .phone .detail em{ font-size: 18px; }
.c3_right{ width: 100%; margin-left: 0; }
.c2_left{ width: 100%; float: none; margin: 0 auto; display: block; position: relative; padding-bottom: 69%; }
.c2_left img{ width: 100%; height: auto; margin: 0!important; left: 0; }
.c2_right{ width: 100%; }
.c5_form textarea{ height: 120px; }
.p7_top .img{ width: 100%; margin-bottom: 10px; }
.p7_top .text{ width: 100%; }
.p8_con .img{ width: 100%; margin: 0 auto 10px; }
.p8_con .text{ width: 100%; }
.p1_top .img{ width: 100%; }
.p1_top .text{ width: 100%; margin: 10px 0 0; }
.abo_part2 .p2_box:hover p{ position: relative; top: -20px; }
.abo_part2 .p2_box:hover h2{ top: -75px; }
.p5_list .text h2{ font-size: 16px; }
.down_list .box2,.down_list .box3{ width: 120px; }
.down_list .box1{ width: calc(100% - 240px); }
.down_list .box .pdf{ width: 25px; height: 25px; }
.down_list .box1.tover{ padding-left: 3%; }
.down_list .box1.tover:before{ width: 4px; height: 4px; top: calc((100% - 4px)/2); }
}

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

@media screen and (max-width: 600px){
body{ padding-top: 50px; }
.header,.hbot{ height: 50px; line-height: 50px; }
.header .logo{ height: 32px; }
.hbot .search_box{ box-shadow: 0 2px 2px rgba(0,0,0,.04); font-size: 0; display: none; padding: 0 3%; box-sizing: border-box; position: fixed; z-index: 999; width: 100%; height: 50px; line-height: 50px; top: 50px; background: #fff; left: 0; border-radius: 0; margin: 0; border: none;}
.hbot .search_input{ float: none; font-size: 14px; vertical-align: middle; background: #f4f4f4; height: 35px; line-height: normal; width: 84%; }
.hbot .search_sub{ float: none; background-color: #c60000; vertical-align: middle; width: 16%; height: 35px; background-image: url(../images/icon80w.png); }
.hsearch_icon{ display: inline-block; vertical-align: middle; width: 2.4rem; height: 2.4rem; background: url(../images/icon81.png) center no-repeat; background-size: 1.4rem; }
.nav{ width: 100%; }
.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, .pages .next{ width: auto; padding: 0 10px; }
.ser_detail,.news_detail .content,.news_main,.dis_main{ padding: 20px 0 40px; }
.news_top{ margin-bottom: 10px; }
.ser_detail .content,.news_detail .content{ font-size: 14px; line-height: 22px; }
.fbot a{ margin-right: 10px; }
.news_detail .info h2{ font-size: 18px; }
.rec_list h2{ font-size: 18px; }
.rec_list li p{ font-size: 12px; line-height: 22px; }
.news_list,.case_list,.dis_list,.pro_list{ margin-bottom: 30px; }
.case_main .case_list{ margin: 0 auto 30px; }
.pro_main{ padding-bottom: 40px; }
.case_slick .img,.case_slick .slick-dots{ width: 50%; }
.case_slick .text h2{ font-size: 18px; }
.case_slick .text{ width: 50%; }
.case_slick .text_p{ height: 80px; }
.case_slick, .case_slick .img, .case_slick .text{ height: 230px; }
.case_slick .text{ padding: 0 3%; }
.case_slick .text h2{ margin-top: 15px; }
.case_list .text span{ margin: 6px 0 10px; }
.ca_right h2,.ca_right h2 b{ font-size: 20px; }
.ca_right p{ font-size: 12px; }
.ca_lt{ border: 1px solid #ddd; background: #fff; border-radius: 50%; margin: 0 auto 20px; float: none; width: 80px; height: 80px; line-height: 78px; overflow: hidden; }
.ca_lb{ padding: 15px 3%; width: 100%; }
.ca_lb p{ margin-bottom: 4px; }
.ca_lb span, .ca_lb font{ font-size: 12px; }
.ca_lb span{ min-width: 70px; }
.dis_list li{ width: 33.3%; }
.ml_nav li{ width: 50%; font-size: 14px; line-height: 30px; }
.ml_title{ font-size: 18px; height: 35px; line-height: 35px; }
.dis_list li .img{ height: 60px; line-height: 60px; }
.dis_list li p{ font-size: 14px; }
.pro_list .img,.pro_list .box:nth-child(2n) .img{ width: 50%; margin: 0 auto; float: none; }
.pro_list .text{ width: 100%; }
.pro_list .text h2{ font-size: 18px; margin-bottom: 0; }
.pro_list .text_p{ font-size: 12px; line-height: 20px; height: 100px; margin-bottom: 10px; }
.pro_list .p_more{ float: right; }
.hon_list li,.hon_list li:nth-child(3n){ padding: 20px 0; background: #f4f4f4; padding-bottom: 20px; width: 100%!important; margin-right: 0!important; }
.hon_list li .img{ padding-bottom: 50%; }
.hon_list li .img img{ max-height: 90%; }
.hon_list li p{ background: none; height: auto; line-height: 22px; font-size: 14px; }
.c3_right{ height: 250px; }
.c1_part .box p{ font-size: 14px; }
.c1_part .box .img{ width: 60px; height: 60px; line-height: 60px; margin-bottom: 10px; }
.re_wrap{ min-width: 90% }
.re_wrap .re_title{ font-size: 20px; }
.re_wrap .re_text h2{ font-size: 15px; }
.re_wrap .re_text{ line-height: 24px; }
.re_wrap .text span,.re_wrap .re_text .box p{ font-size: 12px; }
.re_wrap .re_title,.down_wrap .re_title{ height: 50px; line-height: 50px; margin-top: 0; }
.re_wrap .re_title i,.down_wrap .re_title i{ top: 10px; }
.re_wrap .re_text{ height: calc(100% - 50px); }
.re_wrap .re_scroll{ height: calc(100% - 90px); }
.re_wrap .rbtn{ width: 120px; font-size: 15px; height: 35px; line-height: 35px; /*display: block; margin: 30px auto 0;*/ }
.re_bot font{ font-size: 15px; line-height: 20px; margin-top: 5px; }
.p8_list li.on .p8_lb{ padding: 10px 0; }
.p8_list .p8_lt{ height: 40px; line-height: 40px; }
.p8_list li{ background-position: 95% 18px; }
.p1_mid .box{ width: 50%; margin-bottom: 10px; }
.p1_mid .box h2{ line-height: 26px; }
.p1_mid .box p{ height: 34px; overflow: hidden; font-size: 12px; }
.abo_part2 .p2_box h2{ font-size: 14px; }
.abo_part2 .p2_box h3{ font-size: 16px; }
.abo_part2 .p2_box:hover p{ font-size: 14px; }
.p3_detail .text dd{ font-size: 14px; }
.p3_detail .text h2{ font-size: 30px; }
.abo_part3 ul{ margin: 20px auto; }
.abo_part3 .slick-prev{ top: 20px; background-size: 12px!important; }
.abo_part3 .slick-next{ top: 20px; background-size: 12px!important; }
.p3_detail{ position: static; top: 0; width: 100%; }
.abo_part8, .abo_part6, .abo_part4, .abo_part7, .abo_part3, .abo_part2, .abo_part1, .abo_part5{ padding: 20px 0; }
.p5_list .text p{ margin-bottom: 10px; }
.p6_list .slick-next, .p6_list .slick-prev, .p5_list .slick-next, .p5_list .slick-prev,.prob5_list .slick-next,.prob5_list .slick-prev{ background-size: 12px!important; }
.abo_blist li{ height: 30px; line-height: 30px; }
.p1_top .text h2{ font-size: 16px; margin-bottom: 5px; }
.p1_mid{ margin: 15px 0 5px; }
.p1_top .text p, .p1_bot{ font-size: 12px; line-height: 20px; }
.team_img{ display: block; margin: 0 auto 10px; position: static; height: 100px; width: 100px; border-radius: 50%; border: 1px solid #ddd; }
.team_bot{ font-size: 12px; line-height: 20px; width: 100%; padding: 20px 3%; }
.team_bot .text_p{ height: calc(100% - 110px); }
.team_top{ padding-left: 0; text-align: center; }
.team_wrap{ padding: 20px 3%; }
.p5_list .slick-slide{ margin: 20px 5px 10px; }
.prob{ padding: 20px 0 30px; }
.pro_tit{ margin-bottom: 10px; }
.pro_tit h2,.prob6_text h2{ font-size: 18px; }
.pro_tit p{ font-size: 12px; max-width: 100%; }
.pro1_wrap .img{ width: 100%; margin: 0 auto 10px; }
.pro1_wrap .text{ width: 100%; margin: 0; }
.pro1_wrap .text{ font-size: 12px; line-height: 20px; }
.prob_list .prob_top{ font-size: 14px; }
.prob_list .prob_bot{ font-size: 14px; line-height: 20px; }
.ben_list li span{ font-size: 14px; line-height: 18px; }
.ben_list li{ margin-bottom: 6px; }
.prob_text{ font-size: 14px; line-height: 24px; }
.prob7_con a.tit{ font-size: 14px; line-height: 24px; }
.prob7_con h2{ margin-bottom: 5px; }
.prob7_con a.tit:before{ top: 10px; }
.prob_bg{ padding: 20px 0; }
.p4_box .text h2{ font-size: 16px; margin-bottom: 5px; }
.prob9_list .detail h2{ font-size: 16px; }
.prob_scroll .text_p p{ font-size: 12px; line-height: 20px; }
.prob9_list li{ padding: 20px 0; }
.prob9_list li .img{ width: 26%; margin: 0 auto 10px; display: block; }
.prob9_list .detail{ width: 100%; max-height: 200px; height: auto; }
.prob_scroll{ max-height: 160px; height: auto; }
.banner-wrap, .banner-wrap .banner-bg{ height: 230px; }
.i_service, .i_customer, .i_news{ padding: 20px 0 30px; }
.i_part .left_w .text .text_p{ max-height: 66px; }
.i_part .text h2{ font-size: 16px; }
.i_ser_slick{ margin: 0 30px; }
.i_ser_slick .slick-prev{ left: -30px; width: 30px; height: 86px; margin-top: -43px; background: url(../images/icon10.png) center no-repeat; background-size: contain; }
.i_ser_slick .slick-prev:hover{ background: url(../images/icon10on.png) center no-repeat; background-size: contain; }
.i_ser_slick .slick-next{ right: -30px; width: 30px; height: 86px; margin-top: -43px; background: url(../images/icon11.png) center no-repeat; background-size: contain; }
.i_ser_slick .slick-next:hover{ background: url(../images/icon11on.png) center no-repeat; background-size: contain; }
.i_customer .img{ margin: 0 auto 15px; float: none; display: block; }
.i_customer .text{ width: 100%; margin: 0; padding: 0 3%; box-sizing: border-box; }
.i_customer .text h2{ font-size: 18px; }
.i_customer .text span{ font-size: 14px; margin-bottom: 10px; }
.i_customer .text p{ font-size: 12px; line-height: 20px; height: 40px; }
.i_customer .text .more,.i_nl_main .text .more{ height: 30px; line-height: 30px; margin: 15px auto 0; display: block; }
.i_customer .text .more i,.i_nl_main .text .more i{ height: 30px; }
.i_nl_main,.i_nl_list{ width: 100%; }
.i_nr_info .box{ width: 100%; }
.mpath{ font-size: 12px;  text-indent: 18px; background-size: 12px; }
.mpath b{ margin: 0 6px; }
.i_path,.i_path ul{ font-size: 12px; height: 40px; line-height: 40px; }
.i_ser_slick p{ font-size: 14px; margin-bottom: 10px; }
.i_title h2,.i_title h3{ letter-spacing: 2px; }
.sol_main .icon img{ max-width: 40%; max-height: 40%; }
.down_list{ padding: 20px 0 40px; }
.down_list li{ height: 42px; line-height: 42px; }
.down_list .box{ font-size: 12px; }
.down_list .box2{ width: 80px; }
.down_list .box3{ width: 50px; }
.down_list .box1{ width: calc(100% - 130px); }
.sol_main{ padding-top: 20px; }
.sol_main ul{ margin-bottom: 10px; }
.i_ser_slick .img{ border-width: 2px; }
.down_wrap{ height: 380px; }
.down_wrap{ max-width: 90%; }
.re_wrap .re_title i,.down_wrap .re_title i{ background-size: 20px; }
}

@media screen and (max-width: 500px){
.wbanner{ height: 120px; }
.news_list .img{ width: 100%; padding-bottom: 60%; height: 0; }
.news_list .text{ width: 100%; margin-top: 10px; }
.news_list .n_more{ float: right; }
.news_list .text_p{ margin-bottom: 0; }
.news_list .text h2,.news_list .text .time{ margin-bottom: 5px; }
.case_list li,.case_list li:nth-child(2n),.case_list li:nth-child(3n){ width: 100%; margin: 0 auto 14px; }
.sol_main li{ height: 250px; }
.sol_main li .img{ height: 150px; }
.sol_main .text{ height: 100px; padding-top: 20px; }
.sol_main .text h2{ font-size: 16px; margin-bottom: 5px; }
.sol_main .text_p{ font-size: 12px; line-height: 20px; height: 38px; }
.sol_main li.active .text{ padding-top: 25px; }
.sol_main li.active .icon{ width: 50px; height: 50px; line-height: 48px; margin-bottom: 20px; }
.hon_wrap{ padding: 20px; }
.hon_wrap h2{ font-size: 16px; margin-bottom: 10px; line-height: 18px; }
.hon_wrap h3{ font-size: 14px; line-height: 20px; height: 20px; margin-bottom: 5px; overflow: hidden; }
.hon_slick{ margin: 0 auto 10px; }
.hon_wrap .hon_page .now{ font-size: 16px; }
.c2_right .box{ width: 100%; }
.c2_right .box h2{ padding: 5px 0; }
.c1_part .box:after{ display: none; }
.c1_part .box{ width: 50%; margin-bottom: 20px; }
.c1_part{ padding-bottom: 0; }
.con_main{ padding: 20px 0 40px; }
.c1_part .tit, .con_main .tit,.hon_main .tit{ font-size: 20px; }
.c2_right .box h2{ font-size: 14px; }
.c2_right .phone .detail,.c2_right .detail{ font-size: 12px; }
.c2_right .box{ margin: 6px 0; }
.c3_right li{ padding: 5px 0; }
.c4_list h2{ font-size: 14px; }
.c4_list p em{ font-size: 12px; }
.c4_list p em{ margin-right: 10px; min-width: 80px; }
.c4_con .text h3{ height: 30px; line-height: 30px; font-size: 18px; }
.c5_form{ padding-top: 20px; }
.c5_form .tit{ margin-bottom: 20px; }
.p4_wrap .p4_box .img{ margin: 0 auto 10px; float: none; display: block; }
.p4_box .text .more{ margin-top: 15px; float: right; }
.p4_box .text{ width: 100%; margin: 0 auto; }
.abo_blist li{ font-size: 12px; }
.abo_tit{ font-size: 18px; }
.abo_part8, .abo_part6, .abo_part4, .abo_part7{ padding: 20px 0 30px; }
.abo_part2 .p2_box{ width: 100%; padding-bottom: 66.6%; margin: 5px auto; }
.p3_detail .img{ width: 100%; height: 0; padding-bottom: 75%; }
.p3_detail{ height: auto; }
.p3_detail .text{ width: 100%; margin: 10px auto 0; }
.p3_detail .text dl{ height: auto; }
.case_list.prob5_list li{ margin: 0!important; }
.case_list .text h2{ font-size: 16px; }
.case_list .text_p{ font-size: 12px; }
.prob5 .case_list{ margin-bottom: 0; }
.ben_list li span{ font-size: 12px; }
.i_nr_ewm .fl{ width: 100px; height: 100px; }
.i_nr_ewm .fr{ width: calc(100% - 115px); margin-left: 15px; font-size: 12px; }
.i_nr_ewm .fr h2{ font-size: 20px; }
.i_nr_btn a{ width: 130px; }
.mnav li{ font-size: 12px; }
.down_form .item span{ font-size: 12px; padding-right: 0; width: 55px; }
.down_form .item{ height: 50px; line-height: 50px; }
.down_form .item input{ height: 38px; }
.down_form .item input{ width: calc(100% - 55px); font-size: 12px; padding: 0 5px; }
.down_wrap{ height: 330px; }
.down_form .item input.down_sub{ width: 100px; }
}

@media screen and (max-width: 370px){
.wbanner{ height: 100px; }
.prob_text{ font-size: 12px; }
}

/*网站导航*/
.site ul{float:left; margin-left: 2%; width: 18%;}
.site ul .str{text-align: center;font-size: 16px;font-weight:600;}
.site ul .stitle{text-align: center;font-size: 14px;margin-top:10%;}


/* 修改0923 */
.ft-flwin{
	width: 100%;
	left: 0;
	bottom: 0;
	height: 50px;
	line-height: 50px;
	/* background: rgba(255,255,255,0.9); */
	background: #fff;
	z-index: 10;
}
.ft-flwin .flwin{
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(255,255,255,0.9);

}
.ft-flwin .flwin.on{
	position: fixed;
}
.ft-flwin .baseWidth{
	display: flex;
}
.ft-flwin .icon{
	display: inline-block;
	vertical-align: middle;
	height: 32px;
	width: 32px;
	border-radius: 100%;
	background: #02b980;
	margin-right: 20px;
}
.ft-flwin .it{
	flex:1;
	text-align: center;
	position: relative;

}
.ft-flwin .it:nth-of-type(1){
	text-align: left;
}
.ft-flwin .it:nth-of-type(3){
	text-align: right;
}
.ft-flwin .tt{
	font-size: 26px;
	display: inline-block;
	vertical-align: middle;
}
.ft-flwin .it .pic-box{
	position: absolute;
	z-index: 4;
	width: 140px;
	height: 140px;
	background: #fff;
	bottom: 55px;
	left:50%;
	margin-left: -70px;
	text-align: center;
	padding: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	box-sizing:border-box;
	display: none;
}
.ft-flwin .it .pic-box:before{
	content: '';
	position: absolute;
	border-top: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: -10px;
	left:50%;
	margin-left: -10px;
}
.ft-flwin .it .pic-box p{
	font-size: 14px;
	color: #333;
	line-height: 16px;
}
.ft-flwin .it .pic-box img{
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-top: 5px;
}
.ft-flwin .it:hover .pic-box{
	display: block;
}
.ft-flwin .btn{
	display: inline-block;
	height: 36px;
    font-size: 18px;
    color: white;
    line-height: 36px;
    border-radius: 30px;
    background: #2EC4B6;
    padding: 0 40px;
}
.ft-flwin .btn:hover{
	color: #fff;
}
.zxsq{
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	padding: 30px;
	box-sizing:border-box;
}
.zxsq .tt{
	font-size: 40px;
    font-weight: 450;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 25px;
}
.zxsq .img{
    max-width: 400px;
    margin-bottom: 50px;
}
.zxsq .ip-box{
	height: 60px;
	line-height: 60px;
	border-radius: 60px;
	border: 1px solid #d9d9d9;
	margin-bottom: 12px;
	position: relative;
}
.zxsq .ip-box .icon{
	height: 28px;
	width: 28px;
	position: absolute;
	background: red;
	left: 30px;
	top: 50%;
	transform:translate(0,-50%);
}
.zxsq .ip-box .tex{
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 padding: 6px 20px;
 padding-left: 70px;
 font-size: 16px;
 border: none;
 background: none;
 box-sizing:border-box;
}
.zxsq .ver-box .tex{
	padding-right: 140px;
}
.zxsq .t-tex{
	width: 100%;
	height: 120px;
	border-radius: 30px;
	border: 1px solid #d9d9d9;
	padding: 25px;
	box-sizing:border-box;
	margin-bottom: 12px;
}
.zxsq .ip-box .ver{
	height: 30px;
	line-height: 30px;
	width: 110px;
	text-align: center;
	background: red;
	position: absolute;
	right: 20px;
	top: 50%;
	transform:translate(0,-50%);
	border-radius: 30px;
    background: #02b980;
    color: #fff;
}
.zxsq .sub{
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-radius: 60px;
	background: #2EC4B6;
	border: none;
	color: #fff;
	text-align: center;
	font-size: 20px;
}


@media screen and (max-width: 1220px){
	.zxsq .tt {
    font-size: 30px;
    margin-bottom: 15px;
}
.zxsq .img{
	margin-bottom: 25px;
}
}
@media screen and (max-width: 768px){
.zxsq{
	width: 100%;
	max-width: auto;
	padding: 30px 15px;
}
.ft-flwin .icon{
	display: none;
}
.ft-flwin .tt{
	font-size: 15px;
}
.ft-flwin .btn {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    padding: 0 15px;
}
.zxsq .img{
	max-width: 90%;
}
.zxsq .tt {
    font-size: 24px;
    margin-bottom: 10px;
}
.zxsq .ip-box,
.zxsq .sub{
	height: 40px;
	line-height: 40px;
}
.zxsq .ip-box .icon {
    height: 20px;
    width: 20px;
    left: 10px;
}
.zxsq .ip-box .tex{
	padding-left: 40px;
	font-size: 13px;
}
.zxsq .ver-box .tex {
    padding-right: 110px;
}
.zxsq .ip-box .ver {
    width: 90px;
    right: 10px;
    font-size: 12px;
}
.zxsq .t-tex {
    width: 100%;
    height: 100px;
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 12px;
}
.zxsq .sub{
	font-size: 16px;
}
}












