@charset "utf-8";
/* CSS Document */
/*切图：yf*/
html{ overflow-x:hidden; overflow-y:auto;}
body{ overflow-x: hidden; background: #fff;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}

.pz_banner{ float:left; width:100%;  overflow:hidden; position: relative; margin-top:100px ;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; }

.top1{ position: fixed; width:100%; height:100px; left:0; top:0; padding: 20px 0; z-index:1010; background: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1.active{
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
       -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
         -o-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
            box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.top1 .head{ height: 60px;}
.top1 .logo{ float:left; width:231px; height:58px; margin:1px 0 0 0; }
.top1 .logo .logo1{ float: left; width: 89px; height: 58px; margin-right: 21px;}
.top1 .logo .logo2{ float: left; width: 121px; height: 58px;}

.top1 .search{ float: right; width: 30px; height: 30px; margin:15px 0 0 0; position: relative; cursor: pointer; z-index: 200; }
.top1 .search .searchBtn{ position: relative; float: left; width: 30px; height: 30px; z-index: 12; }
.top1 .search .searchBox{ position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: #3490dc;
        border-radius:15px;
-webkit-border-radius:15px;
   -moz-border-radius:15px;
     -o-border-radius:15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.top1 .search.active .searchBox{ width:160px; }
.top1 .search .searchBox input{ float: left; width: 0; background: 0; border: 0; padding: 5px 13px; color: #fff; font-size: 14px; line-height: 20px; font-weight: normal;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}
.top1 .search.active .searchBox input{ width: 100%;}
.inco1 ::-webkit-input-placeholder { color:#fff !important;}
.inco1 :-moz-placeholder {  color:#fff !important;}
.inco1 ::-moz-placeholder {  color:#fff !important;}
.inco1 :-ms-input-placeholder { color:#fff !important; }
@media screen and (max-width:1199px){
    .top1{ display:none;}
}

/*ph搜索*/
#bodymask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 12000; display: none;  }
.search-input-wrap { position: fixed; width: 100%; left: 0;  z-index: 12300; background: #fff; height: 60px;  box-shadow: 0 0px 48px 0 rgba(0, 0, 0, .1); top: -70px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.search-input-wrap.show {
    top: 0;
}
.header-search-input{ height: 60px; padding: 20px 15px; color: #333; font-size: 14px; line-height: 20px; border: 0;
    border-radius:0;
    -webkit-appearance:none;
    outline: 0;
}
.pbtn{width:20px; height:20px; float:right;margin-right:15px; margin-top:20px;}


.menu{ float: right; padding: 0 24px 0 0; }
.menu ul{ float:left; width: 100%; }
.menu ul .nli{ float: left; padding: 0 24px; position: relative; }
.menu ul .nli span a{ float:left; height: 60px; color:#333333; font-size: 16px; line-height: 60px; position: relative; }
.menu ul .nli span a::before{ content: ''; position: absolute; width: 100%; height: 1px; background: #FF0000; left: 0; top: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menu ul .nli.active span a::before,
.menu ul .nli:hover span a::before{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    margin-left: -10px;
}
.menu ul .nli span a::after{ content: ''; position: absolute; width: 100%; height: 1px; background: #FF0000; right: 0; bottom: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menu ul .nli.active span a::after,
.menu ul .nli:hover span a::after{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    margin-right: -10px;
}
.menu ul .nli.active span a{ color: #FF0000;}
.menu .sub{ display: none; position: absolute; width:150px; left:50%; margin-left: -75px; top: 100%; background: #fff; }
.menu .sub li{ padding: 10px 0; color: #333; font-size: 14px; line-height: 20px;  text-align: center;}
.menu .sub li:hover{ background: #201600;}
.menu .sub li a{color: #333;}
.menu .sub li:hover a{ color: #fff;}
@media screen and (max-width:1439px){
    .menu ul .nli{ padding: 0 13px; }
}

/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 1010; float: left; width:100%; height:60px; background:#fff; }
.top2.active{
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.top2 .logo{ position: absolute; float:left; width:159px; height:40px; left: 50%; top: 50%; margin: -20px 0 0 -80px;}
.top2 .logo .logo1{ float: left; width: 61px; height: 60px; margin-right: 15px;}
.top2 .logo .logo2{ float: left; width: 83px; height: 40px;}
.top2 .phoneSearch{ float: right; width: 50px; height: 60px; margin-right: -15px; padding:20px 15px 20px 15px; line-height: 0;  }
@media screen and (max-width:1199px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{
    float:left;
    margin:5px 0 0 -11px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    /*background-color: #0e6fcf;*/
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #007ccb;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    background: #007ccb;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 11px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}

/*banner*/
.bannerBox{ min-height:343px; }
.bannerBox .owl-prev{ position: absolute; width: 90px; height: 26px; left: 50px; top: 50%; margin-top: -13px; background: url("images/top3.png") left no-repeat; background-size:29px 26px; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 26px; text-align: center; padding: 0 0 0 29px; text-transform: uppercase;}
.bannerBox .owl-next{ position: absolute; width: 90px; height: 26px; right: 50px; top: 50%; margin-top: -13px; background: url("images/top4.png") right no-repeat; background-size:29px 26px;  overflow: hidden;  cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 26px; text-align: center; padding: 0 29px 0 0; text-transform: uppercase;}
.bannerBox .owl-dots{ position: absolute; width: 95px; right: 50%; margin-right: -585px; bottom: 50px;}
.bannerBox .owl-dot{ float: left; width: 100%; }
.bannerBox .owl-dot span{ float: left; width: 36px; height: 3px; margin: 8px 0 0 17px; background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.bannerBox .owl-dot.active span{  margin: 8px 0 0 0; width: 53px;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.bannerBox .owl-dot font{  float: left; width: 40px; height: 19px; color: #fff; font-size: 24px;  font-family: Arial; line-height: 19px; font-weight: bold;}
.bannerBox .owl-dot font{}
.bannerBox .owl-dot font i{ font-style: normal; display: none;}
.bannerBox .owl-dot.active font i{ display: block;}
@media screen and (max-width:1199px){
    .bannerBox{ min-height: 380px;}
    .bannerBox .owl-dots{ margin-right: -481px; bottom:20px;  }
    .bannerBox .owl-prev{ left: 20px; }
    .bannerBox .owl-next{ right: 20px; }
}
@media screen and (max-width:991px){
    .bannerBox{ min-height: 450px;}
    .bannerBox .owl-dots{ margin-right: -369px;  }
}
@media screen and (max-width:767px){
    .bannerBox{ min-height: 146px;}
    .bannerBox .owl-dots{ width: 100%; margin-right:0; right: 0; bottom: 10px; text-align: center;}
    .bannerBox .owl-dot{ float: none; display: inline-block; width: auto; padding: 0 4px; }
    .bannerBox .owl-dot font{ display: none;}
    .bannerBox .owl-dot span{  width: 36px;  margin: 8px 0 0 0;}
    .bannerBox .owl-dot.active span{  margin: 8px 0 0 0; width: 36px; }
    .bannerBox .owl-prev{ display: none; }
    .bannerBox .owl-next{ display: none; }
}

.mouse{ position: absolute; width: 26px; height: 71px; left: 50%; bottom: 70px; margin-left: -3px; z-index: 1500; cursor: pointer;}
.mouse img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.mouse:hover img{ margin-top: 5px;}
@media screen and (max-width:1199px){
    .mouse{ bottom: 20px;}
}
@media screen and (max-width:767px){
    .mouse{ display: none;}
}
/*main*/
/*homemap*/
.homeMap{}
.homeAboutTitle{ padding: 6.41% 0 3.589% 0 ; text-align: center;}
.homeAboutTitle h2{ color: #333333; font-size: 30px; line-height:1.23; }
.homeAboutTitle .subTit{ color: #999999; font-size: 18px; line-height: 1.33; text-transform:uppercase;}
@media screen and (max-width:991px){
    .homeAboutTitle h2{ font-size: 26px;  }
    .homeAboutTitle .subTit{ font-size: 16px; }
}
@media screen and (max-width:767px){
    .homeAboutTitle h2{ font-size: 20px;  }
    .homeAboutTitle .subTit{ font-size: 14px; }
}

.homeMapDown{ border-top: #f2f2f2 solid 1px;}
.homeMapDown .mapLine{ text-align: center; margin-top: -3px; line-height: 0;}
.homeMapDown .mapLine .line{ display: inline-block; *display: inline; *zoom: 1; width: 41px; height: 5px; background: #007ccb;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}

.homeMapDown .mapBox{ position: relative;}
.homeMapDown .mapBox .mapBLine{ position: absolute; width: 1px; height: 100%; background: #f2f2f2; left: 50%; top: 0;}
.homeMapDown .mapBox .mapLeft{ float: left; width: 50%; padding:50px 20px 60px 0; }
.homeMapDown .mapBox .mapRight{ float: right; width: 50%; padding: 125px 0 0 50px;}
@media  screen and (max-width:991px){
    .homeMapDown .mapBox .mapBLine{ display: none;}
    .homeMapDown .mapBox .mapLeft{ width: 100%; padding:30px 0 40px 0; }
    .homeMapDown .mapBox .mapRight{ float: left; width: 100%; padding: 0 0 40px 0;}
}
@media  screen and (max-width:767px){
    .homeMapDown .mapBox .mapLeft{ padding:4% 0 4% 0; }
    .homeMapDown .mapBox .mapRight{ padding: 0 0 4% 0;}
}


.mapFloat{ position: relative;}
.mapFloat .mapPoint{ position: absolute; width: 6px; height: 6px; left: 0; top: 0;}
.mapFloat .mapPoint.active{ z-index: 200;}
.mapFloat .mapPoint .pointBlueBox{ position: relative; height: 6px; cursor: pointer;}
.mapFloat .mapPoint .pointBlueBox .pointBlueSmall{ position: absolute; left: 50%; top: 0; margin-left: -3px; width: 6px; height: 6px; background: #007ccb;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.mapFloat .mapPoint .pointBlueBox .pointBlueSmall .imStar{ width: 200%; margin: -50% 0 0 -50%; line-height: 0;}
.mapFloat .mapPoint .pointBlueBox .blueText{ position: absolute; width: 60px; left: -27px; top: -17px; color: #4c4c4c; font-size: 14px; line-height: 14px; text-align: center; z-index: 30;}
.mapFloat .mapPoint.active .pointBlueBox .blueText{ color: #007ccb;}
.circle{ position:absolute; width:60px; height:60px; left:50%; top:50%; margin: -30px 0 0 -30px; z-index:2; }
.circle-sh{width:90px; height:90px; margin: -45px 0 0 -45px;}
.mapFloat .mapPoint:hover .circle{ display: block;}
.circle div{border:2px solid #007ccb;  -webkit-border-radius: 50%;  background-size:50% 50%; position:absolute; left:0; top:0; width:100%; height:100%;
    opacity:0;filter:alpha(opacity=0)\9}

.circle-sh .circle-a,
.circle .circle-a {
    -webkit-animation:ani-circle-b 2.5s ease-out forwards infinite;
    animation:ani-circle-b 2.5s ease-out forwards infinite
}
.circle-sh .circle-b,
.circle .circle-b {
    -webkit-animation:ani-circle-b 2.5s ease-out 1.5s forwards infinite;
    animation:ani-circle-b 2.5s ease-out 1.5s forwards infinite
}
.circle-sh .circle-c,
.circle .circle-c {
    -webkit-animation:ani-circle-b 2.5s ease-out 3s forwards infinite;
    animation:ani-circle-b 2.5s ease-out 3s forwards infinite
}
@-webkit-keyframes ani-circle-b {
    0% {
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0;
        filter:alpha(opacity=0)\9
    }
    10% {
        opacity:1;
        filter:alpha(opacity=100)\9
    }
    100% {
        -webkit-transform:scale(2);
        transform:scale(2);
        opacity:0;
        filter:alpha(opacity=0)\9
    }
}
@keyframes ani-circle-b {
    0% {
        -webkit-transform:scale(0.1);
        transform:scale(0.1);
        opacity:0;
        filter:alpha(opacity=0)\9
    }
    10% {
        opacity:1;
        filter:alpha(opacity=100)\9
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0;
        filter:alpha(opacity=0)\9
    }
}
.mapSub{ display: none; position: absolute; width: 174px; left: 30px; top: -30px; background: #fff; border: #d2d2d2 dashed 1px; border-radius:6px;}
.mapFloat .mapPoint:hover .mapSub{ display: block;}
.mapSub ul{ padding: 10px 0 10px 15px;  }
.mapSub ul li{ color: #333333; font-size: 14px; line-height: 30px; cursor: pointer;}
.mapSub ul li.hover,
.mapSub ul li:hover{ color: #007ccb; font-weight: bold;}
.mapSub ul li a{color: #333333;}
.mapSub ul li:hover a{color: #007ccb;}
.mapSub .b{ position: absolute; width: 12px; height: 18px; left: -12px; top: 22px;}
.phoneMap{ display: none;}
@media  screen and (max-width:991px){
    .mapFloat .mapPoint{ display: none;}
    .phoneMap{ display: block; position: absolute; width: 100%; padding: 0 10%; left: 0; top: 50%; margin-top: -62px;}
    .phoneMap .phoneMapInput{ margin: 20px 0 0 0;}
    .phoneMap .phoneMapInput select{ float: left; width: 100%; height: 42px; border: #f1f1f1 solid 1px; background:rgba(255,255,255,0.7); color: #333; font-size: 14px; line-height: 20px; padding: 10px;
        border-radius:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        -o-border-radius:0;
        outline: 0;
    }
    .phoneMap .phoneMapInput select:focus{ border: #007ccb solid 1px;}
}

.mapRightContent{ float: left; width: 100%;}
.mapRightContent .mapText{ height: 330px; color: #333333; font-size: 14px; overflow: hidden; line-height: 36px;}
.mapRightContent .mapBtn{ margin: 11.84% 0 0 0;}
.mapRightContent .mapBtn a{ float: right; line-height: 20px; color: #007ccb; font-size: 14px; text-transform: uppercase; position: relative;}
.mapRightContent .mapBtn a span{ position: relative; z-index: 2;}
.mapRightContent .mapBtn a b{ position: absolute; width: 100%; height: 6px; background: #e5f2fa; left: 0; bottom: 4px;}
@media  screen and (max-width:991px){
    .mapRightContent .mapText{ height: auto; line-height: 28px;}
}

/*homeCount*/
.homeCount{ background: url("images/main4.jpg") bottom center no-repeat; background-size: 100% 60%;}
.homeCountBox{ padding: 6.837% 0 11.965% 0;}
.homeCountBox .countShadow{ background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.08);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.08);
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
}
.homeCountBox .countShadow .countUl{ margin: 2.66% -15px 6.66% -15px ;}
.homeCountBox .countShadow .countUl li{ float: left; margin-top: 4%; width:25%; border-right: #e5e5e5 solid 1px;  }
.homeCountBox .countShadow .countUl li:last-child{ border-right: 0;}
.homeCountBox .countShadow .countUl li .bigCounter{ height: 42px; text-align: center;}
.homeCountBox .countShadow .countUl li .bigCounter .counter_1{ line-height: 42px; padding-left: 100px; }
.homeCountBox .countShadow .countUl li .bigCounter .tipCount{ float: left; color: #000000; font-size: 40px; padding: 0 10px 0 0;}
.homeCountBox .countShadow .countUl li .bigCounter .barCount{ float: left; color: #000000; font-size: 14px; line-height: 24px;}
.homeCountBox .countShadow .countUl li .bigCounter .addCount{ float: left; color: #000; font-size: 24px; line-height: 24px; padding: 0 10px 0 0;}
.homeCountBox .countShadow .countUl li .serviceCounter{ margin-top: 4px; color: #000000; font-size: 14px; line-height: 20px; padding-left: 100px;}
@media  screen and (max-width:1199px){
    .homeCountBox .countShadow .countUl li .bigCounter .counter_1{ padding-left: 78px; }
    .homeCountBox .countShadow .countUl li .serviceCounter{ padding-left: 78px;}
}
@media  screen and (max-width:991px){
    .homeCountBox .countShadow .countUl li .bigCounter .counter_1{ padding-left: 150px; }
    .homeCountBox .countShadow .countUl li .serviceCounter{ padding-left: 150px;}
    .homeCountBox .countShadow .countUl li{ width: 50%; margin-top: 4%;}
    .homeCountBox .countShadow .countUl li:nth-child(2){ border-right: 0;}
}
@media  screen and (max-width:767px){
    .homeCountBox .countShadow .countUl li .bigCounter .counter_1{ display: inline-block; *display: inline; *zoom: 1; padding-left: 0; }

    .homeCountBox .countShadow .countUl li .serviceCounter{ padding-left: 0; text-align: center;}
    .homeCountBox .countShadow .countUl li .bigCounter .tipCount{ font-size: 30px; }
}
@media  screen and (max-width:480px){
    .homeCountBox .countShadow .countUl li .bigCounter .tipCount{ font-size: 26px; }
    .homeCountBox .countShadow .countUl li .bigCounter .barCount{ line-height: 30px;}
    .homeCountBox .countShadow .countUl li .bigCounter .addCount{ line-height: 30px; }
}



/*fourMajor*/
.fourMajor{ background: url("images/main5.jpg") center no-repeat; background-size: 100% 100%;}
.fourMajorDown{ padding: 0 15px;}
.fourMajorDown .owl-stage-outer{ padding-bottom: 5px;}
.fourMajorDown ul{}
.fourMajorDown ul li{ padding: 0 15px;}
.fourMajorDown ul li a{ float: left; width: 100%; background: #fff;}
.fourMajorDown ul li a:hover{
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.08);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.08);
    box-shadow: 0 0 15px rgba(0,0,0,0.08);
}
.fourMajorDown ul li a .majorPicture{ overflow: hidden; position: relative;}
.fourMajorDown ul li a .majorPicture .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.fourMajorDown ul li a:hover .majorPicture .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}

.fourMajorDown ul li a .majorDown{ position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; padding: 10px;}
.fourMajorDown ul li a .majorDown .majorBorde{ border: #f2f2f2 solid 1px; padding: 19px 0 19px 24px;}
.fourMajorDown ul li a .majorDown .majorBorde .majorArrow{ float: right; width: 57px; height: 40px; padding: 15px 19px 0 20px; border-left:#e5e5e5 solid 1px; line-height: 0; }
.fourMajorDown ul li a .majorDown .majorBorde .majorTit{ padding: 0 4px 0 0; color: #333333; font-size: 16px; line-height: 20px;}
.fourMajorDown ul li a .majorDown .majorBorde .majortext{ padding: 4px 4px 0 0; color: #666666; font-size: 14px;line-height: 20px;}
.fourMajorDown .owl-dots{ padding: 2.645% 0 0 0; text-align: center; line-height: 0;}
.fourMajorDown .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px; border: #007ccb solid 1px; margin: 0 6px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.fourMajorDown .owl-dot.active{ background: #007ccb;}
.fourMajorBtn{ padding: 3.418% 0 6.837% 0; text-align: center;}
.fourMajorBtn .majorLink{ display: inline-block; *display: inline; *zoom: 1; padding: 0 46px; border: #e5e5e5 solid 1px; background: #fff; color: #666666; font-size: 14px; font-family: Arial; line-height: 44px; text-transform: uppercase;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -o-border-radius:25px;
}
.fourMajorBtn .majorLink:hover{ background: #007ccb; border-color: #007ccb; color: #fff;}
@media  screen and (max-width:1440px){
    .fourMajorDown{ padding: 0;}
    .fourMajorDown ul li a .majorDown .majorBorde{ padding: 10px 0 10px 15px;}
}
@media  screen and (max-width:767px){
    .fourMajorBtn{ padding: 6% 0 6.837% 0; text-align: center;}
}
@media  screen and (max-width:599px){
    .fourMajorDown ul li a .majorDown{ padding: 2px;}
    .fourMajorDown ul li a .majorDown .majorBorde{ padding: 10px 0 10px 10px;}
    .fourMajorBtn .majorLink{ line-height: 40px;}
}

/*homeSolution*/
.homeSolution{}
.homeSolutionDown{}
.homeSolutionDown ul{}
.homeSolutionDown ul li{ }
.homeSolutionDown ul li a{ float: left; width: 100%;}
.homeSolutionDown ul li a .solutionPicture{ position: relative; overflow: hidden;}
.homeSolutionDown ul li a .solutionPicture .l_1{ left: 0; top: 10px; padding: 0 10px; position: absolute; width: 100%; height: 1px; }
.homeSolutionDown ul li a .solutionPicture .l_1 .span{background: #fff; float: left; width: 0; height: 1px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeSolutionDown ul li a:hover .solutionPicture .l_1 .span{ width: 100%;}
.homeSolutionDown ul li a .solutionPicture .l_2{ left: 10px; top: 0; padding:10px 0; position: absolute; height: 100%; }
.homeSolutionDown ul li a .solutionPicture .l_2 .span{background: #fff; float: left; width: 1px; height: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeSolutionDown ul li a:hover .solutionPicture .l_2 .span{ height: 100%;}

.homeSolutionDown ul li a .solutionPicture .l_3{ right: 0; bottom: 10px; padding: 0 10px; position: absolute; width: 100%; height: 1px; }
.homeSolutionDown ul li a .solutionPicture .l_3 .span{background: #fff; float: right; width: 0; height: 1px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeSolutionDown ul li a:hover .solutionPicture .l_3 .span{ width: 100%;}
.homeSolutionDown ul li a .solutionPicture .l_4{ right: 10px; bottom: 0; padding:10px 0; position: absolute; height: 100%; }
.homeSolutionDown ul li a .solutionPicture .l_4 .fob{ height: 100%; position: relative; width: 1px; overflow: hidden;}
.homeSolutionDown ul li a .solutionPicture .l_4 .span{ position:absolute; bottom:0; left:0; background: #fff; float: left; width: 1px; height: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeSolutionDown ul li a:hover .solutionPicture .l_4 .span{ height: 100%;}
.homeSolutionDown ul li a .solutionTopBox{}
.homeSolutionDown ul li a .solutionTop{ padding: 0 64px 0 30px;}
.homeSolutionDown ul li a .solutionTop .solutionMore{ padding: 18.243% 0 9.491% 0;}
.homeSolutionDown ul li a .solutionTop .solutionMore .morePic{ float: right; width: 34px; height: 15px; border-left: #e5e5e5 solid 1px; padding: 3px 0 0 16px; text-align: right; line-height: 0;}
.homeSolutionDown ul li a:hover .solutionTop .solutionMore .morePic{ border-left-color: #007ccb;}
.homeSolutionDown ul li a .solutionTop .solutionMore .morePic .imgs{}
.homeSolutionDown ul li a .solutionTop .solutionMore .morePic .imgd{ display: none;}
.homeSolutionDown ul li a:hover .solutionTop .solutionMore .morePic .imgs{ display: none;}
.homeSolutionDown ul li a:hover .solutionTop .solutionMore .morePic .imgd{ display: block;}
.homeSolutionDown ul li a .solutionTop .solutionMore .moreTit{ color: #999999; font-size: 16px; line-height: 16px; text-transform: uppercase;}
.homeSolutionDown ul li a:hover .solutionTop .solutionMore .moreTit{ color: #007ccb;}
.homeSolutionDown ul li a .solutionTop h3{color: #333333; font-size: 16px; line-height: 24px; }
.homeSolutionDown ul li a:hover .solutionTop h3{ color: #007ccb;}
.homeSolutionDown ul li a .solutionTop .souText{ padding: 6.08% 0 0 0; }
.homeSolutionDown ul li a .solutionTop .souText .test{ height: 72px; color: #999999; font-size: 14px; line-height: 24px; overflow: hidden;}
.homeSolutionDown .owl-dots{ padding: 4.27% 0 0 0; text-align: center; line-height: 0;}
.homeSolutionDown .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px; border: #007ccb solid 1px; margin: 0 6px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeSolutionDown .owl-dot.active{ background: #007ccb;}
@media  screen and (max-width:1199px){
    .homeSolutionDown ul li a .solutionTop{ padding: 0 30px 0 30px;}
    .homeSolutionDown ul li a .solutionTop .solutionMore{ padding: 10% 0 9.491% 0;}

}
@media  screen and (max-width:767px){
    .homeSolutionDown ul li a .solutionTop{ padding: 0 10px;}
    .homeSolutionDown ul li a .solutionTop .solutionMore{ padding: 5% 0 5% 0;}
    .homeSolutionDown ul li a .solutionTop .souText{ padding: 6.08% 0 6.08% 0; }
}

/*homeNew*/
.homeNew{ background: url("images/main15.jpg") center no-repeat; background-size: cover;}
.homeNewDownLine{ background: url("images/main16.jpg") 0 35px repeat-x;}
.homeNewDown{ margin: 0 -15px;}
.homeNewDown ul{}
.homeNewDown ul li{ padding: 0 15px;}
.homeNewDown ul li a{ float: left; width: 100%;}
.homeNewDown ul li a .homeNewMore{ height: 24px;}
.homeNewDown ul li a .homeNewMore .newMorePic{ display: none; float: right; width: 34px; height: 15px; border-left: #007ccb solid 1px; padding: 3px 0 0 16px; line-height: 0; margin-top: 4px;}
.homeNewDown ul li a:hover .homeNewMore .newMorePic{ display: block;}
.homeNewDown ul li a .homeNewMore .moreTime{ color: #999999; font-size: 16px; line-height: 24px;}
.homeNewDown ul li a:hover .homeNewMore .moreTime{ color: #007ccb;}
.homeNewDown ul li a .homeMoreLine{ margin-top: 11px; height: 1px; background: #e6e5e5;}
.homeNewDown ul li a .homeMoreLine span{ float: left; width: 0; height: 1px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeNewDown ul li a:hover .homeMoreLine .span{ width: 100%; background: #007ccb;}
.homeNewDown ul li a .homeNewTit{ padding: 5.67% 0 4.59% 0; color: #666666; font-size: 16px; line-height: 24px;}
.homeNewDown ul li a:hover .homeNewTit{ color: #007ccb;}
.homeNewDown ul li a .homeNewText{ height: 48px; color: #999999; font-size: 14px; line-height: 24px; overflow: hidden;}
.homeNewDown ul li a .homeNewPic{ margin-top: 6.48%; overflow: hidden;}
.homeNewDown ul li a .homeNewPic .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeNewDown ul li a:hover .homeNewPic .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.homeNewDown .owl-dots{ padding: 4.27% 0 0 0; text-align: center; line-height: 0;}
.homeNewDown .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px; border: #007ccb solid 1px; margin: 0 6px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeNewDown .owl-dot.active{ background: #007ccb;}



/*homeProduct*/
.homePro{ background: url("images/main15.jpg") center no-repeat; background-size: cover;}
.homeProDownLine{ }
.homeProDown{ padding: 0 15px;}
.homeProDown .owl-stage-outer{ padding-bottom: 5px;}
.homeProDown ul{}
.homeProDown ul li{ padding: 0 15px;}
.homeProDown ul li a{ float: left; width: 100%; background: #fff;}
.homeProDown ul li a:hover{
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.08);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.08);
    box-shadow: 0 0 15px rgba(0,0,0,0.08);
}
.homeProDown ul li a .majorPicture{ overflow: hidden; position: relative;}
.homeProDown ul li a .majorPicture .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeProDown ul li a:hover .majorPicture .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}

.homeProDown ul li a .majorDown{ position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; padding: 10px;}
.homeProDown ul li a .majorDown .majorBorde{ border: #f2f2f2 solid 1px; padding: 19px 0 19px 24px;}
.homeProDown ul li a .majorDown .majorBorde .majorArrow{ float: right; width: 57px; height: 40px; padding: 15px 19px 0 20px; border-left:#e5e5e5 solid 1px; line-height: 0; }
.homeProDown ul li a .majorDown .majorBorde .majorTit{ padding: 0 4px 0 0; color: #333333; font-size: 16px; line-height: 20px;}
.homeProDown ul li a .majorDown .majorBorde .majortext{ padding: 4px 4px 0 0; color: #666666; font-size: 14px;line-height: 20px;}
.homeProDown .owl-dots{ padding: 2.645% 0 0 0; text-align: center; line-height: 0;}
.homeProDown .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px; border: #007ccb solid 1px; margin: 0 6px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeProDown .owl-dot.active{ background: #007ccb;}


/*homeCooper*/
.homeCooper{}
.homeCooperBox{ padding: 0 0 6.83% 0; margin-left: -1px;}
.homeCooperDown{ border-left: #eeeeee solid 1px; border-top: #eeeeee solid 1px; background: #fff; }
.homeCooperDown .owl-stage-outer{ padding-bottom: 2px;}
.homeCooperDown ul{}
.homeCooperDown ul li{}
.homeCooperDown ul li .cellLi{ border-bottom: #eee solid 1px; border-right:#eee solid 1px;}
.homeCooperDown ul li a{ float: left; width: 100%; overflow: hidden;}
.homeCooperDown ul li a .cooperPic{ overflow: hidden; position: relative;}
.homeCooperDown ul li a .cooperPic .cooperCeng{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,124,203,0.9);}
.homeCooperDown ul li a .cooperPic .cooperTit{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -12px; text-align: center; color: #fff; font-size: 14px; line-height: 24px;}
.homeCooperDown ul li a:hover .cooperPic .cooperCeng{ display: block;}


.special .owl-dots{ padding: 4.27% 0 0 0; text-align: center; line-height: 0;}
.special .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px; border: #007ccb solid 1px; margin: 0 6px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .owl-dot.active{ background: #007ccb;}


/*down*/
.footTop{ background: #333333;}
.footTop .footSale{ border-bottom: #484848 solid 1px; padding: 45px 0 20px 0;}
.footTop .footSale .saleTele{ float: left; padding:3px 20px 3px 0; min-width: 368px; color: #fff; font-size: 16px; line-height: 24px; border-right: #484848 solid 1px;}
.footTop .footSale .saleTele .saleB{ float: left; width:24px; height: 24px; margin: 0 20px 0 0; }
.footTop .footSale .saleTele .saleSpan{ }
.footTop .footSale .saleCode{float: left; padding:3px 20px 3px 30px; color: #fff; font-size: 16px; line-height: 24px;}
.footTop .footLink{ padding: 38px 0 40px 0; border-bottom: #484848 solid 1px;}
.footTop .footLink .footLinkLine{ position: relative;}
.footTop .footLink .footLinkLine .linkLine{ position: absolute; width: 1px; height: 100%; background: #484848; left: 690px;}
.footTop .footLink .footLinkLine .footLink_690{ float: left; width: 690px;}
.footTop .footLink .footLinkLine .footLink_690 .footLink_735{ float: left; width: 735px;}
.cell_235{ float: left; width: 33.333333333%; padding: 0 35px 0 0;}
.cell_235 h4{  color: #ffffff; font-size: 14px; line-height: 18px;}
.cell_235 .cell_ul{ padding: 16px 0 0 0;}
.cell_235 .cell_ul li{ font-size: 14px; line-height: 30px;}
.cell_235 .cell_ul li a{ color: #999999;}
.cell_235 .cell_ul li a:hover{ color: #fff;}
.footTop .footLink .footLinkLine .footLink_440{ float: right; width: 440px;}
.footTop .footLink .footLinkLine .footLink_440 .footEwmTit{ padding: 0 0 0 30px;}
.footTop .footLink .footLinkLine .footLink_440 .footEwmTit h4{color: #ffffff; font-size: 14px; line-height: 18px;}
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown{}
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown ul{ padding:15px 0 0 0; }
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown li{ float: left; width: 50%; padding: 10px 0 0 30px;}
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown li .ewmBorder{ border: #484848 solid 1px; height:36px ; text-align: center; color: #999999; font-size: 14px; line-height: 34px; position: relative; cursor: pointer;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown li:hover .ewmBorder{ border-color: #282828;}
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown li .ewmBorder span{ display: inline-block; *display: inline; *zoom: 1; padding: 0 38px 0 0;}
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown li .ewmBorder b{display: inline-block; *display: inline; *zoom: 1; width: 20px; height: 20px; margin: 7px 0 0 0; line-height: 0; vertical-align: top;}
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown li .ewmFloat{ display: none; position: absolute; width: 100%; left: 0; bottom: 0; background: #282828; padding: 17px 17px 8px 17px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown li .ewmFloat .floatPic{}
.footTop .footLink .footLinkLine .footLink_440 .footEwmDown li .ewmFloat .floatTit{ color: #999999; font-size: 14px; line-height: 20px; text-align: center; padding: 10px 0 0 0;}
@media  screen and (max-width:1199px){
    .footTop .footSale{ padding: 20px 0 20px 0;}
    .footTop .footLink .footLinkLine .linkLine{ left: 592px;}
    .footTop .footLink .footLinkLine .footLink_690{ width: 602px;}
    .footTop .footLink .footLinkLine .footLink_690 .footLink_735{ float: left; width: 621px;}
    .cell_235{ padding: 0 19px 0 0;}
    .footTop .footLink .footLinkLine .footLink_440{ width: 360px;}
    .footTop .footLink .footLinkLine .footLink_440 .footEwmTit{ padding: 0 0 0 20px;}
    .footTop .footLink .footLinkLine .footLink_440 .footEwmDown li{ padding: 10px 0 0 20px;}
    .footTop .footLink .footLinkLine .footLink_440 .footEwmDown li .ewmBorder span{ padding: 0 15px 0 0;}
}
@media  screen and (max-width:991px){
    .footTop .footLink{ padding: 15px 0 15px 0; }
    .footTop .footLink .footLinkLine .linkLine{ display: none;}
    .footTop .footLink .footLinkLine .footLink_440{ width: 100%;}
    .footTop .footLink .footLinkLine .footLink_440 .footEwmTit{ padding: 0;}
    .footTop .footLink .footLinkLine .footLink_440 .footEwmDown li{ padding: 10px 100px 0 100px;}
}
@media  screen and (max-width:767px){
    .footTop .footLink .footLinkLine .footLink_440 .footEwmTit{ margin-top: 5px;}
    .footTop .footLink .footLinkLine .footLink_440 .footEwmDown ul{ padding:5px 0 0 0; }
    .footTop .footLink .footLinkLine .footLink_440 .footEwmDown li{ padding: 10px 50px 0 50px;}
}
@media  screen and (max-width:540px){
    .footTop .footLink .footLinkLine .footLink_440 .footEwmDown li{ padding: 10px 30px 0 30px;}
}
@media  screen and (max-width:440px){
    .footTop .footLink .footLinkLine .footLink_440 .footEwmDown li{ padding: 10px 10px 0 10px;}
}
@media  screen and (max-width:400px){
    .footTop .footLink .footLinkLine .footLink_440 .footEwmDown ul{ margin: 0 -5px; }
    .footTop .footLink .footLinkLine .footLink_440 .footEwmDown li{ padding: 10px 5px 0 5px;}
}

/*ph*/
.footPhone{ display: none;}
.footPhone .footPh1{ background: #757575; margin-bottom: 2.84%;}
.footPhone .footPh1 h4{padding: 0 15px 0 15px; color: #fff; font-size: 14px; font-weight: bold; line-height: 40px; cursor: pointer;}
.footPhone .footPh1 h4 img{ float: right;  }
.footPhone .footPh1 h4 img.fr,
.footPhone .footPh1 h4 img.fl{ margin-top: 17px;}
.footPhone .footPh1 h4 .img_s{}
.footPhone .footPh1 h4 .img_d{ display: none;}
.footPhone .footPh1 h4.active .img_s{
    display: none;
}
.footPhone .footPh1 h4.active .img_d{
    display: inline-block;
}
.footPhone .footPh1 ul{ padding: 0 0 14px 15px; display: none; }
.footPhone .footPh1 ul li{color: #ccc; font-size: 14px; line-height: 25px;}
.footPhone .footPh1 ul li a{color: #ccc; }
.footPhone .footPh1 ul li a:hover{color: #98002d;}
@media  screen and (max-width:991px){
    .footPhone{ display: block;}
}

.footph1{ background-color: #757575; margin-bottom: 2.84%;}
.footph1 h4{ }
.footph1 h4 img{ float: right;  }
.footph1 h4 img.fr,
.footph1 h4 img.fl{ margin-top: 17px;}
.footph1 h4 .img_s{}
.footph1 h4 .img_d{ display: none;}
.footph1 h4.active .img_s{
    display: none;
}
.footph1 h4.active .img_d{
    display: inline-block;
}
.footph1 ul{ padding: 0 0 14px 15px; display: none; }
.footph1 li{ color: #ccc; font-size: 14px; line-height: 25px;  }
.footph1 li a{ color: #ccc;  }
.footph1 li a:hover{ color: #98002d; }

.footFrend{ padding: 10px 0;}
.footFrend .frendLeft{ float: left; padding: 10px 0; color: #5c5c5c; font-size: 14px; line-height: 22px;}
.footFrend .frendLeft a{ color: #fff;}
.footFrend .frendRightBox{}
.footFrend .frendRight{ float: right; width: 190px; height: 32px; border: #484848 solid 1px; padding: 0 20px; position: relative;
    border-radius:16px;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    -o-border-radius:16px;
}
.footFrend .frendRight:hover{ border-color: #282828;}
.footFrend .frendRight span{ float: left; color: #ffffff; font-size: 14px; line-height: 30px;}
.footFrend .frendRight b{ position: absolute; right: 20px; top: 50%; margin-top: -6px; float: right;width: 13px; height: 13px; line-height: 0;}
.footFrend .frendRight .frendUl{ display: none; position: absolute; width: 100%; background: #282828; left: 0; bottom: 0; padding: 10px 15px;
    border-radius:16px;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    -o-border-radius:16px;
}
.footFrend .frendRight .frendUl li{ font-size: 14px; line-height: 30px;}
.footFrend .frendRight .frendUl li a{color: #999999;}
.footFrend .frendRight .frendUl li a:hover{ color: #fff;}
.footDown{ background: #ffffff;}
.footDown .footCopy{ padding: 15px 0; color: #666666; font-size: 14px;line-height: 22px; text-align: center;}
.footDown .footCopy a{ color: #666;}
.footDown .footCopy a:hover{ color: #333;}
@media  screen and (max-width:767px){
    .footFrend{ padding: 0 0 10px 0;}
    .footFrend .frendLeft{ float: left; width: 100%; text-align: center; }
    .footFrend .frendRightBox{ float: left; width: 100%; text-align: center;}
    .footFrend .frendRight{ float: none; display: inline-block; *display: inline; *zoom: 1; }
}

/*右侧漂浮*/
.rightFload{ position: fixed; width: 59px; right: 10px; top: 50%; z-index: 200;}
.rightFload .pf_div{ float: left; width: 59px; height: 180px; position: relative;}
.rightFload .pf_div .divBox{ position: absolute; width: 59px; height: 180px; left: 0; top: 0; background: #666666; overflow: hidden;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.rightFload .pf_div .divBox.active{ left: 70px;}
.rightFload .pf_div .divBox li{ float: left; width: 59px; height: 60px;}
.rightFload .pf_div .divBox li.l1{ background: #eb483c;}
.rightFload .pf_div .divBox li.l2{ background: #24b726;}
.rightFload .pf_div .divBox li.l3{ background: #3491dd;}
.rightFload .pf_div .divBox li.l4{}
.rightFload .pf_div .tele{ display: none; position: absolute; right: 50px; top:0; width: 160px; height: 60px; background: #eb483c; color: #fff; font-size: 18px; font-weight: bold; line-height: 60px; padding: 0 0 0 10px;
    border-radius:6px 0 0 6px;
    -webkit-border-radius:6px 0 0 6px;
    -moz-border-radius:6px 0 0 6px;
    -o-border-radius:6px 0 0 6px;
}
.rightFload .pf_div .wxEwm{ display: none; position: absolute; right: 59px; top:60px; width: 110px; padding: 8px; background: #24b726; color: #fff; font-size: 18px; font-weight: bold; line-height: 60px;
    border-radius:6px 0 0 6px;
    -webkit-border-radius:6px 0 0 6px;
    -moz-border-radius:6px 0 0 6px;
    -o-border-radius:6px 0 0 6px;
}
.rightFload .pf_div .qqEwm{ display: none; top:120px; background: #3491dd; }
.rightFload .pf_shut{ float: left; width: 26px; height: 26px; margin: 25px 0 0 17px; cursor: pointer;}
.rightFload .pf_shut img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.rightFload .pf_shut.active img{
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
@media  screen and (max-width:1199px){
    .rightFload{ display: none; }
}


/*产品*/
.aboutTitle{ }
.aboutTitle .aboutIco{ height: 50px; text-align: center;}
.aboutTitle .aboutH2{ padding: 30px 0 0 0; text-align: center;  position: relative;}
.aboutTitle .aboutH2 h2{ color: #333333; font-size: 26px; line-height: 1.153; text-align: center; }
.aboutTitle h3{ color: #cccccc; font-size: 14px; line-height: 16px; text-align: center; font-family: Arial; text-transform: uppercase; padding-top: 8px;}
@media screen and (max-width:991px){
    .aboutTitle .aboutH2 h2{  font-size: 24px;  }
}
@media screen and (max-width:767px){
    .aboutTitle{}
    .aboutTitle .aboutH2{ padding: 10px 0 0 0; }
    .aboutTitle .aboutH2 h2{  font-size: 20px; }
    .aboutTitle h3{ padding-top: 5px;}
}

.pz_SideLayer{ padding: 22px 0 0 0; text-align: center;}
.pz_SideLayer .l1{ display: inline-block; *display: inline; *zoom:1; padding: 0 15px; }
.pz_SideLayer .l1 a{ float: left; color: #999999; font-size: 14px; line-height: 40px;  }
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ color: #3490dc;}

.navDown_pz{ border-top: #e5e5e5 solid 1px; background: url("images/city6.jpg") bottom repeat-x; margin-top: -5px;}
.navDown_pz ul{ text-align: center;}
.navDown_pz ul li{display: inline-block; *display: inline; *zoom: 1; padding: 8px 5px 0 5px;}
.navDown_pz ul li a{ color: #666; font-size: 12px; }
.navDown_pz ul li.active a{ color: #3490dc;}
.navDown_pz ul li .cricle{ display: block; text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
}
.navDown_pz ul li.active .cricle{
    opacity: 1;
    filter: alpha(opacity=100);
}
.navDown_pz ul li span{ line-height: 32px;}


.babyser{ margin-top: 30px; position: relative; z-index: 5;}
.babyser h2{ float:left; width:100%; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:48px;}
.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;
        transition: all 0.2s linear;
    }
    .babyser h2.active .imgr{
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        transform:rotate(90deg);
    }
}

.pz_SideLayerph{ display:none; width:100%; left:0; top:49px; background-color:#fff;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:16px; line-height:48px; cursor:pointer; border-bottom:#e1e1e1 solid 1px;}
.pz_SideLayerph .l1 h3 a{ color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#0c6dc7;}
.pz_SideLayerph .l1 h3 img{ float:right; margin:25px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}

/*.pz_SideLayerph  h4{ color:#333; font-size:14px; line-height:40px; cursor:pointer; }*/
/*.pz_SideLayerph  h4 a{ color:#333; padding-left:25px;}*/
/*.pz_SideLayerph  h4.active a{ color:#0c6dc7;}*/

.pz_SideLayerph .l1 .l1ul{ display:none;border-bottom:#e1e1e1 solid 1px;}
.pz_SideLayerph .l1 .l1ul li{ float: left; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999; font-size: 14px;}


@media  screen and (max-width:767px){
    .babyser{ margin-top: 10px; }
}
.serbase{ padding:31px 130px 22px 130px; color: #666666; font-size: 14px; line-height: 30px; text-align: center; }
@media  screen and (max-width:1199px){
    .serbase{ padding:31px 0px 22px 0px; }
}
@media  screen and (max-width:767px){
    .serbase{ padding:20px 0px 22px 0px; }
}

.productBox{ margin: 0 -15px;}
.productBox ul{ float: left; width: 100%;}
.productBox ul li{ float: left; width: 33.333333333%; padding: 27px 15px 9px 15px;}
.productBox ul li a{ float: left; width: 100%;}
.productBox ul li a .proPicture{ overflow: hidden;}
.productBox ul li a .proPicture img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.productBox ul li a:hover .proPicture img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.productBox ul li a h3{ padding: 17px 0 0 0; color: #333333; font-size: 16px; line-height: 24px;}
.productBox ul li a:hover h3{ color: #3490dc;}
.productBox ul li a .proText{ height: 48px; color: #999999; font-size: 14px; line-height: 24px; overflow: hidden;}
@media  screen and (max-width:991px){
    .productBox ul li{ width:50%; padding: 20px 15px 9px 15px;}
}
@media  screen and (max-width:580px){
    .productBox ul li{ width:100%; }
}

/*产品详情*/
.proStaile{ padding: 4.7% 0 2.56% 0;}
.proStaile h2{ color: #333333; font-size: 24px; line-height: 1.25; text-align: center;}
.proStaile .staileLine{ text-align: center; padding: 16px 0 0 0; line-height: 0;}
.proStaile .staileLine span{ display: inline-block; width: 50px; height: 1px; background: #e5e5e5;}
@media screen and (max-width:767px){
    .proStaile h2{ font-size: 20px; }
}

.slideBack{ background: url("images/pro6.jpg") 0 center repeat-x;}
.slideOut{ position: relative;}
.slide{
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    position: relative;

}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    background: #fff;
    border: #e5e5e5 solid 1px;
}
.slide .img img{
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    margin: 7px;
}
.slide .img1{
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 33%;
    height: 61.86%;
    top: 19.07%;
    left: 0%;
    z-index: 2;
    opacity: 0.7;
    background: #000;
}
.slide .img2::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 7px;}
.slide .img3{
    width: 52.64%;
    height: 98%;
    top: 1%;
    left: 23.68%;
    z-index: 3;
}
.slide .img4{
    width: 33%;
    height: 61.86%;
    top: 19.07%;
    left: 67%;
    z-index: 2;
    opacity: 0.7;
    background: #000;
}
.slide .img4::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 7px;}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
    display: none;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
button{
    width: 50px;
}
.butLeft{ position: absolute; left: 13.5%; top: 50%; margin-top: -31px; width:32px; height: 62px; background: url("images/case3.png") no-repeat; outline: 0; z-index: 20; }
.butLeft:hover{background: url("images/case3_h.png") no-repeat; }
.butRight{position: absolute; right: 13.5%; top: 50%; margin-top: -31px; width:32px; height: 62px; background: url("images/case4.png") no-repeat; outline: 0; z-index: 20;}
.butRight:hover{background: url("images/case4_h.png") no-repeat;}
@media screen and (max-width:1327px){
    .butLeft{ left: 5%; }
    .butRight{ right: 5%; }
}
@media screen and (max-width:1199px){
    .slideBack{ background: url("images/case5.jpg") 0 175px repeat-x;}
}
@media screen and (max-width:991px){
    .slideBack{ background:0;}
}
@media screen and (max-width:767px){
    .slide .img2{
        opacity: 1;
    }
    .slide .img4{
        opacity: 1;
    }
    .slide .img img{
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        margin: 3px;
    }
    .slide .img2::before{  border: #fff solid 3px;}
    .slide .img4::before{  border: #fff solid 3px;}
    .butLeft{ width: 20px; height: 39px; margin-top: -20px; background-size: cover;}
    .butLeft:hover{ background-size: cover;}
    .butRight{ width: 20px; height: 39px; margin-top: -20px; background-size: cover;}
    .butRight:hover{ background-size: cover;}
}


.proStaileContent{}
.proStaileContent .ico{ padding: 29px 0 18px 0; text-align: center;}
.proStaileContent .content{ color: #333; font-size: 14px; line-height: 36px;}
.proStaileContent .page{ padding: 3.16% 0 3.76% 0;}
.proStaileContent .page a{ color: #333333; font-size: 14px; padding: 5px 0;}
.proStaileContent .page a:hover{ color: #3490dc;}
.proStaileContent .page .aleft{ float: left; width: 50%; }
.proStaileContent .page .aright{ float: left; width: 50%; text-align: right; }
@media screen and (max-width:767px){
    .proStaileContent .ico{ padding: 18px 0 12px 0; text-align: center;}
    .proStaileContent .content{ line-height: 28px;}
    .proStaileContent .page .aleft{ width: 100%; }
    .proStaileContent .page .aright{ width: 100%; text-align: left; }
}

/*成功案例*/
.successful{ padding: 15px 0 0 0;}
.successful ul{}
.successful ul li{}
.successful ul li:hover{ background: #f9f9f9;}
.successful ul li a{ float: left; width:100%; color: #353535; font-size: 14px; line-height: 62px; border-bottom: #f2f2f2 solid 1px;}
.successful ul li:hover a{color: #122a88; border-color: #f9f9f9;}
.successful ul li a span{ float: left; width: 60%; padding: 0 0 0 60px; color: #353535; background: url("images/case5.png") 20px center no-repeat; }
.successful ul li a:hover span{background: url("images/case6.png") 20px center no-repeat; color: #3490dc;}
.successful ul li a b{ float: right; width: 17px; height: 17px; margin: 22px 20px 0 0; line-height: 0;}
.successful ul li a b .imgs{}
.successful ul li a b .imgd{ display: none;}
.successful ul li a:hover b .imgs{ display: none}
.successful ul li a:hover b .imgd{ display: block;}
@media screen and (max-width:767px){
    .successful{ padding:0;}
    .successful ul li a{ line-height: 50px; }
    .successful ul li a span{ width: 70%; padding: 0 0 0 25px; background: url("images/case5.png") 0 center no-repeat; }
    .successful ul li a:hover span{background: url("images/case6.png") 0 center no-repeat; }
    .successful ul li a b{  margin: 22px 5px 0 0;}

}


/*成功案例详情*/
.caseStaile{}
.caseStaile h2{ padding: 3% 0 2.5% 0; border-bottom: #ececec solid 1px; color: #353535; font-size: 24px; font-weight: bold; text-align: center; line-height: 1.25;}
.caseStaile .staileContent{ padding: 23px 0 45px 0; border-bottom: #ececec solid 1px; color: #333333; font-size: 14px; line-height: 30px;}
.caseStaile .page{ padding: 3.16% 0 3.76% 0;}
.caseStaile .page a{ color: #333333; font-size: 14px; padding: 5px 0;}
.caseStaile .page a:hover{ color: #3490dc;}
.caseStaile .page .aleft{ float: left; width: 50%; }
.caseStaile .page .aright{ float: left; width: 50%; text-align: right; }
@media screen and (max-width:767px){
    .caseStaile .staileContent{ padding: 23px 0 35px 0; }
}
@media screen and (max-width:767px){
    .caseStaile h2{ padding: 6% 0 5% 0; font-size: 20px; }
    .caseStaile .staileContent{ padding: 15px 0 20px 0; }
    .caseStaile .page .aleft{ width: 100%; }
    .caseStaile .page .aright{ width: 100%; text-align: left; }
}

/*关于我们*/
.aboutContent{ color: #333333; font-size: 14px; line-height: 36px;}
.aboutBlock_1{ padding: 25px 0 4.7% 0;}
.aboutBlock_2{ background: url("images/about3.jpg") center no-repeat; background-size: cover;}
.aboutBlock_2 .block2Box{ padding: 37px 0 28px 0;}
.aboutBlock_2 .block2Box h4{ color: #ffffff; font-size: 28px; line-height: 1.25;}
.aboutBlock_2 .block2Box .block2Text{ padding: 12px 50% 0 0; color: rgba(255,255,255,0.5); font-size: 14px; line-height: 20px; text-transform: uppercase;}
.aboutBlock_3{ padding: 4.27% 0 5% 0;}
@media screen and (max-width:767px){
    .aboutContent{ line-height: 28px;}
    .aboutBlock_1{ padding: 20px 0 4.7% 0;}
    .aboutBlock_2{ background: url("images/about3.jpg") 60% center no-repeat;  }
    .aboutBlock_2 .block2Box h4{ font-size: 18px; }
    .aboutBlock_2 .block2Box .block2Text{ font-size: 12px; padding: 12px 20% 0 0; }
}


/*解决方案*/
.solutionList{ margin: 0 -15px 0 -15px;}
.solutionList ul{ float: left; width: 100%; }
.solutionList li{ float:left; width:50%; padding:30px 15px 0 15px;}
.solutionList li a{ float:left; width:100%; border:1px solid #e3e3e3; padding:19px;}
.solutionList .l1{ float:left; width:200px; height:149px; overflow:hidden;  }
.solutionList .l1 img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.solutionList li a:hover .l1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.solutionList .l2{ height: 149px; padding: 0 0 0 220px;}
.solutionList .l2 h5{ color:#333333; font-size:16px; line-height:24px; padding: 16px 0 11px 0;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.solutionList a:hover .l2 h5{color: #3490dc;}
.solutionList .l2 p{ height: 48px; color:#999999; font-size:14px; line-height:24px; overflow:hidden; }
.solutionList .l2 .soluMore{ padding: 18px 0 0 0;  }
.solutionList .l2 .soluMore .more{ float: left; padding: 0 25px; border: #d6e9f8 solid 1px; color: #3490dc; line-height: 24px; text-transform: uppercase; font-family:Arial;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.solutionList a:hover .l2 .soluMore .more{ background: #3490dc; color: #fff;}
.solutionList li a:hover{ box-shadow:0 0 13px rgba(0,0,0,0.15); -moz-box-shadow:0 0 13px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 13px rgba(0,0,0,0.15);}

.solutionList li a:hover .l2 span{ background:#ff9a18; color:#fff;}
@media  screen and (max-width:991px){
    .solutionList li{ width:100%; padding:20px 15px 0 15px;}
}
@media  screen and (max-width:767px){
    .solutionList li a{  padding:9px;}
    .solutionList .l1{ width:125px; height:93px;  }
    .solutionList .l2{ height: 93px; padding: 0 0 0 135px;}
    .solutionList .l2 h5{ line-height:24px; padding: 0 0 3px 0; }
    .solutionList .l2 p{ height: 36px; line-height:18px; }
    .solutionList .l2 .soluMore{ padding: 8px 0 0 0;  }
    .solutionList .l2 .soluMore .more{ padding: 0 18px; line-height: 20px;}
}

/*联系我们*/
.contactContent{ margin: 0 -15px; padding-bottom: 5.12%;}
.contactContent ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.contactContent ul li{ float: left; width: 50%; padding: 0 15px;}
.contactContent ul li .contactBox{ margin-top: 5.26%; border: #eeeeee solid 1px; padding: 0 4.91% 4.91% 4.91%;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.contactContent ul li .contactBox:hover{ background: #3490dc;}
.contactContent ul li .contactBox h6{ background: url("images/contact2.jpg") bottom repeat-x; }
.contactContent ul li .contactBox:hover h6{ background: url("images/contact2_h.jpg") bottom repeat-x;}
.contactContent ul li .contactBox h6 span{ display: block; padding:27px 0 16px 0; background: url("images/contact3.jpg") bottom left no-repeat; color: #000000; font-size: 18px; line-height: 24px; }
.contactContent ul li .contactBox:hover h6 span{ color: #fff; background: url("images/contact3_h.jpg") bottom left no-repeat;}
.contactContent ul li .contactBox .contactPic{ padding: 19px 0 20px 0;}
.contactContent ul li .contactBox .contactPic .contactLine{ padding: 8px 0 9px 0; color: #666666; font-size: 14px; line-height: 25px;}
.contactContent ul li .contactBox:hover .contactPic .contactLine{ color: #fff;}
.contactContent ul li .contactBox .contactPic .contactLine .conIco{ float: left; width: 25px; height: 25px; line-height: 0;}
.contactContent ul li .contactBox .contactPic .contactLine .conIco .imgs{}
.contactContent ul li .contactBox .contactPic .contactLine .conIco .imgd{ display: none;}
.contactContent ul li .contactBox:hover .contactPic .contactLine .conIco .imgs{ display: none;}
.contactContent ul li .contactBox:hover .contactPic .contactLine .conIco .imgd{ display: block;}
.contactContent ul li .contactBox .contactPic .contactLine .conR{ padding: 0 0 0 35px;}
.contactMap{ height: 200px; background: url("images/contact7.jpg") no-repeat; background-size: cover;  }
.contactContent ul li.big{ width: 100%; line-height: 0;}
.contactContent ul li.big .contactBox{ padding: 0;  }
.contactContent ul li.big .contactMap{ float: right; width: 50%; height: 260px;}
.contactContent ul li.big .bigLeft{ float: left; width: 50%; line-height: 0;}
.contactContent ul li.big .bigLeft .bigLeftBox{ padding: 0 5.54%; line-height: 0;}
.contactContent ul li.big .contactBox h6{ float: left; width: 100%;  }

.contactContent ul li.big .contactBox .contactPic{ float: left; width: 100%; line-height: 0;}
.contactContent ul li.big .contactBox .contactPic .contactLine{ float: left; width: 100%; padding: 8px 0 9px 0; font-size: 14px; line-height: 25px;}
@media  screen and (max-width:991px){
    .contactContent ul li.big .contactBox{ padding: 0 4.91% 4.91% 4.91%;}
    .contactContent ul li.big .contactMap{ float: left; width: 100%; }
    .contactContent ul li.big .bigLeft{  width: 100%;}
    .contactContent ul li.big .bigLeft .bigLeftBox{ padding: 0; }
    .contactContent ul li.big .contactBox h6{ margin-top: 0;  }
}
@media  screen and (max-width:767px){
    .contactContent ul li.big .contactMap{ height: 150px;}
}



#bdmap1{width:100%; height:260px; background: no-repeat}
#bdmap1 img{ max-width:none;}
#bdmap1 .iw_poi_title{ display: block;  background: url("images/contact8.png") no-repeat !important; line-height: 30px !important;}
#bdmap1 .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
#bdmap1 .BMap_Marker{ width: 20px !important; height: 28px !important;}
#bdmap1 .BMap_Marker div{width: 20px !important; height: 28px !important;}
#bdmap1 .BMap_Marker div img{ max-width: 100%;}
#bdmap1 .BMapLabel{ border: 0 !important; background:none !important; padding: 0 !important;}
@media  screen and (max-width:767px){
    #bdmap1{ height:150px;}
}
#bdmap2{width:100%; height:200px; background: no-repeat}
#bdmap2 img{ max-width:none;}
#bdmap2 .iw_poi_title{ display: block;  background: url("images/contact8.png") no-repeat !important; line-height: 30px !important;}
#bdmap2 .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
#bdmap2 .BMap_Marker{ width: 20px !important; height: 28px !important;}
#bdmap2 .BMap_Marker div{width: 20px !important; height: 28px !important;}
#bdmap2 .BMap_Marker div img{ max-width: 100%;}
#bdmap2 .BMapLabel{ border: 0 !important; background:none !important; padding: 0 !important;}

#bdmap3{width:100%; height:200px; background: no-repeat}
#bdmap3 img{ max-width:none;}
#bdmap3 .iw_poi_title{ display: block;  background: url("images/contact8.png") no-repeat !important; line-height: 30px !important;}
#bdmap3 .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
#bdmap3 .BMap_Marker{ width: 20px !important; height: 28px !important;}
#bdmap3 .BMap_Marker div{width: 20px !important; height: 28px !important;}
#bdmap3 .BMap_Marker div img{ max-width: 100%;}
#bdmap3 .BMapLabel{ border: 0 !important; background:none !important; padding: 0 !important;}

#bdmap4{width:100%; height:200px; background: no-repeat}
#bdmap4 img{ max-width:none;}
#bdmap4 .iw_poi_title{ display: block;  background: url("images/contact8.png") no-repeat !important; line-height: 30px !important;}
#bdmap4 .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
#bdmap4 .BMap_Marker{ width: 20px !important; height: 28px !important;}
#bdmap4 .BMap_Marker div{width: 20px !important; height: 28px !important;}
#bdmap4 .BMap_Marker div img{ max-width: 100%;}
#bdmap4 .BMapLabel{ border: 0 !important; background:none !important; padding: 0 !important;}

#bdmap5{width:100%; height:200px; background: no-repeat}
#bdmap5 img{ max-width:none;}
#bdmap5 .iw_poi_title{ display: block;  background: url("images/contact8.png") no-repeat !important; line-height: 30px !important;}
#bdmap5 .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
#bdmap5 .BMap_Marker{ width: 20px !important; height: 28px !important;}
#bdmap5 .BMap_Marker div{width: 20px !important; height: 28px !important;}
#bdmap5 .BMap_Marker div img{ max-width: 100%;}
#bdmap5 .BMapLabel{ border: 0 !important; background:none !important; padding: 0 !important;}

#bdmap6{width:100%; height:200px; background: no-repeat}
#bdmap6 img{ max-width:none;}
#bdmap6 .iw_poi_title{ display: block;  background: url("images/contact8.png") no-repeat !important; line-height: 30px !important;}
#bdmap6 .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
#bdmap6 .BMap_Marker{ width: 20px !important; height: 28px !important;}
#bdmap6 .BMap_Marker div{width: 20px !important; height: 28px !important;}
#bdmap6 .BMap_Marker div img{ max-width: 100%;}
#bdmap6 .BMapLabel{ border: 0 !important; background:none !important; padding: 0 !important;}

#bdmap7{width:100%; height:200px; background: no-repeat}
#bdmap7 img{ max-width:none;}
#bdmap7 .iw_poi_title{ display: block;  background: url("images/contact8.png") no-repeat !important; line-height: 30px !important;}
#bdmap7 .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
#bdmap7 .BMap_Marker{ width: 20px !important; height: 28px !important;}
#bdmap7 .BMap_Marker div{width: 20px !important; height: 28px !important;}
#bdmap7 .BMap_Marker div img{ max-width: 100%;}
#bdmap7 .BMapLabel{ border: 0 !important; background:none !important; padding: 0 !important;}
@media  screen and (max-width:991px){
    .contactContent ul li{width: 100%; }
}
@media  screen and (max-width:767px){
    .contactContent ul li .contactBox h6 span{ padding:15px 0 10px 0; font-size: 16px;}
    .contactContent ul li .contactBox .contactPic{ padding: 10px 0 12px 0;}
    .contactMap{ height: 120px; }
    #bdmap1{ height:120px; }
	#bdmap2{ height:120px; }
	#bdmap3{ height:120px; }
	#bdmap4{ height:120px; }
	#bdmap5{ height:120px; }
	#bdmap6{ height:120px; }
	#bdmap7{ height:120px; }
}

/*新闻*/
.newList{ }
.newUl{ width:100%; float:left; margin-top:18px;}
.newUl li{ width:100%; float:left; padding:30px 0 30px 0; border-bottom:solid 1px #e5e5e5; min-height:190px;}
.newUl li .img{ float: right; width:250px; height:162px; overflow:hidden; position: relative;}
.newUl li .img .pic{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.newUl li a:hover .img .pic{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}

.newUl li .img .hideTime{ display: none;}
.newUl li .left{ padding: 0 350px 0 155px;}
.newUl li .time{ float: left; width:155px; padding: 14px 0 0 0; }
.newUl li .time h4{ font-size:18px; color:#999; position:relative; line-height:28px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.newUl li .time h4:after{ content:''; width:20px; height:2px; background:#d9d9d9; position:absolute; left:112px; top:13px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.newUl li .time .btn{ display:block; width:24px; height:26px; background:url(images/btn_07.png) no-repeat center; margin-top:20px; border-radius: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.newUl li .text{ margin-top:14px;}
.newUl li .text h5{ font-size:18px; color:#333; line-height:28px; height:28px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.newUl li .text .p{  margin-top:18px; font-size:14px; color:#999; line-height:30px; height:90px; overflow:hidden;}
.newUl li:hover .time h4{ color:#007ccb;}
.newUl li:hover .time h4:after{ background:#007ccb;}
.newUl li:hover .time .btn{ background:url(images/btn_07_h.png) no-repeat center #007ccb; width:40px;}
.newUl li:hover .text h5{ color:#007ccb;}
@media  screen and (max-width:991px){
    .newUl li .img{ float: left;}
    .newUl li .left{ padding: 0 0 0 290px;}
    .newUl li .time{ display: none; }
    .newUl li .img .hideTime{ display: block; position: absolute; left: 0; top: 0; background:#007ccb; padding: 0 10px; color: #fff; font-size: 16px; line-height: 20px; }
}
@media  screen and (max-width:767px){
    .newUl{  margin-top:0;}
    .newUl li{ padding: 5% 0;}
    .newUl li .img{ width:200px; height:130px; }
    .newUl li .left{ padding: 0 0 0 220px;}
    .newUl li .text{ margin-top:0;}
    .newUl li .text h5{ line-height:24px; height:24px;}
}
@media  screen and (max-width:480px){
    .newUl li .img{ width:100%; height:auto; }
    .newUl li .left{ display: block; float: left; width: 100%; padding: 0;}
    .newUl li .text{ margin-top:4%;}
    .newUl li .text .p{  margin-top:3.5%; }
}


/*新闻详情*/
.newInner{ float:left; width:100%;}
.newTitle{ float:left; width:100%;}
.newTitle .newTit{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height: 30px; font-weight:bold; border-bottom:1px solid #d7d8d8; padding:3% 0 2.393% 0;}
.newTitle .newSub{ float:left; width:100%; height:53px; padding: 10px 0; border-bottom:1px solid #d7d8d8;}
.newTitle .newSub .newSub_1{ float:left; color:#777777; font-size:14px; line-height:33px;}
.newTitle .newSub .newSub_2{ float:right; color:#777777; font-size:14px; line-height:33px;  }
.newTitle .newSub .newSub_2 b{ float: right; width: 38px; height: 34px; line-height: 0; margin: 0 0 0 12px;}
.newTitle .newSub .newSub_2 a{ color:#777777;}
.newTitle .newSub .newSub_2 a:hover{ color: #3490dc;}
.newTitle .newSub .newSub_2 img{ width: 38px;}
.moveIn{ float:left; width:100%; padding: 4.188% 0 5.47% 0; color:#333333; font-size:14px; line-height:30px; }
.newShare{ float:left; width:100%; padding: 0 0 3.24% 0; text-align: center; }
.newShare .shareCenter{ width:140px; margin:0 auto;}
.newPage{ float: left; width: 100%;  }
.newPage .pageLeft{ float: left; width: 50%; color: #333333; font-size: 14px; line-height: 20px;}
.newPage .pageLeft:hover{ color: #3490dc;}
.newPage .left{ padding: 20px 20px 20px 0; text-transform: uppercase; }
.newPage .right{ padding: 20px 0 20px 20px; text-align: right; text-transform: uppercase;}
@media  screen and (max-width:767px){
    .newTitle .newTit{  font-size:18px; padding: 25px 0;}
    .newTitle .newSub{ height:auto; text-align: center;}
    .newTitle .newSub .newSub_1{ float:left; width: 100%; padding: 15px 0 0 0; line-height: 24px; text-align: center;}
    .newTitle .newSub .newSub_2{ float:left; width: 100%; text-align: center; background: 0;}
    .moveIn{ padding: 20px 0;  }
    .newTitle .newSub .newSub_2 b{ float: none; width: 28px; height: 25px; display: inline-block;}
    .newTitle .newSub .newSub_2 img{ width: 28px;}
    .moveIn{ line-height:26px; }
    .newPage .pageLeft{ float: left; width: 100%; color: #333333; font-size: 14px; line-height: 20px;}
    .newPage .left{ padding: 20px 20px 5px 0; border-right:0; }
    .newPage .right{ padding: 5px 20px 20px 0; text-align: left;}
}
.newMoreList{ float:left; width:100%; padding: 3% 0 4.18% 0;}
.newMoreList .newMoreTit{ color:#095b9f; font-size:18px; line-height:24px;}
.newMoreList .newDownBox{ margin: 0 -15px; padding: 22px 0 0 0;}
.newMoreList .newDownBox ul{}
.newMoreList .newDownBox ul li{ float:left; width:50%; padding: 0 15px;}
.newMoreList .newDownBox ul li a{ float:left; width:100%; border-bottom:1px solid #d7d8d8; color:#333333; font-size:14px; line-height:36px; overflow:hidden;text-overflow:ellipsis;}
.newMoreList .newDownBox ul li a.noLine{ border-bottom: 0;}
.newMoreList .newDownBox ul li a:hover{color:#3490dc;}
.newMoreList .newDownBox ul li span{ float:left; width: 70%;}
.newMoreList .newDownBox ul li b{float:right; color:#777777; font-size:14px; line-height:38px; font-weight: normal;}
@media  screen and (max-width:991px){
    .newMoreList .newDownBox{  padding:23px 0 30px 0;}
}
@media  screen and (max-width:767px){
    .newMoreList{ padding: 5% 0 4.18% 0;}
    .newShare{  margin:15px 0 0 0;  }
    .newMoreList .newDownBox{  padding:10px 0 10px 0;}
    .newMoreList .newDownBox ul li{ float:left; width:100%; padding: 0 15px;}
    .newMoreList .newDownBox ul li a.noLine{ border-bottom:1px solid #d7d8d8;}
}

    /*分页*/
.waik_1{ padding: 5% 0;}
.pz_fy{ text-align: center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display:inline-block;*display:inline; *zoom:1; width:38px; height:38px; margin:0 5px; line-height:38px; border:solid 1px #e7e7e7; color: #272727; font-size:14px; text-decoration:none; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; vertical-align: top;}
.pz_fy a.a1{ width:100px; background:url(images/btn_05_l.png) no-repeat center; border-radius:19px; -webkit-border-radius:19px; -moz-border-radius:19px;}
.pz_fy a.last{ background-image:url(images/btn_05_r.png);}
.pz_fy a.a1:hover{ background-image:url(images/btn_05_l_h.png);}
.pz_fy a.last:hover{ background-image:url(images/btn_05_r_h.png);}

.pz_fy a:hover,.pz_fy a.on{ color: #fff; background-color:#3490dc; border:solid 1px #3490dc;}/*鼠标经过和默认当前页样式*/
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .waik_1{ padding: 6% 0;}
    .fy_phone{ display:block; font-family:'Arial';}
    .fy_phone{ text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block;*display:inline; *zoom:1; width:100px; height:30px; line-height:29px; border:solid 1px #3490dc; color:#333;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px; }
    .fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}


/*信用城市*/
.cityNav{ padding: 28px 0 0 0; text-align: center;}
.cityNav .navTop{ width: 684px; display: inline-block; *display: inline; *zoom: 1;}
.cityNav .navTop .slick-slide{ outline: 0;}
.cityNav .navTop .slick-slide a{ outline: 0;}
.cityNav .navTop li{ float: left; }
.cityNav .navTop li .cityPic{ float: left; width: 100%; text-align: center;}
.cityNav .navTop li .cityPic .imgs{}
.cityNav .navTop li .cityPic .imgd{ display: none;}
.cityNav .navTop li:hover .cityPic .imgs,
.cityNav .navTop li.active .cityPic .imgs{ display: none;}
.cityNav .navTop li:hover .cityPic .imgd,
.cityNav .navTop li.active .cityPic .imgd{ display: inline-block;}
.cityNav .navTop li .cityTit{ float: left; width: 100%; padding:7px 0 5px 0; color: #999999; font-size: 16px; line-height: 24px; }
.cityNav .navTop li.active .cityTit,
.cityNav .navTop li:hover .cityTit{ color: #3490dc; }
.cityNav .navTop li .trangle{ float: left; width: 100%; height: 7px; position: relative; z-index: 10; text-align: center; line-height: 0;}
.cityNav .navTop li .trangle .b{ display: inline-block; width: 0; height: 0; border-bottom: #3490dc solid 7px; border-left: transparent solid 7px; border-right: transparent solid 7px; vertical-align: top;
    opacity: 0;
    filter: alpha(opacity=0);
}
.cityNav .navTop li.active .trangle .b,
.cityNav .navTop li:hover .trangle .b{ display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
}
.cityNav .slick-prev{ position: absolute; width: 16px; height: 31px; background: url("images/case3_h.png") no-repeat; background-size: cover; left: 0; margin-top: -16px;}
.cityNav .slick-next{ position: absolute; width: 16px; height: 31px; background: url("images/case4_h.png") no-repeat; background-size: cover; right: 0; margin-top: -16px;}
.cityPadding{}
@media  screen and (max-width:991px){
    .cityPadding{ padding: 0 20px;}
    .cityNav .navTop{ width: 100%; }
    .cityNav .slick-prev{ left: -20px;}
    .cityNav .slick-next{ right: -20px;}
}
.navDown{ border-top: #e5e5e5 solid 1px; background: url("images/city6.jpg") bottom repeat-x; margin-top: -5px;}
.navDown ul{ text-align: center;}
.navDown ul li{display: inline-block; *display: inline; *zoom: 1; padding: 8px 25px 0 25px;}
.navDown ul li a{ color: #333333; font-size: 14px; }
.navDown ul li.active a{ color: #3490dc;}
.navDown ul li .cricle{ display: block; text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
}
.navDown ul li.active .cricle{
    opacity: 1;
    filter: alpha(opacity=100);
}
.navDown ul li span{ line-height: 32px;}
@media  screen and (max-width:767px){
    .navDown ul li{ padding: 8px 8px 0 8px;}
}

/*工控*/
.gongBox{}
.gongSafe{ padding: 5.12% 0 5.98% 0;}
.safeTitle{}
.safeTitle h4{ text-align: center; height: 25px;}
.safeTitle h4 span{ display: inline-block; *display: inline; *zoom: 1; background: #fff; padding: 0 15px; position: relative; z-index: 2; color: #3490dc; font-size: 22px; line-height: 25px;}
.safeTitle .safeLine{ height: 1px; background: #e5e5e5; margin-top: -13px;}
@media  screen and (max-width:991px){
    .safeTitle h4 span{ font-size: 20px; }
}
@media  screen and (max-width:767px){
    .safeTitle h4 span{ font-size: 18px; }
}

.gongSafe .safeTit{ padding: 2.99% 0 2.48% 0; text-align: center; color: #333333; font-size: 16px; line-height: 36px;}
.gongSafe .safeTit .tit{ display: block;}
.gongSafe .safeList{}
.gongSafe .safeList .safeUl{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.gongSafe .safeList .safeUl li{ float: left; width: 33.333333333%;}
.gongSafe .safeList .safeUl li .safePic{ position: relative;}
.gongSafe .safeList .safeUl li .safePic .trangle1{ position: absolute; width: 0; height: 0; border-bottom: #f5f5f5 solid 20px; border-left: transparent solid 22px; border-right: transparent solid 22px; left: 50%; bottom: 0; margin-left: -22px; }
.gongSafe .safeList .safeUl li .safePic .trangle2{ position: absolute; width: 0; height: 0; border-top:#f5f5f5 solid 20px;border-left: transparent solid 22px; border-right: transparent solid 22px; left: 50%; margin-left: -22px; top: 0; }
.gongSafe .safeList .safeUl li .safeGrass{ background: #f5f5f5;}
.gongSafe .safeList .safeUl li .safeGrass .safeDownPad{ padding: 0 8.2%;}
.gongSafe .safeList .safeUl li .safeGrass .safeDownPad .safePadTit{ padding: 12.88% 0 0 0; color: #222222; font-size: 18px; line-height: 30px;}
.gongSafe .safeList .safeUl li .safeGrass .safeDownPad .safePadEng{ color: #3490dc; font-size: 14px; line-height: 20px;}
.gongSafe .safeList .safeUl li .safeGrass .safeDownPad .safePadLine{ padding: 8.58% 0 0 0;}
.gongSafe .safeList .safeUl li .safeGrass .safeDownPad .safePadLine .safeLineLine{ padding: 5px 0; color:#515151; font-size: 16px; line-height: 21px;}
.gongSafe .safeList .safeUl li .safeGrass .safeDownPad .safePadLine .safeLineLine b{ float: left; width: 3px; height: 3px; background: #919191; margin:9px 12px 0 0; }
.gongSafe .safeList .safeUl li .safeGrass .safeDownPad .safePadLine .safeLineLine .linr{ padding: 0 0 0 15px;}
@media  screen and (max-width:1199px){
    .gongSafe .safeList .safeUl li .safeGrass .safeDownPad .safePadLine .safeLineLine{ padding:2px 0; }
}
@media  screen and (max-width:991px){
    .gongSafe .safeList .safeUl li{ width: 100%;}
    .gongSafe .safeList .safeUl li .safePic{ float: left; width: 50%;}
    .gongSafe .safeList .safeUl li .safeGrass{ float: left; width: 50%;}
}
@media  screen and (max-width:767px){
    .gongSafe .safeTit{ padding: 6% 0 4% 0; font-size: 14px; line-height: 28px;}
    .gongSafe .safeTit .tit{ display: inline;}
    .gongSafe .safeList .safeUl li .safePic{ width: 100%;}
    .gongSafe .safeList .safeUl li .safeGrass{ width: 100%;}
    .gongSafe .safeList .safeUl li .safeGrass .safeDownPad .safePadTit{ padding: 5% 0 0 0; font-size: 16px; }
    .gongSafe .safeList .safeUl li .safeGrass .safeDownPad .safePadLine .safeLineLine{padding: 5px 0; font-size: 14px; }
    .gongSafe .safeList .safeUl li .safePic .trangle2{ top: auto; bottom: 0; border-top:0; border-bottom:#f5f5f5 solid 20px; }
}

/*块二*/
.gongFire{ background: #f5f5f5;}
.gongFireBox{ padding: 4.7% 0 4.27% 0; margin: 0 -15px;}
.gongFireBox .gongUl{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.gongFireBox .gongUl .fireLi{ float: left; width: 33.333333333%; border-bottom: #dcdcdc solid 1px; border-right: #dcdcdc solid 1px; padding: 18px 15px 0 15px;}
.gongFireBox .gongUl .fireLi.three{ border-right: 0;}
.gongFireBox .gongUl .fireLi.four{ border-bottom: 0;}
.gongFireBox .gongUl .fireLi.five{ border-bottom: 0;}
.gongFireBox .gongUl .fireLi.six{ border-bottom: 0; border-right: 0;}
.gongFireBox .gongUl .fireLi .fireIco{ text-align: center;}
.gongFireBox .gongUl .fireLi.two .fireIco{}
.gongFireBox .gongUl .fireLi.three .fireIco{}
.gongFireBox .gongUl .fireLi.four .fireIco{ padding-top: 8.64%;}
.gongFireBox .gongUl .fireLi.five .fireIco{ padding-top: 8.64%;}
.gongFireBox .gongUl .fireLi.six .fireIco{ padding-top: 8.64%;}
.gongFireBox .gongUl .fireLi .fireIco .ico{ display: inline-block ; width: 100px; height: 100px; background: #3490dc;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-box-shadow: 0 7px 12px rgba(26,129,210,0.2);
    -moz-box-shadow: 0 7px 12px rgba(26,129,210,0.2);
    -o-box-shadow: 0 7px 12px rgba(26,129,210,0.2);
    box-shadow: 0 7px 12px rgba(26,129,210,0.2);
}
.gongFireBox .gongUl .fireLi:hover .fireIco .ico{ background: #fbc111;
    -webkit-box-shadow: 0 7px 12px rgba(253,193,17,0.2);
    -moz-box-shadow: 0 7px 12px rgba(253,193,17,0.2);
    -o-box-shadow: 0 7px 12px rgba(253,193,17,0.2);
    box-shadow: 0 7px 12px rgba(253,193,17,0.2);
}
.gongFireBox .gongUl .fireLi .fireIco .imgs{}
.gongFireBox .gongUl .fireLi .fireTit{ padding: 9.18% 0 2.43% 0; color: #272727; font-size: 16px; line-height: 22px; text-align: center; }
.gongFireBox .gongUl .fireLi .fireLine{ text-align: center; line-height: 0;}
.gongFireBox .gongUl .fireLi .fireLine .line_1{ display: inline-block; width: 20px; height: 3px; line-height: 0; background: #1a81d2; position: relative; z-index: 5;}
.gongFireBox .gongUl .fireLi:hover .fireLine .line_1{ background: #fbc111;}
.gongFireBox .gongUl .fireLi .fireLine .line_2{ display: block; text-align: center; line-height: 0; margin-top: -5px; }
.gongFireBox .gongUl .fireLi .fireLine .line_2 span{ display: inline-block; width: 40%; height: 1px; line-height: 0; background: #dcdcdc;}
.gongFireBox .gongUl .fireLi .fireEng{ padding: 12px 0 6.75% 0; color: #aaaaaa; font-size: 14px; line-height: 18px; text-transform: uppercase; text-align: center;}
.gongFireBox .gongUl .fireLi .fireText{ padding: 0 10.8% 18.37% 10.8%;}
.gongFireBox .gongUl .fireLi .fireText .textOver{ height: 90px; color: #555555; font-size: 14px; line-height: 30px; text-align: center; overflow: hidden;}
@media  screen and (max-width:991px){
    .gongFireBox .gongUl .fireLi{  width: 50%; }
    .gongFireBox .gongUl .fireLi.two{ border-right: 0;}
    .gongFireBox .gongUl .fireLi.three{ border-right: #dcdcdc solid 1px;  }
    .gongFireBox .gongUl .fireLi.four{ border-bottom: #dcdcdc solid 1px; border-right: 0;}
    .gongFireBox .gongUl .fireLi.three .fireIco{padding-top: 8.64%;}
}
@media  screen and (max-width:767px){
    .gongFireBox .gongUl .fireLi{  width: 100%; border-right: 0; }
    .gongFireBox .gongUl .fireLi.two{ border-right: 0;}
    .gongFireBox .gongUl .fireLi.three{ border-right: 0;}
    .gongFireBox .gongUl .fireLi.five{ border-bottom: #dcdcdc solid 1px;}
    .gongFireBox .gongUl .fireLi.six{ border-bottom: 0; border-right: 0;}
    .gongFireBox .gongUl .fireLi.two .fireIco{ padding-top: 8.64%;}
    .gongFireBox .gongUl .fireLi .fireText{ padding: 0 0 8% 0;}
    .gongFireBox .gongUl .fireLi .fireText .textOver{ height: auto; line-height: 28px; }
}
@media  screen and (max-width:480px){
    .gongFireBox .gongUl .fireLi .fireIco .ico{ width: 60px; height: 60px; }
    .gongFireBox .gongUl .fireLi.two .fireIco{ padding-top: 4%;}
    .gongFireBox .gongUl .fireLi.three .fireIco{ padding-top: 4%;}
    .gongFireBox .gongUl .fireLi.four .fireIco{ padding-top: 4%;}
    .gongFireBox .gongUl .fireLi.five .fireIco{ padding-top: 4%;}
    .gongFireBox .gongUl .fireLi.six .fireIco{ padding-top: 4%;}
}

/*块三*/
.gongMoint{}

/*块四*/
.gongSolution{ background: #f5f5f5;}
.gongSolutionBox{ padding: 5.12% 0;}

.solutionTitle{}
.solutionTitle h4{ text-align: center; height: 25px;}
.solutionTitle h4 span{ display: inline-block; *display: inline; *zoom: 1; background: #f5f5f5; padding: 0 15px; position: relative; z-index: 2; color: #3490dc; font-size: 22px; line-height: 25px;}
.solutionTitle .safeLine{ height: 1px; background: #dcdcdc; margin-top: -13px;}
@media  screen and (max-width:991px){
    .solutionTitle h4 span{ font-size: 20px; }
}
@media  screen and (max-width:767px){
    .solutionTitle h4 span{ font-size: 18px; }
}

.solutionTit{ padding: 2.99% 0 0 0; text-align: center; color: #333333; font-size: 16px; line-height: 36px;}
.solutionList{ margin: 0 -15px;}
.solutionList ul{ float: left; width: 100%;}
.solutionList ul li{ float: left; width: 50%; padding: 30px 15px 0 15px;}
.solutionList ul li .solutionCell{ margin-top: 5.26%; background: #3490dc; padding:10px; }
.solutionList ul li .solutionCell .solutionDb{}

@media  screen and (max-width:767px){
    .solutionTit{ padding: 6% 0 0 0; font-size: 14px; line-height: 28px;}
    .solutionList ul li{ width: 100%; padding: 15px 15px 0 15px;}
}

/*互联网情报业务*/
.netBox{}
.netelEctronic{ padding: 5.98% 0 5.98% 0;}
.netelEctronic .ectronicBox{ background: url("images/net1.jpg") repeat;}
.netelEctronic .ectronicBox .ectronicPic{ float: right; width:57.69%; }
.netelEctronic .ectronicBox .ectronicPic ul{}
.netelEctronic .ectronicBox .ectronicPic ul li{}
.netelEctronic .ectronicBox .ectronicPic .owl-prev{ right: 0; bottom: 81px; position: absolute; width: 80px; height: 80px; background: url("images/net3.png") center no-repeat rgba(255,255,255,0.8); background-size: 17px 31px; text-indent: -200px; overflow: hidden;}
.netelEctronic .ectronicBox .ectronicPic .owl-prev:hover{background: url("images/net3_h.png") center no-repeat rgba(255,255,255,0.8); background-size: 17px 31px; border-right: #3490dc solid 2px;}
.netelEctronic .ectronicBox .ectronicPic .owl-next{ right: 0; bottom: 0; position: absolute; width: 80px; height: 80px; background: url("images/net4.png") center no-repeat rgba(255,255,255,0.8); background-size: 17px 31px; text-indent: -200px; overflow: hidden;}
.netelEctronic .ectronicBox .ectronicPic .owl-next:hover{background: url("images/net4_h.png") center no-repeat rgba(255,255,255,0.8); background-size: 17px 31px; border-right: #3490dc solid 2px;}
.netelEctronic .ectronicBox .ectronicTit{ float: left; width: 46.83%; margin-top: 3.675%; background: #f5f5f5; padding: 0 3.84%; margin-right: -4.52%; position: relative; z-index: 2;}
.netelEctronic .ectronicBox .ectronicTit .ectronicH4{ padding: 17.03% 0 0 0; color: #3490dc; font-size: 26px; line-height: 1.23; text-align: center;}
.netelEctronic .ectronicBox .ectronicTit .ectronicText{ margin-top: 9.17%; margin-bottom: 20.08%; height: 190px; color: #666666; font-size: 14px; line-height: 38px; overflow: hidden;}
@media  screen and (max-width:1199px){
    .netelEctronic .ectronicBox .ectronicTit .ectronicH4{ padding: 10% 0 0 0; color: #3490dc; font-size: 23px; }
}
@media  screen and (max-width:991px){
    .netelEctronic .ectronicBox .ectronicTit .ectronicH4{ font-size: 20px; }
    .netelEctronic .ectronicBox .ectronicTit .ectronicText{ margin-top: 6%; margin-bottom: 15%; height: 140px;  line-height: 28px; }
}
@media  screen and (max-width:767px){
    .netelEctronic .ectronicBox .ectronicPic{ float: left; width:100%; }
    .netelEctronic .ectronicBox .ectronicPic .owl-prev{ bottom: 41px; width: 40px; height: 40px;  background-size: 9px 16px; }
    .netelEctronic .ectronicBox .ectronicPic .owl-prev:hover{ background-size: 9px 16px; }
    .netelEctronic .ectronicBox .ectronicPic .owl-next{ width: 40px; height: 40px; background-size: 9px 16px; }
    .netelEctronic .ectronicBox .ectronicPic .owl-next:hover{background-size: 9px 16px;}
    .netelEctronic .ectronicBox .ectronicTit{ width: 92%; margin: 4%;}
    .netelEctronic .ectronicBox .ectronicTit .ectronicH4{ padding: 5% 0 0 0; font-size: 18px;}
    .netelEctronic .ectronicBox .ectronicTit .ectronicText{ margin-top: 5%; margin-bottom: 5%; height: auto; }
}

/*块二*/
.netMapBack{ background: #f5f5f5; }
.netMapCon{ padding: 5.5% 0 5.12% 0;}
.netMapCon .netMapPic{ float: left; width:48.72%; }
.netMapCon .netMapRight{ float: right; width: 48.72%;}
.netMapCon .netMapRight .netMapTit{ background: url("images/contact2.jpg") bottom repeat-x;}
.netMapCon .netMapRight .netMapTit h6{ padding: 5.78% 0 4% 0; color: #3490dc; font-size: 22px; line-height: 1.363; background: url("images/contact3.jpg") left bottom no-repeat;}
.netMapCon .netMapRight .netMapText{ padding: 4% 0 0 0; color: #333333; font-size: 14px; line-height: 44px;}
@media  screen and (max-width:1199px){
    .netMapCon .netMapRight .netMapText{ line-height: 36px;}
}
@media  screen and (max-width:991px){
    .netMapCon .netMapPic{ width:100%; padding: 0 11.37%; }
    .netMapCon .netMapRight{ float: left; width: 100%;}
    .netMapCon .netMapRight .netMapTit h6{ font-size: 20px; }
}
@media  screen and (max-width:767px){
    .netMapCon .netMapRight .netMapTit h6{ font-size: 18px; }
    .netMapCon .netMapRight .netMapText{ line-height: 28px;}
}
@media  screen and (max-width:480px){
    .netMapCon .netMapPic{ padding: 0; }
}

/*块三*/
.netSmart{ padding: 5.128% 0 5.555% 0; }
.netSmartAra{ }
.netSmartAra .smartText{ padding: 2.95% 0 0 0; color: #333333; font-size: 14px; line-height: 44px; text-align: center;}
.netSmartAra .smartList{ margin: 0 -43px;}
.netSmartAra .smartList .smartListUl{ float: left; width: 100%;}
.netSmartAra .smartList .smartListLi{ float: left; width:20%; }
.netSmartAra .smartList .smartListLi .smartListPic{ text-align: center;}
.netSmartAra .smartList .smartListLi .smartListPic .smartListico{ display: inline-block; *zoom: 1; width: 175px; height: 175px; padding: 20px; position: relative;  background: url("images/net13.png") center no-repeat;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.netSmartAra .smartList .smartListLi .smartListPic .smartListico .Listico{ overflow: hidden;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.netSmartAra .smartList .smartListLi .smartListPic .smartListico .smartRotation{ position: absolute; width: 100%; left: 0; top: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.netSmartAra .smartList .smartListLi.dan:hover .smartListPic .smartListico .smartRotation{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.netSmartAra .smartList .smartListLi.shuang:hover .smartListPic .smartListico .smartRotation{
    transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
}
.netSmartAra .smartList .smartListLi.li1{ margin-top: 4.95%;}
.netSmartAra .smartList .smartListLi.li2{ margin-top: 8.29%;}
.netSmartAra .smartList .smartListLi.li3{ margin-top: 4.95%;}
.netSmartAra .smartList .smartListLi.li4{ margin-top: 8.29%;}
.netSmartAra .smartList .smartListLi.li5{ margin-top: 4.95%;}
.netSmartAra .smartList .smartListLi h6{ padding: 6.4% 0 0 0; color: #333333; font-size: 16px; line-height: 22px; text-align: center;}
@media  screen and (max-width:1199px){
    .netSmartAra .smartList{ margin: 0 -16px;}
    .netSmartAra .smartText{ line-height: 36px;}
}
@media  screen and (max-width:991px){
    .netSmartAra .smartList .smartListLi .smartListPic .smartListico{  width: 100px; height: 100px; padding: 12px;  background-size: 96px 96px;}
}
@media  screen and (max-width:767px){
    .netSmartAra .smartText{ padding: 5.5% 0 0 0; line-height: 28px; }
    .netSmartAra .smartList .smartListLi.li1{ width: 33.333333333%;margin-top: 8.29%; }
    .netSmartAra .smartList .smartListLi.li2{ width: 33.333333333%; }
    .netSmartAra .smartList .smartListLi.li3{ width: 33.333333333%;margin-top: 8.29%; }
    .netSmartAra .smartList .smartListLi.li4{ width: 50%; margin-top: 8.29%;}
    .netSmartAra .smartList .smartListLi.li5{ width: 50%; margin-top: 8.29%;}
    .netSmartAra .smartList .smartListLi .smartListPic .smartListico{  width: 70px; height: 70px; padding: 8px;  background-size: 66px 66px;}
    .netSmartAra .smartList .smartListLi h6{ font-size: 14px; }
}

/*块四*/
.netIntelligenceBack{ background: #3490dc;}
.netIntelligence{ padding:5.98% 0 6.41% 0; }

.intellTitle{}
.intellTitle h4{ text-align: center; height: 25px;}
.intellTitle h4 span{ display: inline-block; *display: inline; *zoom: 1; background: #3490dc; padding: 0 15px; position: relative; z-index: 2; color: #fff; font-size: 22px; line-height: 25px;}
.intellTitle .safeLine{ height: 1px; background: #5da6e3; margin-top: -13px;}
@media  screen and (max-width:991px){
    .intellTitle h4 span{ font-size: 20px; }
}
@media  screen and (max-width:767px){
    .intellTitle h4 span{ font-size: 18px; }
}
.netIntelligence .intellText{ padding: 2.95% 0 0 0; color: #fff; font-size: 14px; line-height: 44px; text-align: center;}
@media  screen and (max-width:1199px){
    .netIntelligence .intellText{ line-height: 36px;}
}
@media  screen and (max-width:767px){
    .netIntelligence .intellText{ padding: 5.5% 0 0 0; line-height: 28px; }
}

.intellList{ margin: 0 -15px;}
.intellList .intellUl{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.intellList .intellUl .intellLi{ float: left; width: 25%; padding: 0 15px; margin-top: 3.84%;}
.intellList .intellUl .intellLi .intellCricle{ border: #ffffff solid 1px;
    border-radius:135px 135px 8px 8px;
    -webkit-border-radius:135px 135px 8px 8px;
    -moz-border-radius:135px 135px 8px 8px;
    -o-border-radius:135px 135px 8px 8px;
}
.intellList .intellUl .intellLi .intellCriclePic{ padding: 15.5% 0 0 0; text-align: center;}
.intellList .intellUl .intellLi .intellCriclePic .firstPic{ display: inline-block; width: 140px; height: 140px; background: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.intellCricle .intellDown{ padding: 0 27% 0 27%;}
.intellCricle .intellDown h5{ padding: 19.71% 0 9.15% 0; color: #ffffff; font-size: 18px; line-height: 1.11; text-align: center;}
.intellCricle .intellDown .intellLine{ text-align: center; line-height: 0;}
.intellCricle .intellDown .intellLine .iline1{ display: inline-block; width: 26px; height: 2px; background: #fff;}
.intellCricle .intellDown .intellLine .iline2{ display: block; height: 1px; background: rgba(255,255,255,0.2); margin-top: -1px;}
.intellCricle .intellDown .intellText{ padding:9.15% 0 21.12% 0; color: #fff; font-size: 14px; line-height: 32px; }
@media  screen and (max-width:1199px){
    .intellList .intellUl .intellLi .intellCriclePic .firstPic{ width: 110px; height: 110px; }
    .intellCricle .intellDown{ padding: 0 22% 0 22%;}
}
@media  screen and (max-width:991px){
    .intellList .intellUl .intellLi .intellCriclePic .firstPic{ width: 80px; height: 80px; }
    .intellCricle .intellDown{ padding: 0 11% 0 11%;}
}
@media  screen and (max-width:767px){
    .intellList .intellUl .intellLi{ width: 50%;}
    .intellList .intellUl .intellLi .intellCriclePic .firstPic{ width: 120px; height: 120px; }
    .intellCricle .intellDown{ padding: 0 11% 0 11%;}
}
@media  screen and (max-width:520px){
    .intellList .intellUl .intellLi .intellCriclePic .firstPic{ width: 80px; height: 80px; }
}
@media  screen and (max-width:400px){
    .intellList{ margin: 0 -7px;}
    .intellList .intellUl .intellLi{ padding: 0 7px; margin-top: 4.5%;}
    .intellList .intellUl .intellLi .intellCriclePic .firstPic{ width: 60px; height: 60px; }
}

/*块五*/
.netInternet{ padding: 5.128% 0;}
.netInternet .InternetDown{ padding:3.58% 0 0 0; color: #333; font-size: 14px; line-height: 32px; text-align: center; }
@media  screen and (max-width:767px){
    .netInternet .InternetDown{ padding:5.5% 0 0 0;  line-height: 28px; }
}

/*块六*/
.netystemBack{ background: #f5f5f5;}
.netystem{ padding: 5.128% 0;}
.netInternet .InternetDown{ padding:3.58% 0 0 0; color: #333; font-size: 14px; line-height: 32px; text-align: center; }
@media  screen and (max-width:767px){
    .netInternet .InternetDown{ padding:5.5% 0 0 0;  line-height: 28px; }
}

/*块七*/
.netAbility{ padding: 5.128% 0;}
.netAbility .abilityBox{ padding: 2.64% 0 0 0; }
.netAbility .abilityBox .abilityUl{}
.abilityUl .abilityLi{ margin-top: 20px;border: #eeeeee solid 1px;}
.abilityUl .abilityLi .abilityCell{ padding:20px; }
.abilityUl .abilityLi .abilityCell .abilityCellPic{ float: left; width: 388px; height: 218px; overflow: hidden;}
.abilityUl .abilityLi .abilityCell .abilityCellPic .imga{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.abilityUl .abilityLi:hover .abilityCell .abilityCellPic .imga{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);

}
.abilityUl .abilityLi .abilityCell .abilityCellLine{ float: left; width: 35px;  padding: 33px 0 0 0; line-height: 0;}
.abilityUl .abilityLi .abilityCell .cellRight{ padding: 0 20px 0 430px;}
.abilityUl .abilityLi .abilityCell .cellRight h4{ padding: 23px 0 0 0; color: #333333; font-size: 18px; line-height: 24px;}
.abilityUl .abilityLi .abilityCell .cellRight .cellRightDown{ padding: 15px 0 0 0; color: #666666; font-size: 14px; line-height: 38px;}
@media  screen and (max-width:991px){
    .abilityUl .abilityLi .abilityCell{ padding:12px; }
    .abilityUl .abilityLi .abilityCell .abilityCellPic{ width: 245px; height: 138px; }
    .abilityUl .abilityLi .abilityCell .abilityCellLine{  padding: 12px 0 0 0; line-height: 0;}
    .abilityUl .abilityLi .abilityCell .cellRight{ padding: 0 0 0 288px;}
    .abilityUl .abilityLi .abilityCell .cellRight h4{ padding: 0;}
    .abilityUl .abilityLi .abilityCell .cellRight .cellRightDown{ padding: 10px 0 0 0;  line-height: 28px;}
}
@media  screen and (max-width:767px){
    .netAbility .abilityBox{ padding: 13px 0 0 0; }
    .abilityUl .abilityLi{ margin-top: 12px;}
    .abilityUl .abilityLi .abilityCell .abilityCellPic{ width: 100%; height: auto; }
    .abilityUl .abilityLi .abilityCell .cellRight{ display: block; float: left; width: 100%; padding: 0 0 0 45px; margin-top: -15px;}
    .abilityUl .abilityLi .abilityCell .abilityCellLine{ margin-top: 15px;}
    .abilityUl .abilityLi .abilityCell .cellRight h4{ font-size: 16px;}
}

/*块八*/
.netServiceBack{ background: #f5f5f5;}
.netService{ padding: 5.128% 0;}
.netServiceList{ padding: 4.275% 0 0 0;}
.netServiceList ul{ border-top:#eeeeee solid 1px;}
.netServiceList ul li{ padding: 10px; border-bottom: #eeeeee solid 1px;}
.netServiceList ul li .netServiceLeft{ float: left; width: 200px; height: 150px; margin-right: 25px;}
.netServiceList ul li .serviceRight{ }
.netServiceList ul li .serviceRight h4{ color: #333333; font-size: 18px; line-height: 24px; padding: 25px 0 15px 0;}
.netServiceList ul li .serviceRight p{ color: #999999; font-size: 14px; line-height: 20px;}
.netServiceList ul li .serviceRight .serviceSmall{ padding: 8px 0 0 0;}
.netServiceList ul li .serviceRight .serviceSmall .smallPic{ float: left; padding: 5px 10px 0 0;}
@media  screen and (max-width:767px){
    .netServiceList{ padding: 7.5% 0 0 0;}
    .netServiceList ul li .serviceRight h4{ font-size: 16px; padding: 0 0 6px 0;}
}
@media  screen and (max-width:520px){
    .netServiceList ul li .netServiceLeft{ width: 120px; height: 90px; margin-right: 10px;}
}

/*块九*/
.netAdvantage{ padding: 5.128% 0;}
.netAdvantageDown{ padding: 4.52% 0 0 0;}
.netAdvantageDown ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.netAdvantageDown ul li{ float: left; width: 20%; border-left: #e5e5e5 solid 1px; margin-top: 20px;}
.netAdvantageDown ul li:first-child{ border-left: 0;}
.netAdvantageDown ul li .advantage{ padding:0 35px 0 20px; min-height: 210px; position: relative; }
.netAdvantageDown ul li .advantage .advTrangle{ position: absolute; left: -1px; top: 50%; margin-top: -8px; width: 0; height: 0; border-left: #e5e5e5 solid 10px; border-top: transparent solid 8px; border-bottom: transparent solid 8px;
}
.netAdvantageDown ul li .advantage .advTrangle b{ float: left; width: 0; height: 0;border-left: #fff solid 9px; border-top: transparent solid 6px; border-bottom: transparent solid 6px; margin: -6px 0 0 -10px;}
.netAdvantageDown ul li .advantage h5{ color: #3490dc; font-size: 18px; line-height: 22px; text-align: center; margin-top: -11px;}
.netAdvantageDown ul li .advantage .advantageText{ padding: 16.57% 0 0 0; color: #666666; font-size: 14px; line-height: 32px;}
@media  screen and (max-width:991px){
    .netAdvantageDown ul li{ width: 50%; border-left: #e5e5e5 solid 1px; margin-top: 20px;}
    .netAdvantageDown ul li:first-child{ border-left: #e5e5e5 solid 1px;}
}
@media  screen and (max-width:767px){
    .netAdvantageDown ul li .advantage h5{ font-size: 16px; text-align: left; margin-top: 0; }
    .netAdvantageDown ul li .advantage .advantageText{ padding: 7% 0 0 0;  line-height: 28px;}
}
@media  screen and (max-width:520px){
    .netAdvantageDown ul li{ width: 100%; }
    .netAdvantageDown ul li .advantage{ padding:0 20px 0 20px; min-height: 140px; }
}


/*网络信息安全业务*/
.netWork{}
.netWorkFor{ padding:5.12% 0 8.54% 0; }
.netWorkFor .forText{ text-align: center; color: #333333; font-size: 14px; line-height: 44px; padding: 0 90px;}
.netWorkFor .forDown{  }
.netWorkFor .forDown .foreDownCon{ float: left; width:100%;display: flex; display: -webkit-flex; justify-content:center;  align-items: center;}

.netWorkFor .forDown .forColor{ width: 25.64%;  }
.netWorkFor .forDown .forColor.for1 .forBBox{ background: #47a7a9;}
.netWorkFor .forDown .forColor.for2 .forBBox{ background: #00b0f0;}
.netWorkFor .forDown .forColor.for3 .forBBox{ background: #ffa932;}
.netWorkFor .forDown .forColor .forBBox{ padding: 0 10%; margin-top:6%;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
}
.netWorkFor .forDown .forColor .forBBox .forTit{color: #fff; font-size: 18px; font-weight: bold; line-height: 1.2; text-align: center; padding: 12.5% 0 7.08% 0;}
.netWorkFor .forDown .forColor .forBBox .forLine{ text-align: center; line-height: 0;}
.netWorkFor .forDown .forColor .forBBox .forLine .shortLine{ display: inline-block; *display: inline; *zoom: 1; width: 32px; height: 2px; background: #fff;line-height: 0; vertical-align: top; }
.netWorkFor .forDown .forColor .forBBox .forLine .longLine{ display: block; width: 100%; height: 1px; background: rgba(255,255,255,0.08); margin-top: -1px;}
.netWorkFor .forDown .forColor .forBBox .forDownText{min-height: 208px; padding: 5.83% 0 17.91% 0; color: #fff; font-size: 14px; line-height: 38px; text-align: center;}
.netWorkFor .forDown .forColor .forBBox .forDownText a{color:#FFF;}
.netWorkFor .forDown .forColor .forBtn{ margin-top: -24px; text-align: center;}
.netWorkFor .forDown .forColor .forBtn span{ display: inline-block; padding: 0 55px; color: #fff; font-size: 20px; font-weight: bold; line-height: 48px;
    border-radius:24px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    -o-border-radius:24px;
}
.netWorkFor .forDown .forColor.for1 .forBtn span{ background: #1b9699;}
.netWorkFor .forDown .forColor.for2 .forBtn span{ background: #0290c4;}
.netWorkFor .forDown .forColor.for3 .forBtn span{ background: #e88905;}
.netWorkFor .forDown .forAdd{ width: 11.54%; text-align: center;}
.netWorkFor .forDown .forAdd .imgn{ width: 41px; height: 41px;}
@media  screen and (max-width:1199px){
    .netWorkFor .forText{ font-size: 16px; line-height: 36px; padding: 0;}
    .netWorkFor .forDown .forColor .forBBox .forDownText{ font-size: 16px; line-height: 36px; }
    .netWorkFor .forDown .forColor .forBtn span{font-size: 20px; }
}
@media  screen and (max-width:991px){
    .netWorkFor .forDown .forAdd{ display: none;}
    .netWorkFor .forDown .forColor{ width: 30%;}
    .netWorkFor .forDown .forColor.for1{ margin-right: 5%;}
    .netWorkFor .forDown .forColor.for3{ margin-left: 5%;}
    .netWorkFor .forDown .forColor .forBBox .forTit{ font-size: 16px; }
    .netWorkFor .forDown .forColor .forBBox .forDownText{ font-size: 14px; line-height: 28px; }
    .netWorkFor .forDown .forColor .forBtn span{font-size: 18px; }
}
@media  screen and (max-width:767px){
    .netWorkFor .forText{ font-size: 14px; line-height: 28px; }
    .netWorkFor .forDown .foreDownCon{flex-wrap:wrap;}
    .netWorkFor .forDown .forColor{ width: 100%; padding-top:4%;}
    .netWorkFor .forDown .forColor.for1{ margin-right: 0;}
    .netWorkFor .forDown .forColor.for3{ margin-left: 0;}
    .netWorkFor .forDown .forColor .forBBox .forDownText{min-height: auto; padding: 5.83% 0 17.91% 0; }
    .netWorkFor .forDown .forColor .forBtn{ margin-top: -19px; }
    .netWorkFor .forDown .forColor .forBtn span{font-size: 16px; padding: 0 30px; line-height: 38px; }
}

/*块二*/
.netWorkAchar{ background: #f5f5f5;}
.netWorkAchar .netWorkSpecial{ padding: 6.23% 0 7.69% 0;}
.netWorkAchar .workSpecialTit{ padding: 2% 0 2.73% 0; color: #333333; font-size: 18px; line-height: 44px; text-align: center;}
.netWorkAchar .workSpecialDown{ position: relative;}
.netWorkAchar .workSpecialDown .specialLeft{ float: left; width: 37.6%;}
.netWorkAchar .AcharLi{ border-bottom: #dcdcdc solid 1px;}
.netWorkAchar .AcharLi h5{ padding: 5.42% 0 2.94% 0; color: #333333; font-size: 22px; line-height: 1.36;  }

.netWorkAchar .AcharLi .AcharCon{ padding: 0 0 4.97% 0; color: #666666; font-size: 14px; line-height: 32px;}
.netWorkAchar .AcharLi .AcharCon .AcharConLi{ float: left; width: 50%; padding-right: 11.3%;}

.netWorkAchar .workSpecialDown .specialRight{ float: right; width: 37.6%;}
.netWorkAchar .workSpecialDown .specialRight .AcharLi h5{ text-align: right;}
.netWorkAchar .workSpecialDown .specialRight .AcharLi .AcharCon .AcharConLi{ padding: 0;}
.netWorkAchar .workSpecialDown .specialRight .AcharLi .AcharCon .AcharConLi:last-child{ padding-left:10px;}
.netWorkAchar .workSpecialDown .netWorkCricle{ position: absolute;width: 248px; height: 248px; left: 50%; margin:0 0 0 -124px; top: 28px;}
@media  screen and (max-width:1199px){
    .netWorkAchar .workSpecialTit{ line-height: 36px; }
    .netWorkAchar .workSpecialDown .specialLeft{ width: 100%;}
    .netWorkAchar .workSpecialDown .netWorkCricle{ padding: 4% 0; text-align: center; position: static; float:left; width:100%; height: auto; left: auto; margin:0; top:auto;}
    .netWorkAchar .workSpecialDown .netWorkCricle .imgc{ width: 248px;}
    .netWorkAchar .workSpecialDown .specialRight{ float: left; width: 100%;}
    .netWorkAchar .AcharLi .AcharCon .AcharConLi{ padding-right: 5%;}
    .netWorkAchar .AcharLi{ float: left; width: 50%;}
    .netWorkAchar .workSpecialDown .specialRight .AcharLi{ border-bottom: 0; border-top: #dcdcdc solid 1px; }
    .netWorkAchar .workSpecialDown .specialRight .AcharLi h5{ text-align: left;}
    .netWorkAchar .workSpecialDown .specialRight .AcharLi .AcharCon .AcharConLi{ padding-right: 5%;}
}
@media  screen and (max-width:991px){
    .netWorkAchar .workSpecialTit{ font-size: 16px; }
    .netWorkAchar .AcharLi h5{  font-size: 20px;   }
}
@media  screen and (max-width:767px){
    .netWorkAchar .workSpecialTit{padding: 4.5% 0 5% 0; font-size: 14px; line-height: 28px; }
    .netWorkAchar .AcharLi{ width: 100%;}
    .netWorkAchar .AcharLi h5{ font-size: 18px; text-align: center; }
    .netWorkAchar .workSpecialDown .specialRight .AcharLi h5{ text-align: center;}
    .netWorkAchar .AcharLi .AcharCon .AcharConLi{ width: 100%; text-align: center;}
}

.netWorkCore{}
.netWorkCore h3{ color: #333333; font-size: 22px; line-height: 25px; text-align: center; padding-bottom: 2.3%;}
.netWorkCore .workCoreBack{ background: #373d41;}
.netWorkCore .workCoreList{}
.netWorkCore .workCoreList .workCoreLi{ float: left; width: 20%; background:#000; position: relative; cursor: pointer;}
.netWorkCore .workCoreList .workCoreLi:hover{ background: #3490dc;}
.netWorkCore .workCoreList .workCoreLi.list1{}
.netWorkCore .workCoreList .workCoreLi.list2{}
.netWorkCore .workCoreList .workCoreLi.list3{}
.netWorkCore .workCoreList .workCoreLi.list4{}
.netWorkCore .workCoreList .workCoreLi.list5{}
.netWorkCore .workCoreList .workCoreLi .imgList{
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}
.netWorkCore .workCoreList .workCoreLi:hover .imgList{
    opacity: 0.1;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
}
.netWorkCore .workCoreList .workCoreLi .workCoreText{ position: absolute; width: 100%; left: 0; top: 0;}
.netWorkCore .workCoreList .workCoreLi .workCoreText .corePic{ padding: 21.79% 0 0 0; text-align: center; overflow: hidden; }
.netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic{ float: left; width: 100%; height:100px;  }
.netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic .imgDouble{ float: left; width: 100%; text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.netWorkCore .workCoreList .workCoreLi:hover .workCoreText .corePic .imgpic .imgDouble{
    animation:mymove 0.4s 1;
    -webkit-animation:mymove 0.4s 1; /*Safari and Chrome*/

}
@keyframes mymove
{
    0 {}
    50%{transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);}
    100% {
        transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        -o-transform:rotateY(360deg);
    }
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
0 {}
50%{transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);}
100% {
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
}
}
.netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic .imgDouble img{ width: 100px; height: 100px;}
.netWorkCore .workCoreList .workCoreLi .workCoreText .coreTit{ padding: 7.26% 20% 0 20%; color: #fff; font-size: 18px; line-height: 32px; text-align: center;}
@media  screen and (max-width:1199px){
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic{  height:80px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic .imgDouble img{ width: 80px; height: 80px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .coreTit{ padding: 7.26% 10% 0 10%; font-size: 16px; }
}
@media  screen and (max-width:991px){
    .netWorkCore h3{ font-size: 20px; }
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic{  height:60px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic .imgDouble img{ width: 60px; height: 60px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .coreTit{ padding: 7.26% 5% 0 5%; font-size: 14px; line-height: 28px; }
}
@media  screen and (max-width:767px){
    .netWorkCore .workCoreList .workCoreLi.list1{ width:50%;}
    .netWorkCore .workCoreList .workCoreLi.list2{ width: 50%;}
    .netWorkCore .workCoreList .workCoreLi.list3{ width: 50%;}
    .netWorkCore .workCoreList .workCoreLi.list4{ width: 50%;}
    .netWorkCore .workCoreList .workCoreLi.list5{ width: 100%;}
    .netWorkCore h3{ font-size: 18px; padding-bottom: 4.5%; }
    .netWorkCore h3{ font-size: 20px; }
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic{  height:100px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic .imgDouble img{ width: 100px; height: 100px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .coreTit{ font-size: 18px; line-height: 32px;}
}
@media  screen and (max-width:520px){
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic{  height:80px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic .imgDouble img{ width: 80px; height: 80px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .coreTit{ font-size: 16px; line-height: 28px;}
}
@media  screen and (max-width:420px){
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic{ padding: 30% 0 0 0; }
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic{  height:50px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .corePic .imgpic .imgDouble img{ width: 50px; height: 50px;}
    .netWorkCore .workCoreList .workCoreLi .workCoreText .coreTit{ font-size: 14px; }
}

/*块三*/
.netWorkPlate{ padding: 8.11% 0 }
.netWorkPlate .workPlateText{ padding: 3.41% 0 0 0; color: #333333; font-size: 18px; line-height: 36px; text-align: center;}
.netWorkPlate .workPlateText .fontSpecial{ font-size: 16px; text-align: left;}
.netWorkPlate .workPlateText.fontSpecial{ font-size: 16px; text-align: left;}
@media  screen and (max-width:991px){
    .netWorkPlate .workPlateText{ font-size: 16px;}
}
@media  screen and (max-width:767px){
    .netWorkPlate .workPlateText{padding: 5.5% 0 0 0; font-size: 14px; line-height: 28px;}
    .netWorkPlate .workPlateText .fontSpecial{ font-size: 14px;}
    .netWorkPlate .workPlateText.fontSpecial{ font-size: 14px;}
}

/*块四*/
.warnPlateBack{ background: #f5f5f5;}
.warnPlate{ padding: 8.11% 0 }
.warnPlateDown{ padding:5.12% 0 0 0; color: #333333; font-size: 14px; line-height: 36px; }
@media  screen and (max-width:767px){
    .warnPlateDown{padding:6% 0 0 0;  font-size: 14px; line-height: 28px;  }
}
.warnPlateCount{ padding: 3.84% 0 0 0;}
.warnPlateCount .plateCell{ float: left; width: 33.3333333%; overflow: hidden; position: relative; }
.warnPlateCount .plateCell.c1{ background: #3490dc;}
.warnPlateCount .plateCell.c2{ background: url("images/network15.jpg") left repeat-y #197bcc;}
.warnPlateCount .plateCell.c3{ background: url("images/network16.jpg") left repeat-y #0f69b3;}
.warnPlateCount .plateCell .webTit{ padding:13.84% 0 4.1% 0; text-align: center; color: #fff;  font-size: 50px; line-height: 1; }
.warnPlateCount .plateCell .webTit .webSmall{ font-size: 20px; }
.warnPlateCount .plateCell .webTet{ color: #d1e2f5; font-size: 20px; line-height:1.3; text-align: center; padding-bottom: 14.1%; }
.warnPlateCount .plateCell .webIco{ position: absolute; width: 40%; right:-7.94%; bottom: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.warnPlateCount .plateCell:hover .webIco{ right: -10%;}
@media  screen and (max-width:1199px){
    .warnPlateCount .plateCell .webTit{ font-size: 40px; }
}
@media  screen and (max-width:767px){
    .warnPlateCount .plateCell{ width: 100%;  }
    .warnPlateCount .plateCell .webTit{ padding:8% 0 2.5% 0; font-size: 30px; }
    .warnPlateCount .plateCell .webTet{ font-size: 16px; padding-bottom: 8%; }
    .warnPlateCount .plateCell .webIco{ width: 30%; }
}

/*块六*/
.showPower{ margin: 0 -15px;}
.showPower .powerUl{
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
	width:100%;
	float:left;
	
}
.showPower .powerUl .powerLi{ float: left; width:16.66666666666667%; padding: 2.64% 15px 0 15px; }
.showPower .powerUl .powerLi .powerCon{ position: relative;}
.showPower .powerUl .powerLi .powerCon .powerPic{ position: absolute; width: 91.17647058823529%; left:4.411764705882355%; top: 5.5%; z-index: 2;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.showPower .powerUl .powerLi:hover .powerCon .powerPic{
    animation:mymove 0.3s 1;
    -webkit-animation:mymove 0.3s 1; /*Safari and Chrome*/
}
@media  screen and (max-width:991px){
    .showPower{ margin: 0 -40px;}
    .showPower .powerUl .powerLi{ width:33.333333333%; padding: 2.64% 60px 0 60px; }
}
@media  screen and (max-width:767px){
    .showPower .powerUl .powerLi{ padding: 2.64% 40px 0 40px; }
}
@media  screen and (max-width:500px){
    .showPower{ margin: 0 -20px;}
    .showPower .powerUl .powerLi{ padding: 2.64% 20px 0 20px; }
}
@media  screen and (max-width:420px){
    .showPower{ margin: 0 -5px;}
    .showPower .powerUl .powerLi{ padding: 2.64% 5px 0 5px; }
}


/*信用城市*/
.cityCreditBack{ margin-top: -6px; background: url("images/city8.jpg") center no-repeat; background-size: cover;}
.cityCredit{ padding: 23.931% 0 25.641% 0; color: #fff; font-size: 24px; line-height: 60px; text-align: center;}
.cityCredit .spanp{ display: block;}
.cityCredit .spanp span{color:#12e0de;}
@media  screen and (max-width:1199px){
    .cityCredit{  font-size: 26px; line-height: 55px; }
}
@media  screen and (max-width:991px){
    .cityCredit{  font-size: 24px; line-height: 48px; }
    .cityCredit .spanp{ display: inline;}
}
@media  screen and (max-width:991px){
    .cityCredit{  font-size: 18px; line-height: 38px; }
}
@media  screen and (max-width:520px){
    .cityCredit{  font-size: 16px; line-height: 30px; }
}
/*块二*/
.cityApplicationBack{ background: #000000; background-size: cover;}
.cityApplication{ padding: 5.81% 0 0 0; position: relative; }
.cityApplyTit{ position: absolute; left: 0; top: 5.81%; width: 100%; overflow: hidden; text-align: center;}
.cityApplyTit .applyTit{ display: inline-block; padding: 0 20px; color:#fff; font-size: 40px; line-height: 1.2; position: relative;}
.cityApplyTit .applyTit::before{ content: ''; position: absolute; width: 1000px; right: 100%; top: 50%; height: 1px; background: rgba(255,255,255,0.3);}
.cityApplyTit .applyTit::after{ content: ''; position: absolute; width: 1000px; left: 100%; top: 50%; height: 1px; background: rgba(255,255,255,0.3);}
.cityApplication .cityLi{ position: absolute; background: #fff; color: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.cityApplication .cityLi.ci1{ width: 25px; height: 25px;}
.cityApplication .cityLi.ci1 span{ position: absolute; left: 180%; top: 0; font-size: 30px; line-height: 30px; white-space: nowrap;}
.cityApplication .cityLi.ci2{ width: 30px; height: 30px;}
.cityApplication .cityLi.ci2 span{ position: absolute; left: 180%; top: -5px; font-size: 40px; line-height: 40px; white-space: nowrap;}
.cityApplication .cityLi.cs1{ left: 30.341%; top: 24.876%;}
.cityApplication .cityLi.cs2{ left: 64.7%; top: 29.489%;}
.cityApplication .cityLi.cs3{ left: 61.196%; top: 39.538%;}
.cityApplication .cityLi.cs4{ left: 32.991%; top: 43.657%;}
.cityApplication .cityLi.cs5{ left: 13.162%; top: 47.775%;}
.cityApplication .cityLi.cs6{ left: 68.376%; top: 50.082%;}
.cityApplication .cityLi.cs7{ left: 16.324%; top: 59.472%;}
.cityApplication .cityLi.cs8{ left: 74.358%; top: 59.472%;}
.cityApplication .cityLi.cs9{ left: 38.974%; top: 65.897%;}
.cityApplication .cityLi.cs10{ left: 51.794%; top: 77.512%;}
.cityApplication .cityLi.cs11{ left: 71.965%; top: 73.22%;}
.cityApplication .cityLi.cs12{ left: 27.863%; top: 83.855%;}
@media  screen and (max-width:1199px){
    .cityApplyTit .applyTit{ padding: 0 16px; font-size: 32px;}
    .cityApplication .cityLi.ci1{ width: 20px; height: 20px;}
    .cityApplication .cityLi.ci1 span{  font-size: 24px; line-height: 24px; }
    .cityApplication .cityLi.ci2{ width: 24px; height: 24px;}
    .cityApplication .cityLi.ci2 span{ top: -3px; font-size: 32px; line-height: 32px; }
}
@media  screen and (max-width:991px){
    .cityApplyTit .applyTit{ font-size: 25px;}
    .cityApplication .cityLi.ci1{ width: 15px; height: 15px;}
    .cityApplication .cityLi.ci1 span{  font-size: 18px; line-height: 18px; }
    .cityApplication .cityLi.ci2{ width: 18px; height: 18px;}
    .cityApplication .cityLi.ci2 span{ top: -3px; font-size: 25px; line-height: 25px; }
}
@media  screen and (max-width:520px){
    .cityApplyTit .applyTit{ font-size: 20px;}
    .cityApplication .cityLi.ci1{ width: 10px; height: 10px;}
    .cityApplication .cityLi.ci1 span{  font-size: 12px; line-height: 12px; }
    .cityApplication .cityLi.ci2{ width: 12px; height: 12px;}
    .cityApplication .cityLi.ci2 span{ top: -3px; font-size: 16px; line-height: 16px; }
}


/*信用大数据*/
.creditBox{}
.creditProvide{ position: relative; padding: 11.196% 0 9.4% 0;}
.creditProvide .provideEwm{ position: absolute; width:17.77777777777778%; right: 0; top: 0; }
.creditTitle{ text-align: center; color: #007dbd; font-size: 22px; line-height: 1.2;}
.creditTitle1{ text-align: center; color: #727171; font-size: 18px; line-height: 1.8;}
@media  screen and (max-width:1199px){
    .creditTitle{ font-size: 30px; }
	.creditTitle1{ font-size: 22px; }
}
@media  screen and (max-width:991px){
    .creditTitle{ font-size: 26px; }
	.creditTitle1{ font-size: 20px; }
}
@media  screen and (max-width:767px){
    .creditTitle{ font-size: 22px; }
	.creditTitle1{ font-size: 16px; }
}
@media  screen and (max-width:360px){
    .creditTitle{ font-size: 18px; }
}
.creditTitle_2{ text-align: center; color: #007dbd; font-size: 22px; line-height: 1.2;}
@media  screen and (max-width:991px){
    .creditTitle_2{ font-size: 26px; }
}
@media  screen and (max-width:767px){
    .creditTitle_2{ font-size: 22px; }
}
@media  screen and (max-width:360px){
    .creditTitle_2{ font-size: 18px; }
}



.creditProvideDown{ padding: 2.991% 146px 0 146px;}
.creditProvideDown .hd{ float: left; width: 100%; display: flex; display: -webkit-flex; justify-content:center;  align-items: center;  }
.creditProvideDown .hd .hdli{ width:13.729%; padding: 14px 0; background: #efefef; color: #727171; font-size: 16px; line-height: 1.25; text-align: center; cursor: pointer; position: relative;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
}
.creditProvideDown .hd .hdli .trangle{ display: none; left: 50%; margin-left: -9px; bottom: -49px; position: absolute; width: 0; height: 0; border-bottom: #a0a0a0 solid 13px; border-left: transparent solid 9px; border-right: transparent solid 9px; }
.creditProvideDown .hd .hdli:hover .trangle,
.creditProvideDown .hd .hdli.active .trangle{ display: block;}
.creditProvideDown .hd .hdli:hover,
.creditProvideDown .hd .hdli.active{ background: #44c0ff; color: #fff;}
.creditProvideDown .hd .hdlipic{ width:7.83875%; }
.creditProvideDown .bd{ float: left; width: 100%; padding: 30px 0 0 0;}
.creditProvideDown .bd .bdli{ display: none; border: #a0a0a0 solid 1px; color: #727171; font-size: 14px; text-align: center; padding: 3.43% 3.5%;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
}
@media  screen and (max-width:1199px){
    .creditProvideDown{ padding: 2.991% 0 0 0;}
    .creditProvideDown .hd .hdli .trangle{ bottom: -54px; }
}
@media  screen and (max-width:991px){
    .creditProvideDown .hd .hdli{ font-size: 16px;  }
    .creditProvideDown .hd .hdli .trangle{ bottom: -45px; }
    .creditProvideDown .bd .bdli{ font-size: 14px; }
}
@media  screen and (max-width:767px){
    .creditProvideDown .hd{ flex-wrap:wrap;}
    .creditProvideDown .hd .hdli{ margin: 10px 1.5% 0 1.5%; padding: 10px 0; font-size: 14px;}
    .creditProvideDown .hd .hdlipic{ display: none; }
    .creditProvideDown .hd .hdli[data-h="0"]{ width: 30.333333333%;}
    .creditProvideDown .hd .hdli[data-h="1"]{ width: 30.333333333%;}
    .creditProvideDown .hd .hdli[data-h="2"]{ width: 30.333333333%;}
    .creditProvideDown .hd .hdli[data-h="3"]{ width: 47%;}
    .creditProvideDown .hd .hdli[data-h="4"]{ width: 47%;}
    .creditProvideDown .hd .hdli[data-h="0"] .trangle{ bottom: -95px;}
    .creditProvideDown .hd .hdli[data-h="1"] .trangle{ bottom: -95px;}
    .creditProvideDown .hd .hdli[data-h="2"] .trangle{ bottom: -95px;}
    .creditProvideDown .hd .hdli[data-h="3"] .trangle{ bottom: -30px;}
    .creditProvideDown .hd .hdli[data-h="4"] .trangle{ bottom: -30px;}
}

/*块二*/
.creditServiceBack{ background: #f8f8f8;}
.creditService{ padding:6.83% 0 5.98% 0; }
.creditServiceDown{ padding: 3.59% 76px 0 76px;}
.creditServiceDown .creditLi{ float: left; width: 33.33333333%; padding: 10px 28px 0 28px;}
@media  screen and (max-width:991px){
    .creditServiceDown{ padding: 3.59% 0 0 0;}
    .creditServiceDown .creditLi{ padding: 10px 15px 0 15px;}
}
@media  screen and (max-width:767px){
    .creditServiceDown{ margin: 0 -10px;}
    .creditServiceDown .creditLi{ padding: 10px 10px 0 10px;}
}

/*块三*/
.creditDolphins{ padding:6.83% 0 5.98% 0; }
.creditDolphins .dolphinsDown{ padding: 3.59% 100px 0 100px; color: #595757; font-size: 16px; line-height: 24px;}
.creditDolphins .dolphinsDown .dolphinsLeft{ float: left; width: 62.371%; margin-right: 16px;}
.creditDolphins .dolphinsDown .dolphinsRight{ padding: 15.12% 0 0 0;}
@media  screen and (max-width:1199px){
    .creditDolphins .dolphinsDown{ padding: 3.59% 0 0 0; }
}
@media  screen and (max-width:991px){
    .creditDolphins .dolphinsDown{ font-size: 14px; }
    .creditDolphins .dolphinsDown .dolphinsLeft{  width: 50%; }
    .creditDolphins .dolphinsDown .dolphinsRight{ padding: 8% 0 0 0;}
}

/*块四*/
.creditAdvantageBack{ background: #f8f8f8;}
.creditAdvantage{padding:6.83% 0 5.98% 0;}
.creditAdvantage .advanPower{ padding: 5.555% 119px 0 68px;}
.creditAdvantage .advanPower .advanLi{ float: left; width: 33.33333333%; padding: 15px 0 0 21px; text-align: right;}
@media  screen and (max-width:1199px){
    .creditAdvantage .advanPower{ padding: 5.555% 0 0 0;}
}
@media  screen and (max-width:767px){
    .creditAdvantage .advanPower .advanLi{ width: 100%; padding: 12px 15% 0 15%; text-align: center;}
}

/*块五*/
.creditCaseBack{ background: url("images/credit10.jpg") center no-repeat; background-size: cover;}
.creditCase{ padding: 8.547% 0 0 0;}
.creditCaseTitle{ color: #fff; font-size: 40px; line-height: 1.2; text-align: center;}
@media  screen and (max-width:1199px){
    .creditCaseTitle{ font-size: 34px; }
}
@media  screen and (max-width:991px){
    .creditCaseTitle{ font-size: 26px; }
}
@media  screen and (max-width:767px){
    .creditCaseTitle{ font-size: 22px; }
}
@media  screen and (max-width:360px){
    .creditCaseTitle{ font-size: 18px; }
}
.creditCaseDown{ margin-top: 1.88%; position: relative; padding: 3.24% 100px 8.547% 100px;}
.creditCaseDown .creditCaseLine{ position: absolute; width: 283px; height: 5px; top: 0; left: 50%; margin-left: -141px; background: #fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.creditCaseDown .creditCaseTree{ position: absolute; width: 5px; height: 100%; left: 50%; margin-left: -2px; top: 0; background: #fff;}
.creditCaseDown .tree{ width: 50%;}
.creditCaseDown .tree .treetTit{  color: #21edff; font-size: 18px; font-weight: bold;}
.creditCaseDown .tree .treetext{ border-top: #fff solid 1px; color: #fff; font-size: 18px; line-height: 26px; }
.creditCaseDown .tree.e1{ float: left;}
.creditCaseDown .tree.e1 .treetTit{ text-align: right; padding: 0 27px 10px 0;}
.creditCaseDown .tree.e1 .treetext{ text-align: right; padding: 8px 27px 10px 0;}
.creditCaseDown .tree.e2{ float: right;}
.creditCaseDown .tree.e2 .treetTit{ padding: 0 0 10px 27px;}
.creditCaseDown .tree.e2 .treetext{ padding: 8px 0 10px 27px;}
@media  screen and (max-width:1199px){
    .creditCaseDown{ position: relative; padding: 3.24% 0 8.547% 0;}
}
@media  screen and (max-width:991px){
    .creditCaseDown .creditCaseLine{ display: none;}
    .creditCaseDown .creditCaseTree{ left: 0; margin-left: 0;}
    .creditCaseDown .tree{ width: 100%;}
    .creditCaseDown .tree.e1 .treetTit{ text-align: left; padding: 0 0 10px 27px;}
    .creditCaseDown .tree.e1 .treetext{ text-align: left; padding: 8px 0 10px 27px;}
    .creditCaseDown .tree .treetTit{ font-size: 16px; }
    .creditCaseDown .tree .treetext{ font-size: 16px; }
}
@media  screen and (max-width:767px){
    .creditCaseDown .tree.e1 .treetTit{ padding: 0 0 10px 12px;}
    .creditCaseDown .tree.e1 .treetext{ padding: 8px 0 10px 12px;}
    .creditCaseDown .tree.e2 .treetTit{ padding: 0 0 10px 12px;}
    .creditCaseDown .tree.e2 .treetext{ padding: 8px 0 10px 12px;}
    .creditCaseDown .tree .treetTit{ font-size: 14px; }
    .creditCaseDown .tree .treetext{ font-size: 14px; line-height: 24px; }
}

/*块六*/
.creditAdmin{padding:6.83% 0 5.98% 0;}
.creditAdminDown{ padding: 2.56% 174px 0 118px;}
.creditAdminDown .adminLeft{ float: left; width: 51.252%; padding: 20px 0 0 0;}
.creditAdminDown .adminLeft .adminTit{ color: #000000; font-size: 18px; line-height:24px; text-align: center; }
.creditAdminDown .adminLeft .adminLeftText{ padding: 15px 0 0 0; text-align: center;}
.creditAdminDown .adminRight{ float: right; width: 45.26%;}
.creditAdminDown .adminRight .adminRTit{ padding: 10px 0 0 0;  color: #007dbd; font-size: 20px; line-height:24px; text-align: center;}
.creditAdminDown .adminRight .adminRCon{ padding: 15px 0 30px 0;}
.creditAdminDown .adminRight .adminRCon.ad2{padding: 15px 0 0 0;}
@media  screen and (max-width:1199px){
    .creditAdminDown{ padding: 2.56% 0 0 0;}
    .creditAdminDown .adminRight .adminRCon{ text-align: center;}
}
@media  screen and (max-width:767px){
    .creditAdminDown .adminLeft{ width: 100%; }
    .creditAdminDown .adminRight{ float: left; width: 100%; padding-top: 10px; }
    .creditAdminDown .adminLeft .adminTit{ font-size: 16px;  }
    .creditAdminDown .adminRight .adminRTit{  font-size: 16px; }
    .creditAdminDown .adminLeft .adminLeftText{ padding: 15px 15% 0 15%; }
    .creditAdminDown .adminRight .adminRCon{ padding: 15px 15% 20px 15%;}
    .creditAdminDown .adminRight .adminRCon.ad2{padding: 15px 15% 0 15%;}
}

/*信用公益*/
.publicBox{}
.publicApp{ padding: 5.982% 0 4.273% 0;}
.publicApp .appDown{ margin-top:4.273%; border: #cfcfcf solid 3px; background: #fff; }
.publicApp .appList{ margin-top:4.273%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
    -webkit-box-shadow: 0 0 57px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 57px rgba(0,0,0,0.25);
    -o-box-shadow: 0 0 57px rgba(0,0,0,0.25);
    box-shadow: 0 0 57px rgba(0,0,0,0.25);
}
.publicApp .appList .appLi{ float: left; width: 25%;}
.publicApp .appList .appLi.a1{ background: #3490dc;}
.publicApp .appList .appLi.a2{ background: url("images/public2.jpg") left repeat-y #217bc5;}
.publicApp .appList .appLi.a3{ background: url("images/public3.jpg") left repeat-y #1669ad;}
.publicApp .appList .appLi.a4{ background: url("images/public4.jpg") left repeat-y #0f5b9a;}
.publicApp .appList .appLi .appLiCell{ padding:14.726% 0 14.726% 0; }
.publicApp .appList .appLi .appLiCell .appCellpic{text-align: center; overflow: hidden;}
.publicApp .appList .appLi .appLiCell .appCellpic .cellImg{ float: left; width: 200%; height:70px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.publicApp .appList .appLi:hover .appLiCell .appCellpic .cellImg{ margin-left: -100%;}
.publicApp .appList .appLi .appLiCell .appCellpic .cellImg .imgDouble{ float: left; width: 50%; text-align: center;  }
.publicApp .appList .appLi .appLiCell .appCellpic .cellImg .imgDouble img{ width: 70px; height: 70px;}
.publicApp .appList .appLi .appLiCell .appCellTit{ padding: 8.21% 0 2.05% 0; color: #ffffff; font-size: 26px; line-height: 1.125; text-align: center;}
.publicApp .appList .appLi .appLiCell .appCellEng{ color:rgba(255,255,255,0.5); font-size: 16px;line-height: 1; text-align: center; text-transform: uppercase;}
@media  screen and (max-width:1199px){
    .publicApp .appList .appLi .appLiCell .appCellTit{ font-size: 28px; }
    .publicApp .appList .appLi .appLiCell .appCellEng{ font-size: 18px; }
}
@media  screen and (max-width:991px){
    .publicApp .appList .appLi .appLiCell .appCellpic .cellImg{ height:50px;}
    .publicApp .appList .appLi .appLiCell .appCellpic .cellImg .imgDouble img{ width: 50px; height: 50px;}
    .publicApp .appList .appLi .appLiCell .appCellTit{ font-size: 24px; }
    .publicApp .appList .appLi .appLiCell .appCellEng{ font-size: 16px; }
}
@media  screen and (max-width:991px){
    .publicApp .appDown{ margin-top:5.5%; }
    .publicApp .appList .appLi{ width: 49.8%;}
}
@media  screen and (max-width:767px){
    .publicApp .appList .appLi .appLiCell .appCellTit{ font-size: 20px; }
    .publicApp .appList .appLi .appLiCell .appCellEng{ font-size: 14px; }
}

/*块二*/
.publicPhoneBack{ background: #f5f5f5;}
.publicPhone{ padding: 4.27% 0 2.56% 0; width: 105.1282%; margin-left: -5.1282%;}

/*块三*/
.publicActive{ padding: 5.299% 0;}

/*块四*/
.publicCooperBack{ background: #f5f5f5;}
.publicCooper{ padding: 5.299% 0;}
.publicCooperDown{ padding: 3.589% 0 0 0;}
.publicCooperDown .publicCooperCricle{ text-align: center; line-height: 0; }
.publicCooperDown .publicCooperCricle .cricleCoo{ display: inline-block; *display: inline; *zoom: 1; width: 12px; height: 12px; border: #3490dc solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.publicCooperDown .publicCooperList{ position: relative; padding:1.88% 0 0 0; }
.publicCooperDown .publicCooperList .cooperLine{ position: absolute; width: 1px; height: 100%; background: #e2e2e2; left: 50%; top: 0;}
.publicCooperDown .publicCooperList .CooperList{ padding:2.69% 0 0 0; }

.publicCooperDown .publicCooperList .CooperList .cooperItem{ width: 50%; margin-top: 20px; position: relative;}
.publicCooperDown .publicCooperList .CooperList .cooperItem .itmeIco{ position: absolute; width: 29px; height: 12px; top: 50%; margin-top: -6px; line-height: 0;}
.publicCooperDown .publicCooperList .CooperList .cooperItem .itemBlue{ padding: 0 30px; background: #3490dc; color: #fff; font-size: 24px; line-height: 50px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.publicCooperDown .publicCooperList .CooperList .cooperWhite{ width: 50%;}

.publicCooperDown .publicCooperList .CooperList .cooperWhite .white{ border: #ebebeb solid 1px; background: #fff; padding: 16px 20px 20px 20px; color: #1f1f1f; font-size: 14px; line-height: 24px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}

.publicCooperDown .publicCooperList .CooperList.co1 .cooperItem{ float: left; padding: 0 22px 0 0;}
.publicCooperDown .publicCooperList .CooperList.co1 .cooperItem .itmeIco{ right: -7px;}
.publicCooperDown .publicCooperList .CooperList.co1 .cooperItem .itmeIco .imgd{ display: none;}
.publicCooperDown .publicCooperList .CooperList.co1 .cooperItem .itemBlue{ float: right;}
.publicCooperDown .publicCooperList .CooperList.co1 .cooperWhite{ float: right; padding: 0 0 0 26px;}

.publicCooperDown .publicCooperList .CooperList.co2 .cooperItem{ float: right; padding: 0 0 0 22px;}
.publicCooperDown .publicCooperList .CooperList.co2 .cooperItem .itmeIco{ left: -7px;}
.publicCooperDown .publicCooperList .CooperList.co2 .cooperItem .itmeIco .imgs{ display: none;}
.publicCooperDown .publicCooperList .CooperList.co2 .cooperItem .itemBlue{ float: left;}
.publicCooperDown .publicCooperList .CooperList.co2 .cooperWhite{ float: left; padding: 0 26px 0 0;}
.publicCooperDown .publicCooperList .CooperList.co2 .cooperWhite .white{ text-align: right;}
@media  screen and (max-width:991px){
    .publicCooperDown .publicCooperCricle{ text-align: left; }
    .publicCooperDown .publicCooperList .cooperLine{ left: 6px; }
    .publicCooperDown .publicCooperList .CooperList .cooperItem{ width: 100%; margin-top: 0;}
    .publicCooperDown .publicCooperList .CooperList .cooperItem .itemBlue{ padding: 0 20px; font-size: 18px; line-height: 42px; }
    .publicCooperDown .publicCooperList .CooperList .cooperWhite{ width: 100%;}
    .publicCooperDown .publicCooperList .CooperList.co1 .cooperItem{  padding: 0  0 0 22px;}
    .publicCooperDown .publicCooperList .CooperList.co1 .cooperItem .itmeIco{ left: 0;}
    .publicCooperDown .publicCooperList .CooperList.co1 .cooperItem .itmeIco .imgd{ display: block;}
    .publicCooperDown .publicCooperList .CooperList.co1 .cooperItem .itmeIco .imgs{ display: none;}
    .publicCooperDown .publicCooperList .CooperList.co1 .cooperItem .itemBlue{ float: left;}
    .publicCooperDown .publicCooperList .CooperList.co1 .cooperWhite{ float: left; padding: 20px 0 0 22px;}
    .publicCooperDown .publicCooperList .CooperList.co2 .cooperItem .itmeIco{ left: 0;}
    .publicCooperDown .publicCooperList .CooperList.co2 .cooperWhite{ padding: 20px 0 0 22px;}
    .publicCooperDown .publicCooperList .CooperList.co2 .cooperWhite .white{ text-align: left;}
}
@media  screen and (max-width:767px){
    .publicCooperDown .publicCooperList .CooperList .cooperItem{ margin-top: 5px;}
}
@media  screen and (max-width:480px){
    .publicCooperDown .publicCooperList .CooperList .cooperItem .itemBlue{ font-size: 16px; }
}


.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}

/*荣誉资质 */

.honorBox{ margin: 0 -15px;}
.honorBox ul{ float: left; width: 100%;}
.honorBox ul li{ float: left; width: 25%; padding: 27px 15px 9px 15px;}
.honorBox ul li a{ float: left; width: 100%;}
.honorBox ul li a .proPicture{ overflow: hidden;}
.honorBox ul li a .proPicture img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.honorBox ul li a:hover .proPicture img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.honorBox ul li a h3{ padding: 17px 0 0 0; color: #333333; font-size: 16px; line-height: 24px; text-align:center;}
.honorBox ul li a:hover h3{ color: #3490dc;}

@media  screen and (max-width:991px){
    .honorBox ul li{ width:33.333%; padding: 20px 15px 9px 15px;}
}
@media  screen and (max-width:768px){
    .honorBox ul li{ width:50%;}
}
@media  screen and (max-width:580px){
    .honorBox ul li{ width:100%; }
}

/*荣誉证书*/
.honorInner{ margin: 0 -15px;}
.honorInner ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.honorInner ul li{ float: left; width: 33.33333%; padding: 0 15px;}
.honorInner ul li .honorInBox{ float: left; width: 100%; margin-top: 10.81%; padding: 5.94% 14%; background: #f5f5f5; position: relative;  text-align: center; cursor: pointer; }
.honorInner ul li .honorInBox .inFloat{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #00a0e9;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.honorInner ul li:hover .honorInBox .inFloat{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.honorInner ul li .honorInBox .inFloat .inFloatTit{ position: absolute; left: 0; top: 50%; width: 100%; padding: 0 3.5%; color: #fff; font-size: 18px; text-align: center; line-height: 30px; margin-top: -15px;}

.honorInner ul li .honorInBox .img{ max-width: 100%; max-height: 100%;}

.honorInnerWinBack{ display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1500; background: rgba(0,0,0,0.6);}
.honorInnerWin{ display: none; position: fixed; width:956px;height: 597px; z-index: 1600; left: 50%; top: 50%; background: #fff; border: #ebebeb solid 1px; margin: -298px 0 0 -478px; }
.honorInnerWin .winDo{padding: 5.94% 14%; text-align:center;}
.honorInnerWin .winDo .img{max-width: 100%; max-height: 100%;}
.honorInnerWin  .doShup{ position: absolute; width: 32px; height: 32px; right: 15px; top: 15px; line-height: 0; cursor: pointer;}
@media  screen and (max-width:1199px){
    .honorInnerWin{ width:700px;height: 437px; margin: -218px 0 0 -350px; }
}
@media  screen and (max-width:767px){
    .honorInner{ margin: 0 -8px;}
    .honorInner ul li{ width: 50%; padding: 0 8px;}
    .honorInnerWin{ width:100%; height: auto; margin: 0; top: 20%; left: 0; }
    .honorInnerWin  .doShup{ width: 18px; height: 18px; right: 10px; top: 10px; }
}


/*20180227*/
.aboutJoin{ padding: 0 0 4% 0;}
.aboutJoin li{ margin-top: 30px; border: #ededed solid 1px; padding: 20px 30px;}
.aboutJoin li .zpzw-nr-h{ position: relative; overflow: hidden;}
.aboutJoin li .zpzw-nr-h h4{ color: #000; font-size: 16px; line-height: 16px; margin-bottom: 18px; cursor: pointer;  }
.aboutJoin li .zpzw-nr-h h5{ padding-right: 25px; color: #666666; font-size: 14px; line-height: 16px;}
.aboutJoin li .zpzw-nr-h h5 span{color: #00a0e9; font-size: 16px; margin-right: 30px;}
.aboutJoin li .zpzw-nr-h h5 b{ font-weight: normal;}
.aboutJoin li .zpzw-nr-h p{ position: absolute;width: 25px; height: 15px; right: 0; top: 50%; margin-top: -7px; line-height: 0; cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.aboutJoin li .zpzw-nr-h.click p{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.aboutJoin li .zpzw-nr-b{ display: none; color: #999; font-size: 12px; line-height: 20px;}
.aboutJoin li .zpzw-nr-b h4{color: #000; font-size: 14px; line-height: 14px; margin-bottom: 16px; margin-top: 32px;}
.aboutJoin li .zpzw-nr-b h5{ color: #00a0e9; font-size: 14px; line-height: 14px; margin-top: 32px; cursor: pointer;}
.aboutJoin li .zpzw-nr-b h5 a{color: #00a0e9; }
@media  screen and (max-width:767px){
    .aboutJoin li{ margin-top: 15px; padding: 14px 15px;}
    .aboutJoin li .zpzw-nr-h h4{ margin-bottom: 12px;  }
    .aboutJoin li .zpzw-nr-h h5 span{ margin-right: 15px;}
    .aboutJoin li .zpzw-nr-h p{ width: 20px; height: 12px; }

}