/* By 5811.com.cn */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } /*.p1{padding:1px; }*/ .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none !important; } .db{display:block !important; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 宋体,Arial,sans-serif; } a{text-decoration:none; } a:hover{color:#FF6600 }

/*-----------------[初始化]--------------*/

body{color: #666;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei';}
img{max-width: 100%;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,select{font-size: 14px;color: #666;font-family: 'Microsoft Yahei';outline: 0;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc; }
::-ms-input-placeholder {color: #ccc;}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
a {color: #666;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

/*字体*/



/*布局*/
.wp{margin: 0 auto;width: 100%;max-width: 1100px;}
.ad-wp1{max-width: 1200px;}
.ad-wp2{max-width: 1230px;}
.ad-wp3{max-width: 1175px;}
/*******************************
    -------[=导航]-------
********************************/
.menuBtn {position: absolute;top: 36px;right: 20px;width: 26px;height: 28px;display: none;cursor: pointer;z-index: 99;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.menuBtn1 {
    display:none;
    position: absolute;
    top: 36px;
    right: 20px;
    width: 26px;
    height: 28px;
    display: none;
    cursor: pointer;
    z-index: 99;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}

.menuBtn em {margin-bottom: 7px;display: block;height: 2px;background-color: #1f1f1f;}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;top: 40%;width: 28px;background-color: #1f1f1f;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}

#aside {position: fixed;top: 0;left: -240px;bottom: 0;padding-top: 70px;width: 240px;
    background-color: #2a2e32;z-index: 150;font-size: 16px;}
#aside.open {left: 0;}
#aside .menu .v1 {padding-left: 30px;display: block;width: 100%;line-height: 40px;color: #fff;border-bottom: 1px solid #5e6467;}
#aside .menu .v1:hover,#aside .menu .v1.on {background-color: #4f72b4;color: #fff;}


/*******************************
    -------[=banner]-------
********************************/
#banner{position: relative;}
#banner .item{
    height: 500px;display: block;
    outline: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.m-news{
    position: absolute;
    left: 0;right: 0;
    bottom: 15px;overflow: hidden;
}
.m-news .box{position: relative; height: 37px;background-color: #434a57;}
.m-news .box .tit{
    position: absolute;
    top: 0;left: 0;
    width: 80px;
    text-align: center;
    line-height: 37px;
    font-size: 14px;
    color: #fff;
    background-color: #496da9;
}

.ban-list2{padding: 0 144px 0 98px;}
.ban-list2 .item{line-height: 37px;font-size: 12px;}
.ban-list2 .date{float: right;color: #c6c6c6;}
.ban-list2 .item a{color: #e6e6e6;}
.ban-list2 .item a:hover{color: #6ea145;}
.ban-list2 .slick-arrow{display: none !important;}
.m-news .box .btn1,.m-news .box .btn2{position: absolute;top: 0;bottom: 0;line-height: 37px;font-size: 12px;color: #c6c6c6;}
.m-news .box .btn2{right: 35px;}
.m-news .box .btn1{right: 80px;}


.m-customers{overflow: hidden;background-color: #f4f4f4;padding-bottom: 30px;}
.m-customers .tit{font-size: 18px;color: #4a4a4a;height: 74px;line-height: 74px;}
.m-customers .tit i{font-family: "Arial";margin-left: 7px; font-style: normal;font-size: 16px;display: inline-block;vertical-align: middle;}

.sl-list2 {text-align: center;}
.sl-list2 li{
    display: inline-block;margin: 0 5px 17px;
    width: 293px;height: 145px;overflow: hidden;
    border: 1px solid #d8d8d8;background-color: #fafafa;
    border-radius: 8px;
    -moz-box-shadow:0px 0px 8px #999;
    -webkit-box-shadow:0px 0px 8px #999;
    box-shadow:0px 0px 8px #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
.sl-list2 .pic{width: 170px;float: left;height: 100%;line-height: 140px;}
.sl-list2 .pic img{display: inline-block;vertical-align: middle;max-width: 155px;}
.sl-list2 .txt{width: 114px;float: left;height: 100%;color: #7e7e7e;text-align: left;padding-top: 31px;padding-right: 10px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;}
.sl-list2 .date{font-size: 12px;}
.sl-list2 .txt p{font-size: 14px;line-height: 1.7em;}
.sl-list2 .more{
    display: inline-block;font-size: 12px;font-family: "Arial";padding-right: 13px;
    color: #7e7e7e;background: url(../images/ico-03.png) right center no-repeat;

}
.sl-list2 .more:hover{color: #496da9;}
/*******************************
  -------[=底部]-------



.fdt{height: 76px;line-height: 75px;border-bottom: 1px solid #c6c6c6;}
.fdt a{display: inline-block;vertical-align: middle;margin-right: 30px;font-size: 12px;color: #787878;}
.fdt .tit{font-size: 14px;font-weight: bold;}
.fdb{font-size: 16px;color: #767676;padding: 5px 0;}
.fdb .copy{font-size: 12px;color: #8c8c8c;padding-top: 8px;}
.fdb .copy a{display: inline-block;width: 50px;height: 12px;background: url(../images/pic-01.jpg) center center no-repeat;}

.fdm{overflow: hidden;padding: 30px 0 40px;}
.followus{float: right;width: 230px;text-align: center;}
.followus .tit{
    font-family: 'fzb';font-size: 18px;color: #171717;
    text-transform: uppercase;height: 40px;line-height: 20px;
    padding-bottom: 8px;border-bottom: 1px solid #d2d2d2;
}
.followus a{display: inline-block;vertical-align: middle;height: 16px;margin-right: 7px;}
.followus .wx{float: left;width: 50%;margin-top: 15px;font-size: 13px;color: #666;}
.followus .wx img{margin-top: 5px;}

.contact{float: left; overflow: hidden;width: 310px;}
.contact .tit{font-size: 14px;color: #171717;margin-bottom: 20px;}
.contact .tit img{display: block;margin-top: 2px;}
.contact .addr{font-size: 14px;color: #050505;line-height: 1.7em;border-bottom: 1px solid #d2d2d2;padding-bottom: 7px;margin-bottom: 7px;}
.contact .con{float: left;width: 50%;font-size: 13px;color: #797979;line-height: 1.8em;}
.contact .con span{display: block;}

.f-nav{float: left;overflow: hidden;}
.f-nav dl {float: left;margin-left: 45px;}
.f-nav dl.ad-ml1{margin-left: 85px;}
.f-nav dl.ad-ml2{margin-left: 70px;}
.f-nav dt {font-size: 14px;color: #000;margin-bottom: 20px;}
.f-nav dd {font-size: 13px;line-height: 1.7em;}
.f-nav dd a{color: #727272;}
.f-nav dd a:hover{color: #4a6ca9;}
.cont-dz {overflow: hidden;overflow-x: auto;white-space: nowrap;}
********************************/
/*******************************
    -------[=正文]-------
********************************/


/*******************************
    -------[=公用]-------
********************************/
body{ overflow-x:hidden;}
.g-tit1{text-align: center;color: #4f4f4b;}
.g-tit1 h2{
    text-align:center;
    font-family: 'fzb';font-size: 48px;
    line-height: 1em;font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 26px;margin-bottom: 10px;
    background: url(../images/ico-04.png) bottom center no-repeat;
}
.g-tit1 span{font-family: 'ctb';font-weight: bold; font-size: 28px;line-height: 1em;}
.sl-list1{height: 65px;line-height: 64px;border-top: 1px solid #fff;background-color: #efefef;overflow: hidden;}
.sl-list1 ul{float: right;}
.sl-list1 ul li{padding: 0 11px;font-size: 16px;color: #3c3c3c; display: inline-block;}
.sl-list1 ul li a{color: #3c3c3c;}
.sl-list1 ul li a:hover{color: #4a6ca9;}

.p-tab-1.ad-tab1{
    box-shadow: 0px 0px 0px rgba(255,255,255,0);
}

.p-tab-1.ad-tab1 a {
    width: 112px;
    line-height: 26px;
}
.p-tab-1.ad-tab1 a.on, .p-tab-1.ad-tab1 a:hover {
    background-color: #496da9;
}
.p-sidebar.ad-tab1{box-shadow: 0px 1px 13px rgba(0,0,0,.3);}
.p-sidebar.ad-tab1 .sidemap{float: left;margin-top: 10px;}
.p-sidebar.ad-tab1 .p-share{float: right;}
.p-sidebar.ad-tab1 .wp {
    overflow: hidden;
    padding: 20px 10px;
}

/*
-----------------[首页]--------------*/

.row-a1{padding: 65px 0;background-color: #fff;overflow: hidden;}
.sl-list3{max-width: 1100px;margin: 30px auto 40px;overflow: hidden;}
.sl-list3 li{
    float: left;width: 25%;height: 37px;
    line-height: 35px;text-align: center;
    border-top: 1px solid #aeaeae;
    border-left: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
}
.sl-list3 li:last-child {border-right: 1px solid #aeaeae;}
.sl-list3 li a{display: block;height: 100%;font-size: 16px;color: #6f6f6f;}
.sl-list3 li:hover a,.sl-list3 li.on a{background-color: #496da9;color: #fff;}


.m-advantage{padding: 65px 0;background-color: #efefef;}


.sl-list4{overflow: hidden;margin-top: 45px;}
.sl-list4 li{float: left;width: 33.3%;height: 85px;overflow: hidden;margin-bottom: 75px;}
.sl-list4 .con{margin: 0 20px;}
.sl-list4 .icon{width: 100px;text-align: center;float: left;}
.sl-list4 .txt{margin-left: 100px;}
.sl-list4 .txt h4{font-size: 18px;color: #323232;font-weight: normal;border-bottom: 1px solid #c0c0c0;padding-bottom: 5px;margin-bottom: 5px;}
.sl-list4 .txt h4 i{display: inline-block;vertical-align: bottom;margin-left: 7px; font-style: normal;font-size: 12px;color: #6d6d6d;}
.sl-list4 .txt p{font-size: 12px;color: #737373;line-height: 1.75em;}

.m-news1{padding: 30px;background-color: #fff;overflow: hidden;}
.m-news1 .box1{float: left;width: 76%;}
.m-news1 .box2{float: right;width: 21%;}
.m-tit2{font-size: 18px;color: #272727;padding-bottom: 10px;}
.m-tit2 span{display: block;font-size: 12px;color: #505050;font-family: "Arial";}

.sl-list10{overflow: hidden;padding-bottom: 40px;}
.sl-list10 li{float: left;width: 25%;}
.sl-list10 .con{display: block;margin-right: 10px;}
.sl-list10 .pic{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 67%;
}
.sl-list10 .pic img{position: absolute; display: block;left: 0;top: 0;width: 100%;height: 100%;}

.sl-list11 li{font-size: 14px;height: 20px;line-height: 20px;margin-bottom: 10px;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.sl-list11 .tit{float: left;display: block;width: 20px;height: 20px;text-align: center;font-size: 12px;color: #fff;background-color: #496da9;}
.sl-list11 li a{margin-left: 10px;color: #737373;}
.sl-list11 li a:hover{color: #424242;font-weight: bold;}

.m-news2{overflow: hidden;}
.m-news2 .date{position: relative; width: 220px;float: left;text-align: center;}
.m-news2 .date .day span{display: inline-block;vertical-align: middle;font-size: 130px;color: #496da9;line-height: 1em;}
.m-news2 .date .day i{display: inline-block;vertical-align: middle; font-style: normal;width: 56px;height: 56px;line-height: 56px;border-radius: 50%;background-color: #496da9;font-size: 40px;color: #fff;}
.m-news2 .date .mon{position: absolute;top: 0;right: 0;width: 60px;text-align: center;}

.sl-list12{overflow: hidden;margin-left: 235px;}
.sl-list12 .mon,.sl-list12 .day{display: none;}
.sl-list12 li{font-size: 12px;color: #737272;line-height: 22px;float: left;width: 44%;margin-right: 3%;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.sl-list12 li a {color: #737272;}
.sl-list12 li a:hover{font-weight: bold;color: #434343;}

.new-float{position: fixed;right: -3px;top: 50%;z-index: 50;width: 77px;height: 374px;margin-top: -187px;}
.new-float li{position: relative;width: 77px;height: 57px;margin-bottom: 1px;line-height: 20px;color: #fff;text-align: center;}
.new-float li.hover{overflow: hidden;}
.new-float li a{display: inline-block;color: #fff;}
.new-float li a.tit{width: 77px;height: 56px;padding: 30px 10px 0 0;color: #fff;font-size: 12px;}
.new-float li p{position: relative;z-index: 2;height: 27px;padding-top: 30px;cursor: pointer;}
.new-float li.fi a{ background:url(../images/on_line.png) no-repeat 0px 0px;}
.new-float li.tp a{background:url(../images/on_line.png) no-repeat 0px -171px;}
.new-float li.th a{background:url(../images/on_line.png) no-repeat 0px -57px;}
.new-float li.fo a.tit{background:url(../images/on_line.png) no-repeat 0px -114px;}
.new-float li.fif p{background: url(../img/bg_float05.png) no-repeat;}
.new-float li .tel{position: absolute;left: 75px;top: 0;z-index: 1;width: 184px;height: 56px;font: 24px/57px Arial;color: #fff; background:#5b5b5b;cursor: pointer;}
.new-float a.mof{display: inline-block;width: 78px;height: 71px;padding: 12px 11px 0 12px;margin-top: 10px;*margin-top: 7px;background:url(../images/on_line.png) no-repeat 0px -239px;font-size: 15px;line-height: 22px;color: #fff;}
.mobile_ser{display:none;}

.pic-list .slick-list{padding: 5px 0 !important;}
.pic-list .item{position: relative;}

.pic-list .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.pic-list .item.slick-center .bg { display:none;}
.pic-list .item.slick-center{z-index: 99;}
.pic-list .item {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    transform-origin: 50% 50%;
    -moz-box-shadow:0px 0px 20px #999;
    -webkit-box-shadow:0px 0px 20px #999;
    box-shadow:0px 0px 20px #999;
    margin: 0 -100px;
}
.pic-list .item.slick-center{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transform-origin: 50% 50%;
    -moz-box-shadow:0px 0px 6px #333;
    -webkit-box-shadow:0px 0px 6px #333;
    box-shadow:0px 0px 6px #333;
}


.m-team{max-width: 1330px;width: 100%; margin: 0 auto;padding-top: 65px;}

.ourteam{
    margin-top: 35px;
    position: relative;
    padding: 0 30px 30px 40px;
    background: url(../images/ico-37.png) right bottom no-repeat;
}
.ourteam:after{
    position: absolute;
    content: '';
    width: 26px;
    height: 204px;
    left: -90px;bottom: 5px;
    background: url(../images/ico-38.png) center center no-repeat;
    background-size: 100% 100%;
}
.ourteam .box{
    padding: 185px 50px 80px;
    font-size: 12px;color: #7e7e7e;
    line-height: 2.9em;
    border: 2px solid #b1b1b1;
}
.ourteam .box .txt{margin-left: 48%;margin-bottom: 55px;}
.ourteam .tit{font-family: "Arial";font-size: 60px;color: #4f4f4b;text-align: right; padding-right: 60px; }
.ourteam .box .img1{
    position: absolute;
    width: 40%;
    top: 42px;left: 0;
}
.ourteam .box .img2{
    position: absolute;
    width: 18%;
    top: 0;left: 50%;
}


.sl-list8{text-align: center;padding: 30px 0 25px;}
.sl-list8 li{
    color: #fff;overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 10px;
    width: 235px;height: 125px;
}
.sl-list8 .box{
    height: 100%;padding-top: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.sl-list8 h4{font-size: 48px;height: 48px;line-height: 48px; margin-bottom: 2px;}
.sl-list8 h4 i{ font-style: normal;font-size: 14px;font-weight: normal;}
.sl-list8 p{font-size: 14px;line-height: 1em;}
.sl-list8 .l1 h4{color: #739ee6;}
.sl-list8 .l2 h4{font-size: 46px;}

.m-scope{overflow: hidden;padding: 65px 0 20px;background: url(../images/ico-39.png) left bottom no-repeat;background-size: 100% 17px;}
.sl-list9{text-align: center;}
.sl-list9 li{
    padding-bottom: 20px;
    /*display: inline-block;*/
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
    /*width: 192px !important;*/
    height: 450px;
    margin: 0 9px;
    cursor: pointer;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.sl-list9 li.slick-current{

    -o-transform: scale(1.36);
    -ms-transform: scale(1.36);
    -moz-transform: scale(1.36);
    -webkit-transform: scale(1.36);
    transform: scale(1.36);
    transform-origin: 50% center;
    z-index: 100;
}
.sl-list9 .box{
    position: absolute;
    right: 0;left: 0;
    bottom: 60px;
}
.sl-list9 .pic img{display: block;width: 100%;border-radius: 2px;}
.sl-list9 li.slick-current .pic img{border-radius: 3px;}
.sl-list9 .down{position: relative;height: 180px;overflow: hidden;}
.sl-list9 .reflection{
    width:100%;height:180px;
    position: relative;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    opacity:0.5;
    filter:alpha(opacity='50');
}
.sl-list9 .reflection img{
    position: absolute;
    bottom: 2%;left: 0;
    display: block;width: 100%;height: auto;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 2px;
}
.sl-list9 li.slick-current .reflection img{border-radius: 3px;}
.sl-list9 .overlay{
    position: relative;width:100%;height:180px;bottom:90%;
    background-image: -moz-linear-gradient(center bottom, rgb(255,255,255) 20%, rgba(255,255,255,0) 90%);
    background-image: -o-linear-gradient(rgba(255,255,255,0) 10%, rgb(255,255,255) 30%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.20, rgb(255,255,255)), color-stop(1, rgba(255,255,255,0)));
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColor=0, EndColorStr=#fff);
}




/*******************************
    -------[=服务范围]-------
********************************/

.sl-list5{
    text-align: center;
    /*overflow: hidden;*/
    padding: 10px 0;
    margin-top: 55px;
}
.sl-list5 li{
    display: inline-block;vertical-align: top;
    margin: 0 35px;
    min-height: 120px;
    height: 120px;

}
.sl-list5 .box{
    padding-top: 35px;
    height: 100%;width: 204px;
    border: 1px solid #d5d5d5;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.sl-list5 li:hover .box{
    height: 328px;
    background-color: #f0f0f0;
    -moz-box-shadow:0px 0px 10px #999;
    -webkit-box-shadow:0px 0px 10px #999;
    box-shadow:0px 0px 10px #999;
}

.sl-list5 .icon{height: 60px;line-height: 60px;margin-bottom: 15px;}
.sl-list5 .icon img{display: inline-block;vertical-align: middle;}
.sl-list5 h4{font-size: 20px;color: #222;margin-bottom: 5px;}
.sl-list5 p{font-size: 14px;color: #828282;line-height: 2.1em;}




.sl-list6{overflow: hidden;text-align: center;padding-top: 35px;}
.sl-list6 li{float: left;width: 20%;}
.sl-list6 .pic{height: 120px;line-height: 120px;margin-bottom: 28px;}
.sl-list6 .pic img{display: inline-block;vertical-align: middle;}
.sl-list6 p{font-size: 16px;color: #373737;font-weight: bold;white-space: nowrap;overflow: hidden;}


.row-a3{padding: 65px 0 35px;background-color: #f6f6f6;}
.row-a3 img{display: block;margin: 35px auto 0;}

/*******************************
    -------[=品牌]-------
********************************/
.sl-list7{overflow: hidden;margin-top: 65px;}
.sl-list7 li{float: left;width: 50%;height: 149px;}
.sl-list7 li a{display: block;width: 100%;height: 100%;}
.sl-list7 .icon{float: left;height: 100%;width: 80px;}
.sl-list7 .txt{margin: 0 80px;}
.sl-list7 .l1 .icon{background: url(../images/ico-24.png) center center no-repeat;}
.sl-list7 .l2 .icon{background: url(../images/ico-26.png) center center no-repeat;}
.sl-list7 .l3 .icon{background: url(../images/ico-28.png) center center no-repeat;}
.sl-list7 .l4 .icon{background: url(../images/ico-30.png) center center no-repeat;}
.sl-list7 .l1:hover .icon{background: url(../images/ico-25.png) center center no-repeat;}
.sl-list7 .l2:hover .icon{background: url(../images/ico-27.png) center center no-repeat;}
.sl-list7 .l3:hover .icon{background: url(../images/ico-29.png) center center no-repeat;}
.sl-list7 .l4:hover .icon{background: url(../images/ico-31.png) center center no-repeat;}
.sl-list7 h4{font-size: 16px;color: #4a4a4a;padding: 25px 0 10px;}
.sl-list7 p{font-size: 12px;color: #696969;line-height: 1.8em;}
.sl-list7 li:hover h4,.sl-list7 li:hover p{color: #fff;}
.sl-list7 li:hover{background-color: #537cca;}


.row-a2{padding: 65px 0;background-color: #f8f8f8;}

.sl-list3.ad-list3{max-width: 940px;margin: 60px auto 35px;}
.sl-list3.ad-list3 li {
    height: 34px;
    line-height: 32px;
    text-align: center;
    border-color: #a4a4a4;
}
.sl-list3.ad-list3 li a{font-size: 14px;font-weight: bold;color: #5f5f5f;}
.sl-list3.ad-list3 li:hover a,.sl-list3.ad-list3 li.on a{background-color: #537cca;color: #fff;}

.box-Service{text-align: center;}
.box-Service p{font-size: 14px;color: #606060;line-height: 2.2em;max-width: 870px;margin: 0 auto 40px;}
.box-Service img{display: block;margin: 0 auto;}

.m-sem{overflow: hidden;padding: 18px 0 40px; border-bottom: 1px dotted #929292;}
.m-sem .pic{width: 317px;float: left;}
.m-sem .pic img{display: block;width: 100%;}
.m-sem .con{margin-left: 354px;padding-top: 40px;}
.m-sem h3{font-size: 30px;color: #4f4f4b;margin-bottom: 10px;}
.m-sem .txt{float: left;width: 50%;font-size: 15px;color: #4f4f4b;line-height: 3.3em;}

.m-zhuanye{padding-top: 55px;overflow: hidden;color: #4f4f4b;}
.m-zhuanye .tit{font-size: 30px;font-weight: bold;margin-bottom: 20px;}
.m-zhuanye .con1{width: 46%;float: left;overflow: hidden;}
.m-zhuanye .con2{width: 46%;float: right;overflow: hidden;}
.m-zhuanye .subtit{
    height: 44px;line-height: 42px;
    padding: 0 37px;font-size: 15px;
    color: #343434;font-weight: bold;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background-repeat: no-repeat;
    background-position: 3px center;
}

.m-zhuanye .con1 .box{width: 50%;float: left;}
.m-zhuanye h5{font-size: 14px;padding: 10px 0 5px;}
.m-zhuanye p{
    font-size: 12px;line-height: 25px;
    white-space: nowrap;overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.m-zhuanye p a{color: #325cc8;}

.m-zhuanye .con2 .box1{float: left;width: 37%;}
.m-zhuanye .con2 .box2{float: left;width: 63%;}
.m-zhuanye .con2 p{float: left;width: 50%;}


/*******************************
    -------[=新闻列表页]-------
********************************/

.m-news3{
    padding: 45px 0 40px;
}

.sl-list13{overflow: hidden;}
.sl-list13 li{float: left;width: 50%;margin-bottom: 70px;padding-right: 100px;}
.sl-list13 .date{font-size: 12px;color: #787878;font-family: "Arial";margin-bottom: 20px;}
.sl-list13 .date span{font-size: 18px;margin-right: 10px;}
.sl-list13 li h4{font-size: 18px;margin-bottom: 16px; color: #232323;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.sl-list13 li h4 a{color: #232323;font-weight: normal;display: block;background: url(../images/ico-40.png) left center no-repeat;background-size: 0 auto;}
.sl-list13 li h4 a:hover{
    color: #496da9;font-weight: bold;
    padding-left: 45px;
    background: url(../images/ico-40.png) left center no-repeat;
    background-size: 41px auto;

}
.sl-list13 li p{
    font-size: 12px;
    color: #787878;
    line-height: 2.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*******************************
    -------[=新闻详情]-------
********************************/

.m-news4{overflow: hidden;}
.m-news4 .tit{
    padding: 50px 0 20px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}
.m-news4 .tit h1{font-size: 18px;color: #3a3a3a;font-weight: normal;margin-bottom: 15px;}
.m-news4 .tit .subtit{font-size: 12px;color: #898989;}
.m-news4 .tit .subtit span{margin: 0 8px;}
.m-news4 .con{font-size: 12px;color: #777;line-height: 2em;padding: 30px 0;}
.m-news4 .con p{margin-bottom: 25px;}
.m-news4 .con img{display: block;width: 100%;}

.news-fd{
    height: 45px;
    line-height: 45px;
    font-size: 12px;color: #686868;
    border-top: 1px solid #e4e4e4;
}
.news-fd .back{float: right;color: #525252;}
.news-fd .back:hover{color: #4a6ca9;}


/*******************************
    -------[=电商平台]-------
********************************/

.row-a4{overflow: hidden;padding: 40px 0 20px;}
.sl-list14{text-align: center;max-width: 1110px;overflow: hidden;margin: 0 auto;}
.sl-list14 li{
    margin-bottom: 20px;
    float: left;
    width: 12.5%;
    background-color: #fff;
}
.sl-list14 .box{position: relative;display: block;padding: 0 7px; margin: 0 25px;background-color: #fff;}
.sl-list14 .box:after{
    position: absolute;
    content: '';
    top: 44px;
    left: 100%;
    width: 50px;
    height: 1px;
    background-color: #b9c6dd;
}
.sl-list14 li.l8 .box:after{
    display: none;
}
.sl-list14 .icon{
    width: 77px;height: 77px;
    line-height: 77px;
    margin: 0 auto 15px;
    border-radius: 50%;
    border: 1px solid #4a6ca9;
}
.sl-list14 li p{
    font-size: 14px;
    color: #4a6ca9;
    white-space: nowrap;
}

.sl-list14 .l1 .icon{background: url(../images/ico-44.png) center center no-repeat;}
.sl-list14 .l2 .icon{background: url(../images/ico-47.png) center center no-repeat;}
.sl-list14 .l3 .icon{background: url(../images/ico-49.png) center center no-repeat;}
.sl-list14 .l4 .icon{background: url(../images/ico-50.png) center center no-repeat;}
.sl-list14 .l5 .icon{background: url(../images/ico-52.png) center center no-repeat;}
.sl-list14 .l6 .icon{background: url(../images/ico-54.png) center center no-repeat;}
.sl-list14 .l7 .icon{background: url(../images/ico-56.png) center center no-repeat;}
.sl-list14 .l8 .icon{background: url(../images/ico-58.png) center center no-repeat;}

.sl-list14 .l1:hover .icon{background: #4a6ca9 url(../images/ico-45.png) center center no-repeat;}
.sl-list14 .l2:hover .icon{background: #4a6ca9 url(../images/ico-46.png) center center no-repeat;}
.sl-list14 .l3:hover .icon{background: #4a6ca9 url(../images/ico-48.png) center center no-repeat;}
.sl-list14 .l4:hover .icon{background: #4a6ca9 url(../images/ico-51.png) center center no-repeat;}
.sl-list14 .l5:hover .icon{background: #4a6ca9 url(../images/ico-53.png) center center no-repeat;}
.sl-list14 .l6:hover .icon{background: #4a6ca9 url(../images/ico-55.png) center center no-repeat;}
.sl-list14 .l7:hover .icon{background: #4a6ca9 url(../images/ico-57.png) center center no-repeat;}
.sl-list14 .l8:hover .icon{background: #4a6ca9 url(../images/ico-59.png) center center no-repeat;}

.row-a5 {
    overflow: hidden;
    padding: 65px 0 40px;
    background: url(../images/ico-39.png) left bottom no-repeat;
    background-size: 100% 17px;
}
.row-a5 .box{
    padding: 100px 0 100px;
    background: url(../images/ico-61.png) right bottom no-repeat;
}
.row-a6 .box{
    padding: 100px 0 3px;
    background: url(../images/seo_bg.png) right bottom no-repeat !important;
}
.row-a7 .box{
    padding: 135px 0 135px;
    background: url(../images/app_bg.png) right bottom no-repeat !important;
}
.row-a8 .box{
    padding: 70px 0 80px;
    background: url(../images/web_bg.png) right bottom no-repeat !important;
}

.row-a6 .txt p{line-height:40px}
.row-a5 .txt{

    width: 49%;
    font-size: 13px;
    color: #4f4f4b;
    line-height: 2.1em;
}
.row-a8 .txt{width:54%}
.row-a5 .txt p{margin-bottom: 40px;}
.row-a8 .txt p{margin-bottom: 10px; margin-top:10px;}

.sl-list15{overflow: hidden;}

.sl-list15 li{
    float: left;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.sl-list15 li span{
    display: inline-block;
    vertical-align: middle;
    width: 118px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    background-color: #ff7800;
    border-radius: 2px;
    overflow: hidden;
}
.sl-list17 li span{width:100px;}
.row-a7 .txt{ width:45%}
.sl-list15 li i{
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    color: #ff7800;
    margin: 0 9px;
}








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

    .sl-list9 li.slick-current {
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        transform-origin: 50% center;
        z-index: 100;
    }

    .sl-list5 li {margin: 0 10px; }

    #banner .item {
        height: 400px;
    }
    /*.sl-list9 li {
        width: 140px;
        height: 500px;
        margin: 0 5px;
    }
    .sl-list9 li.on {
        width: 220px;
    }
    .sl-list9 .reflection img {
        top: -1%;
    }
    .sl-list9 li.on .reflection img {
        top: -58%;
    }*/
    .ourteam .tit {
        font-size: 40px;
        padding-right: 20px;
    }
    .f-nav dl.ad-ml1,.f-nav dl.ad-ml2 {
        margin-left: 45px;
    }
}


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

}

@media only screen and (max-width: 959px) {
    .m-sem .pic {width: auto; float: none; }
    .m-sem .pic img {display: block; width: auto; margin: 0 auto; }
    .m-sem .con {margin-left: 0; padding-top: 20px; }
    .sl-list7 .txt {margin: 0 20px 0 80px; }

    .sl-list5 {padding: 10px 0; margin-top: 20px; }
    .sl-list5 li {display: block; float: left; width: 25%; margin: 0; }
    .sl-list5 .box{margin: 0 5px;width: auto;}
    .pic-list .slick-list {padding: 0px !important; }
    .m-advantage {padding: 20px 0; }
    .sl-list4 {margin-top: 20px; }
    .sl-list4 li {width: 50%; height: 85px; margin-bottom: 10px; }
    .sl-list4 .con {margin: 0 10px; }
    /*.sl-list9 li {width: 120px; height: 420px; margin: 0 5px; }
    .sl-list9 li.on {width: 170px; }
    .sl-list9 .reflection img {top: 14%; }
    .sl-list9 li.on .reflection img {top: -22%; } */
    .m-news2 .date {width: 160px; }
    .m-news2 .date .day span {font-size: 90px; }
    .m-news2 .date .day i {width: 40px; height: 40px; line-height: 40px; font-size: 30px; }
    .sl-list12 {margin-left: 170px; }
    .m-news1 {padding: 10px; }
    .m-news1 .box2 {
        width: 24%;
    }
    .sl-list9 li {height: 175px;}
    .sl-list9 .down {display: none;}
    .sl-list13 li {
        margin-bottom: 30px;
        padding-right: 50px;
    }

    .f-nav dl.ad-ml1,.f-nav dl.ad-ml2 {
        margin: 0 2%;
    }
    .row-a5 .box {
        padding: 50px;
        background: none;
    }
    .row-a6 .box {
        padding: 50px;
        background: none !important;
    }
    .row-a7 .box {
        padding: 50px;
        background: none !important;
    }
    .row-a8 .box {
        padding: 50px;
        background: none !important;
    }
    .row-a5 .txt p {
        line-height:30px;    }
    .row-a5 .txt {
        width: auto;
        padding: 5px;
    }
    .sl-list14 li {
        width: 25%;
    }
    .sl-list14 li.l4 .box:after{
        display: none;
    }
    .g-tit1 img{height: 60px;}
    .sl-list9 li{margin: 0 18px;}

}
/*Common For Max 480*/
@media only screen and (max-width: 768px) {
    .row-a1 {padding: 20px 0; }
    .g-tit1 h2 {font-size: 20px; padding-bottom: 15px; margin-bottom: 5px;
        -webkit-background-size: auto 10px; background-size: auto 10px;

    }
    .g-tit1 span {font-size: 16px; }
    .sl-list7 {margin-top: 20px; }
    .sl-list7 li {float: none; width: auto; height: auto; margin-bottom: 10px; }
    .sl-list7 .icon {display: none; }
    .sl-list7 .txt {margin: 0 10px; }
    .sl-list7 h4 {padding: 0; }
    .row-a2 {padding: 20px 0; }
    .sl-list3.ad-list3 {margin: 20px auto; }
    .sl-list3.ad-list3 li a {font-size: 12px; }
    .box-Service p {line-height: 1.8em; margin: 0 auto 20px; }
    .m-sem .pic img {width: 40%; }
    .m-sem h3 {font-size: 18px; }
    .m-sem .txt {float: none; width: auto; font-size: 14px; line-height: 1.8em; margin-bottom: 10px; }
    .m-sem {padding: 10px 0; }
    .m-zhuanye {padding-top: 20px; }
    .m-zhuanye .tit {font-size: 18px; margin-bottom: 10px; }
    .m-zhuanye .con1 {width: auto; float: none; margin-bottom: 10px; }
    .m-zhuanye .con2 {width: auto; float: none; }
    .m-customers {padding-bottom: 10px; }
    .m-customers .tit {height: 40px; line-height: 40px; }
    .sl-list2 li {display: block; float: left; width: 48%; margin: 0 1% 15px; height: 145px; }
    .sl-list2 .pic {width: 170px; }
    .sl-list2 .txt {width: auto; float: none; margin-left: 100px; height: 100%; padding: 20px 10px 0; }

    .sl-list5 li {width: 50%; height: 240px; margin-bottom: 10px; }
    .sl-list5 .box {padding-top: 10px; height: 100%; }
    .sl-list5 .icon img {height: 90%; }
    .sl-list5 .icon {height: 30px; line-height: 30px; margin-bottom: 10px; }
    .sl-list5 h4 {font-size: 18px; color: #222; margin-bottom: 5px; }
    .sl-list5 p {line-height: 1.8em; }
    .sl-list5 li:hover .box{height: 100%; }
    .row-a3 {padding: 20px 0; } .sl-list6 {padding-top: 10px; }
    .sl-list6 .pic img {width: 45px; }
    .sl-list6 .pic {height: 75px; line-height: 75px; margin-bottom: 10px; }
    .sl-list6 p {font-size: 14px; } #banner .item {height: 160px; }
    .m-news {display: none;}
    .sl-list1 {overflow: hidden; overflow-x: auto; white-space: nowrap; height: auto; line-height: 38px; }
    .sl-list1 ul {float: none; }
    .sl-list1 ul li {display: inline-block; vertical-align: middle; float: none; padding: 0 5px; font-size: 14px; }
    .sl-list3 {margin: 20px auto; } .sl-list3 li a {font-size: 12px; }
    .sl-list4 li {float: none; width: auto; height: auto; }
    .sl-list4 .con {margin: 0; } .sl-list4 .icon {width: 40px; }
    .sl-list4 .txt {margin-left: 45px; }
    .sl-list4 .txt h4 {font-size: 16px; padding-bottom: 2px; }
    /*.sl-list9{overflow: hidden;margin-top: 20px;}
    .sl-list9 .box{position: static;margin: 0 2px;}
    .sl-list9 li.on {width: 33.3%; } .sl-list9 .down {display: none; }
    .sl-list9 li {float: left; width: 33.3%; height: auto; margin: 0 0 10px; }*/
    .ourteam .box .img1,.ourteam .box .img2 {display: none;}

    .ourteam .tit {font-size: 26px; text-align: center; padding-right: 0; }
    .ourteam {margin-top: 15px; padding: 10px; background: none; }
    .ourteam .box {padding: 5px; line-height: 1.8em; border: 1px solid #b1b1b1; }
    .ourteam .box .txt {margin-left: 0; margin-bottom: 10px; }
    .sl-list8 {overflow: hidden; padding: 10px 0; }
    .sl-list8 h4 {font-size: 36px; height: 36px; line-height: 36px; }
    .sl-list8 .l2 h4 {font-size: 36px; }
    .sl-list8 li {margin: 0 0 10px; display: block; float: left; width: 50%; height: 100px; }
    .sl-list8 li:last-child{display:none}
    .sl-list8 .box{margin: 0 5px;}
    .m-team {padding-top: 20px; }

    .m-news1 .box1,.m-news1 .box2{float: none; width: auto; }
    .m-news2 .date {display: none; }
    .sl-list12 {margin-left: 0; }
    .sl-list10 {padding-bottom: 10px; }
    .m-news2 {margin-bottom: 10px; }
    .sl-list10 li {width: 50%; margin-bottom: 10px; }
    .m-scope {padding: 20px 0; }

    .p-sidebar.ad-tab1 .wp {padding: 10px; }
    .m-news4 .tit {padding: 10px; }
    .m-news4 .tit h1 {margin-bottom: 5px; }
    .m-news4 .tit .subtit span {margin: 0 5px; }
    .m-news4 .con {padding: 10px 0; }
    .m-news4 .con p {margin-bottom: 5px; }
    .news-fd {height: 30px; line-height: 30px; }
    .sl-list13 {margin: 0 5px;}
    .sl-list13 li {
        margin-bottom: 20px;
        padding-right: 20px;
    }
    .row-a5 {
        padding: 20px 0;
        background-size: 100% 10px;
    }
    .g-tit1 img{height: 45px;}
    .row-a5 .box {
        padding: 0px !important;
    }
    .row-a5 .txt p {
        margin-bottom: 10px;
    }
    .sl-list15 li {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 10px;
    }
    .sl-list15 li span {
        width: 60px;
        height: 22px;
        line-height: 22px;
    }

    .sl-list15 li span {
        width: 80px;
        height: 22px;
        line-height: 22px;
    }

    .sl-list15 li i {
        margin: 0 5px;
    }

    .row-a4 {
        padding: 20px 0;
    }
    .sl-list14 li {
        margin-bottom: 10px;
    }
    .sl-list14 .icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto 10px;
    }
    .sl-list14 .box:after {
        top: 25px;
    }
    .sl-list14 .l1 .icon,
    .sl-list14 .l2 .icon,
    .sl-list14 .l3 .icon,
    .sl-list14 .l4 .icon,
    .sl-list14 .l5 .icon,
    .sl-list14 .l6 .icon,
    .sl-list14 .l7 .icon,
    .sl-list14 .l8 .icon {
        background-size: 60% auto;
    }
}

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

    .m-news3 {padding: 10px 0; }
    .sl-list13{padding-bottom: 10px;}
    .sl-list13 li {float: none; width: auto; margin-bottom: 10px; padding-right: 0; }
    .sl-list13 .date {margin-bottom: 10px; }
    .sl-list13 li h4 {font-size: 16px; margin-bottom: 10px; }
    .f-nav dl.ad-ml1,.f-nav dl.ad-ml2 {
        margin: 0 5%;
    }
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .m-zhuanye .con1 .box,
    .m-zhuanye .con2 .box1,
    .m-zhuanye .con2 .box2 {width: auto; float: none; }
    .sl-list2 li {display: block; height: 110px; float: none; width: auto; margin: 0 0 15px; }
    .sl-list2 .pic {line-height: 110px; }
    .sl-list2 .txt {padding: 20px 10px 0; }

    .sl-list8 .box {
        padding-top: 20px;
    }
    .sl-list8 h4 {
        font-size: 26px;
        height: 26px;
        line-height: 26px;
    }
    .sl-list8 .l2 h4 {
        font-size: 26px;
    }
    .sl-list8 .l2 h4 {
        font-size: 30px;
    }
    .sl-list8 li {
        margin: 0 0 10px;
        height: 80px;
    }
    .sl-list8 p {
        font-size: 12px;
        line-height: 1em;
    }
    /* .sl-list14 li {
         width: 33.3%;
     }
     .sl-list14 li.l4 .box:after{
         display: block;
     }
     .sl-list14 li.l3 .box:after,.sl-list14 li.l6 .box:after{
         display: none;
     }*/
    .sl-list14 .box {
        padding: 0 2px;
        margin: 0 10px;
    }
    .sl-list9 li.slick-current {
        top: 0;
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .sl-list9 li{margin: 0 5px;}

}

@media only screen and (max-width: 380px) {
    .sl-list9 li {height: 234px;}
}









@media only screen and (max-width: 1199px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .wp {width: 94%;}
    .new-float{display:none;}
    #qiao-wrap{display:none !important;}
    .nav li {width: 96px;}
    .banner-inner {height: 125px;}
    .banner-inner img {position: absolute;top: 60px;left: 50%;width: auto !important;height: 110px;max-width: none; margin-left:-600px !important;}
    .mobile_ser{position:fixed; right:5px; top:70%; display:block;}

    .mobile_ser .tel{background:#ca0000; padding-top:5px;}

}
@media only screen and (max-width: 1100px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .f-nav dl {margin-left: 16px;}
}

@media only screen and (max-width: 959px) {
    /*
    -----------------[公用]--------------*/
    .nav{display: none;}
    .menuBtn{display: block;}
    .hdb {height: 60px;}
    #banner{padding-top:60px;}
    .logo img {height: 34px;
        vertical-align: text-bottom;
        margin-bottom: 7px;
        margin-left: 14px;}
    .followus {display: none;}
    .contact {}
    .f-nav {float: none; display:none;width: 100%; }
    .fdm{padding-bottom:5px;}
    .contact .con span{color:#050505}
    .none{display:block !important;}
    .fdt{display:none;}
    .link{display:none;}
    .f-nav dl {margin: 0 2%;width: 21%;}
    .fdb {font-size: 14px;text-align: center;}

}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 600px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .hdt {display: none;}
    .menuBtn1{display:block}
    .menuBtn {top: 36px;}#nb_icon_wrap{display:none !important;}
    .copy{ padding-bottom:50px;}
    .f-nav dl {margin: 0 5%;width: 40%;}
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.l, .col-l, .col_l, .col-c, .col_c {
    float: left;
}

.r, .col-r, .col_r, dt span, .ul-txt li span, .ul_txt li span {
    float: right;
}

.c {
    clear: both;
}

.n, em {
    font-weight: normal;
    font-style: normal;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.fa {
    font-family: Arial;
}

.fg {
    font-family: Georgia;
}

.ft {
    font-family: Tahoma;
}

.fl {
    font-family: Lucida Console;
}

.fs {
    font-family: '微软雅黑';
}

.fw {
    font-family: '微软雅黑';
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.tdu {
    text-decoration: underline;
}

.tdn, .tdn:hover, a.tdl:hover {
    text-decoration: none;
}

.fc0 {
    color: #000000;
}

.fc3 {
    color: #333333;
}

.fc6 {
    color: #666666;
}

.fc9 {
    color: #999999;
}

.fcr {
    color: red;
}

.fcw {
    color: white;
}

.fcb {
    color: blue;
}

.fcg {
    color: green;
}

.f0 {
    font-size: 0;
}

.f10 {
    font-size: 10px;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.vm {
    vertical-align: middle;
}

.vtb {
    vertical-align: text-bottom;
}

.vt {
    vertical-align: top;
}

.vn {
    vertical-align: -2px;
}

.vimg {
    margin-bottom: -3px;
}

.m0 {
    margin: 0;
}

.ml0 {
    margin-left: 0;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.mr0 {
    margin-right: 0;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml-1 {
    margin-left: -1px;
}

.mt-1 {
    margin-top: -1px;
}

.p1 {
    padding: 1px;
}

.pl5 {
    padding-left: 5px;
}

.p5 {
    padding: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.p10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.rel, .pr {
    position: relative;
}

.abs, .pa {
    position: absolute;
}

.dn {
    display: none;
}

.db {
    display: block;
}

.dib {
    -moz-inline-stack: inline-block;
    display: inline-block;
}

.di {
    display: inline;
}

.ovh {
    overflow: hidden;
}

.ovs {
    overflow: scroll;
}

.vh {
    visibility: hidden;
}

.vv {
    visibility: visible;
}

.lh14 {
    line-height: 14px;
}

.lh16 {
    line-height: 16px;
}

.lh18 {
    line-height: 18px;
}

.lh20 {
    line-height: 20px;
}

.lh22 {
    line-height: 22px;
}

.lh24 {
    line-height: 24px;
}

.fix {
    *zoom: 1;
}

.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.z {
    _zoom: 1;
}

.h1 {
    height: 1px;
}

.h5 {
    height: 5px;
}

.h10, .h {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h1, .h5, .h10, .h15, .h20, .h25, .h, .h30, .h35, .h40, .h45, .h50, .h55, .h60 {
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}

a {
    text-decoration: none;
    color: #000000;
}

.h25 {
    height: 25px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

.h45 {
    height: 45px;
}

.h50 {
    height: 50px;
}

.h55 {
    height: 55px;
}

.h60 {
    height: 60px;
}

.content_WH {
    width: 1200px;
    margin: 0px auto;
}

.clear {
    clear: both;
}



input::-webkit-input-placeholder{
    color: #999999;
    font-size: 14px;
}
input:-moz-placeholder{
    color: #999999;
    font-size: 14px;
}
input::-moz-placeholder{
    color: #999999;
    font-size: 14px;
}
input:-ms-input-placeholder{
    color: #999999;
    font-size: 14px;
}








/*@font-face {*/
/*font-family: fzbwgb;*/
/*src:url('../font/FZBWGB1.TTF')*/
/*}*/
/*@font-face {*/
/*font-family: bsong;*/
/*src:url('../font/BSONGSJ_1.TTF')*/
/*}*/

.header {
    width: 100vw;
    height: 12.5vw;
    position: relative;
}

/*三点*/
.menuBtn {
    /*display: none;*/
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
    right: 2.5vw;
    top: 50%;
    transform: translateY(-50%);
}
.menuBtn.on .s1 {top: 20px;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.menuBtn.on .s2 {opacity: 0;}
.menuBtn.on .s3 {top: 20px;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.header_box {
    /*display: flex; */
    /* justify-content: space-between; */
    height: 12.5vw;
    background: #fff;
    padding: 0 2.5vw;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
}

.header_box span {
    /*margin-right: 4vw;*/
}

.header_box img {
    width: 27.2vw;
    display: block;
}

.menuBtn em {
    position: absolute;
    left: 0;
    top: 6px;
    width: 30px;
    height: 3px;
    background-color: #454545;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.menuBtn .s1 {
    top: 5px;
}

.menuBtn .s2 {
    top: 14px;
}

.menuBtn .s3 {
    top: 23px;
}

.menu_list {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    background: rgba(255,255,255,1);   /*margin-top: 120px;*/

    display: none;
    position: fixed;
    top: 12.5vw;
    left: 0px;
    z-index: 999;
}

.menu_list ul {
    position: relative;
    z-index: 9999;
    background: #FFFFFF;
    padding-bottom: 25vw;
}

.menu_list li {
    width: 60vw;
    height: 10.5vw;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    line-height: 13.5vw;
    margin: 0px auto;
}
.menu_list li:last-child {
    border-bottom: none;
}
.menu_list li:last-child img{display: block;width: 21vw;height: auto;margin: 0px auto;margin-top: 3vw;}
.menu_list li:last-child p{font-size: 12px;line-height: 7vw;color: color: #333;}
.menu_list li:nth-of-type(1) {
    display: block;
    width: 37vw;
    line-height: 0;
    height: auto;
    border-bottom: none;
}
.menu_list li:nth-of-type(1) img{width: 100%;height: auto;}
.menu_list li.two {
    background-image: url(../img/seperator1.png);
    background-position-x: center;
    background-position-y: center;
    display: block;
    width: 94%;
    background-repeat: no-repeat;
    border-bottom: 0px;
    background-size: 100%;
    height: 30px;
}
.menu_list li a {
    text-align: center;
    line-height: 10.5vw;
    color: #333;
    display: block;
    width: 100%;
}

/**/

/*banner start*/
.index_banner {
    width: 100%;
    height: auto;
}

.index_banner img {

    display: block;
}

.swiper-pagination-bullet {
    width: 5vw;
    height: 0.8vw;
    background: rgba(255, 255, 255, 0.8);
    outline: none;
    border-radius: 0;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #496da9;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 4vw;
}

/*banner end*/

/*内容开始*/

/*品牌实力*/
.wh_m_index_brand {
    background: #fff;
    padding-bottom: 5vw;
    padding-top: 11vw;
    box-shadow: 0 1vw 1.5vw #efefef;
}

.wh_m_title {
    text-align: center;
    margin-bottom: 5vw;
}

.wh_m_title h2 {
    color: #4f4f4b;
    font-size: 5.368vw;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'fzbwgb';
}

.wh_m_title img {
    width: 32.2vw;
    height: 2vw;
    margin: 2vw 0 1.3vw;
}

.wh_m_title h3 {
    font-family: 宋体;
    line-height: 1;
    font-size: 4.65vw;
    color: #333;
}

.wh_m_index_brand_ul {
    padding: 0 2.5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wh_m_index_brand_ul li {
    /*border: 1px solid #e5e5e5;*/
    box-shadow: 0 0 2vw #dedede;
    text-align: center;
    width: 32%;
    margin-bottom: 3vw;
    border-radius: 2vw;
}

.wh_m_index_brand_ul img {
    height: 8.8vw;
    margin-top: 3.3vw;
}

.wh_m_index_brand_ul p {
    margin-top: 4vw;
    font-size: 3.06vw;
    line-height: 1;
    color: #333;
    width: 100%;
    padding: 0 4vw;
    box-sizing: border-box;
    padding-bottom: 5vw;
    overflow: hidden;
    text-overflow: ellipsis;
    whitewhite-space: nowrap;
}

/*服务领域*/
.wh_m_index_service {
    background: #fff;
    box-shadow: 0 1vw 1vw #efefef;
    margin-top: 2vw;
    padding-top: 10vw;
    padding-bottom: 5vw;
}

.wh_m_index_service_ul {
    padding: 0 2.5vw;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f6f6f6;
    /*padding-bottom: 4vw;*/
    line-height: 8.5vw;
    margin-bottom: 4.2vw;
    border-bottom: 1px solid #e5e5e5;
}
.wh_m_index_service_ul li {
    position: relative;
}
.wh_m_index_service_ul li {
    font-size: 3vw;
    color: #666;
}

.wh_m_index_service_ul .on {
    color: #496da9;

}
.wh_m_index_service_ul .on:after {
    content: '';
    width: 8vw;
    height: 0.5vw;
    position: absolute;
    left: 50%;
    bottom: -0.25vw;
    transform: translateX(-50%);
    background: #496da9;
}

.wh_m_index_service_ul2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 2.5vw;
    text-align: center;
}

.wh_m_index_service_ul2 li {
    margin-bottom: 2vw;
    width: 46.2vw;
    box-shadow: 0 0 1.5vw #ddd;
}

.wh_m_index_service_ul2 img {
    width: 100%;
    display: block;
}

.wh_m_index_service_ul2 h3 {
    font-size: 3.221vw;
    color: #333333;
    height: 8vw;
    line-height: 8vw;
    background: #fff;
    font-weight: normal;
}
.wh_m_index_service_ul2 h3 span {
    font-size: 5vw;

}
.wh_m_index_service_ul2 li span:nth-of-type(1) {
    margin-right: 2vw;
}

.wh_m_index_service_ul2 li span:nth-of-type(2) {
    margin-left: 2vw;
}

.wh_m_index_service_more {
    width: 94.6vw;
    margin: 0 auto;
    height: 10.5vw;
    background: #4a6ca9;
    display: block;
    text-align: center;
    line-height: 10.5vw;
    font-size: 3.5vw;
    color: white;
    border-radius: 2vw;
    margin-top: 3vw;
}

/*我们的优势*/
.wh_m_index_ys {
    margin-top: 2vw;
    background: white;
    padding-top: 10vw;
    padding-bottom: 5vw;
    box-shadow: 0 1vw 1vw #efefef;
}

.wh_m_index_ys_ul li {
    border: 1px solid #6c88b9;
    border-radius: 8vw;
    height: 14.2vw;
    margin: 0 2.7vw;
    margin-bottom: 1.5vw;
}

.wh_m_index_ys_ul img {
    width: 12.6vw;
    height: 12.6vw;
    margin-top: 0.8vw;
}

.wh_m_index_ys_ul h3 {
    font-size: 4vw;
    color: #4a6ca9;
    margin-top: 1.5vw;
    margin-bottom: 1vw;
}

.wh_m_index_ys_ul div {
    max-width: 90%;
}

.wh_m_index_ys_ul p {
    color: #666666;
    font-size: 2.899vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wh_m_index_ys_ul li:nth-of-type(odd) img {
    float: left;
    margin-left: 1.3vw;
    margin-right: 5vw;
}

.wh_m_index_ys_ul li:nth-of-type(even) img {
    float: right;
    margin-right: 1.3vw;
}

.wh_m_index_ys_ul li:nth-of-type(odd) div {
}

.wh_m_index_ys_ul li:nth-of-type(even) div {
    margin-left: 6.5vw;
    text-align: right;
}
.wh_m_index_ys_ul li:nth-of-type(even) div h3 {
    box-sizing: border-box;
    padding-right: 15vw;
}

/*客户见证*/
.wh_m_index_cus {
    background: white;
    margin-top: 2vw;
    padding-top: 10vw;
    padding-bottom: 5.5vw;
    box-shadow: 0 1vw 1vw #efefef;
}

.wh_m_index_cus_more {
    width: 94.6vw;
    margin: 0 auto;
    height: 10.5vw;
    background: #4a6ca9;
    display: block;
    text-align: center;
    line-height: 10.5vw;
    font-size: 3.5vw;
    color: white;
    border-radius: 2vw;
}

/*研发流程*/
.wh_m_index_lc {
    background: white;
    margin-top: 2vw;
    padding-top: 10vw;
    padding-bottom: 5.5vw;
    box-shadow: 0 1vw 1vw #efefef;
}

.wh_m_index_lc_div {
}

.wh_m_index_lc_div img {
    width: 100%;
}

.cus_swiper {
    width: 100%;
    height: 56vw;
    margin-top: 7.5vw;
}

.cus_swiper img {
    width: 53.5vw;
    height: 24vw;
}

.cus_wrap>div.swiper-slide {
    width: 61.6vw;
}
.khjztop {
    width: 100%;
    z-index: 99999999;
    padding: 0 4vw;

    position: relative;
    box-sizing: border-box;
}
.khjztop img {
    width: 100%;
}
.khjzbot {
       position: relative;
    z-index: -1;
    margin-top: -5vw;
    height: 24vw;
    width: 100%;
    background: #fff;
    box-shadow: 0 0vw 2vw #dedede;
    padding: 7.5vw 4vw 0;
    box-sizing: border-box;
    opacity: 0;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.swiper-slide-active .khjzbot {
    -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.cus_swiper .swiper-pagination-bullet {
    width: 1.3vw;
    height: 1.3vw;
    border-radius: 50%;
    border: 1px solid #4a6ca9;
}
.cus_wrap{text-align: center;}
.cus_wrap h3 {
    font-size: 3.2vw;
    font-weight: normal;
    color: #333;
}

.cus_wrap p {
    color: #666;
    line-height: 30px;
    font-size: 3vw;
    /*width: 80%;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/*.cus_swiper .swiper-pagination-bullet {
    width: 6px !important;
    border-radius: 2vw;
    border: 1px solid #4a6ca9;
}*/

/*关于我们*/
.wh_m_index_about {
    background: white;
    margin-top: 2vw;
    padding-top: 10vw;
    padding-bottom: 5.5vw;
    box-shadow: 0 1vw 1vw #efefef;
}

.wh_m_index_about_div {
    width: 90vw;
    margin: 0 auto;
    margin-top: 6vw;
    background: #fff;
    position: relative;
}

.wh_m_index_about_div p {
    color: #666666;
    font-size: 3.221vw;
    padding: 3.5vw 4vw 3.5vw 4vw;
    box-shadow: 0 0 1.5vw #dedede;
}

.wh_m_index_about_div2 {
    margin: 0 auto;
    margin-top: -4.5vw;
    width: 94.6vw;
    margin-bottom: 4.5vw;
}

.wh_m_index_about_div2 img {
    width: 100%;
}

.wh_m_index_about_more {
    width: 94.6vw;
    margin: 0 auto;
    height: 10.5vw;
    background: #4a6ca9;
    display: block;
    text-align: center;
    line-height: 10.5vw;
    font-size: 3.5vw;
    color: white;
    border-radius: 2vw;
}

/*质量保证*/
.wh_m_index_qa {
    background: white;
    margin-top: 2vw;
    padding-top: 10vw;
    padding-bottom: 5.5vw;
    box-shadow: 0 1vw 1vw #efefef;
}

.wh_m_index_qa_div {
    width: 94.6vw;
    margin: 7vw auto 0;
    text-align: center;
}

.wh_m_index_qa_div img {
    width: 100%;
}

/*新闻资讯*/
.wh_m_index_news {
    background: white;
    margin-top: 2vw;
    padding-top: 10vw;
    padding-bottom: 6vw;
    box-shadow: 0 1vw 1vw #efefef;
}

.wh_m_index_news_btn {
    display: flex;
    margin: 0px auto;
    /*margin-top: 70px;*/
    text-align: center;
    justify-content: center
}

.wh_m_index_news_btn li {
    width: 21vw;
    height: 6.6vw;
    border: 1px solid #496da9;
    border-radius: 6px;
    float: left;
    margin-left: 18px;
    font-size: 3.2vw;
    color: #496da9;
    cursor: pointer;
    line-height: 6.6vw;
}

.wh_m_index_news_btn li:nth-of-type(1) {
    margin-left: 0px;
}

.wh_m_index_news_btn li.on {
    font-weight: bold;
    color: #FFFFFF;
    background: #496da9;
}

.wh_m_index_news_list {
    margin-top: 8vw;
}
.wh_m_index_news_list ul {
    padding: 0 2.5vw;
}
.wh_m_index_news_list li {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #eaeaea;
    height: 13.3vw;
}

.wh_m_index_news_list li:nth-last-of-type(1) {
    border: none;
}

.wh_m_index_news_l {
    text-align: center;
    width: 15vw;
    margin-right: 3vw;
}

.wh_m_index_news_l h3 {
    font-size: 4.831vw;
    font-weight: normal;
    color: #496da9;
    line-height: 1;
    margin-bottom: 1.5vw;
}

.wh_m_index_news_l p {
    font-size: 1.9vw;
    color: #4a6ca9;
    line-height: 1;
}

.wh_m_index_news_r {
    width: 75vw;
}

.wh_m_index_news_r h3 {
    color: #333;
    font-size: 3.06vw;
    /*line-height: 1;*/
    font-weight: normal;
}

.wh_m_index_news_r p {
    color: #666;
    font-size: 2.7vw;
    margin-top: 2vw;
    line-height: 1;
    width: 75vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*合作客户*/
.wh_m_index_coop {
    margin-top: 2vw;
    padding-top: 10vw;
    padding-bottom: 6vw;
}

.wh_m_index_coop_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0 2.5vw;
    margin: 0 auto;
    box-sizing: border-box;
}

.wh_m_index_coop_ul li {
    width: 46.5vw;
    display: flex;
    border-radius: 2vw;
    height: 21vw;
    margin-bottom: 2vw;
    box-shadow: 0 0 2vw #dedede;
    background: #fafafa;
    overflow: hidden;
}
.wh_m_index_coop_ul li div {
    background: #fafafa;
}
.wh_m_index_coop_ul .hzkfli_l {
    width: 25.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /*margin-right: 2vw;*/
}
.wh_m_index_coop_ul .hzkfli_r {
    width: 20vw;
}
.wh_m_index_coop_ul img {
    max-width: 100%;
    max-height: 100%;
}

.wh_m_index_coop_ul h3 {
    font-size: 2vw;
    color: #999;
    margin-top: 6.7vw;
    margin-bottom: 2vw;
    margin-left: 1vw;
}

.m_footer_con a{color: #fff;}
.wh_m_index_coop_ul p {
    font-size: 2vw;
    margin-left: 1vw;
    color: #999;
    line-height: 1;
    font-weight: bold;
}
.wh_m_index_coop_ul p span {
    position: relative;
}
.wh_m_index_coop_ul p span em {
    position: absolute;
    width: 0.9vw;
    height: 0.9vw;
    background: #3862a3;
    border-radius: 50%;
    right: -1.5vw;
    top: 1vw;
}

.wh_m_index_coop_ul div {
    background: #fff;
    width: inherit;
}

/*表单*/
.wh_m_index_form {
    width: 94.6vw;
    margin: 0 auto;
    margin-top: 5vw;
}

.wh_m_index_form h3 {
    font-size: 3.5vw;
    color: #496da9;
    margin-bottom: 3vw;
    font-weight: normal;
}

.wh_m_index_form input {
    width: 100%;
    outline: none;
    height: 10vw;
    background: white;
    line-height: 10vw;
    margin-bottom: 2vw;
    box-sizing: border-box;
    padding: 0 3vw;
    font-size: 3.5vw;
    color: #999;
    border: none;
    box-shadow: 0 0 1vw #efefef;
    border-radius: 2vw;
}
.wh_m_index_form input::-webkit-input-placeholder{
    color: #999999;
    font-size: 3.543vw;
}
.wh_m_index_form input:-moz-placeholder{
    color: #999999;
    font-size: 3.543vw;
}
.wh_m_index_form input::-moz-placeholder{
    color: #999999;
    font-size: 3.543vw;
}
.wh_m_index_form input:-ms-input-placeholder{
    color: #999999;
    font-size: 3.543vw;
}



.m_sub_btn {
    display: inline-block;
    width: 27vw;
    height: 9.6vw;
    text-align: center;
    line-height: 9.6vw;
    background: #4a6ca9;
    color: white;
    margin-right: 4.5vw;
    border-radius: 2vw;
    font-size: 3.543vw;
}
.yytext {
    font-size: 3.221vw;
    color: #666666;
}



.m_footer {
    width: 100vw;
    height: 58vw;
    background: url("../img/m_footer_bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0 2.7vw;
    box-sizing: border-box;
}

.m_footer_top {
    padding-top: 6vw;
    margin-bottom: 8vw;
}

.m_footer_top img {
    width: 32vw;
}

.m_footer_con ul {
    display: flex;
    flex-wrap: wrap;
}

.m_footer_con li {
    font-size: 3.2vw;
    line-height: 3.9vw;
    color: #e3e3e3;
    min-width: 49%;
    margin-bottom: 2vw;
}

.m_footer_bottom {
    margin-top: 4vw;
    border-top: 1px solid #33363e;
    padding-top: 4vw;
}

.m_footer_bottom p {
    color: #999;
    width: 70vw;
    font-size: 2.5vw;
    line-height: 4vw;
    text-align: center;
    margin: 0 auto;
}