﻿/*******************************
    -------[=公用]-------
********************************/
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{float: right;padding: 0 11px;font-size: 16px;color: #3c3c3c;}
.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;
    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{
    /*display: inline-block;*/
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
    /*width: 192px !important;*/
    height: 620px;
    margin: 0 9px;
    cursor: pointer;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.sl-list9 li.slick-current{
    top: -47px;
    -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: 0;
}
.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: 304px;
    height: 304px;
    
}
.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: 253px;}
    .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;}
}




/*=================================================
----------------20170918首页修改 start-------------
==================================================*/

.wrap{width: 100%;max-width: 1440px;margin: 0 auto;}
.h_space{height: 120px;}
#bd{overflow-x: hidden;}

/*******************************
  -------[=banner滚动图]-------
********************************/
#Banner{position: relative;z-index: 1;}

.BanSlider{
    position: relative;
    z-index: 1;
}
.BanSlider .item{
    height: 600px;
    background-color: #155689;
    background-repeat: repeat-x;
    background-position: center top;
}
.BanSlider .box{
    width: 100%;
    max-width: 1200px;
    height: 500px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.BanSlider .txt{
    color: #fff;
    font-size: 23px;
    padding-top: 140px;
    position: relative;
    z-index: 2;
}
.BanSlider .txt h2{
    font-size: 33px;
    font-weight: normal;
    margin-bottom: 15px;
}
.BanSlider .txt p{
    margin-bottom: 50px;
}
.BanSlider .txt .btn{
    color: #fff;
    font-size: 14px;
    width: 125px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #fff;
    display: inline-block;
}
.BanSlider .txt .btn:hover{
    color: #373d41;
    background: #fff;
}
.BanSlider .bg{
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50px;
    /* top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    top: 45px \9; */
}
.BanSlider .bg li{
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; 
}
.BanSlider .bg .s1{
    position: static;
}

.BanSlider .slick-current .txt{
    animation: fadeInUpSmall .5s linear forwards;
    -webkit-animation: fadeInUpSmall .5s linear forwards;
}
.BanSlider .slick-current .bg .s1{
    animation: fadeInUpSmall .5s linear forwards;
    -webkit-animation: fadeInUpSmall .5s linear forwards;
}
.BanSlider .slick-current .bg .s2{
    animation: fadeInUpSmall .5s linear .1s forwards;
    -webkit-animation: fadeInUpSmall .5s linear .1s forwards;
}
.BanSlider .slick-current .bg .s3{
    animation: fadeInUpSmall .5s linear .3s forwards;
    -webkit-animation: fadeInUpSmall .5s linear .3s forwards;
}

@-webkit-keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}

.g_QuickLinks{
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    /*background: rgba(71,105,167,.14);*/
    background: #4a6fb3;
    overflow: hidden;
}
.g_QuickLinks:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100px;
	background: rgba(255,255,255,.14);
    background: url(../images/white_alpha4.png) repeat \9;
}
.g_QuickLinks .box{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}
.g_QuickLinks ul{
    overflow: hidden;
    /*border-left: 1px solid #2b6795;*/
}
.g_QuickLinks li{
    float: left;
    width: 20%;
}
.g_QuickLinks .con{
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center;
    /*border-right: 1px solid #2b6795;*/
    padding: 25px 0;
}
.g_QuickLinks .con:hover{
    /*background: #2b6795;*/
    background: rgba(255,255,255,.06);
}
.g_QuickLinks .ico{
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
}
.g_QuickLinks .ico img{
    display: inline-block;
    vertical-align: middle;
}
.g_QuickLinks .txt{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.g_QuickLinks h3{
    font-size: 16px;
    font-weight: normal;
}


/*******************************
  -------[=解决方案]-------
********************************/
.i_service_con{
    background: #373d41;
    /*padding: 40px 0 25px;*/
}

.ServiceSlider{}
.ServiceSlider .slick-arrow{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    z-index: 3;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    background-color: rgba(22,26,29,.42);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    filter: alpha(opacity=0);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    background-color: #333 \9;

    border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.ServiceSlider:hover .slick-arrow{
    opacity: .70;
    filter: alpha(opacity=70);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.ServiceSlider .slick-arrow:hover{
    background-color: rgba(22,26,29,.3);
    opacity: 1;
    filter: alpha(opacity=100);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ServiceSlider .slick-prev{
    left: 0;
    background-image: url(../images/arr_l.png);
}
.ServiceSlider .slick-next{
    right: 0;
    background-image: url(../images/arr_r.png);
}

.dlist1{
    overflow: hidden;
}
.dlist1 li{
    float: left;
    width: 240px;
    /*width: 288px;*/
}
.dlist1 .con{
    display: block;
    position: relative;
}
.dlist1 .pic{
    height: 340px;
}
.dlist1 .pic img{
    display: block;
    width: 100%;
    height: 100%;
}
.dlist1 .mask{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.dlist1 .bg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #000;
    opacity: .80;
    filter: alpha(opacity=80);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.dlist1 .txt{
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    position: relative;
    z-index: 2;
    top: 120px;
    transition: top .3s;
    -ms-transition: top .3s;
    -moz-transition: top .3s;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    padding: 0 15px \9;
}
.dlist1 .txt .ico{
    height: 60px;
    margin-bottom: 18px;
    opacity: .75;
    filter: alpha(opacity=75);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    position: relative;
}
.dlist1 .txt .ico img{
    display: inline-block;
    vertical-align: middle;
}
.dlist1 .txt .ico em{
	width: 17px;
	height: 2px;
	background: #fff;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -8px;
}
.dlist1 .txt h3{
    font-size: 18px;
    margin-bottom: 10px;
}
.dlist1 .txt p{
    font-size: 10px;
    height: 6em;
    transform: scale(0.83);
    -ms-transform: scale(0.83);
    -webkit-transform: scale(0.83);
    -o-transform: scale(0.83);
    -moz-transform: scale(0.83);
    margin-bottom: 40px;
}
.dlist1 .txt .btn{
    width: 110px;
    line-height: 30px;
    border: 1px solid #fff;
    display: inline-block;
}
.dlist1 .txt .btn:hover{
    color: #155587;
    background: #fff;
}
.dlist1 .txt p,
.dlist1 .txt .btn{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;

    opacity: 0;
    filter: alpha(opacity=0);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.dlist1 .con:hover .bg{
    background: #155587;
}
.dlist1 .con:hover .txt{
    top: 40px;
}
.dlist1 .con:hover .txt .ico,
.dlist1 .con:hover .txt p,
.dlist1 .con:hover .txt .btn{
    opacity: 1;
    filter: alpha(opacity=100);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.i_tit1{padding: 78px 0 50px;}


/*******************************
  -------[=最新案例]-------
********************************/
.dlist2{
    overflow: hidden;
    margin: -4px;
    *margin: 0;
    *width: 100%;
}
.dlist2 li{
    float: left;
    width: 25%;
}
.dlist2 .con{
    display: block;
    margin: 4px;
    position: relative;
}
.dlist2 .pic{
    position: relative;
    height: 0;
    padding-top: 61.458%;
    *height: 295px;
    *padding-top: 0; 
    overflow: hidden;
}
.dlist2 .pic img{
    display: block;
    width: 100%;

    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.dlist2 .con:hover .pic img{
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
.dlist2 .con:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.66);
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.dlist2 .txt{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	z-index: 100;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
	padding: 0 8%;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.dlist2 .txt h3{
	font-size: 30px;
	margin-bottom: 10px;
	font-weight: normal;
	height: 30px;
	overflow: hidden;
	line-height: 1;
}
.dlist2 .txt span{
	margin-top: 15px;
	display: block;
}
.dlist2 .txt p{
	height: 66px;
	overflow: hidden;
}
.dlist2 .con:hover .txt{
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.dlist2 .con:hover:after{
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

/*******************************
  -------[=我们能做什么]-------
********************************/
.i_tit2{
    margin: 45px 0;
}
.i_tit2 em{
    color: #ddd;
    font-size: 60px;
    font-family: 'Bauer Bodoni BT';
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    display: block;
    margin-bottom: -30px;
}
.i_tit2 h2{
    color: #373737;
    font-size: 30px;
}

@font-face {
    font-family: 'Bauer Bodoni BT';
    src: url('../fonts/Bauer Bodoni BT.ttf');
}

.i_DoWhat{}
.DoWhatSlider .slick-arrow{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    z-index: 3;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    background-color: rgba(22,26,29,.42);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    filter: alpha(opacity=0);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    background-color: #333 \9;

    border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.DoWhatSlider:hover .slick-arrow{
    opacity: .70;
    filter: alpha(opacity=70);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.DoWhatSlider .slick-arrow:hover{
    background-color: rgba(22,26,29,.3);
    opacity: 1;
    filter: alpha(opacity=100);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.DoWhatSlider .slick-prev{
    left: 0;
    background-image: url(../images/arr_l.png);
}
.DoWhatSlider .slick-next{
    right: 0;
    background-image: url(../images/arr_r.png);
}

.dlist3{
    overflow: hidden;
    border-left: 1px solid #e8e8e8;
    margin-bottom: 55px;
}
.dlist3 li{
    float: left;
    width: 240px;
    overflow: hidden;

    position: relative;
    transition: width .3s;
    -ms-transition: width .3s;
    -moz-transition: width .3s;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
}
.dlist3 .function{
    color: #333;
    font-size: 13px;
    text-align: center;
    background: transparent;
    border: 1px solid #e8e8e8;
    border-left: 0;
    /*float: left;*/
    width: 240px;

    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.dlist3 .function h3{
    font-size: 18px;
    padding-top: 45px;
}
.dlist3 .function p{
    height: 1.5em;
}
.dlist3 .function .ico{
    height: 80px;
    line-height: 80px;
    margin: 50px 0;
}
.dlist3 .function .ico img{
    display: none;
    vertical-align: middle;
}
.dlist3 .function .ico .off{display: inline-block;}
.dlist3 .function .ico .on{}
.dlist3 .function .words{
    color: #6c6c6c;
    font-size: 12px;
    padding: 10px;
    line-height: 20px;
    height: 60px;
    *height: 40px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    border-top: 1px dashed #ececec;
}
.dlist3 .extend{
    /*display: none;*/
    /*float: left;*/
    width: 240px;
    /*height: 333px;*/

    position: absolute;
    left: 240px;
    top: 0;
    bottom: 0;
    /*position: relative;*/
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.dlist3 .extend .bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;

    background: #000;
    opacity: .80;
    filter: alpha(opacity=80);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.dlist3 .extend dl{
    position: relative;
    z-index: 2;
}
.dlist3 .extend dd{
    font-size: 14px;
    line-height: 66px;
    padding-left: 30px;
    border-bottom: 1px solid rgba(255,255,255,.22);
    border-bottom: 1px solid #605f5f \9;
}
.dlist3 .extend dd span{
    color: #fff;
    opacity: .36;
    filter: alpha(opacity=36);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=36);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=36);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    color: #605f5f \9;
}
.dlist3 .extend dd:hover span{
    opacity: 1;
    filter: alpha(opacity=100);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    color: #fff \9;
}
/*.dlist3 li.slick-current{width: 480px;overflow: hidden;}
.dlist3 li.slick-current .function{
    color: #fff;
    background: #006292;
    border-color: #006292;
}
.dlist3 li.slick-current .function .ico .off{
    display: none;
}
.dlist3 li.slick-current .function .ico .on{
    display: inline-block;
}
.dlist3 li.slick-current .function .words{
    color: #fff;
}*/
.dlist3 li.on{width: 480px;overflow: hidden;}
.dlist3 li.on .function{
    color: #fff;
    background: #006292;
    border-color: #006292;
}
.dlist3 li.on .function .ico .off{
    display: none;
}
.dlist3 li.on .function .ico .on{
    display: inline-block;
}
.dlist3 li.on .function .words{
    color: #fff;
}



@media only screen and (max-width: 1440px) {

    .i_tit2{margin-left: 10px;}

    .DoWhatSlider .slick-arrow{
        opacity: 1;
        filter: alpha(opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }

    .ServiceSlider .slick-arrow{
        opacity: 1;
        filter: alpha(opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }

}

@media only screen and (max-width: 1200px) {

    .BanSlider .box{width: 98%;}

}

@media only screen and (max-width: 959px) {
    
    .h_space{height: 92px;}
    .i_tit1{margin: 20px 0;}
    .i_tit2{margin: 20px 0;text-align: center;}
    .i_tit2 h2{font-size: 20px;}
    .i_tit2 em{font-size: 36px;margin-bottom: -20px;}

}

@media only screen and (max-width: 992px) {

    .BanSlider .txt{
        font-size: 16px;
        text-align: center;
    }
    .BanSlider .txt h2{
        font-size: 20px;
    }
    .BanSlider .txt .btn{
        font-size: 12px;
    }
    .BanSlider .bg{
        left: 0;
        text-align: center;
    }
    .BanSlider .bg ul{
        display: inline-block;
    }

    .g_QuickLinks .con{
        padding: 10px 5px;
    }
    .g_QuickLinks .ico,
    .g_QuickLinks .txt{
        display: block;
        text-align: center;
    }
    .g_QuickLinks .ico{margin-right: 0;}
    .g_QuickLinks .ico img{height: 30px;}
    .g_QuickLinks .txt{line-height: 20px;}
    .g_QuickLinks h3{font-size: 14px;}

    .dlist1 .slick-current .con .bg{
        background: #155587;
    }
    .dlist1 .slick-current .con .txt{
        top: 40px;
    }
    .dlist1 .slick-current .con .txt .ico,
    .dlist1 .slick-current .con .txt p,
    .dlist1 .slick-current .con .txt .btn{
        opacity: 1;
        filter: alpha(opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }

    .dlist2{margin: -1px;}
    .dlist2 .con{margin: 1px;}

    .ServiceSlider .slick-arrow,
    .DoWhatSlider .slick-arrow{
        width: 40px;
        -webkit-background-size: 15px auto;
        background-size: 15px auto;
    }

    .dlist3 .function .ico img{height: 60px;}


}

@media only screen and (max-width: 750px) {

    .BanSlider .item{height: auto;/*padding-bottom: 100px;*/}
    .BanSlider .box{height: auto;padding: 30px 0 20px;}
    .BanSlider .txt{
        position: absolute;
        left: 0;
        right: 0;
        padding-top: 100px;
    }
    .BanSlider .txt h2{
        margin-bottom: 5px;
    }
    .BanSlider .txt p{
        margin-bottom: 25px;
    }
    .BanSlider .bg{
        position: relative;
        top: 0;
        /*transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);*/
    }

    .g_QuickLinks{
        overflow-x: auto;
    }
    .g_QuickLinks ul{
        /*min-width: 700px;*/
    }

}

@media only screen and (max-width: 600px) {
    .h_space{height: 60px;}
}

@media only screen and (max-width: 480px) {
    
    ::-webkit-scrollbar{
        width: 0px;
    }
    
    .BanSlider .txt{font-size: 14px;}
    .BanSlider .txt h2{font-size: 16px;}

    .dlist3 li{background: #006292;}
    .dlist3 .function{
        color: #fff;
        background: #006292;
        border-color: #006292;
        width: 50%;
    }
    .dlist3 .function .ico .off{
        display: none;
    }
    .dlist3 .function .ico .on{
        display: inline-block;
    }
    .dlist3 .function .words{
        color: #fff;
    }
    .dlist3 .extend{left: 50%;}
    .dlist3 .extend dd{padding-left: 10px;}

}

/*================================================
---------------20170918首页修改 end----------------
==================================================*/



.i_case .i_tit1{
	background: url(../images/title02_bg.jpg) repeat;
}
.ul-tab{
	text-align: center;
	font-size: 0;
	margin-top: 40px;
}
.ul-tab li{
	display: inline-block;
	font-size: 16px;
	margin-left: -1px;
	width: 25%;
}
.ul-tab li a{
	width: 100%;
	height: 37px;
	line-height: 37px;
	border: 1px solid #aeaeae;
	display: block;
	background-color: #fff;
	position: relative;
}
.ul-tab li a:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -8px;
	background: url(../images/arr_down.png) no-repeat;
	width: 18px;
	height: 8px;
	margin-left: -9px;
	display: none;
}
.ul-tab li a:hover,
.ul-tab li.hover a{
	background-color: #4a6ca9;
	border-color: #4a6ca9;
	color: #fff;
}
.ul-tab li a:hover:after,
.ul-tab li.hover a:after{
	display: block;
}