@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:Arial,"microsoft yahei"; font-size:12px;}
code, kbd, pre, samp { font-family:Arial,"microsoft yahei";}
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:Arial,"microsoft yahei";}
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:Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

label{border:none !important; margin:0 !important; background:none !important;}

.top1{ position: fixed; width:100%; left: 0; top:0; z-index:1010; background-color: #f6f6f6;
    -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{ top: -40px;}
.welcomeBack{ background-color: #969696; }
.welcome{ padding: 10px 0;}
.welcome .topTel{ float: left; padding-right: 20px; color: #fff; font-size: 16px; line-height: 20px; }
.welcome .topTel b{ float: left; width: 20px; height: 20px; margin-right: 4px; line-height: 0;}
.welcome .topTel span{ float: left;}
.welcome .topTel span a{    color: #fff;}
.top1 .topHead{ height: 100px;  }
.top1 .logo{ float:left; width:267px;  line-height: 0; margin: 30px 0 0 0;
    -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 .logo{margin: 30px 0 0 0;  }
.top1 .language{ float: right; width: 140px; margin-top: 32px; }
.searchbox{ float:left; width:140px; height:36px; z-index:15; }
.searchbox input{ display:none;}
.searchbox .titcon{ float:left; width:100%; height:36px; background-color: #fff; text-align: center; color: #424448; font-size: 16px; line-height: 36px; font-weight: bold; cursor: pointer;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.searchbox .titcon span{ display: inline-block; vertical-align: top;  }
.searchbox .titcon b{ display: inline-block; vertical-align: top; width: 11px; height: 11px; margin: 13px 0 0 11px; line-height: 0;}
.searchbox .serul{ float:left; width:100%; left:0;  padding:10px 10px;  border-top:0; background-color:#f6f6f6; display:none;
    -moz-border-radius:10px;
    webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
}
.searchbox .serul li{ float:left; width:100%; padding: 0 10px; line-height:26px; color:#3c3c3c; }
.searchbox .serul li:hover{ background-color: #0a3c93;}
.searchbox .serul li a{color:#000; display:block; width:100%;}
.searchbox .serul li:hover a{ color:#fff;}

.newscon{padding:0 50px}

.top1 .search{ float: right; width: 36px; height: 36px; margin: 32px 30px 0 0; position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1 .search .searchBtn{ position: relative; float: left; width: 36px; height: 36px; border: 0; background: 0;  z-index:200;-webkit-appearance:none;
    outline: 0;
}
.top1 .search .searchBox{ position: absolute; right: 0; top: 0; width: 36px; height: 36px; z-index: 100; background-color: #0a3c93;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    -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:200px;  background-color: #0a3c93; }
.top1 .search .searchBox input{ float: left; height: 36px; width: 0; background: 0; border: 0; padding: 0 13px 0 15px; color: #fff; font-size: 14px; font-weight: normal;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.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:1599px){
    .top1 .search{ margin: 32px 10px 0 0; }
}
@media screen and (max-width:1199px){
    .top1{ display: none;}
}


.pz_menu{ padding: 0 290px 0 300px; text-align: center;}
.menu{ float: left; width: 100%; }
.menu ul{ float:left; width: 100%; text-align: center; line-height: 0; }
.menu ul .nli{ display: inline-block; vertical-align:top; padding: 0 17px; position: relative; }
.menu ul .nli span a{ float:left; height: 100px; color:#333; font-size: 16px; font-weight: bold; line-height: 100px; padding: 0 10px; position: relative; background-position: center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.menu ul .nli.active span a{ color: #0a3c93; background: url("../images/top5.png") center repeat-x;}
.menu .sub{ display: none; position: absolute; width:180px; left:40%; margin-left: -75px; top: 100px; z-index: 200; }
.menu .sub ul{ float: left; width: 100%; background-color: #d0d0d0;}
.menu .sub li{ padding: 15px 0; color: #fff; font-size: 14px; line-height: 20px;  text-align: left; position: relative;}
.menu .sub li:hover{ background: #0a3c93;}
.menu .sub li a{color: #333;margin-left:8%}
.menu .sub li:hover a{ color: #fff;}
.menu .sub dl{ display: none; position: absolute; width: 150px; left: 100%; top: 0; background-color: rgba(47,49,55,0.8);}
.menu .sub li:hover dl{ display: block;}
.menu .sub dl dd{ padding: 15px 0; color: #aaaaaa; font-size: 14px; line-height: 20px;  text-align: center;}
.menu .sub dl dd:hover{ background: #eec47c;}
.menu .sub dl dd a{ color: #aaaaaa;}
.menu .sub li:hover dl dd a{ color: #aaaaaa;}
.menu .sub li:hover dl dd:hover a{ color: #000;}




@media screen and (max-width:1599px){
    .pz_menu{ padding: 0 195px 0 0px; }
    .menu{width:auto; margin-left:50px;}
    .menu ul .nli{ padding: 0 5px; }
    .menu ul .nli span a{ font-size: 16px; }
}
@media screen and (max-width:1350px){
    .menu ul .nli{ padding: 0 2px; }
}
@media screen and (max-width:1199px){
    .menu ul .nli{ padding: 0 12px; }
    .menu ul .nli span a{ font-size: 15px; }
    .top1.inner .menu ul .nli span a,
    .top1.active .menu ul .nli span a{ font-size: 15px; }
}






/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:60px; background:#fff; }
.top2.active{
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.top2 .logo{ float:left; width:212px; height:40px; margin:15px 0 0 0; }
@media screen and (max-width:1199px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{  float:right; margin:10px 0 0 0; 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: #000;
}
.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: #000;
}
.menuph .navbtn::after{ top: -11px; }
.menuph .navbtn::before{ top: 10px; }
.menuph .point.active .navbtn{ background: transparent; }
.menuph .point.active .navbtn::after{ top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menuph .point.active .navbtn::before { top: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/*手机下拉*/
.xialaph{ position: absolute; top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{ display: none; }
.xialaph h4 a{ display: block; float: left; color: #333; font-size: 14px; font-weight: bold; line-height: 50px; }
.xialaph h4{ position: relative; }
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f1f1f1;/*opacity: 0.1;*/ }
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #f1f1f1; /*opacity: 0.1;*/ }
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}
.xialaph h5{float: left; width: 100%; padding-left: 15px; border-top: #f1f1f1 solid 1px; }
.xialaph h5 a{ display: block; float: left; color: #333; font-size: 14px; line-height: 40px; }
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #f6f6f6; /*opacity: 0.05;*/ }
.xialaph li:last-child h5::after{ display: none; }
.xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 22px; cursor: pointer; }
.xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 17px; margin-right: 18px; cursor: pointer; }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{ display: none; }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{ display: block; }
.xialaph .ul2{ }
.xialaph .ul3{ float: left; width: 100%; padding-left: 30px; position: relative; }

.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{ border-top:#f1f1f1 solid 1px;  }
.xialaph .ul3 li:first-child{ padding-top: 0; }
.xialaph .language{ text-align: center; padding: 15px 0 0 0;}
.xialaph .language a{ display: inline-block; color: #333; font-size: 14px; line-height: 30px; padding: 0 10px; margin: 0 2px; }
.xialaph .language a.hover{ color: #fff; background: #0a3c93;}
.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ebebeb solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 8px 0 0; line-height: 0;}
.xialaph .searchP .searchLeft{ padding: 0 30px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 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; position: relative; line-height: 0; margin-top: 140px;
    -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.active{ margin-top: 100px;}
.pz_banner.home{min-height: 486px;}
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.active{ margin-top: 60px;}
    .pz_banner.home{min-height: 390px;}
}
@media screen and (max-width:991px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.home{ min-height: 370px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 150px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background: #969696; }


/*banner*/
.bannerBox{ line-height: 0; }
.bannerBox li{ position: relative;}
.bannerBox .owl-dots{ position: absolute; left: 0; width: 100%; bottom: 30px; text-align: center; line-height: 0;}
.bannerBox .owl-dots .owl-dot{ display: inline-block; vertical-align: top; width: 16px; height: 16px; background:#c2c2c2; background-size: cover; margin: 0 9px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.bannerBox .owl-dots .owl-dot.active{background: #00cafd; background-size: cover; }
@media screen and (max-width:767px){
    .bannerBox .owl-dots{ bottom: 4.52%; }
}

.smallArrow{ position: absolute; width: 28px; height: 40px; left: 15%; top: 73.135%; z-index: 10;
    -webkit-animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
            animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
}
.smallArrow .arrRotate{
    -webkit-animation: zhuan 4s linear infinite;
    animation: zhuan 4s linear infinite;
}
@media screen and (max-width:1599px){
    .smallArrow{ width: 20px; height: 29px; }
}
@media screen and (max-width:991px){
    .smallArrow{ display: none; }
}

@-webkit-keyframes boun {
    from, to {
        -webkit-transform: translateY(2px) ;
        transform: translateY(2px) ;
    }
    80% {
        -webkit-transform: translateY(8px) ;
        transform: translateY(8px) ;
    }
}
@keyframes boun {
    from, to {
        -webkit-transform: translateY(2px) ;
        transform: translateY(2px) ;
    }
    80% {
        -webkit-transform: translateY(8px) ;
        transform: translateY(8px) ;
    }
}
@-webkit-keyframes zhuan {
    from, to {
        -webkit-transform: rotateY(0) ;
        transform: rotateY(0) ;
    }
    80% {
        -webkit-transform: rotateY(180deg) ;
        transform: rotateY(180deg) ;
    }
}
@keyframes zhuan {
    from, to {
        -webkit-transform: rotateY(0) ;
        transform: rotateY(0) ;
    }
    80% {
        -webkit-transform: rotateY(180deg) ;
        transform: rotateY(180deg) ;
    }
}



/*main*/
/*homeKamal*/

.homeKamal{ padding:4.84% 0 5.09% 0; }
.homeTitle{ text-align: center; line-height: 0;}
.homeTitle b{ display: inline-block; vertical-align: top; width: 42px; height: 42px; margin: 4px 17px 0 0; line-height: 0;}
.homeTitle h2{ display: inline-block; vertical-align: top;  color: #333; font-size: 48px; font-weight: bold; line-height: 50px; }
.homeTitle h5{ margin-top:10px; color: #888; font-size: 15px;  }
@media screen and (max-width:1599px){
    .homeTitle b{ width: 32px; height: 32px; margin: 3px 11px 0 0; }
    .homeTitle h2{ font-size: 35px; line-height: 38px; }
}
@media screen and (max-width:991px){
    .homeTitle b{ width: 28px; height: 28px; margin: 2px 8px 0 0; }
    .homeTitle h2{ font-size: 29px; line-height: 32px; }
}
@media screen and (max-width:767px){
    .homeTitle b{ width: 22px; height: 22px; margin: 3px 8px 0 0; }
    .homeTitle h2{ font-size: 24px; line-height: 28px; }
}

.homeKamalDown{ padding-top: 1.4%; }
.homeKamalDown .text{ padding: 0 16%; height:100%; color: #333333; font-size: 14px; line-height: 36px;  overflow: hidden; }
.homeKamalDown .text a{color: #333333;}
.homeKamalDown .point{color: #333333; font-size: 14px; line-height: 36px; text-align: center;}
.homeKamalDown .point a{color: #333333;}
.homeKamalDown .link{ text-align: center; padding-top: 1.65%;}
.homeKamalDown .link a{ display: inline-block; vertical-align: top; width: 24px; height: 24px; line-height: 0;}
@media screen and (max-width:1599px){
    .homeKamalDown .text{ padding: 0 5.39%; height:210px;  line-height: 28px; }
}
@media screen and (max-width:1199px){
    .homeKamalDown .text{ padding: 0 4.26%; }
}
@media screen and (max-width:991px){
    .homeKamalDown .text{ padding: 0; }
}
@media screen and (max-width:767px){
    .homeKamalDown .text{ height:100%;  line-height: 26px; }
}


/*homeVideo*/
.homeVideo{ padding: 8.47% 0 8.28% 0;}
.homeVideo .videoIco{ text-align: center; line-height: 0;}
.homeVideo .videoIco .imIco{ display: inline-block; vertical-align: top; width: 80px; line-height: 0;}
.homeVideo .videoTit{ padding: 1.84% 0 1.91% 0; color: #fff; font-size: 48px; font-weight: bold; line-height: 1.2; text-align: center;}
.homeVideo .videoCon{ height: 60px; padding: 0 14.64%; color: #fff; font-size: 18px; line-height: 30px; text-align: center;  overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media screen and (max-width:1599px){
    .homeVideo .videoIco .imIco{ width: 60px; }
    .homeVideo .videoTit{ font-size: 36px; }
    .homeVideo .videoCon{ height: 56px; padding: 0 3%;  font-size: 15px; line-height: 28px;  }
}
@media screen and (max-width:991px){
    .homeVideo .videoIco .imIco{ width: 50px; }
    .homeVideo .videoTit{ font-size: 30px; }
}
@media screen and (max-width:767px){
    .homeVideo .videoIco .imIco{ width: 40px; }
    .homeVideo .videoTit{ font-size: 28px; }
    .homeVideo .videoCon{ height: 52px; padding: 0; font-size: 14px; line-height: 26px; }
}


/*homePro*/
.homeProTitleBox{ padding:4.64% 0 3.28% 0; }
.homeProTitle{ text-align: center;}
.homeProTitle .proTitTop{ text-align: center; line-height: 0;}
.homeProTitle b{ display: inline-block; vertical-align: top; width: 42px; height: 42px; margin: 4px 17px 0 0; line-height: 0;}
.homeProTitle h2{ display: inline-block; vertical-align: top;  color: #333; font-size: 48px; font-weight: bold; line-height: 50px; text-transform: uppercase; }
.homeProTitle h5{ color: #888; font-size: 15px; line-height: 30px; text-transform: uppercase; }
@media screen and (max-width:1599px){
    .homeProTitle b{ width: 32px; height: 32px; margin: 3px 11px 0 0; }
    .homeProTitle h2{ font-size: 27px; line-height: 38px; }
}
@media screen and (max-width:991px){
    .homeProTitle b{ width: 28px; height: 28px; margin: 2px 8px 0 0; }
    .homeProTitle h2{ font-size: 29px; line-height: 32px; }
}
@media screen and (max-width:767px){
    .homeProTitle b{ width: 22px; height: 22px; margin: 3px 8px 0 0; }
    .homeProTitle h2{ font-size: 24px; line-height: 28px; }
}
.homeProTitle .proDownText{ padding-top: 0.95%; color: #4d5d54; font-size: 16px; line-height: 30px;}
@media screen and (max-width:1599px){
    .homeProTitle .proDownText{ font-size: 14px; line-height: 28px;}
}
@media screen and (max-width:767px){
    .homeProTitle .proDownText{ line-height: 16px;}
}


.homeProDown{ padding: 0 15px;}
.homeProDown ul{ float: left; width: 100%;}
.homeProDown ul li{ float: left; width: 50%; background-color: #f5f5f5;}
.homeProDown ul li.double{ background: url("images/main14.jpg") center no-repeat; background-size: cover;}
.homeProDown ul li .proprotion{}
.homeProDown ul li h3{ padding: 5.71% 5.71% 0 5.71%; color: #333333; font-size: 28px; line-height: 1.2; text-align: center; text-transform: uppercase; }
.homeProDown ul li.double h3{ color: #fff;}
.homeProDown ul li .pdPic{ padding: 3.17% 24.55% 0 24.55%;}
.homeProDown ul li .pdPic .picOver{ overflow: hidden;}
.homeProDown ul li .pdPic .picOver .img1{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.homeProDown ul li:hover .pdPic .picOver .img1{
    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);
}
@media screen and (max-width:1599px){
    .homeProDown ul li h3{ font-size: 21px; }
}
@media screen and (max-width:991px){
    .homeProDown ul li h3{ font-size: 18px; }
}
@media screen and (max-width:767px){
    .homeProDown{ padding: 0;}
    .homeProDown ul li h3{ font-size: 16px; }
}
.homeProDown .slick-dots{ bottom: 12px; text-align: center; line-height: 0;}
.homeProDown .slick-dots li{ float: none; display: inline-block; vertical-align: top; width: 10px; height: 10px; background-color: #c2c2c2; margin: 0 6px; overflow: hidden; text-indent: -100px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeProDown .slick-dots li.slick-active{ background-color: #000;}


/*homeTop*/
.homeTopTitleBox{ padding:4.58% 0 3.82% 0; }
.homeTopUnder{}
.homeTopUnder .underLeft{ float: left; width: 50%; padding: 0.78125% 0.78125% 0 0.78125%;}
.underVideo{ line-height: 0; overflow: hidden; position: relative; }
.underVideo .underBg{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); left: 0; top: 0;}
.underVideo .underBg .viIco{ margin-top: 19.56%; text-align: center; line-height: 0;}
.underVideo .underBg .viIco .imco{ display: inline-block; vertical-align: top; width: 80px; line-height: 0;}
.underVideo .underBg .vitext{ height: 60px; margin-top: 10.75%; padding: 0 11.18%; color: #fff; font-size: 18px; line-height: 30px; text-align: center;  overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media screen and (max-width:1599px){
    .underVideo .underBg .viIco .imco{ width: 60px; }
    .underVideo .underBg .vitext{ height: 56px; font-size: 15px; line-height: 28px; }
}
@media screen and (max-width:991px){
    .homeTopUnder .underLeft{ width: 100%; padding: 1.5625%;}
    .underVideo .underBg .viIco .imco{ width: 50px; }
}
@media screen and (max-width:767px){
    .underVideo .underBg .viIco .imco{ width: 40px; }
    .underVideo .underBg .vitext{ height: 48px; font-size: 14px; line-height: 24px; }
}
.underRight{ float: left; width: 50%; }
.underRight ul{ float: left; width: 100%;}
.underRight ul li{ float: left; width: 50%; padding: 1.5625%; }
.underRight ul li .underFloat{ background-color: #eeeeee; overflow: hidden; position: relative;}
.underRight ul li .underFloat .underPic{ padding: 0 16.44444444444444%; overflow: hidden;}
.underRight ul li .underFloat .underPic .underPicOver{}
.underRight ul li .underFloat h4{ position: absolute; width: 100%; background-color:rgba(153,153,153,0.8); left: 0; bottom: 0; padding: 0 10px; color: #fff;font-size: 20px; line-height: 45px; text-align: center;}
.underRight ul li:hover .underFloat h4{ background-color: #eec47c;}
@media screen and (max-width:1599px){
    .underRight ul li .underFloat h4{ font-size: 16px; line-height: 36px; }
}
@media screen and (max-width:1199px){
    .underRight ul li .underFloat h4{ font-size: 14px; line-height: 32px; }
}
@media screen and (max-width:991px){
    .underRight{ width: 100%; }

}
@media screen and (max-width:767px){
    .underRight ul li .underFloat h4{ line-height: 24px; }
}

.homeTopProMore{ padding: 5.09% 0 4.64% 0; text-align: center; line-height: 0;}
.homeTopProMore .more{ display: inline-block; vertical-align: top; padding: 0 65px; background-color: #eec47c; color: #fff; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 50px;
    border-radius:26px;
    -webkit-border-radius:26px;
    -moz-border-radius:26px;
    -o-border-radius:26px;
}
.homeTopProMore .more:hover{ background-color: #000;}
@media screen and (max-width:1599px){
    .homeTopProMore .more{ padding: 0 47px; font-size: 18px; line-height: 40px;  }
}
@media screen and (max-width:767px){
    .homeTopProMore .more{ padding: 0 30px; font-size: 15px; line-height: 34px;  }
}


/*homeNew*/
.homeNewTitBox{ padding:0 0 4.58% 0; }
.homeNewBack{ background-color: #fff;}
.homeNewBox{ padding:5.09% 0 5.92% 0; margin: 0 -15px; }
.homeNewBox ul{ float: left; width: 100%;}
.homeNewBox ul li{ padding: 0 15px;}
.homeNewBox ul li a{ float: left; width: 100%;}
.homeNewBox ul li a .nbPic{ float: left; width: 290px; height: 217px; overflow: hidden;}
.homeNewBox ul li a .nbPic .img3{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.homeNewBox ul li a:hover .nbPic .img3{
    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);
}
.homeNewBox ul li a .nbRight{ padding-left: 0px;}
.homeNewBox ul li a .nbRight .inewsrq{float:left;text-align: center}
.homeNewBox ul li a .nbRight .inewsrq .t1{font-size:32px;color:#0a3c93}
.homeNewBox ul li a .nbRight .inewsrq .t2{font-size:12px;color:#0a3c93}
.homeNewBox ul li a .nbRight .inewstit{padding-left:20px;padding-top:5px;line-height:23px;font-size:14px;overflow: hidden}
.homeNewBox ul li a .nbRight .newTime{ float: left; width: 100%; margin-top: 36px; color: #666666; font-size: 16px; line-height: 20px;}
.homeNewBox ul li a .nbRight .newTime span{ float: left; max-width: 100%; background: url("images/main23.png") center repeat-x;}
.homeNewBox ul li a .nbRight h4{ float: left; width: 100%; margin-top: 24px; padding-right: 65px; position: relative; color: #333333;font-size: 18px; font-weight: bold; line-height: 20px;}
.homeNewBox ul li a:hover .nbRight h4{ color: #eec47c;}
.homeNewBox ul li a .nbRight h4 b{ position: absolute; width: 28px; height: 10px; line-height: 0; right: 30px; top: 50%; margin-top: -5px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeNewBox ul li a:hover .nbRight h4 b{ right: 0;}
.homeNewBox ul li a .newP{ float: left; width: 100%; height: 72px; margin-top: 22px; color: #666666; font-size: 14px; line-height: 24px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media screen and (max-width:1599px){
    .homeNewBox ul li a .nbPic{ width: 217px; height: 163px;}
    .homeNewBox ul li a .nbRight{ padding-left: 0px;}
    .homeNewBox ul li a .nbRight .newTime{  margin-top: 27px;}
    .homeNewBox ul li a .nbRight h4{ margin-top: 12px; }
    .homeNewBox ul li a .newP{ margin-top: 7px; }
}
@media screen and (max-width:767px){
    .homeNewBox ul li a .nbPic{ width: 144px; height: 108px;}
    .homeNewBox ul li a .nbRight{ padding-left: 0;}
    .homeNewBox ul li a .nbRight .newTime{ margin-top:0;}
    .homeNewBox ul li a .nbRight h4{ margin-top: 6px; padding-right: 42px; font-size: 16px; }
    .homeNewBox ul li a .nbRight h4 b{ right: 10px; }
    .homeNewBox ul li a .newP{ height:54px; line-height: 18px; margin-top: 6px; }

}
.homeNewBox .owl-prev{ position: absolute; width: 30px; height: 35px; background: url("images/main26.png") no-repeat; background-size: cover; text-indent: -200px; overflow: hidden; left: -45px; top: 50%; margin-top: -17px; }
.homeNewBox .owl-prev:hover{background: url("images/main26_h.png") no-repeat; background-size: cover;}
.homeNewBox .owl-next{ position: absolute; width: 30px; height: 35px; background: url("images/main27.png") no-repeat; background-size: cover; text-indent: -200px; overflow: hidden; right: -45px; top: 50%; margin-top: -17px;}
.homeNewBox .owl-next:hover{background: url("images/main27_h.png") no-repeat; background-size: cover;}
@media screen and (max-width:1700px){
    .homeNewBox .owl-prev{ left: 25px; top: 27px;}
    .homeNewBox .owl-next{ right: 25px; top: 27px;}
}



/*down*/
.footTop{ padding: 3.63% 0 5.46% 0; border-bottom: #646568 solid 1px;}
.footLeft{ float: left; width: 100%;}
.footLeft .phoneTime{ display: none; float: left; width: 100%; padding: 0 15px; background-color: #212226; line-height: 42px; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase;}
.footLeft .phoneTime .phoneb{ float: left; width: 18px; height: 18px; margin: 11px 6px 0 0; line-height: 0;}
.footLeft .phoneTime .phoneyb{ float: right; width: 14px; height: 8px; margin: 16px 0 0 0; line-height: 0;}
.footLeft .phoneTime.active .phoneyb{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media screen and (max-width:1599px){

}
@media screen and (max-width:1279px){
    .footLeft{ width: 960px;  background: url("images/foot1_md.png") repeat; }
}
@media screen and (max-width:991px){
    .footTop{ border-bottom: 0;}
    .footLeft{ width: 100%;  background: 0; }
    .pz_down .footLeft .phoneTime{ display: block; }
    .pz_down .footLeft .baoguo{ display: none; }
    .sxtiao .ups1{float:left}
    .sxtiao .ups2{float:left!important;margin-top:10px}
}



.footLeft .cell{ float: left; }
.footLeft .cell.mles{ margin-right:70px}
.footLeft .cell.four{ float:right;}
.footLeft .cell .cellTit{ padding-bottom: 24px; }
.footLeft .cell .cellTit .cellChina{ padding-right: 33px; color: #fff; font-size: 18px; line-height: 18px; font-weight: bold; text-transform: uppercase;}
.footLeft .cell .cellTit  .img{  float:right; margin:7px 0 0 0;}
.footLeft .cell .cellTit  .imgs{ display: none;}
.footLeft .cell .cellTit.active  .imgs{ display:none;}
.footLeft .cell .cellTit .imgh{ display:none;}
.footLeft .cell .cellTit.active  .imgh{ display:block;}
.footLeft .cell .cellTit .ceLine{ height: 1px;  background-color: #1a653c; margin-top: 15px;}
.footLeft .cell .cellTit .ceLine span{ float: left; width: 19px; height: 3px; background-color: #80a993; margin-top: -2px;}
@media screen and (max-width:1599px){
    .footLeft .cell .cellTit .cellChina{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .footLeft .cell{ width: 100%; padding-right: 0; padding-top: 5px; }
    .footLeft .cell.three{ width: 100%;}
    .footLeft .cell.four{ width: 100%;}
    .footLeft .cell .cellTit{ background-color:#282a2f; margin-top: 5px; padding: 8px 15px;}
    .footLeft .cell .cellTit  .imgs{ display: block;}
    .footLeft .cell .cellTit .ceLine{ display: none; }
}


.footLeft .cell ul{}
.footLeft .cell ul li{ padding: 12px 0;}
.footLeft .cell ul li a{ color: #fff; font-size: 16px; line-height: 18px;}
.footLeft .cell ul li a:hover{ color: #012e7a;}
@media screen and (max-width:1599px){
    .footLeft .cell ul li{ padding:7px 0;}
    .footLeft .cell ul li a{ font-size: 14px; }
}
@media screen and (max-width:991px){
    .footLeft{ width: 100%; }
    .footLeft .cell ul{ display: none; padding: 10px 10px 10px 20px;  background-color:#212226;}
}


.HomeDownContact{ color: #fff; font-size: 16px; line-height: 18px;}
.HomeDownContact .actLine{ padding: 12px 0;}
.HomeDownContact .actLine .actIco{ float: left; width: 16px; height: 18px; line-height: 0;}
.HomeDownContact .actLine .actPad{ padding-left: 29px;}
@media screen and (max-width:1599px){
    .HomeDownContact{ font-size: 14px; }
}



.footDown{ padding: 1.27% 0;}
.footDown .copyright{ float: left; color: #a7a9ac; font-size: 16px; line-height: 29px;}
.footDown .copyright .dlogo{ float: left; width: 40px; height: 48px; line-height: 0;}
.footDown .copyright a{ color: #fff;}
.footDown .copyright a:hover{ color: #012e7a;}
.footDown .copyright .copyrightSection{ padding: 15px 0 15px 0px; color: #fff; font-size: 14px; line-height: 18px;}
.footDown .share{ float: right; }
.footDown .share .shareLi{ float: left; width: 42px; height: 42px; margin-left: 20px; background-color: #44464b; cursor: pointer; position: relative;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.footDown .share .shareLi:hover{ background-color: #eec47c;}
.footDown .share .shareLi .imgs{}
.footDown .share .shareLi .imgd{ display: none;}
.footDown .share .shareLi:hover .imgs{ display: none;}
.footDown .share .shareLi:hover .imgd{ display: block;}


.footDown .share .shareLi.z_ewm_box{position:relative;}
.footDown .share .shareLi.z_ewm_box .z_ewm{ width:100px; display:none; height:100px; padding:5px; background:#fff; position:absolute; left:50%; margin-left:-50px; bottom:50px;}
.footDown .share .shareLi.z_ewm_box:hover .z_ewm{display:block;}

.miprocon{display: none}
@media screen and (max-width:1599px){
    .footDown .copyright .dlogo{ width: 30px; height: 37px; }
    .footDown .copyright .copyrightSection{ padding: 10px 0 10px 0px; }
    .footDown .share .shareLi{ width: 38px; height: 38px; margin-left: 15px; }

}
@media screen and (max-width:991px){
    .footDown{ padding: 3.27% 0;}
    .footDown .copyright{ width: 100%; text-align: center; }
    .footDown .copyright .dlogo{ float: none; display: inline-block; vertical-align: top; }
    .footDown .share{ float: left; width: 100%; text-align: center; }
    .footDown .share .shareLi{ float: none; display: inline-block; vertical-align: top; width: 28px; height: 28px; margin: 0 3px;}
    .jdcccc{display: none}
    .inewsrq{display: none}
    .iprocon{display: none}
    .xianshi{display: none}
	
	
    .miprocon{display: block}
    .inewstit{padding-left:0}
    .newscon{padding:0}
}



/*FAQ*/
.caseNav{ line-height: 0; background-color: #f6f6f6;}
.caseNav .z_left_box{ overflow:hidden; float:left; width:100%; position:relative; padding:0 50px; }
.caseNav .z_left_box .bnext{ cursor:pointer; position:absolute; width:18px; height:32px; background:url(../images/right.png) no-repeat; background-size:18px 32px; top:14px; right:0; margin-top:0;}
.caseNav .z_left_box .bprev{cursor:pointer; position:absolute; width:18px; height:32px; background:url(../images/left.png) no-repeat; background-size:18px 32px; top:14px; left:0; margin-top:0;}
.caseNav .pz_SideLayer{ float:left;  width:auto !important;
                        display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.caseNav .pz_SideLayer .l1{ float:left;
                            -webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
}
.caseNav .pz_SideLayer .l1 a{ float: left; padding: 0 40px 0 40px;  color: #333333; font-size: 16px; line-height: 60px; position: relative; }
.caseNav .pz_SideLayer .l1 a:hover,
.caseNav .pz_SideLayer .l1 .hover{ color:#fff; background-color: #0a3c93; }
.caseNav .pz_SideLayer .l1 a::after{ display: none; content: ''; position: absolute; width: 0; height: 0; border-bottom: #fff solid 8px; border-left: transparent solid 8px; border-right: transparent solid 8px; left: 50%; margin-left: -8px; bottom: 0;}
.caseNav .pz_SideLayer .l1 a.hover::after{ display: block;}
@media  screen and (max-width:1199px){
    .caseNav .pz_SideLayer .l1 a{ padding: 0 15px 0 15px;  font-size: 14px; line-height: 40px; }
    .caseNav .z_left_box .bnext{ width:14px; height:24px; background:url(../images/right.png) no-repeat; background-size:14px 24px; top:8px; }
    .caseNav .z_left_box .bprev{width:14px; height:24px; background:url(../images/left.png) no-repeat; background-size:14px 24px; top:8px;}
    .caseNav .z_left_box{padding:0 30px;}
}
.pz_SideLayer_Box2{ float: left; width: 100%; height: 0; position: relative; z-index: 10;}
.pz_SideLayer_ul2{ position: absolute; width: 100%; left: 0; top: 0; display: none; padding: 15px; background-color: #efefef; z-index: 10; cursor: pointer;}
.pz_SideLayer_ul2 li{ float: left; padding: 6px 30px;}
.pz_SideLayer_ul2 li a{ color: #666666; font-size: 14px; line-height: 18px;}
.pz_SideLayer_ul2 li a.hover,
.pz_SideLayer_ul2 li a:hover{ color: #eec47c; font-weight: bold;}

.bread{ float: left; color: #6b6b6b; font-size: 14px; line-height: 60px;position: relative;width:100% }
.bread a{color: #6b6b6b; margin: 0 5px;}
.bread a.hover,
.bread a:hover{ color: #eec47c;}
@media  screen and (max-width:1199px){
    .bread{ line-height: 40px; }
}

.faqTitle{ padding: 4.96% 0 0 0; color: #0a3c93; font-size: 30px; font-weight: bold; line-height: 1; text-transform: uppercase; text-align: center;}
@media  screen and (max-width:1599px){
    .faqTitle{ font-size: 22px;}

}
@media  screen and (max-width:767px){
    .faqTitle{ font-size: 18px;}
}

.QAList{ float: left; width: 100%; padding-top: 1.4%;}
.QAList ul{ float: left; width: 100%; min-height: 500px;}
.QAList ul li{ float: left; width: 100%; padding:1.27%; background-color:#f7f6f6;  margin-top: 1.91%;}
.QAList ul li:nth-child(2n){ background-color: #fff;}
.QAList ul li a{ float: left; width: 100%;}
.QAList ul li a .QTit{ float: left; width: 100%; padding-left: 66px; position: relative; min-height: 50px; padding-top: 14px; line-height: 22px; font-size:14px; font-weight: bold; color:#2b2c2c;}
.QAList ul li a .QTit span{ position: absolute; left: 0; top:0; width: 50px; height: 50px; border:1px solid #505050; font-size:18px; line-height: 50px; text-align: center; color:#505050;border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%;}
.QAList ul li a .ATit{ float: left; width: 100%; padding-left: 66px; position: relative; min-height: 50px; padding-top: 14px; line-height: 22px;font-size:14px; color:#eec47c; margin-top: 1.3%;}
.QAList ul li a .ATit .span{position: absolute; left: 0; top:0; width: 50px; height: 50px; border:1px solid #eec47c; background-color: #eec47c; font-size:18px; line-height: 50px; text-align: center; color:#fff;border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%;  }
@media  screen and (max-width:1599px){
    .QAList ul li a .QTit{ padding-left: 50px; min-height: 38px; padding-top: 10px; line-height: 18px;}
    .QAList ul li a .QTit span{ width: 38px; height: 38px; font-size:15px; line-height: 36px; }
    .QAList ul li a .ATit{ padding-left: 50px; min-height: 38px; padding-top: 10px; line-height: 18px;}
    .QAList ul li a .ATit .span{ width: 38px; height: 38px; font-size:15px; line-height: 36px; }
}
@media  screen and (max-width:991px){
    .QAList ul{ min-height: 50px; }
}
@media  screen and (max-width:767px){
    .QAList ul li{ padding:3.27%; margin-top: 3.91%;}
    .QAList ul li a .QTit{ padding-left: 42px; min-height: 30px; padding-top: 6px; line-height: 18px;}
    .QAList ul li a .QTit span{ width: 30px; height: 30px; line-height: 28px; }
    .QAList ul li a .ATit{ padding-left: 42px; min-height: 30px; padding-top: 6px; line-height: 18px;}
    .QAList ul li a .ATit .span{ width: 30px; height: 30px; line-height: 28px;  }
}



/*产品中心*/
.proList{ margin: 0 -15px; padding-top:  0.57%;}
.proList ul{ float: left; width: 100%; min-height: 500px;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.proList ul li{ float: left; width: 33.3333%; padding: 0 15px;}
.proList ul li a{ float: left; width: 100%; margin-top: 5.96%;  background-color: #fff; text-align: center; overflow: hidden;}
.proList ul li a:hover{ background: url("images/pro2.jpg") center no-repeat; background-size: cover;
    -webkit-box-shadow:0 0 18px rgba(0,0,0,0.35);
    -moz-box-shadow:0 0 18px rgba(0,0,0,0.35);
    -o-box-shadow:0 0 18px rgba(0,0,0,0.35);
    box-shadow: 0 0 18px rgba(0,0,0,0.35);
}
.proList ul li a .blowPic{ display: inline-block; vertical-align: top; width: 100%; }
.proList ul li a .blowPic .img4{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.proList ul li a:hover .blowPic .img4{
    /*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);*/
}
.proList ul li a h4{ padding: 2.98% 5px; color: #333333; font-size: 18px; line-height: 1; text-align: center;}
.proList ul li a:hover h4{ color: #0a3c93;}
@media  screen and (max-width:1599px){
    .proList ul li a h4{  font-size: 14px;}
}
@media  screen and (max-width:991px){
    .proList ul{ min-height: 50px;}
    .proList ul li a .blowPic{ width: 80%; }
    .proList ul li a h4{ padding: 5.98% 5px; }
}
@media  screen and (max-width:767px){
    .proList{ margin: 0 -7px;}
    .proList ul li{ width: 50%; padding: 0 7px; }
    .proList ul li a .blowPic{ width: 90%; }
    .proList ul li a h4{  font-size: 12px;}
}



/*产品中心详情页*/
.proStaleTop{ width:100%; float:left; padding:1.91% 1.91% 4.01% 1.91%; border:solid 1px #e6e6e6; margin-top:7%;}
.proStaleTop .c_480{ float:left; width:482px;  margin-left: 49px; }
.slide_pic_5{ width:100%; float:left; }
.slide_pic_5 .slick-slide{ float: left; width: 100%;}
.slide_pic_5 img{ width:100%; }
.slide_pic_5 .slick-dots { float: left; position: static; margin-top: 6.22%;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    overflow:hidden;
}
.slide_pic_5 .slick-dots li { text-indent: -200px; overflow: hidden;
    width: 11px;
    height: 11px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background:#bebebe;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    border-radius:50%;
}
.slide_pic_5 .slick-dots li button{ display: none;}
.slide_pic_5 .slick-dots li.slick-active{
    background:#eec47c;
}
@media screen and (max-width:1599px) {
    .proStaleTop .c_480{ margin-left: 0; }
}
@media screen and (max-width:1199px) {
    .proStaleTop .c_480{width:360px;}
}
@media screen and (max-width:991px) {
    .proStaleTop{ padding:3.91% 3.91% 4.01% 3.91%;  margin-top:4%;}
    .proStaleTop .c_480{width:100%;}
}





.proStaleTop .c_527{ float: right; width: 770px; margin-right: 130px; margin-top: 2.18%; padding-left: 160px; border-left: #eff0f1 solid 1px;}
.proStaleTop .c_527 .title{ width:100%; float:left; font-size:26px; color:#161616; line-height:1.15; }
.proStaleTop .c_527 .dl{ width:100%; float:left; margin-top:4.91%;}
.proStaleTop .c_527 .dl .dd{ width:100%; float:left; padding: 5px 0; font-size:14px; color:#333; line-height:20px; padding-left:20px; background:url(images/ico13.jpg) no-repeat left center;}
.proStaleTop .c_527 .c_527_b{ width:100%; float:left; margin-top:5.9%;}
.proStaleTop .c_527 .c_527_b .more{ float:left;}
.proStaleTop .c_527 .c_527_b .more a{ display:block; float:left; padding: 0 27px; font-size:18px; color:#fff; background:#eec47c; text-align:center; line-height:50px;}
.proStaleTop .c_527 .c_527_b .more a:hover{ background-color: #dc6b10;}
.proStaleTop .c_527 .c_527_b .bdsharebuttonbox{ float:right; margin-top:14px; height:24px;}
.proStaleTop .c_527 .c_527_b .bdsharebuttonbox a{ margin-top:0; margin-bottom:0;}
@media screen and (max-width:1599px) {
    .proStaleTop .c_527{ width: 620px; margin-right: 0; padding-left: 30px; }
}
@media screen and (max-width:1199px) {
    .proStaleTop .c_527{ width: 543px; padding-left: 20px; }
    .proStaleTop .c_527 .title{ font-size:19px; }
    .proStaleTop .c_527 .dl .dd{ padding: 2px 0; }
    .proStaleTop .c_527 .c_527_b .more a{ padding: 0 22px; font-size:14px; line-height:38px;}
    .proStaleTop .c_527 .c_527_b .bdsharebuttonbox{ margin-top:7px; }
}
@media screen and (max-width:991px) {
    .proStaleTop .c_527{ float: left; width: 100%; padding-left: 0; border-left: 0; }
}
@media screen and (max-width:767px) {
    .proStaleTop{ border:0; padding: 0;}
}



.proStaleD{ width:100%; float:left; margin-top:3.5%; border:solid 1px #e6e6e6;}
.staileTitle{ width:100%; float:left; border-bottom:solid 1px #e6e6e6; background:#f6f6f6;}
.staileTitle span{ float:left; display:block; padding: 0 17px; height:45px; border-top:solid 3px #eec47c; text-align:center; color:#eec47c; border-right:solid 1px #e6e6e6; background:white; font-size:14px; font-weight:bold; margin-top:-1px; line-height:42px;}
.proStaleD .p{ width:100%; float:left; padding:1.27% 1.91% 2.67% 1.91%; font-size:14px; color:#4c4c4c; line-height:34px;}
@media screen and (max-width:1199px) {
    .proStaleD .p{ line-height:26px;}
}
@media screen and (max-width:767px) {
    .proStaleD{ border-left:0; border-right:0; border-top:0; margin-top:15px;}
    .staileTitle span{ height:34px; font-size:12px; line-height:32px; border-left:solid 1px #e6e6e6;}
    .proStaleD .p{ font-size: 12px; line-height:24px;}
}

.morePro{ float: left; width: 100%; padding:3.81% 0 5.09% 0; }
.morePro .moreProBox{ border: #ebebeb solid 1px;}
.moreProlistAno{ float: left; width: 100%;}
.moreProList{padding:1.91% 0.76%; }
.moreProList ul{ float: left; width: 100%;}
.moreProList ul li{ padding: 0 13px;}
.moreProList ul li .ima{ float: left; width: 100%; overflow: hidden; position: relative; line-height: 0;}
.moreProList ul li .ima .img5{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.moreProList ul li .ima:hover .img5{
    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);
}
.moreProList ul li .ima h4{ position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.3); color: #fff; font-size: 14px; line-height: 35px; text-align: center; padding: 0 10px;}
.moreProList ul li .ima:hover h4{ background-color: #eec47c;}
@media screen and (max-width:767px) {
    .morePro .moreProBox{ border: 0; }
    .moreProList{  padding:2.91% 0; margin: 0 -7px;}
    .moreProList ul li{ padding: 0 7px;}
}



/*服务支持2*/
.serviceBox{ margin-top: 4.64%; margin-bottom: 5.09%; background-color: #f5f5f5;}
.serviceBox .serLeft{ float: left; width: 610px; height: 456px; overflow: hidden;}
.serviceBox .serLeft .img6{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.serviceBox .serLeft:hover .img6{
    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);
}
.serviceBox .serRight{ padding-left: 610px;}
.serviceBox .serRightBox{ padding: 2.91%; }
.serviceBox .serRightBox .serBorder{ border: #cccccc solid 1px; padding: 3% 3.88% 4.33% 3.88%;}
.serviceBox .serRightBox .serBorder .serText{ min-height: 240px; color: #4c4c4c; font-size: 16px; line-height: 40px;}
.serviceBox .serRightBox .serBorder .serSer{ height: 68px; margin-top: 2.76%; background: url("images/service3.png") right center no-repeat; background-size: auto 100%;}
.serviceBox .serRightBox .serBorder .serSer .serico{ float: left; width: 72px; height: 50px; margin-top: 18px; line-height: 0;}
@media screen and (max-width:1599px){
    .serviceBox .serLeft{  width: 455px; height: 341px; }
    .serviceBox .serRight{ padding-left: 455px;}
    .serviceBox .serRightBox .serBorder .serText{ min-height: 174px; font-size: 14px; line-height: 29px;}
    .serviceBox .serRightBox .serBorder .serSer{ height: 52px;}
    .serviceBox .serRightBox .serBorder .serSer .serico{ width: 54px; height: 39px; margin-top: 13px; }
}
@media screen and (max-width:1199px){
    .serviceBox .serRightBox .serBorder .serText{ line-height: 26px;}
}
@media screen and (max-width:991px){
    .serviceBox .serLeft{  width: 100%; height: auto; }
    .serviceBox .serRight{ float: left; width: 100%; padding-left: 0;}
    .serviceBox .serRightBox .serBorder{ padding: 3.88%;}
}
@media screen and (max-width:767px){
    .serviceBox .serRightBox{ padding: 0; }
    .serviceBox .serRightBox .serBorder .serText{ font-size: 12px; line-height: 24px; }
    .serviceBox .serRightBox .serBorder .serSer{ height: 33px;}
    .serviceBox .serRightBox .serBorder .serSer .serico{ width: 46px; height: 33px; margin-top: 0; }
}




/*联系我们*/
.contactMap{position: relative; border: 6px solid #fff; overflow: hidden; margin-top: 3.18%;
    -webkit-box-shadow:0 0 17px rgba(0,0,0,0.09);
    -moz-box-shadow:0 0 17px rgba(0,0,0,0.09);
    box-shadow:0 0 17px rgba(0,0,0,0.09);
}
#allmap{float: left;width: 100%; height: 488px; position: relative;overflow: hidden;}
#allmap img{max-width:none;}
#allmap .BMap_shadow img{ display:none;}
.BMap_pop > div,
.iw_poi_title{display: none;}
.BMap_pop > div:nth-child(9){display: block; width: 335px!important; height: 40px!important; line-height: 20px!important; font-size: 14px; color: #6f6f6f; background: url(../images/p6_bg03.png) no-repeat center/cover; padding: 22px 34px 23px 37px!important; left: 225px !important; top:100px!important;}
.BMap_stdMpZoom,.anchorBL{display: none;}
@media  screen and (max-width:1199px){
    .BMap_pop > div:nth-child(9){left: 220px!important; }
}
@media  screen and (max-width:991px){
    #allmap{ height: 300px; }
    .BMap_pop > div:nth-child(9){left: 0 !important; top:30px!important; background:#fff;  padding: 15px 20px;
        -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
        box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    }
    .iw_poi_title{display: none;}
}
@media  screen and (max-width:767px){
    #allmap{ height: 220px; }
    .BMap_pop > div:nth-child(9){width: 200px!important; }
}



.contactDown{float: left;width: 100%; padding-bottom: 5.09%;}
.contactDown .scan{ float: left; width:28.66%;  margin-top: 1.91%; }
.contactDown .l_12_l{display: block;float: left;width: 100%;text-align: center;height: 296px;background: #fff;
    -webkit-box-shadow:0 0 17px rgba(0,0,0,0.09);
    -moz-box-shadow:0 0 17px rgba(0,0,0,0.09);
    box-shadow:0 0 17px rgba(0,0,0,0.09);}
.contactDown .l_12_l font{display: block; margin: 33px auto 0 auto;width: 166px;padding: 12px;background: url(images/p6_bg01.png) no-repeat center/cover;}
.contactDown .l_12_l font img{display: block;width: 100%;}
.contactDown .l_12_l h4{display: block;font-size: 16px;line-height: 28px;color: #1f1f1f;text-align: center;margin-top: 13px; text-transform: uppercase;}
.contactDown .l_12_l h4 span{ font-size: 14px;}
.contactDown .conAddress{ float: right; width: 69.42%; margin-top: 1.91%;}
.contactDown .l_12_r{float: left;width: 100%;height: 296px;border: 6px solid #fff;padding: 0 54px;
    -webkit-box-shadow:0 0 17px rgba(0,0,0,0.09);
    -moz-box-shadow:0 0 17px rgba(0,0,0,0.09);
    box-shadow:0 0 17px rgba(0,0,0,0.09);}
.contactDown .l_12_r h3{display: block;font-size: 22px;line-height: 40px;margin-top: 25px;color: #1f1f1f; text-transform: uppercase;}
.contactDown .l_12_r ul{margin-top: 14px;}
.contactDown .l_12_r ul li{line-height: 36px;font-size: 16px;color: #333;padding-left: 28px;position: relative;}
.contactDown .l_12_r ul li i{display: block;position: absolute;left: 0;top: 8px;width: 20px;}
.contactDown .l_12_r ul li i img{display: block;width: 100%;}
@media  screen and (max-width:1199px){
    .contactDown .l_12_l{height: 240px;  }
    .contactDown .l_12_l font{margin: 20px auto 0 auto;width: 144px;padding: 10px;}
    .contactDown .l_12_l h4{font-size: 14px;line-height: 16px;margin-top: 10px;}
    .contactDown .l_12_r{height: 240px;border: 5px solid #fff;padding: 0 40px;
        -webkit-box-shadow:0 0 15px rgba(0,0,0,0.09);
        -moz-box-shadow:0 0 15px rgba(0,0,0,0.09);
        box-shadow:0 0 15px rgba(0,0,0,0.09);}
    .contactDown .l_12_r h3{font-size: 18px;line-height: 36px;margin-top: 10px;}
    .contactDown .l_12_r ul{margin-top: 5px;}
    .contactDown .l_12_r ul li{line-height: 28px;font-size: 14px;color: #333;padding-left: 28px;position: relative;}
    .contactDown .l_12_r ul li i{display: block;position: absolute;left: 0;top: 4px;width: 20px;}
}
@media  screen and (max-width:991px){
    .contactDown .l_12_r{padding: 0 15px;}
}
@media  screen and (max-width:767px){
    .w_0100_12{padding: 20px 0;}
    .t_0100_12{height: 206px;border: 3px solid #fff;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.09);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.09);
        box-shadow:0 0 10px rgba(0,0,0,0.09);
    }
    .contactDown .scan{ width:100%;  margin-top: 3.91%; }
    .contactDown .l_12_l{height: auto; padding: 20px 0;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.09);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.09);
        box-shadow:0 0 10px rgba(0,0,0,0.09);
    }
    .contactDown .l_12_l font{margin: 0 auto;width: 94px;padding: 6px;}
    .contactDown .conAddress{ float: left; width: 100%; margin-top: 3.91%;}
    .contactDown .l_12_r{height: auto;border: 5px solid #fff;padding: 10px;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.09);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.09);
        box-shadow:0 0 10px rgba(0,0,0,0.09);}
    .contactDown .l_12_r h3{font-size: 14px;line-height: 28px;margin-top: 0;}
    .contactDown .l_12_r ul{margin-top: 5px;}
    .contactDown .l_12_r ul li{line-height: 24px;font-size: 12px;padding-left: 19px;}
    .contactDown .l_12_r ul li i{top: 5px;width: 14px;}
}




/*留言*/
.messageBox{ margin: 3.18% 0 5.09% 0; padding: 0 1.97% 2.16% 1.97%;
    -webkit-box-shadow:0 0 17px rgba(0,0,0,0.09);
    -moz-box-shadow:0 0 17px rgba(0,0,0,0.09);
    box-shadow:0 0 17px rgba(0,0,0,0.09);
}
.messageBox h3{ padding-top: 2.65%; color: #1f1f1f; font-size: 22px; text-transform: uppercase; line-height: 1;}
.messageBox .messageDown{ margin: 0 -15px;}
.messageBox .messageDown .messLine{ }
.messageBox .messageDown .messLine.text-align{ text-align: center; line-height: 0;}
.messageBox .messageDown .messCell{ float: left; width: 50%; padding: 0 15px; margin-top: 1.95%; position: relative; }
.messageBox .messageDown .messTit{ position: absolute; left: 35px; top: 0; color: #666666; font-size: 14px; line-height: 50px;}
.messageBox .messageDown .messEwm{ position: absolute; width: 76px; height: 38px; line-height: 0; right: 21px; top: 6px;}
.messageBox .messageDown .messTit span{ color: #ff0000;}
.messageBox .messageDown .messInput{ float: left; width: 100%; height: 50px; background: #f7f7f7; color: #666666; font-size: 14px; padding: 0 20px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance: none; outline: 0;
}
.messageBox .messageDown .messInput.p_1{ padding-left: 67px;}
.messageBox .messageDown .messInput.p_2{ padding-left: 75px;}
.messageBox .messageDown .messInput.p_3{ padding-left: 75px;}
.messageBox .messageDown .messInput.p_4{ padding-left: 60px;}
.messageBox .messageDown .messCell_2{ float: left; width: 100%; padding: 0 15px; margin-top: 1.95%; position: relative; }
.messageBox .messageDown .cell2Box{ padding-left: 155px; padding-right: 20px; background-color: #f7f7f7;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.messageBox .messageDown .messArea{ float: left; width: 100%; height: 120px; padding: 12px 0; border: 0; background: 0; color: #666666; font-size: 14px; line-height: 30px;
    -webkit-appearance: none; outline: 0;
}
.messageBox .messageDown .messBtn{ display: inline-block; vertical-align: top; margin-top: 1.95%;  padding: 0 32px; background-color: #eec47c; border: 0; color: #fff; font-size: 14px; line-height: 30px; text-align: center;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -webkit-appearance: none; outline: 0;
}
.messageBox .messageDown .messBtn:hover,
.messageBox .messageDown .messBtn:focus{ background-color: #dc6b10;}
@media  screen and (max-width:1199px){
    .messageBox h3{ font-size: 18px; }


}
@media  screen and (max-width:991px){
    .messageBox .messageDown .messTit{ left: 25px; line-height: 38px;}
    .messageBox .messageDown .messEwm{ top: 0;}
    .messageBox .messageDown .messInput{ height: 38px; }
    .messageBox .messageDown .cell2Box{ padding-left: 10px; padding-right: 10px; padding-top: 20px; }
}
@media  screen and (max-width:767px){
    .messageBox{ padding: 0 3.97% 4.95% 3.97%; }
    .messageBox h3{ padding-top: 4.65%; padding-bottom: 2%; }
    .messageBox .messageDown .messCell{  width: 100%; margin-top: 2.95%; }
    .messageBox .messageDown .messCell_2{ margin-top: 2.95%; }
    .messageBox .messageDown .messBtn{ margin-top: 4.95%; }
}



/*视频中心*/
.videoList{ padding-top: 0.63%; margin: 0 -15px;}
.videoList ul{ float: left; width: 100%; min-height: 500px;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.videoList ul li{ float: left; width: 33.3333%; padding: 0 15px;}
.videoList ul li a{ float: left; width: 100%; margin-top: 5.96%;}
.videoList ul li a .videoOver{ overflow: hidden; position: relative;}
.videoList ul li a .videoOver .videoBack{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); left: 0; top: 0;
    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;
}
.videoList ul li a:hover .videoOver .videoBack{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.videoList ul li a .videoOver .videoCenter{ position: absolute; width: 100%; left: 0; top: 50%; text-align: center; margin-top: -63px; }
.videoList ul li a .videoOver .videoCenter .imco{ display: inline-block; vertical-align: top; width: 80px; line-height: 0;}
.videoList ul li a .videoOver .videoCenter .vitext{ margin-top: 7.35%; padding: 0 10px; color: #fff; font-size: 14px; line-height: 30px; text-align: center; }
.videoList ul li a .videoOver h3{ position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 0 10px; color: #fff; font-size: 14px; text-align: center; line-height: 50px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.videoList ul li a:hover .videoOver h3{ bottom: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
@media screen and (max-width:1599px){
    .videoList ul li a .videoOver .videoCenter{ margin-top: -50px;}
    .videoList ul li a .videoOver .videoCenter .imco{ width: 60px; }
    .videoList ul li a .videoOver .videoCenter .vitext{ font-size: 15px; line-height: 28px; }
    .videoList ul li a .videoOver h3{ line-height: 38px; }
}
@media screen and (max-width:991px){
    .videoList ul{ min-height: 50px;}
    .videoList ul li a .videoOver .videoCenter{ margin-top: -42px;}
    .videoList ul li a .videoOver .videoCenter .imco{ width: 50px; }
}
@media screen and (max-width:767px){
    .videoList{ margin: 0 -7px;}
    .videoList ul li{ width: 50%; padding: 0 7px;}
    .videoList ul li a .videoOver .videoCenter .imco{ width: 40px; }
    .videoList ul li a .videoOver .videoCenter .vitext{ font-size: 14px; line-height: 24px; }
    .videoList ul li a .videoOver h3{ line-height: 32px; }
}



/*新闻*/
.newList{ width:99%;  }
.newList li{ width:99%; position:relative;}
.newList .morex{position: absolute;right:0;bottom:60px;}
.newList .morex img{width:15px}
.newList li .time{ float:left; width:147px; text-align:center; padding-right: 16px; border-right: #ededed solid 1px; }
.newList li .time .bigTime{ float:left; width:100%; margin-top:-5px; font-size:28px; color:#333; line-height:40px; font-family: 'OPENSANS-LIGHT';
}
.newList li .time h5{float:left; width:100%; font-size:16px; margin-top: 9px; color:#333; line-height:26px; font-family: 'OPENSANS-LIGHT';
}
.newList li .text{ padding: 0 0 0 178px;}
.newList li .text h4{ width:96%; float:left;padding-top: -2px; font-size:16px; color:#333; line-height:24px; text-transform: uppercase;overflow: hidden;}
.newList li .text .p{ width:96%; float:left; height:30px;line-height:30px; margin-top:16px; font-size:14px; color:#9a9a9a; text-transform: uppercase;  overflow:hidden;

}
.newList li .zmb{ width:2560px; height:1px; position:absolute; left:50%; bottom:0; margin-left:-1280px; z-index:-1; background:#ededed;}
.newList li:hover .zmb{ background:#eec47c; height:100%;}
.newList li:hover .text h4{ color:#0a3c93;}
.newList li:hover .text .p{ }
.newList li{padding-bottom:0px;margin-bottom:45px;border-bottom:1px solid #efefef;}

@media screen and (max-width:1599px) {
    .newList li .time{  width:110px;  padding-right: 12px; margin-top: 0px; }
    .newList li .time .bigTime{ margin-top:5px; font-size:26px;  line-height:31px; }
    .newList li .time h5{ font-size:14px; margin-top: 5px; line-height:21px; }
    .newList li .time .more{ height:25px;}
    .newList li .img{ width: 335px; height: 251px; }
    .newList li .text{ padding: 0 0 0 134px;}
    .newList li .text h4{ margin-top:6px;font-size:18px; }
    .newList li .text .p{ height:30px; margin-top:5px; line-height:30px;padding-right:40px }
}
@media screen and (max-width:1199px) {
    .newList li .time{ margin-top: 50px; }
    .newList li .img{ width: 275px; height: 207px; }
    .newList li .text{ padding: 0 295px 0 134px;}
    .newList li .text h4{ margin-top:28px; }
}
@media screen and (max-width:991px) {
    .newList li .time{ margin-top: 29px; }
    .newList li .img{ width: 220px; height: 165px; }
    .newList li .text{ padding: 0 235px 0 134px;}
    .newList li .text h4{ margin-top:8px; }
}
@media screen and (max-width:767px) {
    .newList li .time{display: none;}
    .newList li .img{ width: 137px; height: 103px; }
    .newList li .text{ padding: 0 0px 0 0;}
    .newList li .text h4{ margin-top:0; font-size: 15px; }
    .newList li .text .p{ height:100%; margin-top:6px; font-size:13px; line-height:18px;
        -webkit-line-clamp: 4;
        padding-right:0;
    }
    .morex{display: none}
}




/*详情页*/
.content2{ width:100%; float:left; padding:0 0 3.18% 0;  margin-top:5.09%; border-top: #e1e0e0 solid 0px;}
.content2 .title{ width:100%; float:left; text-align:center; padding: 1.33% 0; border-bottom:solid 0px #e1e0e0; }
.content2 .title h2{ width:100%; float:left; font-size:24px; color:#333; line-height:1.2; text-transform: uppercase; }
.content2 .title h5{ width:100%; float:left; font-size:14px; color:#979797; line-height:18px; margin-top:1.14%; font-family:Arial;}
.content2 .p{ width:100%; float:left; padding:2.16% 0 3.18% 0; border-bottom:solid 1px #e1e0e0; font-size:14px; color:#333; line-height:40px; }

.content2 .p .video_box{width:100%; padding-bottom:35%; position:relative; max-width:800px; margin:0 auto;}
.content2 .p .video_box video{width:100%; height:100%; position:absolute; left:0; top:0;}
.content2 .p .video_box p{width:100%; height:100%; position:absolute; left:0; top:0;}
.content2 .p .video_box p iframe{width:100%; height:100%;}

.content2 .btns{ width:100%; float:left; padding-top:3.18%;}
.content2 .btns .btn_l{ float:left; margin-top:16px;}
.content2 .btns .btn_r{ float:right;}
.content2 .btns .btn_r a{ display:block; padding: 0 21px; line-height:48px; text-align:center; background:#eec47c; color:white; font-size:14px; text-transform: uppercase;}
.content2 .btns .btn_r a:hover{ background-color: #dc6b10;}
@media  screen and (max-width:1199px){
    .content2 .title h2{ font-size:18px;  }
    .content2 .p{ line-height:29px; }
    .content2 .p .video_box{max-width:initial; padding-bottom:50%;}
    .content2 .btns .btn_r a{ line-height:38px;}
    .content2 .btns .btn_l{ margin-top:11px;}
}
@media  screen and (max-width:991px){
    .content2 .title{ padding: 3.33% 0; }
}
@media  screen and (max-width:767px){

    .content2 .p{ line-height:24px; }
}


.content3{ width:100%; float:left; padding:2.35% 2.48% 2.48% 2.48%; box-shadow:0 0 6px rgba(0,0,0,0.1); margin:0 0 5.09% 0;}
.content3 .title{ font-size:26px; color:#eec47c; line-height:1; text-transform: uppercase;}
.content3 .ul_1{ margin: 0 -15px; }
.content3 ul{ float: left; width: 100%;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.content3 ul li{ width:50%; float:left; padding:0 15px;}
.content3 ul li a{ float: left; width: 100%; margin-top: 4.1%; }
.content3 ul li .img{float:left; width:206px; height: 155px;  overflow:hidden;}
.content3 ul li .img img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.content3 ul li .zbox:hover .img img{
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
}
.content3 ul li .text{ padding-left: 240px;}
.content3 ul li .text .name{ width:100%; float:left; padding-bottom:22px; border-bottom:solid 1px #eaeaea; font-size:21px; color:#333333; line-height:24px; text-transform: uppercase;}
.content3 ul li .text .p{ width:100%; float:left; margin-top:17px; font-size:16px; color:#808080; line-height:26px; height:52px; overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content3 ul li .text .time{ width:100%; float:left; margin-top:12px; font-size:14px; color:#808080; line-height:18px; }
.content3 ul li .zbox:hover .text .name{ color:#eec47c;}
@media  screen and (max-width:1199px){
    .content3 .title{ font-size:20px; }
    .content3 ul li .img{ width:153px; height: 115px; }
    .content3 ul li .text{ padding-left: 180px;}
    .content3 ul li .text .name{ padding-bottom:16px; font-size:18px; line-height:20px; }
    .content3 ul li .text .p{ margin-top:12px; font-size:14px; color:#808080; line-height:20px; height:40px; }
    .content3 ul li .text .time{ margin-top:6px; font-size:13px; }

}
@media  screen and (max-width:991px){
    .content3 ul li{ width:100%;}
}
@media  screen and (max-width:767px){
    .content3{ padding:3.8% 2.48% 2.48% 2.48%;}
    .content3 ul li .img{ width:140px; height: 105px; }
    .content3 ul li .text{ padding-left: 150px;}
    .content3 ul li .text .name{ padding-bottom:10px; font-size:16px; line-height:18px; }
    .content3 ul li .text .p{ margin-top:6px; }
}




/*关于我们2*/
.aboutKamalTit{ text-align: center;}
.aboutKamalTit .company{ display: inline-block; vertical-align: top; background-color: #eec47c; color: #fff; font-size: 14px; text-transform: uppercase; line-height: 25px; padding: 0 17px; margin-top: 1.27%;}
.aboutKamalTit .companyLine{ padding-top: 2.54%; padding-bottom: 2.03%; text-align: center;}
.aboutKamalTit .companyLine span{ display: inline-block; vertical-align: top; width: 2px; height: 43px; background-color: #eec47c;}
@media screen and (max-width:1599px) {
    .aboutKamalTit .company{ font-size: 12px; padding: 0 14px; }
    .aboutKamalTit .companyLine span{ height: 33px; }
}




.aboutDownBack .aboutCompany{ padding:0 10.1% 1.91% 10.1%; color: #333333; font-size: 16px; line-height: 33px; text-align: center; }
.aboutDownBack .companyMore{ padding: 0 10.1% 5.09% 10.1%;}
.aboutDownBack .companyMore .linek{ float: right; padding: 0 31px; background-color: #eec47c; color: #fff; font-size: 18px; font-weight: bold; line-height: 42px; text-transform: uppercase;
    border-radius:24px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    -o-border-radius:24px;
}
.aboutDownBack .companyMore .linek:hover{background-color: #dc6b10;}
@media screen and (max-width:1599px) {
    .aboutDownBack .aboutCompany{ padding:0 0 1.91% 0; font-size: 14px; line-height: 28px; }
    .aboutDownBack .companyMore .linek{ padding: 0 23px; font-size: 14px; line-height: 32px; }
}
@media screen and (max-width:1199px) {
    .aboutDownBack .aboutCompany{  line-height: 26px; }
}
@media screen and (max-width:767px) {
    .aboutDownBack .aboutCompany{  line-height: 24px; }
}






.aboutCus{ padding: 5.09% 0;}
.aboutCus ul{ float: left; width: 100%;}
.aboutCus ul li{}
.aboutCus ul li .cusPic{ overflow: hidden;}
.aboutCus ul li .cusPic .img5{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.aboutCus ul li:hover .cusPic .img5{
    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);
}
.aboutCus ul li .cusDiv{ background-color: #fff;}
.aboutCus ul li .cusDiv .cusPad{ padding: 0 8.01%;}
.aboutCus ul li .cusDiv .cusPad .padTit{ padding: 10% 0 6.13% 0;}
.aboutCus ul li .cusDiv .cusPad .padTit h4{ float: left; max-width: 100%; padding-right: 44px; border-bottom: #eec47c solid 3px; color: #eec47c; font-size: 24px; font-weight: bold; line-height:1.2; text-transform: uppercase; }
.aboutCus ul li .cusDiv .cusPad .padp{ height: 104px; color: #666666; font-size: 14px; line-height: 26px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
@media screen and (max-width:1599px) {
    .aboutCus ul li .cusDiv .cusPad .padTit h4{ padding-right: 31px; border-bottom: #eec47c solid 2px; font-size: 20px;  }
}
@media screen and (max-width:767px) {
    .aboutCus ul li .cusDiv .cusPad .padTit h4{ padding-right: 0; border-bottom: #eec47c solid 1px; font-size: 17px;  }
    .aboutCus ul li .cusDiv .cusPad .padp{ height: 48px; font-size: 14px; line-height: 16px;
        -webkit-line-clamp: 3;
    }

}


.aboutCus .owl-dots{ width: 100%; margin-top: 3%; text-align: center; line-height: 0;}
.aboutCus .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#fff solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.aboutCus .owl-dots .owl-dot.active{ background: #fff;}
@media screen and (max-width:767px){
    .aboutCus .owl-dots .owl-dot{  width: 9px; height: 9px; margin: 0 3px; }
}



.aboutPart{ margin: 0 -15px; padding: 3.88% 0 4.14% 0;}
.aboutPartLeft{ float: left; width:50%; padding: 0.9375%; }
.aboutPartLeft .aboutMap{ overflow: hidden;}
.aboutPartLeft .aboutMap img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.aboutPartLeft .aboutMap:hover 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);
}
.aboutRight{ float: left; width: 50%;}
.aboutRight ul{ float: left; width: 100%;}
.aboutRight ul li{ float: left; width: 33.33333%; padding:1.875%; }
.aboutRight ul li a{ float: left; width: 100%; border: #dddddd solid 1px;}
.aboutRight ul li a .over{ overflow: hidden;}
.aboutRight ul li a .over .tt{ padding: 15.76% 10px 4.97% 10px; color: #eec47c; font-size: 18px; line-height: 1; 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;
}
.aboutRight ul li a:hover .over .tt{ padding: 10.76% 10px 4.97% 10px; }
.aboutRight ul li a .over .tl{ text-align: center; padding-bottom: 3.73%; line-height: 0;}
.aboutRight ul li a .over .tl span{ display: inline-block; vertical-align: top; width: 20px; height: 2px; background-color: #da9929;}
.aboutRight ul li a .over .ddd{ padding: 0 17%; }
.aboutRight ul li a .over .ddd .tdp{ height: 78px;color: #666666; font-size: 14px; line-height: 26px; text-align: center; word-break: break-all; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.bantxtcon{position: relative;z-index:1000;}
.bantxtcon .bantxt{font-size:50px;font-weight:700;color:#fff;margin-top:-20%}


@media screen and (max-width:1599px) {
    .aboutRight ul li a .over .ddd{ padding: 0 5%; }
    .aboutRight ul li a .over .ddd .tdp{ height: 60px; line-height: 20px; }
    .bantxtcon .bantxt{font-size:50px;font-weight:700;color:#fff;margin-top:-20%}

}
@media screen and (max-width:1199px) {
    .aboutRight ul li a .over .tt{ padding: 5.76% 10px 4.97% 10px; }
    .aboutRight ul li a:hover .over .tt{ padding: 5.76% 10px 4.97% 10px; }
}
@media screen and (max-width:991px) {
    .aboutPart{ margin: 0; }
    .aboutPartLeft{ width:100%; padding: 0; }
    .aboutRight{  width: 100%;}
    .aboutRight .outs{ margin: 0 -1.875%;}
    .aboutRight ul li{ float: left; width: 33.33333%; padding:3.75% 1.875% 0 1.875%; }
    .aboutRight ul li a .over .tt{ padding: 15.76% 10px 4.97% 10px; }
}
@media screen and (max-width:767px) {
    .aboutRight ul li{ width: 50%;  }
    .bantxtcon .bantxt{display: none}
}







/*
-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;

    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);


text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;

border-radius:11px;
-webkit-border-radius:11px;
   -moz-border-radius:11px;
     -o-border-radius:11px;

*/















@-webkit-keyframes buzz-out{
    10%{  -webkit-transform:translateX(3px) rotate(2deg);  transform:translateX(3px) rotate(2deg)}
    20%{  -webkit-transform:translateX(-3px) rotate(-2deg);  transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
@keyframes buzz-out{
    10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)  }
    50%{-webkit-transform:translateX(2px) rotate(1deg); transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
.buzz-out{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent
}
.buzz-out:hover,
.buzz-out:focus,
.buzz-out:active{
    -webkit-animation-name:buzz-out;
    animation-name:buzz-out;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}






/*分页*/
.waik_1{ padding: 0.02% 0 0.09% 0;  text-align:center;}
.waik_2{ padding: 0.09% 0 0.09% 0;  text-align:center;}
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .waik_1{ padding:5.3% 0; }
    .waik_2{ padding: 5.3% 0;;}
    .fy_phone{ display:block; }
    .fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:110px; height:30px; line-height:29px; border:solid 1px #eec47c; color:#333;text-decoration:inherit;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px;
    }
    .fy_phone span{ display:inline-block; padding:0 15px; height:30px; line-height:30px; color:#333;}
}
@media  screen and (max-width:767px){
    .waik_1{ padding:6% 0 6% 0;}
}


.page{ float: left; width: 100%; text-align: center;}
.page ul{ float: none!important; display:inline-block; zoom: 1; width: auto!important;}
.page a { float: left; width: 38px; height: 38px; margin: 0 5px;}
.page a li{ float: left; width: 100%; text-align: center; line-height: 36px!important; padding: 0!important;border:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3 !important;border-radius:38px;-moz-border-radius:38px; -webkit-border-radius:38px;}
.page a:last-child,
.page a:first-child{ width: 100px; height: 38px;}
.page a:last-child li,
.page a:first-child li{border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.page li:hover
{
    color: #fff;
    border: 1px solid #eec47c; background-color: #eec47c;
    border-bottom:1px solid #eec47c !important;
}
.page li img.img1{vertical-align: initial;}
.page li img.img2{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img1,
.page li.pageact img.img1{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img2,
.page li.pageact img.img2{
    display: inline-block;
}
.page li.pageact
{
    color: #fff;
    border: 1px solid #eec47c; background-color: #eec47c;
    border-bottom:1px solid #eec47c !important;
}





.special{}
.special .owl-dots{ width: 100%; margin-top: 3%; text-align: center; line-height: 0;}
.special .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#eec47c solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .owl-dots .owl-dot.active{ background: #eec47c;}
@media screen and (max-width:767px){
    .special .owl-dots .owl-dot{  width: 9px; height: 9px; margin: 0 3px; }
}






.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}}

.homeKamalBack{ background: url("../images/iaboutbg.jpg") bottom center no-repeat;  background-size: cover;}
.xccon{min-height:350px;padding:30px 0;line-height:30px;font-size:14px;}
.xccon img{max-width:100%}
.bandowntxt{position: absolute;right:0;top:0;}
.bandowntxt img{width:400px}

.fenye{text-align:center;margin:30px 0;}
.fenye li{display: inline-block;border:1px solid #ddd;height:35px;line-height:35px;padding:0 15px;margin:5px 5px}

.fenyee{text-align:center;margin:30px 0;}
.fenyee li{display: inline-block;border:1px solid #ddd;height:35px;line-height:35px;padding:0 15px;margin:5px 5px}

.clearxx{ font: 0px/0px sans-serif; clear:both; display: block; height:0px; overflow:hidden }


.sxtiao{padding:20px 0 40px 0;font-size:14px;}
.sxtiao .ups1{float:left}
.sxtiao .ups2{float:right}

.contactDown .l_12_r{background:url(../images/lxfsbg.jpg) no-repeat right center/auto 100%;}
.xsstit{color:#0a3c93;font-size:18px;font-weight:700;height:45px;line-height:45px;margin:15px 0}
.jdnewslist{height:390px;overflow: hidden;margin-left:-40px}
.jdnewslist li{float:left;width:29.4%;margin-left:3.0%;position: relative}
/*.jdnewslist li:nth-child(4n){margin-left:0}*/
.jdnewslist li .tu{}
.jdnewslist li .tu img{width:100%;height:390px}
.jdnewslist li .xx{position: absolute;bottom:0;left:0;height:150px;width:100%;background:url('../images/tm.png')}
.jdnewslist li .xx .con{padding:5px 15px 15px 15px;color:#fff}
.jdnewslist li .xx .tit{font-size:15px;height:45px;line-height:45px;overflow: hidden}
.jdnewslist li .xx .ms{font-size:14px;height:75px;line-height:25px;overflow: hidden;color:#ddd}

.homenewstit{padding-top:40px}
.homenewstit .tit{float:left;font-size:30px;}
.homenewstit .more{float:right;height:45px;line-height:45px;font-size:14px;}
.homenewstit .more span{float:right;color:#0052d9}

.iprocon{background:#f7f8fa}


.micpli{}
.micpli li{position: relative;margin-bottom:15px;}
.micpli li .wz{position: absolute;top:20px;left:20px;color:#fff}
.micpli li .wz .t1{font-size:16px;font-weight:700;}
.micpli li .wz .t2{font-size:14px;margin-top:10px}


.icpli{}
.icpli img{width:100%;height:390px}
.icpli li{position: relative;overflow: hidden;}
.icpli .pic1{float:left;width:66.67%}
.icpli .pic2{float:right;width:33.33%}
.icpli .pic3{float:left;width:33.33%}
.icpli .pic4{float:left;width:33.33%}
.icpli .pic5{float:left;width:33.33%}
.icpli li .wz{position: absolute;top:50px;left:50px;color:#fff}
.icpli li .wz .t1{font-size:29px;font-weight:700;}
.icpli li .wz .t2{font-size:19px;margin-top:10px}