@charset "utf-8";

/* CSS Document */

/*切图：yf*/

html{ overflow-x:hidden; overflow-y:auto;}

body{ overflow-x: hidden;}

*{ 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;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}





/*首页*/

.top{width:100%; float:left; height:110px; background:url(images/bg_top.jpg) center center no-repeat; padding:27px 0 28px 0;}

.top .logo{width:179px; float:left;}

.top .logo img{ float: left;}

.top .top_r{ float: right;}

.top .top_r .search{ width:280px; float: right; margin-top: 5px; margin-left: 30px;}

.top .top_r .search .search_k{ display: block; width:220px; height: 36px; padding-left: 40px; float: left; background: #f5f5f5; position: relative;}

.top .top_r .search .search_k .search_ico{ width:14px; height: 14px;  background: url(images/search_ico.png) no-repeat left center; background-size: contain; position: absolute; left: 15px; top: 11px;}

.top .top_r .search .search_k input{ width:100%; float: left; height: 36px; line-height: 36px; background: none; font-size: 14px; color: #999;}

.top .top_r .search .search_b{display: block; width:60px; height: 36px; float: right;background: #234278; font-size: 14px; color: white; cursor: pointer;}

.top .top_r .search .search_b:hover{ background:#0d5285;}

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

    .top{ display:none;}

}





.topnav{float:left; width:100%; background:#234278;}







.menu_1{ height: 41px;}

.menu_1 ul{ float:left; width: 100%;  z-index:9999;}

.menu_1 ul .nli{ float: left; width:14%; border-right:rgba(255,255,255,0.3) solid 1px; position: relative; }

.top1.topIn .menu_1 ul .nli{border-right:#d8d8d8 solid 1px;}

.menu_1 ul .nli:last-child{ border-right: 0;}

.top1.topIn .menu_1 ul .nli:last-child{ border-right: 0;}

.menu_1 ul .nli span a{ float:left; width: 100%; height: 41px; color:#fff; font-size: 15px; font-weight: bold; line-height: 40px; text-align: center; }

.top1.topIn .menu_1 ul .nli span a{color:#202020; font-weight: normal;}

.menu_1 ul .nli.active span a{ color: #fff;}

.menu_1 .sub{ display: none; position: absolute; width:222px; left:0; top: 100%;  background-color: #fff; padding: 30px 0; border: #e1e1e1 solid 1px; border-top: #234278 solid 5px; }

.menu_1 .sub li{ }

.menu_1 .sub li a{ float:left; width:100%; padding-left:35px; color: #797979; font-size: 14px; line-height: 35px;}

.menu_1 .sub li a:hover{ color: #0061ab;}





.top3{ position: fixed; width: 100%; height: 61px; left: 0; top: -70px; background-color: #fff; border-bottom: #d8d8d8 solid 1px;  z-index:1011;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.top3.active{ top: 0;}

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

    .top3{ display:none;}

}

.top3 .logo{ position: absolute; left: 0; top: 0; float: left; width:136px; height: 40px; margin-top:10px; margin-left: 95px;  }

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

    .top3 .logo{ left: 50%; margin-left: -550px; }

}

.top3 .searchIcon{ position: absolute; width: 60px; height: 60px; padding: 20px; right: 20px; top: 0; cursor: pointer;}

.top3 .searchBox{ display: none; position: fixed; width: 100%; left: 0; top: 0; z-index: 2; background-color: #fff;}

.top3 .searchBox .searchWhite{ height: 61px; }

.top3 .searchBox .searchWhite .whiteInput{ float: left; width: 100px; height: 60px; color: #666666; font-size: 14px; margin-left: 40%;

    border: 0;

    -webkit-appearance:none;

    outline: 0;

    border-radius:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -o-border-radius:0;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.top3 .searchBox.active .searchWhite .whiteInput{ width: 80%; margin-left: 0;}

.inco1 ::-webkit-input-placeholder { color:#666666 !important;}

.inco1 :-moz-placeholder {  color:#666666 !important;}

.inco1 ::-moz-placeholder {  color:#666666 !important;}

.inco1 :-ms-input-placeholder { color:#666666 !important; }

.top3 .searchBox .searchWhite .whiteShup{ float: right; width: 60px; height: 60px; padding: 23px; line-height: 0; margin-right: 40%;

    border: 0;

    -webkit-appearance:none;

    outline: 0;

    border-radius:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -o-border-radius:0;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.top3 .searchBox.active .searchWhite .whiteShup{ margin-right: 0;}

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

    .top3 .searchIcon{ right: 0; }

}



.menu_2{ height: 60px;}

.menu_2 ul{ float:left; width: 100%; }

.menu_2 ul .nli{ float: left; width:11.111111%; border-right:rgba(255,255,255,0.3) solid 1px; position: relative; }

.menu_2 ul .nli:last-child{ border-right: 0;}

.menu_2 ul .nli span a{ float:left; width: 100%; height: 61px; color:#666666; font-size: 16px; font-weight: bold; line-height: 60px; text-align: center; }

.menu_2 ul .nli.active span a{ color: #0061ab;}

.menu_2 .sub2{ display: none; position: absolute; width:222px; left:0; top: 100%;  background-color: #fff; padding: 30px 0; border: #e1e1e1 solid 1px; border-top: #0061ab solid 5px; }

.menu_2 .sub2 li{ }

.menu_2 .sub2 li a{ float:left; width:100%; padding-left:35px; color: #797979; font-size: 14px; line-height: 35px;}

.menu_2 .sub2 li a:hover{ color: #0061ab;}

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

    .menu_2{ margin-left: 160px;}

}









/*phone版头部*/

.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:80px; border-bottom: #e1e1e1 solid 1px; background-color: #fff; }

.top2.active{

    -webkit-box-shadow: 0 2px 6px #aaa;

    -moz-box-shadow: 0 2px 6px #aaa;

    -o-box-shadow: 0 2px 6px #aaa;

    box-shadow: 0 2px 6px #aaa;

}

.top2 .logo{ float:left; width:136px; height:40px; margin-top: 20px;}

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

    .top2{ display:block;}

}



/*手机按钮*/

.menuph{

    float:right;

    margin-top: 20px;

    cursor: pointer;

    width: 40px;

    height: 40px;

    text-align: center;

}

.menuph .point

{

    display: inline-block;

    width: 28px;

    height: 22px;

    margin-top: 10px;

    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: 1px;

    -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: #0061ab;

}

.menuph .navbtn::after,

.menuph .navbtn::before

{

    position: absolute;

    right: 0;

    display: inline-block;

    width: 28px;

    height: 1px;

    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: #0061ab;

}

.menuph .navbtn::after

{

    top: -11px;

}

.menuph .navbtn::before

{

    top: 10px;

}

.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: 0;

}

.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: 0;

}





/*手机下拉*/

.xialaph{

    position: absolute;

    top: 80px;

    left: 0;

    width: 100%;

    display: none;

    z-index: 1029;

    background: #fff;

}

.xialaph .img_d{ display:none;}

.xialaph .ul2,

.xialaph .ul3{

    display: none;

}

.xialaph h4 a{

    display: block;

    color: #333;

    font-size: 14px;

    font-weight: bold;

    line-height: 50px;

    position: relative;

}

.xialaph h4{

    position: relative;

}

.xialaph li:last-child h4::before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #e5e5e5;

    /*opacity: 0.1;*/

}

.xialaph h4::after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #e5e5e5;

    /*opacity: 0.1;*/

}

.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{

    display: block;

    color: #333;

    font-size: 14px;

    line-height: 45px;

    padding-left: 20px;

    position: relative;

}

.xialaph h5{

    position: relative;

}

.xialaph h5::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #e5e5e5;

    /*opacity: 0.05;*/

}

.xialaph .ul2 li:last-child h5::after{

    display: none;

}

.xialaph h4 a b{ position: absolute; right: 0; top: 50%; content: '';

    width: 9px; height: 9px;border-top: #777 solid 1px; border-right: #777 solid 1px;

    margin-top: -4px;

    cursor: pointer;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.xialaph h4.active a b{

    margin-top: -7px;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg);

}

.xialaph h5 img{

    width: 11px;

    height: 6px;

    float: right;

    margin-top: 26px;

    margin-right: 18px;

    cursor: pointer;

}

.xialaph h5 a b{

    position: absolute; right: 15px; top: 50%; content: '';

    width: 7px; height: 7px; border-top: #777 solid 1px; border-right: #777 solid 1px;

    margin-top: -3px;

    cursor: pointer;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.xialaph h5.active a b{

    margin-top: -7px;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg);

}

.xialaph .ul2{  }

.xialaph .ul3{

    padding-top: 12px;

    padding-bottom: 18px;

    padding-left: 15px;

    position: relative;

}

.xialaph .ul3::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #e5e5e5;

}

.xialaph li:last-child .ul3::after{

    display: none;

}

.xialaph .ul3 li a{

    color: #666;

    font-size: 14px;

    line-height: 35px;

    display: block;

}

.xialaph .ul3 li{

    padding-top: 5px;

}

.xialaph .ul3 li:first-child{

    padding-top: 0;

}

.phonemeng{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .6;

    z-index: 196;

    display: none;

}

.phonemeng.active{

    display: block;

}





.pz_banner{ float:left; width:100%; overflow:hidden; line-height:0; position:relative;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.pz_banner.home{min-height:500px;}

.pz_banner.home img{min-height:500px;}

.pz_banner.inner{ margin-top:0px;}

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

    .pz_banner{ margin-top:0px; }

    .pz_banner.home{min-height:355px;}

    .pz_banner.home img{min-height:355px;}

}

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

    .pz_banner{ margin-top:0px; }

    .pz_banner.home{min-height:355px;}

    .pz_banner.home img{min-height:355px;}

}

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

    .pz_banner.home{ min-height:350px;}

    .pz_banner.home img{min-height:350px;}

}

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

    .pz_banner.home{min-height: 100px;}

    .pz_banner.home img{min-height: 200px;}

    .pz_main{padding-top:50px;}

}

.pz_main{ float:left; width:100%; background: #fff; }

.pz_down{ float:left; width:100%; background: #0063b3; }







/*banner*/

.bannerBox{ line-height: 0; }

.bannerBox .floatBan{ position: absolute; width: 100%; left: 0; top: 61%; text-align: center;}

.bannerBox .floatBan .floatBlink{ display: inline-block; padding: 0 36px; margin: 0 10px; border: #9bbdd9 solid 1px; color: #fff; font-size: 16px; line-height: 44px;

    border-radius:23px;

    -webkit-border-radius:23px;

    -moz-border-radius:23px;

    -o-border-radius:23px;

}

.bannerBox .floatBan .floatBlink:hover{ background-color: #3978af; }

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

    .bannerBox .floatBan .floatBlink{ padding: 0 15px; margin: 0 5px; font-size: 14px; line-height: 32px; }

}

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

    .bannerBox .floatBan .floatBlink{ padding: 0 8px; margin: 0 3px; font-size: 12px; line-height: 18px; }

}





.bannerBox .owl-dots{ position: absolute; width: 100%; left: 0;  bottom: 60px; margin-top: 0; z-index: 10; text-align: center; line-height: 0;}

.bannerBox .owl-dot{ display: inline-block; width: 21px; height: 21px; margin: 0 6px; vertical-align: top; border: transparent solid 1px;

    -webkit-border-radius:50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.bannerBox .owl-dot.active{ border-color: #fff;}

.bannerBox .owl-dot span{ float: left; width:5px; height: 5px; margin: 7px; vertical-align: top; background-color: #fff;

    -webkit-border-radius:50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.bannerBox .owl-prev{ position: absolute; width: 50px; height: 50px; left: 36px; top: 50%; margin-top: -25px; background: url("images/ban1.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}

.bannerBox .owl-prev:hover{

    opacity: 0.7;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

    -khtml-opacity: 0.7;

}

.bannerBox .owl-next{ position: absolute; width: 50px; height: 50px; right: 36px;top: 50%; margin-top: -25px; background: url("images/ban2.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}

.bannerBox .owl-next:hover{

    opacity: 0.7;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

    -khtml-opacity: 0.7;

}

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

    .bannerBox .owl-dots{ bottom: 20px;}

    .bannerBox .owl-prev{ width: 30px; height: 30px; left: 20px; margin-top: -15px; }

    .bannerBox .owl-next{ width: 30px; height: 30px; right: 20px; margin-top: -15px;}

}

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

    .bannerBox .owl-dots{ bottom: 10px;}

    .bannerBox .owl-dot{ width: 13px; height: 13px;}

    .bannerBox .owl-dot span{ margin: 3px; width: 5px; height: 5px;  }

}



.bannerArrow{ position: absolute; width:34px; height: 34px; left: 50%; bottom:10%; margin-left: -17px; z-index: 1012;

    -webkit-animation: boun 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;

        animation: boun 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;

}

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

    .bannerArrow{ width:20px; height: 20px;  margin-left: -10px; }

}

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

    .bannerArrow{ width:14px; height: 14px;  margin-left: -7px; }

}

@-webkit-keyframes boun {

    from, to {

        -webkit-transform: translateY(2px) ;

        transform: translateY(2px) ;

    }

    80% {

        -webkit-transform: translateY(7px) ;

        transform: translateY(7px) ;

    }

}

@keyframes boun {

    from, to {

        -webkit-transform: translateY(2px) ;

        transform: translateY(2px) ;

    }

    80% {

        -webkit-transform: translateY(7px) ;

        transform: translateY(7px) ;

    }

}





/*main homeTech*/

.homeTech{ padding:8.18% 0 4.18% 0; }

.techTitle{ text-align: center;}

.techTitle h2{ display: inline-block; border-bottom: #0061ab solid 3px; padding-bottom: 2.36%;  color: #202020; font-size: 34px; line-height: 1.294;}

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

    .techTitle h2{ font-size: 29px; }

}

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

    .techTitle h2{ font-size: 24px; }

}

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

    .techTitle h2{ font-size: 20px; border-bottom: #0061ab solid 2px; }

}



.techDownBox{ padding-top: 5.81%; margin: 0 -15px;}

.techDownBox ul{}

.techDownBox ul li{ padding: 0 15px;}

.techDownBox ul li .techPicture{ overflow: hidden;}

.techDownBox ul li .techPicture img{

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.techDownBox ul li:hover .techPicture 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);

}

.techDownBox ul li .techH3{ color: #fff; font-size: 22px; padding: 0 10px; line-height: 2.5; text-align: center; background-color: #0061ab;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.techDownBox ul li:hover .techH3{ color: #0061ab; background-color: #fff;}

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

    .techDownBox ul li .techH3{  font-size: 18px;}

}

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

    .techDownBox{  margin: 0 -8px;}

    .techDownBox ul li{ padding: 0 8px;}

    .techDownBox ul li .techH3{ font-size: 16px; }

}





.homeHuman{ }

.homeHuman .humanTitle{}

.homeHuman .humanTitle .tit{color: #202020; font-size: 28px; line-height: 1.285; padding-bottom: 2.09%; font-family: Arial; text-transform: uppercase;}

.homeHuman .humanTitle .humanLine{}

.homeHuman .humanTitle .humanLine span{ float: left; width: 130px; height: 3px; background-color: #0061ab;}

.homeHuman .humanList{ padding-top: 3.9%; margin: 0 -15px;}

.homeHuman .humanList ul{}

.homeHuman .humanList ul li{ padding: 0 15px;}

.homeHuman .humanList ul li .manBox{}

.homeHuman .humanList ul li .manBox h4{ color: #005ea6; font-size: 18px; line-height: 24px;}

.homeHuman .humanList ul li .manBox .manDown{ margin-top: 8px; color: #777; font-size: 14px; line-height: 24px;}

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

    .homeHuman .humanTitle .tit{ font-size: 23px; }

}

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

    .homeHuman .humanTitle .tit{ font-size: 20px; }

    .homeHuman .humanList{ margin: 0 -8px;}

    .homeHuman .humanList ul li{ padding: 0 8px;}

    .homeHuman .humanList ul li .manBox h4{ font-size: 16px; }



}

.homeMainBannerA{width:100%; height:auto; overflow:hidden;}

.homeMainBannerB{width:100%; height:auto; overflow:hidden;}

.homeMainBannerC{width:100%; height:auto; overflow:hidden;}



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

    .homeMainBannerA img{min-height: 100px;}

    .homeMainBannerB img{min-height: 100px;}

}



.homeInno{ position: relative; }

.homeInnoBox{ padding-top:13%; padding-bottom: 13.81%; }

.homeInnoBox h4{ color: #fff; font-size: 34px; line-height: 1.294; text-align: center;}

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

    .homeInnoBox h4{ font-size: 29px; }

}

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

    .homeInnoBox h4{ font-size: 24px; }

}

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

    .homeInnoBox h4{ font-size: 20px; }

}

.homeInnoBox .innoDown{}

.homeInnoBox .innoDown 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;

}

.homeInnoBox .innoDown ul li{ float: left; width: 25%; padding-top: 6.09%; color: #fff; }

.homeInnoBox .innoDown ul li .innoCount{ font-size: 64px; line-height:1.09375; font-weight: bold; }

.homeInnoBox .innoDown ul li .innoText{ margin-top: 5px; font-size: 18px; line-height: 1.33;}

.canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

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

    .homeInnoBox .innoDown ul li{ width: 50%; }

    .homeInnoBox .innoDown ul li .innoCount{ font-size: 50px; }

    .homeInnoBox .innoDown ul li .innoText{ font-size: 16px; }

}

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

    .homeInnoBox .innoDown{ padding-top: 3%;}

    .homeInnoBox .innoDown ul li{ text-align: center; }

    .homeInnoBox .innoDown ul li .innoCount{ font-size: 38px; }

    .homeInnoBox .innoDown ul li .innoText{ font-size: 14px; }

}



/*homePro*/

.homePro{ padding-top: 3.18%; padding-bottom: 3.18%; }

.homeProDown{ padding-top: 4.63%;}

.homeProDown .homeProBox{ border: #d8d8d8 solid 1px;}

.homeProDown .homeProBox 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;

}

.homeProDown .homeProBox ul li{ float: left; width:50%; border-bottom:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px;  }

.homeProDown .homeProBox ul li .ruleBox{}

.homeProDown .homeProBox ul li .ruleBox .rulePic{ padding: 5.75% 25px 0 25px;}

.homeProDown .homeProBox ul li .ruleBox .rulePic .rulePicture{ float: left; width: 196px; height: 136px;}

.homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight{ padding-left: 254px;}

.homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight h4{ margin-top: 7px; color: #202020; font-size: 22px; line-height: 1.18;}

.homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight .elevator{ margin-top: 3.18%; color: #74797b; font-size: 15px; line-height: 20px;}

.homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight .ruleBtn{ margin-top: 5.18%;}

.homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight .ruleBtn .ruleLink{ float: left; padding: 0 30px; color: #fff; background-color: #0061ab; border: #0061ab solid 1px; line-height: 38px;}

.homeProDown .homeProBox ul li .ruleBox:hover .rulePic .ruleRight .ruleBtn .ruleLink{  color: #0061ab; background-color: #fff;}

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

    .homeProDown .homeProBox{ border: 0;}

    .homeProDown .homeProBox .owl-stage-outer{ border: #d8d8d8 solid 1px;}

    .homeProDown .homeProBox ul li{ float: none; width: auto; border-bottom: 0; border-right:#d8d8d8 solid 1px; }

}

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

    .homeProDown .homeProBox ul li .ruleBox .rulePic{ padding: 10.75% 10px 0 10px;}

    .homeProDown .homeProBox ul li .ruleBox .rulePic .rulePicture{ width: 80px; height: 80px; margin-top: 3%;}

    .homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight{ padding-left: 90px;}

    .homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight h4{ margin-top: 0; font-size: 16px; }

    .homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight .elevator{ font-size: 14px; }

    .homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight .ruleBtn .ruleLink{ padding: 0 18px; line-height: 28px;}

}

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

    .homeProDown .homeProBox ul li .ruleBox .rulePic{ padding: 10.75% 10px 0 15px;}

    .homeProDown .homeProBox ul li .ruleBox .rulePic .rulePicture{ width: 25%; height: auto; margin-left: 10%; }

    .homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight{ padding-left: 35%;}

    .homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight h4{ font-size: 18px; text-align: center; }

    .homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight .elevator{ text-align: center; }

    .homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight .ruleBtn{ text-align: center; margin-top: 16%;}

    .homeProDown .homeProBox ul li .ruleBox .rulePic .ruleRight .ruleBtn .ruleLink{ float: none; display: inline-block; padding: 0 25px; line-height: 35px;}

}



.homeCase{ }

.homeCaseTitle{ padding: 5.54% 0 1.45% 0;}

.homeCaseSlide{}

.homeCaseSlide .hd{}

.homeCaseSlide .hd ul{ text-align: center;}

.homeCaseSlide .hd ul li{ display: inline-block; margin: 10px 2px 0 3px; border: #e5e5e5 solid 1px; color: #999999; font-size: 12px; font-weight: bold; line-height: 38px; padding: 0 16px; cursor: pointer;

    border-radius:4px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -o-border-radius:4px;

}

.homeCaseSlide .hd ul li.active,

.homeCaseSlide .hd ul li:hover{ border-color: #bbbbbb; color: #333333;

    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);

    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);

    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3);

    box-shadow: 0 2px 6px rgba(0,0,0,0.3);

}

.homeCaseSlide .bd{}

.homeCaseSlide .bd .bdShow{ height: 0; overflow: hidden;}

.homeCaseSlide .bd .bdShow.active{ height: auto;}

.homeCaseSlide .bd .bdListPad{ padding-top: 25px;}

.homeCaseSlide .bd .bdListPad 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;

}

.homeCaseSlide .bd .bdListPad ul li{ float: left; width: 23%; margin:1%; position: relative; overflow: hidden;}

.homeCaseSlide .bd .bdListPad ul li .back{ position: absolute; width: 100%; height: 100%; left:0; top: 0;  background-color: rgba(255,255,255,0.8);

    opacity: 0;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    transform-origin: 50% 50% 0px;

    transform: scale(0.3,0.3);

    -ms-transform: scale(0.3,0.3);

    -webkit-transform: scale(0.3,0.3);

    -o-transform: scale(0.3,0.3);

    -moz-transform: scale(0.3,0.3);

}

.homeCaseSlide .bd .bdListPad ul li:hover .back{ left: 0; top: 0; width: 100%; height: 100%;

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    transform: scale(1,1);

    -ms-transform: scale(1,1);

    -webkit-transform: scale(1,1);

    -o-transform: scale(1,1);

    -moz-transform: scale(1,1);

    -webkit-transition:  all 0.3s cubic-bezier(0, 0.8, .58, 1);

    -o-transition: all 0.3s cubic-bezier(0, 0.8, .58, 1);

    transition:  all 0.3s cubic-bezier(0, 0.8, .58, 1);

}

.homeCaseSlide .bd .bdListPad ul li .link{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -65px; }

.homeCaseSlide .bd .bdListPad ul li .link .linkIcon{ height: 56px; text-align: center;}

.homeCaseSlide .bd .bdListPad ul li .link .linkIcon .icon{ display: inline-block; width: 56px; height: 56px;

    transform: scale(0,0);

    -ms-transform: scale(0,0);

    -webkit-transform: scale(0,0);

    -o-transform: scale(0,0);

    -moz-transform: scale(0,0);

    -webkit-transition:  all 0.3s cubic-bezier(0, 0, .58, 1);

    -o-transition: all 0.3s cubic-bezier(0, 0, .58, 1);

    transition:  all 0.3s cubic-bezier(0, 0, .58, 1);

}

.homeCaseSlide .bd .bdListPad ul li:hover .link .linkIcon .icon{

    transform: scale(1,1);

    -ms-transform: scale(1,1);

    -webkit-transform: scale(1,1);

    -o-transform: scale(1,1);

    -moz-transform: scale(1,1);

}

.homeCaseSlide .bd .bdListPad ul li .link h4{ margin-left: -200%; margin-top: 15px; height: 32px; color: #000000; font-size: 18px; text-align: center; font-weight: bold; font-style: italic;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.homeCaseSlide .bd .bdListPad ul li:hover .link h4{ margin-left: 0;

    font-style: normal;

}

.homeCaseSlide .bd .bdListPad ul li .link .smallTit{ margin-left: 150%; margin-top: 9px; text-align: center; color: #888888; line-height: 18px;  font-style: italic;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.homeCaseSlide .bd .bdListPad ul li:hover .link .smallTit{ margin-left: 0; font-style: normal;}

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

    .homeCaseSlide .bd .bdListPad ul li{ float: none; width:auto;}

    .homeCaseSlide .bd .bdListPad ul li .link h4{  font-size: 18px; }

}

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

    .homeCaseSlide .bd .bdListPad ul li .link{ margin-top: -47px; }

    .homeCaseSlide .bd .bdListPad ul li .link .linkIcon{ height: 30px; }

    .homeCaseSlide .bd .bdListPad ul li .link .linkIcon .icon{ width: 30px; height: 30px; }

    .homeCaseSlide .bd .bdListPad ul li .link h4{  margin-top: 10px;}

    .homeCaseSlide .bd .bdListPad ul li .link .smallTit{  margin-top: 4px; }

}



/*homeNew*/

.homeNew{ padding-top:4.63%; padding-bottom:6.27%;  }

.homeNewList{ margin-top: 6%;}

.homeNewList ul{border-top: #e1e1e1 solid 1px;}

.homeNewList ul li{ border-bottom: #e1e1e1 solid 1px; position: relative; overflow: hidden; }

.homeNewList ul li a{ float: left; width: 100%; padding: 24px 20px; text-align: center; font-size: 14px; position: relative; z-index: 2; background-color: #fff;

    transition: all 0s linear;

    -moz-transition: all 0s linear;

    -webkit-transition: all 0s linear;

    -o-transition: all 0s linear;

}

.homeNewList ul li a:hover{ background-color: rgba(0,97,171,0.5);}

.homeNewList ul li a .form{ color: #666666;}

.homeNewList ul li a:hover .form{ color: #fff;}

.homeNewList ul li a .newCon{ margin-top: 12px; color: #0061ab; font-size: 14px;}

.homeNewList ul li a:hover .newCon{ color: #fff;}

.homeNewList ul li a .newBy{ margin-top: 6px; color: #666666;}

.homeNewList ul li a:hover .newBy{ color: #fff;}

.homeNewList ul li .bg{ position: absolute; width: 100%; height: auto; z-index: 1; left: 0; top: 0;

    opacity:0;

    -webkit-transition: all 3s cubic-bezier(.42,0,.36,.91);

    -moz-transition: all 3s cubic-bezier(.42,0,.36,.91);

    -o-transition: all 3s cubic-bezier(.42,0,.36,.91);

    transition: all 3s cubic-bezier(.42,0,.36,.91);

}

.homeNewList ul li:hover .bg{

    top: -600%;

    opacity:1;

}

.homeNewSee{ padding-top: 4.18%; text-align: center;}

.homeNewSee .seeLink{ display: inline-block; padding: 0 35px; color: #666666; line-height: 44px; border: #b2b2b2 solid 1px; position: relative;}

.homeNewSee .seeLink:hover{ color: #fff;}

.homeNewSee .seeLink .seeText{ position: relative; z-index: 2;}

.homeNewSee .seeLink::before{ position: absolute; content: ''; width: 0; height: 100%; background-color: #222222; left: 0; top: 0; z-index: 1;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.homeNewSee .seeLink:hover::before{ width: 100%;}

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

    .homeNewSee .seeLink{ padding: 0 25px; line-height: 38px;}

}





.homeNewListAnother{ margin: 0 -22px; }

.homeNewListAnother .anotherDuty{ float: left; width: 33.333333%; padding: 3% 22px 0 22px;}

.homeNewListAnother .anotherDuty .dutyTitle{ height: 51px; border-bottom: #e6e6e6 solid 1px; }

.homeNewListAnother .anotherDuty .dutyTitle h4{ float: left; color: #494d50; font-size: 22px; line-height: 40px;}

.homeNewListAnother .anotherDuty .dutyTitle .more{ float: right; color: #999; font-size: 14px;line-height: 40px; text-transform: uppercase;}

.homeNewListAnother .anotherDuty .dutyTitle .more:hover{ color: #0061ab; }

.homeNewListAnother .anotherDuty .dutyDown{ padding-top: 5.93%;}

.homeNewListAnother .anotherDuty .dutyDown .dutyPicture{}

.homeNewListAnother .anotherDuty .dutyDown .dutyUl{ padding-top: 3.56%;}

.homeNewListAnother .anotherDuty .dutyDown .dutyUl li{ height: 35px; border-bottom: #e0dedf dashed 1px;}

.homeNewListAnother .anotherDuty .dutyDown .dutyUl li .time{ float: right; color: #6a6a6c; line-height: 34px;}

.homeNewListAnother .anotherDuty .dutyDown .dutyUl li .dutyText{ padding-right: 46px; color: #6a6a6c; font-size: 14px; line-height: 34px;}

.homeNewListAnother .anotherDuty .dutyDown .dutyUl li:hover .dutyText{ color: #0061ab;}

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

    .homeNewListAnother .anotherDuty{ width: 100%;  }

    .homeNewListAnother .anotherDuty .dutyTitle h4{ font-size: 18px; }

    .homeNewListAnother .anotherDuty .dutyDown{ padding-top: 3.5%;}

}





/*homeAbout*/

.homeAboutBack{ background-color: #f9f9f9;}

.homeAboutBack .homeAboutPic{ float: right; width:49.16%; }

.homeAboutBack .homeAboutLeft{ padding-right:49.16%; }

.homeAboutLeftBox{ padding: 0 11.61% 0 16.36%;}

.homeAboutLeftBox h4{ float: left; width: 100%; padding-top: 17.69%; color: #202020; font-size: 34px; line-height:1.294; }

.homeAboutLeftBox .aboutLine{ float: left; width: 100%; padding-top: 3.5%; padding-bottom: 4.67%; line-height: 0;}

.homeAboutLeftBox .aboutLine span{ float: left; width: 130px; height: 3px; background-color: #0061ab;}

.homeAboutLeftBox .aboutContent{ float: left; width: 100%; height: 175px; color: #74797b; font-size: 14px; line-height: 25px; overflow: hidden;}

.homeAboutLeftBox .aboutMore{float: left; width: 100%; padding-top: 5.55%;}

.homeAboutLeftBox .aboutMore .aboutLink{float: left; padding: 0 30px; color: #fff; background-color: #0061ab; border: #0061ab solid 1px; line-height: 38px;}

.homeAboutLeftBox .aboutMore .aboutLink:hover{color: #0061ab; background-color: #fff;}

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

    .homeAboutLeftBox h4{ font-size: 30px; }

    .homeAboutLeftBox .aboutContent{ height: 150px; }

}

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

    .homeAboutLeftBox h4{ font-size: 26px; }

    .homeAboutLeftBox .aboutContent{ height: 125px; }

}

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

    .homeAboutLeftBox h4{ font-size: 22px; }

}

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

    .homeAboutBack .homeAboutPic{ float:none; width:738px; margin: 0 auto; }

    .homeAboutBack .homeAboutLeft{ padding-right:0; float: left; width: 100%; }

    .homeAboutLeftBox{ padding: 0; margin: 0 auto; width: 738px;}

    .homeAboutLeftBox h4{ padding-top: 5%; font-size: 20px;  }

    .homeAboutLeftBox .aboutLine{  padding-top: 3.5%; padding-bottom: 3.5%; }

    .homeAboutLeftBox .aboutLine span{ width: 80px; height: 2px; }

    .homeAboutLeftBox .aboutMore{ padding-top: 5.55%; padding-bottom: 5.5%;}

}

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

    .homeAboutBack .homeAboutPic{  width:100%; padding-left: 15px; padding-right: 15px;  }

    .homeAboutBack .homeAboutLeft{ float: left; width: 100%; }

    .homeAboutLeftBox{  width: 100%; padding-left: 15px; padding-right: 15px;}

    .homeAboutLeftBox h4{  font-size: 17px;  }

    .homeAboutLeftBox .aboutLine span{ width: 60px; height: 2px; }

}

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

    .homeAboutLeftBox .aboutMore .aboutLink{ padding: 0 18px; line-height: 28px;}

}

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

    .homeAboutLeftBox .aboutMore .aboutLink{  padding: 0 25px; line-height: 35px;}

}



.homeFromBack{ background: url("images/main22.jpg") top center no-repeat;

    background-attachment: fixed;

    background-size: cover;

}

.homeFrom{ padding: 9% 0 10.9% 0; }

.homeFrom .fromTit{ text-align: center; color: #fff; font-size: 34px; line-height: 1.29;}

.homeFrom .fromLine{ padding:2.27% 0 3.18% 0; text-align: center; line-height: 0; }

.homeFrom .fromLine span{ display: inline-block; width: 100px; height: 3px; background-color: #fff;}

.homeFrom .fromAgent{ padding-bottom: 2.27%; text-align: center; color: #fff; font-size: 22px; line-height: 1.54;}

.homeFrom .fromList{ padding: 0 8%;}

.homeFrom .fromList .fromLi{ float: left; width: 50%; padding: 20px 10px 0 10px;}

.homeFrom .fromList .fromIn{ float: left; width: 100%; height: 39px; padding: 0 12px; border: #c6c6c6 solid 1px; color: #333; font-size: 14px;

    border-radius:2px;

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    -o-border-radius:2px;

    -webkit-appearance:none;

    outline: 0;

}

.homeFrom .fromList .fromIn:focus{ border-color: #005ea6;}

.inco1 ::-webkit-input-placeholder { color:#a9a9a9 !important;}

.inco1 :-moz-placeholder {  color:#a9a9a9 !important;}

.inco1 ::-moz-placeholder {  color:#a9a9a9 !important;}

.inco1 :-ms-input-placeholder { color:#a9a9a9 !important; }

.homeFrom .fromList .fromButton{ float: left; width: 100%; height: 39px; border: 0; background-color: #005ea6; color: #fff; font-size: 14px; line-height: 39px; text-align: center; font-weight: bold; cursor: pointer;

    border-radius:2px;

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    -o-border-radius:2px;

    -webkit-appearance:none;

    outline: 0;

}

.homeFrom .fromList .fromButton:hover,

.homeFrom .fromList .fromButton:focus{ background-color: #025ca1;}

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

    .homeFrom .fromTit{ font-size: 29px; }

}

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

    .homeFromBack{ background: url("images/main22.jpg") top center no-repeat;

        background-attachment: local;

        background-size: cover;

    }

    .homeFrom .fromTit{ font-size: 24px; }

    .homeFrom .fromAgent{  font-size: 18px; }

}

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

    .homeFrom .fromList{ padding: 0;}

    .homeFrom .fromTit{ font-size: 20px; }

    .homeFrom .fromAgent{  font-size: 14px; }

}

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

    .homeFrom .fromList .fromLi{ width: 100%; padding: 15px 10px 0 10px;}

}





/*down*/

.footer{ float: left; width: 100%;}

.footerTop{ background-color: #212121; padding: 3.82% 2.34%;  }

.footerTop .floatLine{ position: relative;

    display:flex;

    display:-webkit-flex;

    display:-moz-box;

    display:-ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.footerTop .floatLine .line1{ position: absolute; width: 1px; height: 100%; left: 25%; background-color: #414141;}

.footerTop .floatLine .line2{ position: absolute; width: 1px; height: 100%; left: 50%; background-color: #414141;}

.footerTop .floatLine .line3{ position: absolute; width: 1px; height: 100%; left: 75%; background-color: #414141;}

.footerTop .footBlock1{ float: left; width: 25%; padding: 0 2.82%;}

.footerTop  .footH4{ color: #fff; font-size: 22px; line-height: 1.31;}

.footerTop  .footH4 img{ height: 24px;}

.footerTop .footBlock1 .blockTit{ padding-top: 5.81%; color: #797979; font-size: 14px; line-height: 26px;}



.footerTop .footBlock2{ float: left; width: 25%; padding: 0 2.82%;}

.footerTop .block2Ul{ padding-top: 6.6%;}

.footerTop .block2Ul li{ border-bottom: #333333 solid 1px; padding: 2.87% 0; }

.footerTop .block2Ul li a{ float: left; width: 100%; max-height: 50px;  color: #797979; font-size: 14px; line-height: 25px; overflow: hidden; }

.footerTop .block2Ul li a:hover{ color: #fff;}

.footerTop .footBlock3{ float: left; width: 25%; padding: 0 2.82%;}

.footerTop .footBlock4{ float: left; width: 25%; padding: 0 2.82%;}

.footerTop  .block3{ padding: 7.75% 15.8% 0 0; }





.footerDown{ background-color: #303030; padding: 1.15% 15px; color: #a2a2a2; font-size: 14px; line-height: 24px; text-align: center;}

.footerDown a{ color: #797979;}

.footerDown a:hover{ color: #fff;}

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

    .footerTop .floatLine .line1{ left: 50%; }

    .footerTop .floatLine .line2{ display: none;}

    .footerTop .floatLine .line3{ display: none;}

    .footerTop .footBlock1{ width: 50%; padding: 0 2.82%;}

    .footerTop .footBlock2{ width: 50%;}

    .footerTop .footBlock3{ width: 50%; padding: 3.5% 2.82% 0 2.82%; margin-top: 3.5%; border-top: #414141 solid 1px;}

    .footerTop .footBlock4{ width: 50%; padding: 3.5% 2.82% 0 2.82%; margin-top: 3.5%; border-top: #414141 solid 1px;}

}

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

    .footerTop .floatLine .line1{ display: none;}

    .footerTop  .footH4{ color: #fff; font-size: 22px; line-height: 1.31; text-align: center;}

    .footerTop  .footH4 img{ height: 24px;}

    .footerTop .footBlock1 .blockTit{ text-align: center; padding-top: 3.5%; }

    .footerTop .footBlock1{ width: 100%; }

    .footerTop .footBlock2{ display: none;}

    .footerTop .footBlock3{ display: none;}

    .footerTop .footBlock4{ display: none;}

}

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

    .footerTop  .footH4 img{ height: 18px;}

}





.return{ position: fixed; width: 41px; height: 41px; right: 20px; bottom: 20px; z-index: 1300; background-color: #0061ab;}

#edgtf-back-to-top{

    position:fixed;width:41px;right:25px;bottom:25px;margin:0;z-index:10000;

}

#edgtf-back-to-top>span{ position:relative; display:block;width:41px;height:41px;line-height:41px; font-size:15px;text-align:center;color:#fff;

    background-color:#0061ab;

    -webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,

    border-color .2s ease-in-out;

    -moz-transition:color .2s ease-in-out,background-color .2s ease-in-out,

    border-color .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;overflow:hidden

}

#edgtf-back-to-top>span i{ display: block; width: 41px; height: 41px;

    -webkit-transition:.15s ease 50ms;

    -moz-transition:.15s ease 50ms;

    transition:.15s ease 50ms

}

#edgtf-back-to-top>span:hover i{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition:.15s ease;-moz-transition:.15s ease;transition:.15s ease}



#edgtf-back-to-top>span:after{ content:'TOP';position:absolute;top:150%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.45s cubic-bezier(.54,.13,0,1.43);-moz-transition:.45s cubic-bezier(.54,.13,0,1.43);transition:.45s cubic-bezier(.54,.13,0,1.43);font-family:Hind,sans-serif;font-weight:600;font-size:12px;letter-spacing:.5px}

#edgtf-back-to-top>span:hover:after{top:50%}

#edgtf-back-to-top span span{display:block;line-height:inherit}





/*产品中心*/

.proBanner{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -29px; }

.proBanner h2{color: #fff; font-size: 48px; line-height: 58px;}

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

    .proBanner h2{ font-size: 35px; }

}

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

    .proBanner h2{ font-size: 28px; }

}

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

    .proBanner h2{ font-size: 24px; text-align: center; }

}

.productList{ padding: 7.2% 0 10.09% 0; margin: 0 -10px;}

.productList ul{ float: left; width: 100%; min-height: 500px;

    display:flex;

    display:-webkit-flex;

    display:-moz-box;

    display:-ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.productList ul li{ float: left; width: 25%; padding: 0 10px;}

.productList ul li a{ float: left; width: 100%; padding-top:5.31%; }

.productList ul li .proRule{}

.productList ul li .proRule .proPic{ overflow: hidden; position: relative; line-height: 0;}

.productList ul li .proRule .proPic img{

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.productList ul li:hover .proRule .proPic 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);

}

.productList ul li .proRule .proTit{ padding: 7.64% 15px; line-height: 24px; color: #fff; background-color: #1e73be;}

.productList ul li .proRule .proTit .titLeft{ float: left; width: 70%; font-size: 18px; line-height: 24px;  }

.productList ul li .proRule .proTit .proLink{ float: right; font-size: 14px;}

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

    .productList ul{min-height: 5px;  }

}

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

    .productList{ margin: 0 -7px;}

    .productList ul li{ width: 50%; padding: 0 7px;}

    .productList ul li .proRule .proTit{ padding: 5% 10px; }

    .productList ul li .proRule .proTit .titLeft{ font-size: 14px;  }

    .productList ul li .proRule .proTit .proLink{ display: none;}

}

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

    .productList ul li .proRule .proTit .titLeft{ width: 100%;  }

}







.productLists{ padding: 7.2% 0 10.09% 0; margin: 0 -10px;}

.productLists ul{ float: left; width: 100%; min-height: 500px;

    display:flex;

    display:-webkit-flex;

    display:-moz-box;

    display:-ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.productLists ul li{ float: left; width:50%; padding: 0 10px;}

.productLists ul li a{ float: left; width: 100%; padding-top:5.31%; }

.productLists ul li .proRule{}

.productLists ul li .proRule .proPic{ overflow: hidden; position: relative; line-height: 0;}

.productLists ul li .proRule .proPic img{

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.productLists ul li:hover .proRule .proPic 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);

}

.productLists ul li .proRule .proTit{ padding: 7.64% 15px; line-height: 24px; color: #fff; background-color: #1e73be;}

.productLists ul li .proRule .proTit .titLeft{ float: left; width: 70%; font-size: 18px; line-height: 24px;  }

.productLists ul li .proRule .proTit .proLink{ float: right; font-size: 14px;}

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

    .productLists ul{min-height: 5px;  }

}

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

    .productLists{ margin: 0 -7px;}

    .productLists ul li{ width: 50%; padding: 0 7px;}

    .productLists ul li .proRule .proTit{ padding: 5% 10px; }

    .productLists ul li .proRule .proTit .titLeft{ font-size: 14px;  }

    .productLists ul li .proRule .proTit .proLink{ display: none;}

}

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

    .productLists ul li .proRule .proTit .titLeft{ width: 100%;  }

}













/*产品详情*/

.productInBack{ background-color: #1e73be;}

.productInBack .bluePad{ padding: 4.18% 0; color: #fff; font-size: 48px; line-height: 1.33;}

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

    .productInBack .bluePad{ font-size: 35px; }

}

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

    .productInBack .bluePad{ font-size: 28px; }

}

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

    .productInBack .bluePad{ font-size: 24px; }

}



.productInDown{ padding: 4.54% 0;}

.productInDown .inDownTop{}

.productInDown .inDownTop .inTopLeft{ float: left; width: 424px; border: #ebebeb solid 1px; padding: 6px;}

.productInDown .inDownTop .inTopRight{ float: right; width: 662px;}

.productInDown .inDownTop .inTopRight h3{ padding-top: 5.37%; color: #202020; font-size: 30px; line-height: 1.333;}

.productInDown .inDownTop .inTopRight .inChewTit{ padding:7.45% 0 5.8% 0; line-height: 0;}

.productInDown .inDownTop .inTopRight .inChewTit span{ float: left; width: 130px; height: 3px; background-color: #1e73be;}

.productInDown .inDownTop .inTopRight .inRong{ color: #74797b; font-size: 15px; line-height: 24px;}

.productInDown .inDownSlide{ margin-top: 1.454%;}

.productInDown .inDownSlide .hd{}

.productInDown .inDownSlide .hd ul{}

.productInDown .inDownSlide .hd ul li{ float: left; height: 57px; padding: 0 72px; color:#0061ab; font-size: 18px; line-height: 55px; border: #0061ab solid 1px; margin-right: 30px; }

.productInDown .inDownSlide .hd ul li:hover,

.productInDown .inDownSlide .hd ul li.on{ background-color: #0061ab; color: #fff;}

.productInDown .inDownSlide .bd{}

.productInDown .inDownSlide .bd .bdDhow{ border: #c3c3c3 solid 1px; padding: 15px;font-size: 15px; line-height: 35px; color: #74797b;}

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

    .productInDown .inDownTop .inTopLeft{ width: 575px; }

}

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

    .productInDown .inDownTop .inTopLeft{ width: 100%; }

    .productInDown .inDownTop .inTopRight{ float: left; width: 100%;}

    .productInDown .inDownTop .inTopRight h3{ padding-top: 3%; font-size: 24px; }

    .productInDown .inDownTop .inTopRight .inChewTit{ padding:3% 0 3% 0; }

    .productInDown .inDownTop .inTopRight .inRong{ padding-bottom: 5%;}

    .productInDown .inDownSlide .hd ul li{ height: 48px; padding: 0 35px; font-size: 16px; line-height: 46px; margin-right: 15px; }

}

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

    .productInDown .inDownTop .inTopRight h3{ font-size: 20px; }

    .productInDown .inDownSlide .hd ul li{   width: 31.3333%;  padding: 0; margin-right: 3%; text-align: center; }

    .productInDown .inDownSlide .hd ul li:last-child{ margin-right: 0;}

}









.dhowBlock1{}

.dhowBlock1 .o_Pic{ float: right; width: 24.74%;}

.dhowBlock1 .o_Left{ padding-right: 36.68%;}

.dhowBlock1 .o_Left .text{ float: left; width: 100%; padding: 7.97% 0 6.5% 0;}

.dhowBlock1 .o_Left .pic{ float: left; width: 100%;}





.dhowBlock2{ float: left; width: 100%; padding-top: 6.67%;}



.o_title{ float: left; width: 100%; }

.o_title .oTit{ float: left; padding: 30px 0 20px 0; border-bottom: #0061ab solid 3px; color: #202020; font-size: 32px; line-height: 1.2;}

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

    .o_title .oTit{ font-size: 25px; }

}

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

    .o_title .oTit{ font-size: 23px; }

}

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

    .o_title .oTit{ font-size: 18px; padding: 15px 0 10px 0; }

}





/*经典项目*/

.caseList{ padding:3.63% 0 7.63% 0; margin: 0 -10px; }

.caseListHd{ text-align: center;}

.caseListHd li{display: inline-block; margin: 10px 2px 0 3px; }

.caseListHd li a{ float: left; border: #e5e5e5 solid 1px; color: #999999; font-size: 12px; font-weight: bold; line-height: 38px; padding: 0 16px; cursor: pointer;

    border-radius:4px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -o-border-radius:4px;}

.caseListHd li .hover,

.caseListHd li a:hover{ border-color: #bbbbbb; color: #333333;

    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);

    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);

    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3);

    box-shadow: 0 2px 6px rgba(0,0,0,0.3);

}





.caseListDown{ padding-top: 1.27%;}

.caseListDown ul{ float: left; width: 100%; min-height: 500px;

    display:flex;

    display:-webkit-flex;

    display:-moz-box;

    display:-ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.caseListDown ul li{ float: left; width: 33.333333%; padding: 0 10px;}

.caseListDown ul li a{ float: left; width: 100%; padding-top: 3.18%;}

.caseListDown ul li a .casePic{ overflow: hidden; position: relative;}

.caseListDown ul li a .casePic .back{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; background-color: rgba(0,0,0,0.5);

    -webkit-transform: scale(0.3);

    -moz-transform: scale(0.3);

    -ms-transform: scale(0.3);

    -o-transform: scale(0.3);

    transform: scale(0.3);

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

    opacity: 0;

}

.caseListDown ul li a:hover .casePic .back{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}

.caseListDown ul li a .casePic .icon{ position: absolute; width: 48px; height: 48px; left: 50%; top: 40%; margin: -25px 0 0 -25px; background-color: rgba(0,0,0,0.2); z-index: 4;

    opacity: 0;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

}

.caseListDown ul li a:hover .casePic .icon{ top: 50%;

    opacity: 1;

}

.caseListDown ul li a .casePic .icon:hover{ background-color: rgba(0,0,0,0.4);}

.caseListDown ul li .caseDown{ padding-top: 7.93%; padding-right: 20px; padding-left: 28px;}

.caseListDown ul li .caseDown h4{color: #363636; font-size: 20px; line-height: 28px; }

.caseListDown ul li .caseDown .caseTime{ padding-top: 3.5%; color: #aaa; line-height: 18px;}

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

    .caseListDown ul{ min-height: 5px; }

    .caseListDown ul li a{ padding-top: 8%; }

    .caseListDown ul li .caseDown{ padding-right: 10px; padding-left: 10px;}

    .caseListDown ul li .caseDown h4{ font-size: 18px;  }

}

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

    .caseList{ margin: 0 -7px; }

    .caseListDown ul li{ width: 50%; padding: 0 7px;}

    .caseListDown ul li .caseDown{ padding-top: 6%; }

    .caseListDown ul li .caseDown h4{ font-size: 16px;  }

}





/*经典项目详情*/

.classItem{ padding-top:6.36% ;}

.classItem .itemTop{}

.classItem .itemTop .itemPicture{ float: left; width: 500px;}

.classItem .itemTop .itemRight{float: right; width: 348px;}

.classItem .itemTop .itemRight h4{ color: #202020; font-size: 22px; line-height: 1.22;}

.classItem .itemTop .itemRight .by{ padding-top: 10.05%; line-height: 20px; color: #74797b;}

.classItem .itemTop .itemRight .by span{ color: #0061bd}

.classItem .itemTop .itemRight .itemDate{ padding-top: 5.74%;}

.classItem .itemTop .itemRight .itemDate .tiemLi{ padding: 12px 0; border-bottom: #e5e5e5 solid 1px;}

.classItem .itemTop .itemRight .itemDate .tiemLi:last-child{ border-bottom: 0;}

.classItem .itemTop .itemRight .itemDate .tiemLi b{ float: left; width: 13px; height: 13px; margin:4px 12px 0 0; line-height: 0; }

.classItem .itemTop .itemRight .itemDate .tiemLi .span{ padding-left: 26px; color: #666666; font-size: 14px; line-height: 20px;}

.classItem .itemDown{ padding:3.36% 0; margin-top: 7.09%; border-top: #e1e1e1 solid 1px; position: relative; }

.classItem .itemDown .itemLeft{ float: left; width: 24px; height: 24px; margin-left: 10px; line-height: 0;}

.classItem .itemDown .itemRight{ float: right; width: 24px; height: 24px; margin-left: 10px; line-height: 0;}

.classItem .itemDown .itemReturnList{ position: absolute; width: 24px; height: 24px; left:50%; top: 50%; margin: -12px 0 0 -12px; line-height: 0;}

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

    .classItem .itemTop .itemPicture{  width: 370px;}

}

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

    .classItem .itemTop .itemPicture{  width: 100%;}

    .classItem .itemTop .itemRight{float: left; width: 100%; padding-top: 4.5%;}

    .classItem .itemTop .itemRight h4{ font-size: 18px; }

    .classItem .itemTop .itemRight .by{ padding-top: 3.5%; }

    .classItem .itemTop .itemRight .itemDate{ padding-top: 3.5%;}

}





/*新闻资讯*/

.new{}

.new .newLeft{ float: left; width:805px; }

.new .newList{ padding-top: 3.18%;}

.new .newList ul{}

.new .newList ul li{ border-bottom: #e1e1e1 solid 1px;}

.new .newList ul li a{ float: left; width: 100%; padding:6.2% 0; }

.new .newList ul li a .newPic{ float: left; width: 322px; height: 242px; line-height: 0; overflow: hidden;}

.new .newList ul li a .newPic img{

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.new .newList ul li a:hover .newPic 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);

}

.new .newList ul li a .newRight{ padding-left: 348px;}

.new .newList ul li a .newRight .newTime{ float: left; width: 100%; color: #666666; line-height: 16px;}

.new .newList ul li a .newRight .newH3{float: left; width: 100%; margin-top: 14px;  height: 52px; color: #202020; font-size: 22px; line-height: 26px; overflow: hidden;}

.new .newList ul li a:hover .newRight .newH3{ color: #0061ab;}

.new .newList ul li a .newRight .newText{float: left; width: 100%; margin-top: 21px;  height: 48px; color: #74797b; font-size: 14px; line-height: 24px; overflow: hidden;}

.new .newList ul li a .newRight .newMore{float: left; width: 100%; margin-top: 27px; color: #0061ab; line-height: 18px;}

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

    .new .newLeft{ width:750px; }

}

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

    .new .newLeft{ width:100%; }

    .new .newList ul li a .newRight .newH3{font-size: 20px; }

}

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

    .new .newList ul li a .newPic{ width: 133px; height: 100px; }

    .new .newList ul li a .newRight{ padding-left: 143px;}

    .new .newList ul li a .newRight .newH3{ margin-top: 4px; height: 20px; font-size: 16px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }

    .new .newList ul li a .newRight .newText{ margin-top: 4px; height: 36px; line-height: 18px; }

    .new .newList ul li a .newRight .newMore{float: left; width: 100%; margin-top: 5px; color: #0061ab; line-height: 14px;}







}









.newRightBox{ float: right; width: 255px; padding: 2.72% 0;}

.newSearch{ padding-top: 14.5%;}

.newSearchDown{ margin-top: 5%; position: relative;}

.newSearchDown .newInput{ float: left; width: 100%; height: 41px; border: #e1e1e1 solid 1px; padding-left: 15px; color: #797979; font-size: 14px;

    border-radius:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -o-border-radius:0;

    -webkit-appearance:none;

    outline: 0;

}

.newSearchDown .newInput:hover,

.newSearchDown .newInput:focus{ border: #0061ab solid 1px;}

.inco3 ::-webkit-input-placeholder { color:#797979 !important;}

.inco3 :-moz-placeholder {  color:#797979 !important;}

.inco3 ::-moz-placeholder {  color:#797979 !important;}

.inco3 :-ms-input-placeholder { color:#797979 !important; }

.newSearchDown .inIcon{ position: absolute; width: 39px; height: 39px; right: 1px; top: 1px; z-index: 2; border: 0; background: 0;

    border-radius:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -o-border-radius:0;

    -webkit-appearance:none;

    outline: 0;

}

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

    .newSearch{ padding-top: 4.5%; padding-bottom: 2%;}

    .newSearchDown{ margin-top: 2%; position: relative;}

}



.newMenu{padding-top: 14.5%;}

.newMenuList{ padding-top: 3px;}

.newMenuList li{ border-bottom: #e1e1e1 solid 1px;}

.newMenuList li a{ float: left; width: 100%; color: #797979; font-size: 16px; line-height: 45px; padding-right: 10px; position: relative;}

.newMenuList li a:hover{ color: #0061ab;}

.newMenuList li a::after{ content: ''; position: absolute; right: 0; top: 50%; width: 7px; height: 7px; border-top: #797979 solid 1px; border-right: #797979 solid 1px; margin-top: -2px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}

.newMenuList li a:hover::after{ border-color: #0061ab; }



.newLast{padding-top: 14.5%;}

.newLastList{ padding-top: 3px;}

.newLastList ul{}

.newLastList ul li{ border-bottom: #e1e1e1 solid 1px; padding: 12px 0;}

.newLastList ul li a{ float: left; width: 100%; height: 50px; color: #797979; font-size: 16px; line-height: 25px; overflow: hidden;}

.newLastList ul li a:hover{ color:#0061ab;}

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

    .newRightBox{ width: 195px; }

}

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

    .newRightBox{ float: left; width: 100%; }

    .newMenu{ display: none;}

    .newLast{ padding-top: 2.5%;}

    .newLastList ul li a{ height: 25px; color: #797979; font-size: 14px; text-overflow: ellipsis; white-space: nowrap;}

}



.newSearchTitle{ color: #202020; font-size: 22px; line-height: 1.636;}

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

    .newSearchTitle{ font-size: 18px; }

}





.babyser{ position: relative; z-index: 5;}

.babyser h2{  border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:18px; 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(180deg);

        -moz-transform:rotate(180deg);

        -o-transform:rotate(180deg);

        transform:rotate(180deg);

    }

}

.pz_SideLayerph{ display:none;  background-color:#fff;}

.pz_SideLayerph .l1{}

.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}

.pz_SideLayerph .l1 h3 a{ display: block; color:#666; padding-left:15px;}

.pz_SideLayerph .l1 h3.active a{ color:#000;}

.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 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 .l1 .l1ul{ display:none;}

.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}

.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}

.pz_SideLayerph .l1 .l1ul li a{color:#999999;}





/*新闻资讯详情*/

.newOw{ padding: 8.36% 0 4.54% 0;}

.newOw .owTime{ color: #666666;font-size: 14px; line-height: 18px;}

.newOw .owH2{ padding-top: 13px; color: #202020; font-size: 34px; line-height: 1.32;}

.newOw .owText{ padding: 2.23% 0 4.46% 0; color: #74797b; font-size: 15px; line-height: 25px; border-bottom: #e1e1e1 solid 1px;}

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

    .newOw .owH2{ font-size: 29px; }

}

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

    .newOw .owH2{ font-size: 25px; }

}

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

    .newOw .owH2{ font-size: 20px; }

}





/*合作代理*/

.cooperOne{ background-image: url("images/cooper1.jpg"); background-position: 50% 0; background-size: cover;

    background-repeat: no-repeat;

    background-color: transparent;

    background-attachment: fixed;

    overflow: hidden;

}

.cooperOneCenter{ padding:12.27% 0 23.36% 0; }

.cooperOneCenter .welcome{ padding-right: 57.45%;}

.cooperOneCenter .welcome .welH4{ color: #0c0c0c; font-size: 48px; line-height: 1.208;}

.cooperOneCenter .welcome .welText{ padding-top: 6.79%; color: #74797b; font-size: 15px; line-height: 25px;}

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

    .cooperOneCenter .welcome .welH4{ font-size: 35px; }

}

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

    .cooperOne{

        background-attachment: local;

    }

    .cooperOneCenter .welcome .welH4{ font-size: 30px; }

}

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

    .cooperOneCenter .welcome{ padding-right: 30%;}

    .cooperOneCenter .welcome .welH4{ font-size: 26px; }

    .cooperOneCenter .welcome .welText{ font-size: 14px; }

}



.cooperTwo{ background-image: url("images/cooper2.jpg"); background-position: 50% 0;  background-size: cover;

    background-repeat: no-repeat;

    background-color: transparent;

    background-attachment: fixed;

    overflow: hidden;

}

.cooperTwoCenter{ padding: 8.45% 0 27.27% 0;}

.cooperTwoCenter .elevator{ padding-left: 57.45%;}

.cooperTwoCenter .elevator .eleH4{color: #0c0c0c; font-size: 48px; line-height: 1.208;}

.cooperTwoCenter .elevator .eleStart{ padding-top: 10.61%;}

.cooperTwoCenter .elevator .eleStart .startLi{ padding: 15px 0;}

.cooperTwoCenter .elevator .eleStart .startLi .stB{ float: left; width: 18px; height: 18px; margin-top: 2px; line-height: 0;}

.cooperTwoCenter .elevator .eleStart .startLi .stR{ padding-left: 28px; color: #74797b; font-size: 16px; line-height: 22px;}

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

    .cooperTwoCenter .elevator .eleH4{ font-size: 35px; }

}

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

    .cooperTwo{

        background-attachment: local;

    }

    .cooperTwoCenter .elevator .eleH4{ font-size: 30px; }

}

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

    .cooperTwoCenter .elevator{ padding-left: 30%;}

    .cooperTwoCenter .elevator .eleH4{ font-size: 26px; }

    .cooperTwoCenter .elevator .eleStart .startLi{ padding: 8px 0;}

    .cooperTwoCenter .elevator .eleStart .startLi .stR{  font-size: 14px; }

}



.cooperThree{ background-image: url("images/cooper4.jpg"); background-position: 50% 0; background-size: cover;

    background-repeat: no-repeat;

    background-color: transparent;

    background-attachment: fixed;

    overflow: hidden;

}

.cooperThreeCenter{ padding: 5.81% 0 8.81% 0;}

.cooperThreeCenter .give{ padding-right: 51.18%;}

.cooperThreeCenter .give .giveH4{color: #fff; font-size: 48px; line-height: 1.208;}

.cooperThreeCenter .give .giveList{ padding-top: 11.99%;}

.cooperThreeCenter .give .giveList .giveLi{ padding: 15px 0;}

.cooperThreeCenter .give .giveList .giveLi .stB{ float: left; width: 18px; height: 18px; margin-top: 2px; line-height: 0;}

.cooperThreeCenter .give .giveList .giveLi .stR{ padding-left: 28px; color: #fff; font-size: 16px; line-height: 22px;}

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

    .cooperThreeCenter .give .giveH4{ font-size: 35px;}

}

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

    .cooperThree{

        background-attachment: local;

    }

    .cooperThreeCenter .give .giveH4{ font-size: 30px;}

}

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

    .cooperThreeCenter .give{ padding-right: 30%;}

    .cooperThreeCenter .give .giveH4{ font-size: 26px;}

    .cooperThreeCenter .give .giveList .giveLi{ padding: 8px 0;}

    .cooperThreeCenter .give .giveList .giveLi .stR{ font-size: 14px; }

}

.cooperFour{ background-image: url("images/cooper5.jpg"); background-position: 50% 0; background-size: cover;

    background-repeat: no-repeat;

    background-color: transparent;

    background-attachment: fixed;

    overflow: hidden;

}

.cooperFourCenter{ padding: 16.72% 0 20% 0;}

.cooperFourCenter .hot{ padding-left: 59%;}

.cooperFourCenter .hot .hotH4{color: #dd3333; font-size: 48px; line-height: 1.208;}

.cooperFourCenter .hot .hotDown{ padding-top: 7.28%;}

.cooperFourCenter .hot .hotDown .hotBig{ padding-bottom: 6.4%; color: #222222; font-size: 20px; line-height: 25px;}

.cooperFourCenter .hot .hotDown .hotText{ padding-top: 4.19%; color: #999; font-size: 15px; line-height: 25px;}

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

    .cooperFourCenter .hot .hotH4{ font-size: 35px; }

}

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

    .cooperFour{

        background-attachment: local;

    }

    .cooperFourCenter .hot .hotH4{ font-size: 30px; }

}

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

    .cooperFour{  background-position: 60% 0; }

    .cooperFourCenter .hot{ padding-left: 30%;}

    .cooperFourCenter .hot .hotH4{ font-size: 26px; }

    .cooperFourCenter .hot .hotDown .hotBig{ font-size: 16px; }

    .cooperFourCenter .hot .hotDown .hotText{  font-size: 13px; }

}





/*资料中心*/

.dataBox{ padding: 7.72% 0 9.09% 0;}

.dataBox .dataList{ padding: 0 12.36%;}

.dataBox .dataList 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;

}

.dataBox .dataList ul li{ float: left; width: 25%; padding: 0 10px;}

.dataBox .dataList ul li a{ float: left; width: 100%; padding-top: 20.68% ;}

.dataBox .dataList ul li .dataRule{ position: relative;}

.dataBox .dataList ul li .dataRule .tit{ position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 0 5px; color: #fff; font-size: 14px; line-height: 35px; text-align: center;}

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

    .dataBox .dataList ul li{ width: 33.3333%;}

}

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

    .dataBox .dataList ul li{ width: 50%;}

}

.dataBox .dataPic{}





/*资料中心详情*/









/*企业招聘*/

.joinBox{ padding: 8.18% 0 9.09% 0;}

.joinBox .joinText{ padding: 3.54% 0 4.54% 0; color: #74797b; font-size: 15px; line-height: 25px; text-align: center;}

.joinBox .joinForm{ background-color: #eeeeee; padding: 0 8px 15px 8px;}

.joinBox .joinForm .hoinLi{ float: left; width: 50%; padding: 15px 8px 0 8px;}

.joinBox .joinForm .hoinLi .joinIn{ float: left; width: 100%; height: 30px; border: #a9a9a9 solid 1px; padding-left: 8px; color: #a9a9a9; font-size: 14px;

    -webkit-appearance:none;

    outline: 0;

    border-radius:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    -o-border-radius:0;

}

.joinBox .joinForm .hoinLi .joinIn:focus{ border-color: #005ea6;}

.joinBox .joinSelect{ background-color: #f9f9f9; border-bottom: #eeeeee solid 1px;}

.joinBox .joinSelect .selectLi{ float: left; padding-right: 12px; padding-left: 15px; border-right: #eeeeee solid 1px;}

.joinBox .joinSelect .selectLi label{ color: #74797b; font-size: 14px; line-height: 38px; font-weight: normal; margin-bottom: 0;}

.joinBox .joinSelect .selectLi label input{ margin-top: 14px; margin-right: 8px; vertical-align: top;}

.joinBox .joinList{}

.joinBox .joinList li{ border-bottom: #eeeeee solid 1px;}

.joinBox .joinList li a{ float: left; width: 100%; padding: 15px 0;}

.joinBox .joinList li a .zuo{ float: left; width: 55%; padding-left: 2.5%;}

.joinBox .joinList li a .zuo .zB{ float: left; width: 42px; height: 42px; line-height: 0; border: #ececec solid 1px;}

.joinBox .joinList li a .zuo .zR{ padding-left: 16px; color: #202020; font-size: 15px; line-height: 42px; text-align: left;}

.joinBox .joinList li a .you{ float: left; width: 45%; color: #999999; font-size: 15px; line-height: 42px; text-align: left;}

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

    .joinBox .joinText{ font-size: 14px; }

    .joinBox .joinList li a{ padding: 5px 0;}

    .joinBox .joinList li a .zuo{ width: 65%;}

    .joinBox .joinList li a .zuo .zR{ font-size: 14px; }

    .joinBox .joinList li a .you{ width: 35%; font-size: 14px; }

}







/*联系我们*/

.contactBox{ padding: 4.09% 0 10.63% 0;}

.contactBox .contactList{}

.contactBox .contactList 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;

}

.contactBox .contactList ul li{ float: left; width: 25%; padding: 0 15px;}

.contactBox .contactList ul li .conPag{ padding-top: 16.32%;}

.contactBox .contactList ul li .conPag .pagMargin{ margin: 0 auto; width: 40px; height: 40px;}

.contactBox .contactList ul li .conPag .pagTit{ padding-top: 8.97%; color: #202020; font-size: 22px; text-align: center; line-height: 1.36;}

.contactBox .contactList ul li .conPag .pagSmall{ padding-top: 6.93%; color: #74797b; font-size: 14px; line-height: 20px; text-align: center;}

.contactBox .contactMap{ padding-top: 2.81%;}

.contactBox .contactMap .mapLeft{ float: left; width: 47.27%; margin-top: 6.2%;}

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

    .contactBox .contactList ul li .conPag .pagTit{ font-size: 18px; }

    .contactBox .contactMap .mapLeft{ width: 100%;}

}

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

    .contactBox .contactList ul li{  width: 50%; padding: 0 10px;}

    .contactBox .contactList ul li .conPag .pagTit{ font-size: 16px; }

}







#bdmap{width:100%; height:508px; background: no-repeat}

#bdmap img{ max-width:none;}

#bdmap .iw_poi_title{ display: block; color: #0061ab; font-size: 16px; font-weight: normal; line-height: 30px !important;}

#bdmap .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}

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

    #bdmap{ height:400px; }

}

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

    #bdmap{ height:300px; }

}



.mapTitle{ }

.mapTitle h2{ display: inline-block; border-bottom: #0061ab solid 3px; padding-bottom: 2.36%;  color: #202020; font-size: 34px; line-height: 1.294;}

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

    .mapTitle h2{ font-size: 29px; }

}

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

    .mapTitle h2{ font-size: 24px; }

}

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

    .mapTitle h2{ font-size: 20px; border-bottom: #0061ab solid 2px; }

}

.contactBox .mapRight{ float: right; width: 48.54%; margin-top: 6.2%;}

.mapMessage{ padding-top: 2.5%;}

.mapMessage .messLine{ margin-top: 21px; position: relative;}

.mapMessage .messIco{ position: absolute; width: 15px; height: 15px; right: 14px; top: 50%; margin-top: -7px; line-height: 0;}

.messIn{ float: left; width: 100%; height: 39px; padding: 0 12px; border: #c6c6c6 solid 1px; color: #333; font-size: 14px;

    border-radius:2px;

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    -o-border-radius:2px;

    -webkit-appearance:none;

    outline: 0;

}

.messIn:focus{ border-color: #005ea6;}

.messArea{ float: left; width: 100%; height: 114px; padding: 7px 12px; border: #c6c6c6 solid 1px; color: #333; font-size: 14px; line-height: 24px;

    border-radius:2px;

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    -o-border-radius:2px;

    -webkit-appearance:none;

    outline: 0;

}

.messArea:focus{ border-color: #005ea6;}



.messButton{ float: left; width: 100%; height: 39px; border: 0; background-color: #005ea6; color: #fff; font-size: 14px; line-height: 39px; text-align: center; font-weight: bold; cursor: pointer;

    border-radius:2px;

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    -o-border-radius:2px;

    -webkit-appearance:none;

    outline: 0;

}

.messButton:hover,

.messButton:focus{ background-color: #025ca1;}

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

    .contactBox .mapRight{ float: left; width: 100%; }

    .mapMessage .messLine{ margin-top: 12px; }

}





/*留言反馈*/

.feedBack{ padding: 6.18% 0 6.45% 0;}

.feedText{ padding: 3.45% 0 5% 0; color: #74797b; font-size: 14px; line-height: 25px; text-align: center;}

.feedFom{ margin: 0 -10px;}

.feedFom .fomLine{}

.feedFom .fomLine .fomDiv{ float: left; width: 50%; padding: 0 10px; margin-top: 21px; position: relative;}

.feedFom .fomLine .fomDiv .messIco{ position: absolute; width: 15px; height: 15px; right: 29px; top: 50%; margin-top: -7px; line-height: 0;}

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

    .feedFom .fomLine .fomDiv{ width: 100%; margin-top: 12px;}

}





/*常见问题*/

.question{ padding: 7.27% 0 9.09% 0;}

.questionTitle{ }

.questionTitle h2{ display: inline-block; border-bottom: #0061ab solid 3px; padding-bottom: 2.36%;  color: #202020; font-size: 30px; line-height: 1.294;}

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

    .questionTitle h2{ font-size: 29px; }

}

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

    .questionTitle h2{ font-size: 24px; }

}

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

    .questionTitle h2{ font-size: 20px; border-bottom: #0061ab solid 2px; }

}



.questionList{ padding: 2.09% 0 0 0;}

.questionList h3{ padding: 20px 0; color: #74797b; font-size: 16px; line-height: 30px; border-bottom: #e1e1e1 solid 1px;}

.questionList ul{ display: none; border-bottom: #e1e1e1 solid 1px;}

.questionList ul .divBhso{ padding: 2.72% 0; color: #74797b; font-size: 15px; line-height: 25px;}

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

    .questionList h3{ padding: 10px 0; font-size: 14px; }

    .questionList ul .divBhso{ font-size: 14px; }

}





/*关于三荣*/

.aboutOne{background-image: url("images/about1.jpg"); background-position: 50% 0;  background-size: cover;

    background-repeat: no-repeat;

    background-color: transparent;

    background-attachment: fixed;

    overflow: hidden;}

.aboutOneCenter{ padding: 6.72% 0 15.63% 0;}

.aboutOneCenter h5{color: #fff; font-size: 48px; line-height: 1.208}

.aboutOneCenter .company{ padding-top: 2.72%; color: #fff; font-size: 14px; line-height: 25px;}

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

    .aboutOneCenter h5{ font-size: 35px; }

}

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

    .aboutOne{

        background-attachment: local;

    }

    .aboutOneCenter h5{ font-size: 30px; }

}

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

    .aboutOneCenter h5{ font-size: 26px; }

}

.aboutTwo{background-image: url("images/about2.jpg"); background-position: 50% 0;  background-size: cover;

    background-repeat: no-repeat;

    background-color: transparent;

    background-attachment: fixed;

    overflow: hidden;}

.aboutTwoCenter{ padding: 13.18% 0 20.72% 0;}

.aboutTwo .abPad{ padding-left: 57.09%}

.aboutTwo .abPad h5{color: #202020; font-size: 48px; line-height: 1.208}

.aboutTwo .abPad .abText{ padding-top: 2.5%; color: #0070c0; font-size: 30px; line-height: 1.46; }

.aboutTwo .abPad .abText .o{ padding-top: 2.34%;}

.aboutTwo .abPad .abText .o1{ color: #74797b; font-size: 20px;}

.aboutTwo .abPad .abText .o2{ color: #74797b; font-size: 16px;}

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

    .aboutTwo .abPad h5{ font-size: 35px; }

}

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

    .aboutTwo{

        background-attachment: local;

    }

    .aboutTwo .abPad h5{ font-size: 30px; }

    .aboutTwo .abPad .abText{ font-size: 22px;  }

    .aboutTwo .abPad .abText .o1{  font-size: 16px;}

    .aboutTwo .abPad .abText .o2{ font-size: 14px;}

}

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

    .aboutTwo .abPad{ padding-left: 10%}

    .aboutTwo .abPad h5{ font-size: 26px; }

    .aboutTwo{

        background-image: url("images/about3.jpg");

        background-position:left center;

    }

}







.pagebox{ padding:4.34% 0 8.89% 0;}

/* 分页 */

.pz_fy{ padding:10px 0; text-align:left;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/

.pz_fy a { padding:10px 13px; border: #e1e1e1 solid 1px; color: #999999; font-size:14px; text-decoration:none; margin:0 1px; font-family: 宋体;}

.pz_fy a:hover{ border: #e1e1e1 solid 1px; background-color:#0061ab;color: #fff; text-decoration:none;}

.pz_fy a.on{border: #0061ab solid 1px; color: #fff; background-color:#0061ab; text-decoration:none;}/*鼠标经过和默认当前页样式*/

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

    .pagebox{ padding:6% 0;}

    .fy_pc{ float: left; width: 100%; text-align:center; font-size:14px; color:#333;}

    .fy_pc a{ display: inline-block; padding:5px 10%; color:#333; border:solid 1px #0061ab; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}

    .fy_pc span{ padding:5px 5%; color:#333;}

}











.special{}

.special .owl-dots{ width: 100%; margin-top: 5%; text-align: center; line-height: 0;}

.special .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#014190 solid 1px;

    border-radius:50%;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -o-border-radius:50%;

}

.special .owl-dots .owl-dot.active{ background: #014190;}











.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}}



/*列表通用翻页*/

.listpage{clear:both; text-align:center;}

.LaoCMS-page{padding:14px 0 10px; font-size:12px;}

.LaoCMS-page a{height:25px; margin-left:6px; padding:0 8px; border:1px solid #d3d3d3; text-align:center; color:#767676; display:inline-block; line-height:25px;}

.LaoCMS-page a:hover{border-color:#0061ab; background:#0061ab; color:#fff; }

.LaoCMS-page span{height:25px; margin-left:6px; padding:0 8px; border:1px solid #0061ab; color:#fff; line-height:25px; background:#0061ab; text-align:center; display:inline-block;}