@charset "utf-8";
/* CSS Document */
/*切图：yf*/
html{ overflow-x:hidden; overflow-y:auto;}
body{overflow: 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%;-webkit-filter: brightness(100%);
filter: brightness(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}
.w_1170{ margin:0 auto; width:1170px;}
.w_1170::after,
.w_1170::before{content: "";display: block;clear: both;}
.a1{background:url(../images/img_16_3.png) no-repeat center  !important;width:36px;height:36px !important;}
.a2{background:url(../images/img_16_4.png) no-repeat center  !important;width:36px;height:36px !important ;}
.a3{background:url(../images/img_16_5.png) no-repeat center  !important;width:36px;height:36px !important ;}
.top1{ position: fixed; width:100%; height:97px; left:0; top:0; z-index:1010; background-color:rgba(0,0,0,0.4);
    -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{ height: 68px; padding: 0; background:rgba(0,0,0,0.4);
    -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);
}
.top1 .headTop{ padding: 0 35px;
    -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{ float: right; width: 42px; height: 42px; margin-top: 32px;  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.active .search{ margin-top: 13px;margin-right:20px;
}
.top1 .search .searchBtn{ position: relative; float: left; width: 42px; height: 42px; border: 0; background: 0;  z-index:200;-webkit-appearance:none;
    outline: 0;
}
.top1 .search .inputBox{ position: absolute; right: -5px; top: 0; width: 42px; height: 42px; z-index: 100;
    border-radius:21px;
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -o-border-radius:21px;
    -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:hover .inputBox{ width:200px;  background-color: #e3b043; }
.top1 .search .inputBox input{height: 42px; width: 0; background:0; border: 0; padding: 0 13px 0 15px;font-size: 14px; font-weight: normal;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -o-border-radius:25px;
}
.top1 .search:hover .inputBox input{ width: 100% !important;}
.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; }
.top1 .logo{ float:left; width:220px; height:46px; margin-top: 20px; line-height: 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{ width:255px; height:48px; margin-top: 10px;}
@media screen and (max-width:1439px){
    .top1 .headTop{ padding: 0 15px;  }
}
@media screen and (max-width:1199px){
    .top1{ display:none;}
    .pz_banner{ margin-top:68px ;  }
}
.top1 .logo a{float:left; width:100%; display:block;}
.top1 .logo a img{display:block;}
.top1 .headDown{ height: 69px; padding-right: 30px;}
.top1 .logo2{ float: left; width: 0; height: 37px; margin: 11px 0 0 30px; overflow: hidden;
    -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 .logo2{ width: 75px;}
.top1.active  .menu ul .nli{margin-top:20px !important;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.menuBox{ float:right;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.menu{ float: right; }
.menu ul{ float:left; }
.menu ul .nli{ float: left;position: relative;margin-top:40px; padding:0 20px;}
.menu ul .nli span a{ float:left;text-align: center;  padding: 0 6px; color:#ffffff; font-size: 16px; line-height:36px; height:36px; 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;
}
.menu ul .nli .line{width:56px;height: 2px;background-color: #e3b043;position: absolute;top:100%;display:none;left:50%; margin-left:-28px; z-index:0;}
.menu ul .active .line{ display:block;}
.menu ul .active span a{color:#e3b043;}
.menu .sub{ display: none; position: absolute; width:150px; left:50%; margin-left: -75px; top:100%; background: #e3b043;  }
.menu .sub li{ padding: 5px 0;  font-size: 14px; line-height: 20px;  text-align: center;}
.menu .sub li a{color: #666;}
.menu ul li:hover a{color: #ffffff;}
.menu ul li:hover .line{display:block;}
.menu .sub li:hover a{ color: #666;}
@media screen and (max-width:1679px){
    /*.menuBox{ padding: 0 55px 0 393px; }*/
    .menu ul .nli{ padding: 0 10px; }
    .menu ul .nli span a{ padding: 0 12px; }
}
@media screen and (max-width:1439px){
    .menu ul .nli{ padding: 0 6px; }
    .menu ul .nli span a{ padding: 0 8px; font-size: 14px; }
}
.top1 .headDown .aLi{ float: right; width: 120px; height: 34px; border: #e70012 solid 1px; text-align: center; margin-top: 18px;
    border-radius:17px;
    -webkit-border-radius:17px;
    -moz-border-radius:17px;
    -o-border-radius:17px;
}
.top1 .headDown .aLi:hover{ background-color: #e70012;}
.top1 .headDown .aLi b{ display: inline-block; width: 20px; height: 20px; margin: 6px 10px 0 0; line-height: 0; vertical-align: top;}
.top1 .headDown .aLi b .imgs{}
.top1 .headDown .aLi b .imgd{ display: none;}
.top1 .headDown .aLi:hover b .imgs{ display: none;}
.top1 .headDown .aLi:hover b .imgd{ display: block;}
.top1 .headDown .aLi span{ display: inline-block; color: #e70012; font-size: 14px; line-height: 32px;}
.top1 .headDown .aLi:hover span{ color: #fff;}
/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:60px; background-color: #1e1e1e; }
.top2.active{ }
.top2 .logo{ float:left; width:212px; height:10px; margin-top: 10px;}
.top2 .en{ float: right; color: #fff; font-size: 16px; line-height: 40px; margin: 10px 20px 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: #fff;
}
.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: #fff;
}
.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: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #f43730;
}
.xialaph .titleTwo{ border-bottom: #33a5b3 solid 1px;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph .tp a{  display: block;  color: #fff;  font-size: 15px;  font-weight: bold;  line-height: 50px;  position: relative;  }
.xialaph .tp b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #cce9ec solid 1px; border-right: #cce9ec solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-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 .tp.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
    border-top: #fff solid 1px; border-right: #fff solid 1px;
}
.xialaph h5 a{
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
}
.xialaph h5{
    position: relative; margin-left: 20px;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #33a5b3;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.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;
}
.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ccc 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 18px 0 0; line-height: 0;
    -webkit-appearance:none; background: 0;
    outline: 0;border: 0;
    border-radius:0;
}
.xialaph .searchP .searchLeft{ padding: 0 40px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #fff; 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;
}
.inco2 ::-webkit-input-placeholder { color:#fff !important;}
.inco2 :-moz-placeholder {  color:#fff !important;}
.inco2 ::-moz-placeholder {  color:#fff !important;}
.inco2 :-ms-input-placeholder { color:#fff !important; }
.pz_banner{ float:left; width:100%; overflow:hidden; position: relative; line-height: 0; background-color: #201e1e;
    -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;}
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.home{min-height: 415px;}
}
@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 514px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 214px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background-color: #1e1e1e;  }
.w_1200{float:left;width: 1200px;margin-left: auto;margin-right: auto;}
/*banner*/
.bannerBox{ line-height: 0;float: left;width: 100%;height: 796px;}
.bannerBox .owl-nav{float: left;width: 100%;position: absolute;top: 50%;}
.bannerBox .owl-prev{float: right;margin-right: 100px; background: url(../images/result5.png)top center no-repeat; width: 28px;height: 48px;text-indent: -9999px;}
.bannerBox .owl-prev:hover{background:url(../images/result5_h.png);}
.bannerBox .owl-next{float: left;margin-left: 100px; background: url(../images/result4.png) top center no-repeat;width: 28px;height: 48px;text-indent: -999px;}
.bannerBox .owl-next:hover{background:url(../images/result4_h.png);}
/*main*/
.homeList{ height: 0; position: relative; z-index: 1;}
.homeList .homeListFloat{ position: absolute; width: 100%; left: 0; bottom: 0; }
.homeList .homeListFloat ul{ float: left; width: 100%;}
.homeList .homeListFloat ul .slick-slide{ outline: 0; border: 0; float:left; width:100%; height: 130px; padding-top:32px; position:relative}
.homeList .homeListFloat ul li{
position:absolute;
left:0;
bottom:0;
width:100%;
height:98px;
margin-top: 0px;
background-color: #e3b043bd;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.homeList .homeListFloat ul .slick-list .slick-track div:nth-child(2) li{background-color: #c7492f;}
.homeList .homeListFloat ul .slick-list .slick-track div:nth-child(2) li:hover{height:130px;margin-top: 0;background-color: rgb(61, 127, 192);}
.homeList .homeListFloat ul li:hover{height:130px;margin-top:0;background-color: #337ab7;}
.homeList .homeListFloat ul li .box{ padding:16px 30px 0 30px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeList .homeListFloat ul li:hover .box{ padding: 25px 30px 0 30px;}
.homeList .homeListFloat ul li .box .cricle{ float: right; width: 36px; height: 36px; margin-top: 6px; line-height: 0;}
.homeList .homeListFloat ul li .box .left{ padding-right: 50px;}
.homeList .homeListFloat ul li .box .left h2{ float: left; width: 100%; color: #fffefe; font-size: 16px; line-height: 30px;text-transform: uppercase;}
.homeList .homeListFloat ul li .box .left .pBox{ float: left; width: 100%; color: #fffefe; font-size: 16px; line-height: 20px; text-transform: uppercase;}
.homeList .homeListFloat ul .slick-prev{ position: absolute; width: 36px; height: 64px; background: url("../images/main2.png") no-repeat; background-size: cover; left: -69px; top: 26px; opacity: 0.8}
.homeList .homeListFloat ul .slick-prev:hover{ background: url("../images/main2_h.png") no-repeat; background-size: cover;}
.homeList .homeListFloat ul .slick-next{ position: absolute; width: 36px; height: 64px; background: url("../images/main3.png") no-repeat; background-size: cover; right: -69px; top: 26px; opacity: 0.8}
.homeList .homeListFloat ul .slick-next:hover{ background: url("../images/main3_h.png") no-repeat; background-size: cover;}
@media screen and (max-width:991px){
    .listBack{ background: url("../images/main6.jpg") center no-repeat; background-size: cover;}
    .homeList{ height: auto; position: static; z-index: 1; padding: 4.5% 0;}
    .homeList .homeListFloat{ position: static; width: 100%; height: 80px; left: auto; bottom: auto; }
    .homeList .homeListFloat ul li{ margin-top: 0; }
    .homeList .homeListFloat ul li:hover,
    .homeList .homeListFloat ul .slick-current li{ height: 80px; margin-top: 0; }
    .homeList .homeListFloat ul li:hover .box,
    .homeList .homeListFloat ul .slick-current li .box{ padding:16px 30px 0 30px;}
    .homeList .homeListFloat ul .slick-dots{ position: static; padding-top: 4%; }
    .homeList .homeListFloat ul .slick-dots li{ width: 12px; height: 12px; margin: 0 8px; border: #008fa0 solid 1px; border-radius: 50%; text-indent: -50px; overflow: hidden; background: 0; }
    .homeList .homeListFloat ul .slick-dots li button{ display: none;}
    .homeList .homeListFloat ul .slick-dots li.slick-active{ background-color: #008fa0;}
}
.current{color:#e3b043 !important;font-weight:bold  !important;}
.homeNew{ position: absolute; width: 100%; left: 0; bottom: 190px; z-index: 2;}
.homeNewPad{ padding: 0 20.08%;}
.homeNewPad .homeNewBox{ height:44px; background-color: rgba(19,18,18,0.5);
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.homeNewPad .homeNewBox .newMore{ float: right; width: 69px; height: 44px; color: #fff; font-size: 14px;line-height: 44px; text-align: center; position: relative;}
.homeNewPad .homeNewBox .newMore:hover{ color: #e3b043;}
.homeNewPad .homeNewBox .newMore::before{ content: ''; position: absolute; width: 1px; height: 16px; background-color: rgba(255,255,255,0.5); left: 0; top: 50%; margin-top: -8px;}
.homeNewPad .homeNewBox .newSlideOut{ padding-right:88px; }
.homeNewPad .homeNewBox .newSlideOut ul{ float: left; width: 100%; padding-left: 50px; height: 44px;}
.homeNewPad .homeNewBox .newSlideOut ul .slick-slide{ outline: 0;}
.homeNewPad .homeNewBox .newSlideOut ul li{ font-size: 14px; line-height: 44px;}
.homeNewPad .homeNewBox .newSlideOut ul li a{ color: #fff;}
.homeNewPad .homeNewBox .newSlideOut ul li a:hover{ color: #e3b043;}
.homeNewPad .homeNewBox .newSlideOut .slick-prev{ position: absolute; width: 12px; height: 6px; left: 20px; top: 13px; background: url("../images/main4.png") no-repeat; background-size: cover;}
.homeNewPad .homeNewBox .newSlideOut .slick-next{position: absolute; width: 12px; height: 6px; left: 20px; top: 26px; background: url("../images/main5.png") no-repeat; background-size: cover;}
.homeNewPad .homeNewBox .newSlideOut .slick-prev:hover,
.homeNewPad .homeNewBox .newSlideOut .slick-next:hover{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
@media screen and (max-width:1199px){
    .homeNew{ bottom: 150px; }
}
@media screen and (max-width:991px){
    .homeNew{ bottom: 0; }
    .homeNewPad{ padding: 0;}
}
@media screen and (max-width:767px){
    .homeNewPad .homeNewBox .newMore{ width: 54px; }
    .homeNewPad .homeNewBox .newSlideOut{ padding-right:62px; }
    .homeNewPad .homeNewBox .newSlideOut ul{ padding-left: 40px; }
    .homeNewPad .homeNewBox .newSlideOut .slick-prev{ left: 15px; }
    .homeNewPad .homeNewBox .newSlideOut .slick-next{ left: 15px; }
}
/*右侧漂浮*/
.rightFloat{ position: fixed; width: 55px; right: 0; top: 50%; padding: 15px 0; margin-top: -112px; z-index: 1200; background-color: rgba(48,48,48,0.8);
    border-radius:8px 0 0 8px;
    -webkit-border-radius:8px 0 0 8px;
    -moz-border-radius:8px 0 0 8px;
    -o-border-radius:8px 0 0 8px;
}
.rightFloat .rightTop{ float: left; width: 100%;}
.rightFloat .rightTop li{ margin:2px 0; position: relative; }
.rightFloat .rightTop li a{ float: left; width: 55px; height: 50px; position: relative; z-index: 5;}
.rightFloat .rightTop li a:hover{ background-color: #e3b043 ;}
.rightFloat .rightTop li .righEwn{ position: absolute; width: 104px; height: 97px; padding: 9px 17px 10px 9px; background: url("../images/right7.png") no-repeat; top: -24px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.rightFloat .rightTop li:hover .righEwn{
    animation-name: distach, opaci;
    -moz-animation-name: distach, opaci;
    -o-animation-name: distach, opaci;
    -webkit-animation-name: distach, opaci;
    animation-duration: 200ms, 300ms;
    -moz-animation-duration: 200ms, 300ms;
    -o-animation-duration: 200ms, 300ms;
    -webkit-animation-duration: 200ms, 300ms;
    animation-timing-function: linear, linear;
    -moz-animation-timing-function: linear, linear;
    -o-animation-timing-function: linear, linear;
    -webkit-animation-timing-function: linear, linear;
    animation-delay: 0, 200ms;
    -moz-animation-delay: 0, 200ms;
    -o-animation-delay: 0, 200ms;
    -webkit-animation-delay: 0, 200ms;
    animation-iteration-count: 1, 1;
    -moz-animation-iteration-count: 1, 1;
    -o-animation-iteration-count: 1, 1;
    -webkit-animation-iteration-count: 1, 1;
    animation-fill-mode: forwards, forwards;
    -o-animation-fill-mode: forwards, forwards;
    -moz-animation-fill-mode: forwards, forwards;
}
@keyframes distach{
    from {left:0;}
    to {left:-113px;}
}
@-moz-keyframes distach{
    from {left:0;}
    to {left:-113px;}
}
@-o-keyframes distach{
    from {left:0;}
    to {left:-118px;}
}
@-webkit-keyframes distach{
    from {left:0;}
    to {left:-113px;}
}
@keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
@-moz-keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
@-o-keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
@-webkit-keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
.rightFloat .rightTop li .righTel{ position: absolute; width: 120px; height: 50px; padding: 15px 0 15px 17px; background-color: #008fa0; top: 0; color: #fff; font-size: 16px; line-height: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border-radius:7px 0 0 7px;
    -webkit-border-radius:7px 0 0 7px;
    -moz-border-radius:7px 0 0 7px;
    -o-border-radius:7px 0 0 7px;
}
.rightFloat .rightTop li:hover .righTel{
    animation-name: distach2, opaci;
    -moz-animation-name: distach2, opaci;
    -o-animation-name: distach2, opaci;
    -webkit-animation-name: distach2, opaci;
    animation-duration: 200ms, 300ms;
    -moz-animation-duration: 200ms, 300ms;
    -o-animation-duration: 200ms, 300ms;
    -webkit-animation-duration: 200ms, 300ms;
    animation-timing-function: linear, linear;
    -moz-animation-timing-function: linear, linear;
    -o-animation-timing-function: linear, linear;
    -webkit-animation-timing-function: linear, linear;
    animation-delay: 0, 200ms;
    -moz-animation-delay: 0, 200ms;
    -o-animation-delay: 0, 200ms;
    -webkit-animation-delay: 0, 200ms;
    animation-iteration-count: 1, 1;
    -moz-animation-iteration-count: 1, 1;
    -o-animation-iteration-count: 1, 1;
    -webkit-animation-iteration-count: 1, 1;
    animation-fill-mode: forwards, forwards;
    -o-animation-fill-mode: forwards, forwards;
    -moz-animation-fill-mode: forwards, forwards;
}
@keyframes distach2{
    from {left:0;}
    to {left:-120px;}
}
@-moz-keyframes distach2{
    from {left:0;}
    to {left:-120px;}
}
@-o-keyframes distach2{
    from {left:0;}
    to {left:-120px;}
}
@-webkit-keyframes distach2{
    from {left:0;}
    to {left:-120px;}
}
@media  screen and (max-width:991px){
    .rightFloat{ display: none;}
}
/*down*/
.footTop{ padding: 3.7% 0 2.22% 0;}
.footTopBox{ position: relative; }
.footTopBox .line_1{ position: absolute; width: 1px; height: 100%; background-color: #2c2c2c; left: 45.58%;}
.footTopBox .line_2{ position: absolute; width: 1px; height: 100%; background-color: #2c2c2c; left: 70.34%;}
.footTopBox .footCom{ float: left; width: 48.58%; padding-right: 6.32%; }
.footTopBox .footComTitle{ color: #999999; font-size: 20px; line-height: 26px;}
.footTopBox .footComTitle a{ color: #999999; font-size: 20px; line-height: 26px;}
.footTopBox .footCom .comText{ padding-top: 14px; color: #999999; font-size: 14px; line-height: 26px;}
.footTopBox .footCom .comText .comLine{}
.footTopBox .footCom .comText .comLine .comB{ float: left; width: 20px; height: 20px; line-height: 0; margin: 3px 10px 0 0;}
.footTopBox .footCom .comText .comLine .comRight{ padding-left: 30px;}
.footTopBox .footLink{ float: left;    width: 21.76%;padding: 0 0.4%;}
.footTopBox .footComTitlePad{  color: #999999; font-size: 20px; line-height: 26px; padding: 0 0px;}
.footTopBox .footFriend{ padding-top: 15px;}
.footTopBox .footFriend a{ float: left;     width: 110px;padding: 0 0 15px 0;color: #999999; font-size: 14px; line-height: 20px;}
.footTopBox .footFriend a:hover{ color: #e3b043;}
.footTopBox .footContact{ float: left; width: 29.66%; padding-left: 5.72%;}
.footTopBox .footContactDown{ padding-top: 14px;}
.footTopBox .footContactDown .phone{color: #999999; font-size: 30px; font-weight: bold; line-height: 36px; }
.footTopBox .footContactDown .pCon{ padding-top: 9.64%;}
.footTopBox .footContactDown .pCon .pLink{ float: left; width: 130px; height: 35px; background-color: #333333;}
.footTopBox .footContactDown .pCon .pLink.dan{ margin-right: 20px;}
.footTopBox .footContactDown .pCon .pLink span{ float: left; color: #9a9a9a; font-size: 14px; line-height: 35px; padding-left: 22px;}
.footTopBox .footContactDown .pCon .pLink .b{ float: right; height: 35px; width: 34px; line-height: 0;}
.footTopBox .footContactDown .pCon .pLink:hover{ background-color: #4b4b4b;}
.footTopBox .footContactDown .pCon .pLink:hover span{ color: #e3b043;}
@media screen and (max-width:1199px){
    .footTopBox .footComTitlePad{ padding: 0 15px;}
    .footTopBox .footFriend a{ padding: 10px 15px; }
    .footTopBox .footContactDown .phone{ font-size: 28px; }
    .footTopBox .footContactDown .pCon .pLink{ width: 110px; }
    .footTopBox .footContactDown .pCon .pLink.dan{ margin-right: 10px;}
    .footTopBox .footContactDown .pCon .pLink span{padding-left: 10px;}
}
@media screen and (max-width:991px){
    .footTop{ padding: 4.5% 0 4.5% 0;}
    .footTopBox .line_1{ display: none;}
    .footTopBox .line_2{ display: none;}
    .footTopBox .footCom{ width:100%; padding-right: 0; }
    .footTopBox .footComTitle{ text-align: center; font-size: 18px; color: #fff;}
    .footTopBox .footCom .comText .comLine{ text-align: center;}
    .footTopBox .footCom .comText .comLine .comB{ float: none; display: inline-block; vertical-align: top;}
    .footTopBox .footCom .comText .comLine .comRight{ float: none; display: inline-block; vertical-align: top; padding-left: 0;}
    .footTopBox .footLink{ width: 100%; padding: 0; margin-top: 4.5%;}
    .footTopBox .footComTitlePad{ font-size: 18px; padding: 0; text-align: center; color: #fff;}
    .footTopBox .footFriend{ padding-top: 6px; text-align: center; }
    .footTopBox .footFriend a{ display: inline-block; float: none; padding: 3px 10px; }
    .footTopBox .footContact{ width: 100%; padding-left: 0; padding-top: 4.5%;}
    .footTopBox .footContactDown .phone{ font-size: 20px; text-align: center; }
    .footTopBox .footContactDown .pCon{ padding-top: 3.5%; text-align: center;}
    .footTopBox .footContactDown .pCon .pLink{ float: none; display: inline-block; vertical-align: top; width: 130px; }
    
}
.imgd{display: block;}
.imgs{display: none;}
.footTopBox .footContactDown .pCon .pLink:hover .imgd{display: none;}
.footTopBox .footContactDown .pCon .pLink:hover .imgs{display: block;}
@media screen and (max-width:767px){
    .footTopBox .footComTitle{ font-size: 16px; }
    .footTopBox .footComTitlePad{ font-size: 16px; }
    .footTopBox .footCom .comText .comLine .comB{ display: none;}
}
.footCopyBox{ border-top: #2c2c2c solid 1px;}
.footCopyBox .copyBox{ padding: 0 0 0 0;}
.footCopyBox .copyBox .copyRight{ float: left; color: #999999; font-size: 12px;height:55px;line-height:55px;}
.footCopyBox .copyBox .copyRight a{ color: #999999;}
.footCopyBox .copyBox .copyRight a:hover{ color: #008fa0;}
.footCopyBox .copyBox .copyRLink{ float: right;height:55px; color: #999999; font-size: 12px; line-height: 55px;}
.footCopyBox .copyBox .copyRLink a{color: #999999;float:left;}
.footCopyBox .copyBox .copyRLink a:hover{color: #008fa0;}
.footCopyBox .copyBox .copyRLink  .shu{float:left;width:1px; height:55px; margin: 20px 10px 0 10px;}
.footCopyBox .copyBox .copyRLink  .shu .shuSpan{float:left;width:1px;height:16px;background-color:#353535;}
@media screen and (max-width:767px){
    .footCopyBox .copyBox .copyRight{ width: 100%; text-align: center;}
    .footCopyBox .copyBox .copyRLink{ float: left; padding-top: 5px; width: 100%; text-align: center;}
}
.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*新闻中心*/
.Business{ padding: 79px 0 2.33% 0; text-align: center;}
.Business h2{ color: #313233; font-size: 30px; line-height: 1;text-transform: uppercase;}
.Business .english{ padding-top: 7px; color: #e6232b; font-size: 12px; font-family: Arial; line-height: 1; text-transform: uppercase;}
@media screen and (max-width:991px){
    .totleTile h2{ font-size: 25px; }
}
@media screen and (max-width:767px){
    .totleTile h2{ font-size: 20px; }
}
.Business_Slide{ height: 57px; border-bottom: #ebebeb solid 1px;margin-bottom: 40px; background: url("../images/new8.jpg") top repeat-x;}
.Business_Slide .pz_SideLayer{ float: left; width: 100%; text-align: center;}
.Business_Slide .pz_SideLayer .l1{ display: inline-block;height: 57px; text-align: center; position: relative; margin:0 2px;}
.Business_Slide .pz_SideLayer .l1 a{ float: left;padding:0 24px; color: #333333; font-size: 16px; line-height: 53px; position: relative;
-webkit-transition: all 0s ease-out 0s; 
-moz-transition: all 0s ease-out 0s; 
-o-transition: all 0s ease-out 0s; 
transition: all 0s ease-out 0s;
}
.Business_Slide .pz_SideLayer .l1 a::before{ content: ''; position: absolute; width: 14px; height: 14px; border: #cccccc solid 2px; left: 50%; margin-left: -7px; bottom: -7px; background-color: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.Business_Slide .pz_SideLayer .l1 a::after{ display: none; content: ''; position: absolute; width: 0; height: 0; left: 50%; bottom: -19px; margin-left: -5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom:6px solid #e3b043;
}
.Business_Slide .pz_SideLayer .l1:hover .pz_SideLayer_list{height: 160px;opacity: 1;}
.Business_Slide .pz_SideLayer_list{background-color: #FFFFFF; position: absolute;top: 85px;width: 146px;height:0px;border: 1px solid #f3f3f3;left: 20px;overflow: hidden;transition: all 1s ease;opacity: 0.3;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 7px rgba(0,0,0,0.15);
	-o-box-shadow: 0 0 7px rgba(0,0,0,0.15);
	box-shadow: 0 0 7px rgba(0,0,0,0.15);
	border-radius:9px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    -o-border-radius:9px;
}
.Business_Slide .pz_SideLayer_list li{float:left;width: 146px;height: 34px;text-align: center;line-height: 34px;color: #1c1c1c; margin-top: 10px;text-transform: uppercase;}
.Business_Slide .pz_SideLayer_list li:last-child{margin-top: 0;}
/* 分页 */
.c_fy{float: left;width: 100%;padding: 70px 0;text-align: center;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;height: 30px;}
.pz_fy a {display: block; float: left; height: 30px;text-align: center;line-height: 30px;font-size: 16px;color: #3b3b3b;padding: 0 5px;}
.pz_fy a.prev{margin-right:20px;}
.pz_fy a.next{margin-left:20px;}
.pz_fy a:hover,
.pz_fy a.on{color:#e3b043; font-weight:normal; }
/* 新闻中心 p1 */
.c_1170_11{float: left; width: 1170px; }
.c_1170_11 ul{float: left; width: 100%;}
.c_1170_11 ul li{float: left; width: 100%; padding: 30px 0; border-bottom: 1px dashed #ccc;}
.c_1170_11 ul li a{float: left; width: 100%; display: block; }
.c_1170_11 ul li img{float: left; width: 370px; display: block;}
.c_1170_11 ul li .r_11{float: right; width: 740px; position: relative;}
.c_1170_11 ul li .r_11::before{content: ""; width: 40px; height: 1px; background: #cccccc; position: absolute; left: -60px; top:21px;}
.c_1170_11 ul li .r_11 h2{float: left; width: 100%; font-size: 24px; height: 30px; line-height: 30px; padding: 7px 0; color: #bbb; font-family: Arial;}
.c_1170_11 ul li .r_11 h4{float: left; width: 446px; height: 40px; line-height: 26px; font-size: 16px; color: #262424; padding-top: 15px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.c_1170_11 ul li .r_11 .r_11_1{float: left; width: 715px; height:52px; line-height: 26px; font-size: 14px; color: #999;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.c_1170_11 ul li span{float: left; width: 30px; height: 30px; display: block; background: url(../images/p1_bg02.png) no-repeat; margin-top: 15px;
-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;}
.c_1170_11 ul li a:hover span{background: url(../images/p1_bg03.png) no-repeat;}
.c_1170_11 ul li a:hover .r_11 h4{color: #e3b043;}
/*新闻详情*/
/*新闻详情 p2*/
.c_1170_12{float: left;width: 1170px;margin-top: 24px; padding-bottom: 60px;}
.c_1170_12{float: left;width: 1170px;}
.c_1170_12 h2{display: block;float: left;width: 1170px;font-size: 24px;line-height: 40px;color: #333333!important;font-weight: bold;text-align: center;}
.c_1170_12 .t_12_1{float: left;width: 1170px;margin-top: 22px; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #d7d8d8;padding: 10px 0;line-height: 34px;font-size: 14px;color: #777;}
.c_1170_12 .t_12_1 a{display: block;float: right;height: 34px;line-height: 34px;margin-right: 14px;}
.c_1170_12 .t_12_1 a i{display:inline-block; *display:inline; *zoom:1;vertical-align: top;margin-left: 20px; width: 38px; background: #cbcbcb;
-webkit-border-radius:16.5px;
   -moz-border-radius:16.5px;
        border-radius:16.5px;
-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;}
.c_1170_12 .t_12_1 a i img{display: block;float: left;}
.c_1170_12 .t_12_1 a:hover{color: #e3b043;}
.c_1170_12 .t_12_1 a:hover i{background: #e3b043;}
.c_1170_12 .t_12_2{float: left;width: 1170px;;padding: 40px 0;font-size: 14px;line-height: 30px;color: #333; text-align: justify;}
.c_1170_12 .t_12_3{float: left;width: 1170px;text-align: center;padding-bottom: 27px;border-bottom: 1px solid #dbdbdb;}
.c_1170_12 .t_12_4{float: left;width: 1170px;padding: 18px 0;  position: relative;}
.c_1170_12 .t_12_4 a{display: block;float: left;height: 24px;line-height: 24px;font-size: 14px;color: #666;max-width: 500px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.c_1170_12 .t_12_4 a:hover{color: #e3b043;}
.jiathis_style_32x32{display:inline-block !important; *display:inline !important; *zoom:1 !important; vertical-align: top !important;}
.jiathis_button_weixin{float: left !important; display: block !important; background: url(../images/img_16_3.png) no-repeat center  !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.jtico_weixin{position: absolute; left: 9999px;}
.jiathis_button_tsina{float: left !important;display: block !important; background: url(../images/img_16_4.png) no-repeat center  !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.jtico_tsina{position: absolute; left: 9999px;}
.jiathis_button_qzone{float: left !important;display: block !important; background: url(../images/img_16_5.png) no-repeat center  !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.jtico_qzone{position: absolute; left: 9999px;}
.jiathis_style_32x32 a:hover{opacity:0.8; filter:alpha(opacity=80);}
.d_12{float: left;width: 1170px; margin-top: 80px;}
.d_12 h4{display: block;float: left;width: 1170px;height: 28px;line-height: 28px;font-size: 18px;color: #5596d6;font-weight: bold; text-transform: uppercase;}
.d_12 .d_12_m{float: left;width: 1170px;margin-top: 20px;}
.d_12 .d_12_m ul{margin: 0 -15px;}
.d_12 .d_12_m ul li{float: left;width: 600px;padding: 0 15px;}
.d_12 .d_12_m ul li a{display: block; float: left;width: 480px; position: relative; height: 39px;line-height: 38px;font-size: 14px; padding-right: 90px; border-bottom: 1px solid #d7d8d8;}
.d_12 .d_12_m ul li a .span_3{display: block; width: 300px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; color: #333;
-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;}
.d_12 .d_12_m ul li a font{display: block;position: absolute;right: 0;top: 0;color: #777;}
.d_12 .d_12_m ul li a:hover span{color: #e3b043;}
/*关于我们*/
.aboutListDown{}
.aboutListDown ul li.double{ background-color: #f6f6f6; }
.aboutListDown .listPad{ padding: 6.83% 0;}
.aboutListDown .listPad .padPic{ float: right; width: 45.72%; line-height: 0; overflow: hidden; position: relative;}
.aboutListDown ul li.double .listPad .padPic{ float: left;}
.aboutListDown .listPad .padPic .viico{ position: absolute; width: 52px; height: 52px; top: 50%; left: 50%; margin: -26px 0 0 -26px; line-height: 0;}
.aboutListDown .listPad .padLeft{ padding-right: 595px;}
.aboutListDown ul li.double .listPad .padLeft{ padding-right: 0; padding-left: 595px;}
.aboutListDown .listPad .padLeft h3{float: left; width: 100%; padding: 2.75% 0 2.24% 0; color: #e3b043; font-size: 40px; font-weight: bold; line-height: 1.2; text-transform: uppercase;}
.aboutListDown .listPad .padLeft .padP{float: left; width: 100%; color: #333333; font-size: 14px; line-height: 28px;}
@media  screen and (max-width:1199px){
    .aboutListDown .listPad .padLeft{ padding-right: 486px;}
    .aboutListDown ul li.double .listPad .padLeft{ padding-left: 486px;}
    .aboutListDown .listPad .padLeft h3{ font-size: 32px; }
    .aboutListDown .listPad .padLeft .padP{ line-height: 24px;}
}
@media  screen and (max-width:991px){
    .aboutListDown .listPad .padPic{ float: left; width: 100%; }
    .aboutListDown .listPad .padLeft{ padding-right: 0; float: left; width: 100%;}
    .aboutListDown ul li.double .listPad .padLeft{  padding-left: 0;}
    .aboutListDown .listPad .padLeft h3{ font-size: 26px; }
}
@media  screen and (max-width:767px){
    .aboutListDown .listPad .padLeft h3{ font-size: 19px; }
}
/*联系我们*/
.contactStyle{ padding: 0 0 3.33% 0; margin: 0 -20px;}
.contactStyle 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;
}
.contactStyle ul li{ float: left; width: 25%; padding: 2.5% 20px 0 20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.contactStyle ul li:hover{padding: 0 20px 2.5% 20px;}
.contactStyle ul li .paintBox{ border: #f0f0f0 solid 1px; height: 270px; padding:16.66%  19.25% 0 19.25%;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -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);
}
.contactStyle ul li .paintBox .outPic{ margin: 0 auto; width: 62px;}
.contactStyle ul li .paintBox .outTit{ padding-top: 13.8%; text-align: center; color: #333333; font-size: 18px; line-height: 23px;text-transform: uppercase;}
.contactStyle ul li .paintBox .outEng{ text-align: center; color: #888787; font-size: 14px; line-height: 14px; text-transform: uppercase;}
.contactStyle ul li .paintBox .outText{ padding-top: 13.85%; color: #666666; font-size: 12.5px; line-height: 24px; text-align: center;}
@media  screen and (max-width:1229px){
    .contactStyle ul li .paintBox{ padding:16.66%  9% 0 9%; }
    .contactStyle ul li .paintBox .outPic{ width: 52px;}
}
@media  screen and (max-width:991px){
    .contactStyle ul li{ width: 50%;}
    .contactStyle ul li .paintBox{ padding:9%  19.25% 0 19.25%; }
    .contactStyle ul li .paintBox .outTit{ font-size: 16px; }
}
@media  screen and (max-width:767px){
    .contactStyle ul li .paintBox{ padding:9% 9% 0 9%; }
}
@media  screen and (max-width:480px){
    .contactStyle{ padding: 4.5% 0 4.5% 0; margin: 0 -13px;}
    .contactStyle ul li{ width: 100%; padding: 4.5% 13px 0 13px;}
    .contactStyle ul li .paintBox .outPic{ width: 48px;}
    .contactStyle ul li .paintBox{ height: auto; padding:9% 9% 9% 9%; }
    .contactStyle ul li .paintBox .outTit{ padding-top: 6%; }
    .contactStyle ul li .paintBox .outEng{ font-size: 12px; }
    .contactStyle ul li .paintBox .outText{ padding-top: 6%;}
}
.contMap{ padding-bottom:5.83%; }
#bdmap{width:100%; height:390px; overflow: hidden;}
#bdmap img{max-width:none;}
#bdmap .amap-overlays{display:none;}
/*#bdmap label{ background: 0 !important; border: 0 !important; /*left:416px !important; ; top:200px !important;*/}*/
/*#bdmap .BMapLabel div{ width: 255px !important; height: 72px !important; padding: 5px 0 17px 0 !important; background: url("../images/contact7.png") no-repeat !important;}
#bdmap .BMapLabel div a{ display: block; color: #151414; font-size: 15px; font-weight: bold; line-height: 50px; text-align: center;}*/
@media  screen and (max-width:1229px){
    .contMap{ width: 100%; }
    #bdmap{ height:350px; }
}
@media  screen and (max-width:767px){
    #bdmap{ height:240px;}
}
/*视频*/
/*2视频详情*/
.OurWorks-list.Adve ul li {width:33.333%;border-radius:10px 10px 10px 10px;}
.OurWorks-list.Adve ul li .lia {margin-top:40px;}
.OurWorks-list.Adve ul li .lia .info {border:1px solid #dddddd;border-top: none;border-radius: 0 0 10px 10px;}
.OurWorks-list.Adve ul li .lia .info::after {border-radius:10px 10px 10px 10px;}
.OurWorks-list ul li .lia .info {padding:20px 0;}
.OurWorks-list ul li .lia .info .title {font-size:16px;color:#333333;line-height:26px;padding:0 60px 0 15px;}
.OurWorks-list ul li .lia .info .p1 {float:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666666;font-size:14px;margin-top:10px;padding:0 60px 0 15px;}
.OurWorks-list ul li .lia .info .but {float:left;position:absolute;right:5px;top:50%;width:25px;height:7px;margin-top:-10px;background:url(../images/ab14.png) right center no-repeat;}
@media  screen and (max-width:1229px) {
.OurWorks-list.Adve ul li .lia {margin-top:30px;}
}
@media  screen and (max-width:1024px) {
.OurWorks-list.Adve ul li .lia {margin-top:15px;}
.OurWorks-list ul li .lia .info {padding:6px 0;}
.OurWorks-list ul li .lia .info .title {padding:0 32px 0 0;}
.OurWorks-list ul li .lia .info .p1 {margin-top:0;padding:0 32px 0 0;}
.OurWorks-list ul li .lia .info .but {right:0;width:26px;height:16px;margin-top:-8px;}
}
@media  screen and (max-width:767px) {
.OurWorks-list.Adve ul li {width:100%;}
.OurWorks-list ul li .lia .info {padding:10px 0px!important;}
}
.OurWorks-list.Related ul li .lia {margin-top:28px;}
.OurWorks-list.Related .slick-dots {position:static;height:8px;margin:15px 0 0 0;}
.OurWorks-list.Related .slick-dots li {float:none;width:8px;height:8px;padding:0;background:#969493;border-radius:50%;margin:0 4px;vertical-align:top;}
.OurWorks-list.Related .slick-dots li button {display:none;}
.OurWorks-list.Related .slick-dots li.slick-active {background:#e71f19;}
.Related-works {float:left;width:100%;margin:0px 0 40px 0;}
.Related-works .title {float:left;width:100%;color:#322d2c;font-size:20px;line-height:20px;}
@media  screen and (max-width:1229px) {
.OurWorks-list.Related ul li .lia {margin-top:18px;}
}
@media  screen and (max-width:1024px) {
.PromoVideo .video_box {height:400px!important}
.OurWorks-list.Related ul li .lia {margin-top:10px;}
.Related-works {margin:0px 0 30px 0;}
.Related-works .title {font-size:18px;line-height:18px;}
}
@media  screen and (max-width:767px) {
.PromoVideo .video_box {height:200px!important}
.Related-works {margin:0px;}
.inner_banner {margin-top:0px!important}
.PromoVideo-det {padding-bottom:10px!important}
}
.inner_banner {float:left;width:100%;margin-top:65px;margin-bottom: 3%}
.PromoVideo {float:left;width:100%;line-height:0;box-shadow:0 5px 13px rgba(0,0,0,0.42);margin-top:40px;}
.PromoVideo .video_box {float:left;width:100%;position:relative;overflow:hidden;height:600px;}
.PromoVideo .video_box video {position:absolute;left:0;top:0;width:100%;height:100%;}
.PromoVideo .video_box p {position:absolute;left:0;top:0;width:100%;height:100%;}
.PromoVideo .video_box p iframe {width:100%;height:100%;}
.PromoVideo-det {float:left;width:100%;margin-top:40px;padding-bottom:40px;}
.PromoVideo-det .info-left {float:left;width:100%;border-bottom:1px solid #dddddd;padding-bottom:37px;}
.PromoVideo-det .info-left .p1 {float:left;width:100%;}
.PromoVideo-det .info-left .p1 .sp1 {float:left;color:#322d2c;font-size:28px;line-height:32px;font-weight:bold;}
.PromoVideo-det .info-left .p1 .sp2 {float:left;color:#fff;font-size:14px;line-height:22px;background:#ff7b2c;padding:0 8px;border-radius:3px;margin:5px 0 0 21px;}
.PromoVideo-det .info-left .p2 {float:left;width:100%;color:#666666;font-size:14px;line-height:24px;padding-left:20px;background:url(../images/main16.png) left center no-repeat;margin:16px 0 21px 0;}
.p3_p{    float: left;
    width: 100%;
    height: auto;
    line-height: 26px;
    font-size: 14px;
    color: #999;
    word-wrap:break-word
    }
.PromoVideo-det .info-left .p3 {float:left;width:100%;color:#666666;font-size:14px;}
.PromoVideo-det .info-right {float:right;width:21%;}
.PromoVideo-det .info-right .p1 {float:left;width:100%;text-align:center;margin:17px 0 54px 0;position:relative;}
.PromoVideo-det .info-right .p1::after {float:left;width:1px;height:100%;position:absolute;left:50%;top:0;content:'';background:#dddddd;}
.PromoVideo-det .info-right .p1 li {float:left;width:50%;}
.PromoVideo-det .info-right .p1 li h1 {float:left;width:100%;color:#e61f19;font-size:40px;line-height:50px;font-weight:bold;margin:14px 0 10px 0;}
.PromoVideo-det .info-right .p1 li h5 {float:left;width:100%;color:#666666;font-size:16px;line-height:20px;}
.PromoVideo-det .info-right .Channel {float:left;width:100%;background:#f5f6f7;padding:18px 20px;align-items:center;display:flex;}
.PromoVideo-det .info-right .Channel span {float:left;color:#333333;font-size:14px;line-height:26px;}
.PromoVideo-det .info-right .Channel a {float:left;width:22px;height:19px;margin:0 10px;}
.PromoVideo-det .info-right .Channel .wxtb {background:url(../images/wx1.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .wxtb:hover {background:url(../images/wx2.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .wbtb {background:url(../images/wb1.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .wbtb:hover {background:url(../images/wb2.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .qqtb {background:url(../images/qq1.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .qqtb:hover {background:url(../images/qq2.png) center no-repeat;}
@media  screen and (max-width:1229px) {
.inner_banner {background-size:100% 68%;}
.PromoVideo-det .info-left .p2 {margin:12px 0 15px 0;}
.PromoVideo-det .info-left {padding-bottom:25px;padding-right:30px;}
.PromoVideo-det .info-right .Channel a {margin:0 6px;}
.PromoVideo-det .info-right .p1 li h1 {font-size:30px;line-height:40px;}
}
@media  screen and (max-width:1024px) {
.yiJi {display:none}
.erJi {display:none}
.PromoVideo-det {margin-top:20px;padding-bottom:20px;}
.PromoVideo-det .info-left {width:100%;}
.PromoVideo-det .info-left .p1 .sp1 {font-size:20px;line-height:24px;}
.PromoVideo-det .info-left .p1 .sp2 {margin:2px 0 0 10px;font-size:12px;padding:0 6px;line-height:20px;}
.PromoVideo-det .info-left .p2 {margin:6px 0 8px 0;}
.PromoVideo-det .info-left {padding-bottom:15px;padding-right:0;}
.PromoVideo-det .info-right {width:100%;}
.PromoVideo-det .info-right .p1 {margin:15px 0;}
.PromoVideo-det .info-right .p1 li h1 {font-size:20px;line-height:30px;margin:5px 0 0 0}
.PromoVideo-det .info-right .p1 li h5 {font-size:12px;line-height:18px;}
.PromoVideo-det .info-right .Channel {padding:12px 15px;}
.PromoVideo-det .info-right .Channel span {line-height:20px;}
.PromoVideo-det .info-right .Channel a {width:20px;height:20px;margin:0 6px;}
.PromoVideo {margin-top:20px;}
.PromoVideo {box-shadow:0 5px 13px rgba(0,0,0,0.21);}
}
@media  screen and (max-width:767px) {
.PromoVideo-det .info-left .p3 {margin-top:6px}
}
.home-OurWorks-bg {float:left;width:100%;padding:60px 0;background:url(../images/main29.png) center top repeat-x;}
.home-OurWorks {float:left;width:100%;margin-top:10px;position:relative;}
.OurWorks-list {float:left;width:100%;}
.OurWorks-list ul {margin:0 -15px;}
.OurWorks-list ul li {float:left;width:25%;padding:0 15px;}
.OurWorks-list ul li .lia {float:left;width:100%;margin-top:30px;}
.OurWorks-list ul li .lia .img {float:left;width:100%;line-height:0;position:relative;background:rgba(0,0,0,0.8);}
.OurWorks-list ul li .lia .img2 {float:left;width:53px;height:53px;position:absolute;left:50%;top:50%;margin:-26px 0 0 -26px;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.OurWorks-list ul li .lia .info {float:left;width:100%;border-bottom:2px solid #dddddd;position:relative;}
.OurWorks-list ul li .lia .info::after {float:left; content:'';position:absolute;left:0;bottom:-2px;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.OurWorks-list ul li .lia .info .title {position:relative; float:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#322d2c;font-size:16px;padding-right:110px;color:#333333;font-weight:600}
.OurWorks-list ul li .lia .info .title::after{position:absolute; background:url(../images/video_left.jpg) no-repeat; width:25px; height:7px; right:20px; top:50%; margin-top:-3px; content:"";}
.OurWorks-list ul li .lia .info .time {float:left;position:absolute;right:0;top:0;line-height:54px;color:#322d2c;font-size:14px;padding-left:25px;background:url(../images/main36.png) left center no-repeat;}
.OurWorks-list ul li .lia:hover .img1 {opacity:0.4;filter:alpha(opacity=40);}
.OurWorks-list ul li .lia:hover .img2 {-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.OurWorks-list ul li .lia:hover .info .title {color:#93b46b;}
.OurWorks-list ul li .lia:hover .info::after {width:100%;}
.OurWorks-list ul li .lia:hover .info .but {background:url(../images/ab141.png) right center no-repeat;}
.OurWorks-list ul li .lia:hover .title::after{background:url(../images/video_left2.jpg) no-repeat; }
.home-works {float:left;width:100%;margin-top:30px;}
.home-works ul {margin:0 -15px;}
.home-works ul li {float:left;width:50%;padding:0 15px;}
.home-works ul li .lia {float:left;width:100%;line-height:0;}
.home-works ul li .lia.lia_mt {margin-top:28px;}
@media screen and (max-width:1229px ) {.OurWorks-list ul {margin:0 -10px;}
.OurWorks-list ul li {padding:0 10px;}
.OurWorks-list ul li .lia {margin-top:20px;}
.home-works ul {margin:0 -10px;}
.home-works ul li {padding:0 10px;}
.home-works ul li .lia.lia_mt {margin-top:23px;}
}
@media screen and (max-width:1023px ) {
.home-OurWorks-bg {padding:30px 0;}
.OurWorks-list ul {margin:0 -6px;}
.OurWorks-list ul li {padding:0 6px;}
.OurWorks-list ul li .lia {margin-top:12px;}
.OurWorks-list ul li .lia .img2 {width:36px;height:36px;margin:-18px 0 0 -18px;}
.OurWorks-list ul li .lia .info {border-bottom:1px solid #dddddd;}
.OurWorks-list ul li .lia .info::after {height:1px;bottom:-1px;}
.home-works {margin-top:20px;}
.home-works ul {margin:0 -6px;}
.home-works ul li {padding:0 6px;}
.home-works ul li .lia.lia_mt {margin-top:17px;}
}
@media screen and (max-width:767px ) {
.OurWorks-list ul li {width:50%;}
.OurWorks-list ul li .lia .info .title {padding-right:82px;font-size:16px;line-height:16px;margin-bottom:1px;}
.OurWorks-list ul li .lia .info .time {font-size:12px;padding-left:12px;background-size:10px 10px;}
.home-works {margin-top:12px;}
.home-works ul li {width:100%;}
.home-works ul li .lia.lia_mt {margin-top:8px;}
.home-works ul li .lia {margin-top:8px;}
}
.OurWorks-list.Adve ul li {width:33.333%;}
.OurWorks-list.Adve ul li .lia {margin-top:40px;}
.OurWorks-list.Adve ul li .lia .info {border-bottom:1px solid #dddddd; }
.OurWorks-list.Adve ul li .lia .info::after {height:1px;bottom:-1px;}
.OurWorks-list ul li .lia .info {padding:20px 0;}
.OurWorks-list ul li .lia .info .title {font-size:16px;color:#333333;line-height:25px; height:25px; padding:0 60px 0 15px; position:relative;}
.OurWorks-list ul li .lia .info .p1 {float:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666666;font-size:14px;margin-top:4px;padding:0 60px 0 15px;}
.OurWorks-list ul li .lia .info .but {float:left;position:absolute;right:5px;top:50%;width:25px;height:7px;margin-top:-10px;background:url(../images/ab14.png) right center no-repeat;}
@media  screen and (max-width:1229px) {
.OurWorks-list.Adve ul li .lia {margin-top:30px;}
}
@media  screen and (max-width:1024px) {
.OurWorks-list.Adve ul li .lia {margin-top:15px;}
.OurWorks-list ul li .lia .info {padding:6px 0;}
.OurWorks-list ul li .lia .info .title {padding:0 32px 0 0;}
.OurWorks-list ul li .lia .info .p1 {margin-top:0;padding:0 32px 0 0;}
.OurWorks-list ul li .lia .info .but {right:0;width:26px;height:16px;margin-top:-8px;}
}
@media  screen and (max-width:767px) {
.OurWorks-list.Adve ul li {width:100%;}
.OurWorks-list ul li .lia .info {padding:10px 0px!important;}
}
.OurWorks-list.Related ul li .lia {margin-top:28px;}
.OurWorks-list.Related .slick-dots {position:static;height:8px;margin:15px 0 0 0;}
.OurWorks-list.Related .slick-dots li {float:none;width:8px;height:8px;padding:0;background:#969493;border-radius:50%;margin:0 4px;vertical-align:top;}
.OurWorks-list.Related .slick-dots li button {display:none;}
.OurWorks-list.Related .slick-dots li.slick-active {background:#e71f19;}
.Related-works {float:left;width:100%;margin:0px 0 40px 0;}
.Related-works .title {float:left;width:100%;color:#5596d6;font-weight: bold; font-size:20px;line-height:20px;}
@media  screen and (max-width:1229px) {
.OurWorks-list.Related ul li .lia {margin-top:18px;}
}
@media  screen and (max-width:1024px) {
.PromoVideo .video_box {height:400px!important}
.OurWorks-list.Related ul li .lia {margin-top:10px;}
.Related-works {margin:0px 0 30px 0;}
.Related-works .title {font-size:18px;line-height:18px;}
}
@media  screen and (max-width:767px) {
.PromoVideo .video_box {height:200px!important}
.Related-works {margin:0px;}
.inner_banner {margin-top:0px!important}
.PromoVideo-det {padding-bottom:10px!important}
}
.inner_banner {float:left;width:100%;margin-top:65px;margin-bottom: 3%}
.PromoVideo {float:left;width:100%;line-height:0;box-shadow:0 5px 13px rgba(0,0,0,0.42);margin-top:40px;}
.PromoVideo .video_box {float:left;width:100%;position:relative;overflow:hidden;height:600px;}
.PromoVideo .video_box video {position:absolute;left:0;top:0;width:100%;height:100%;}
.PromoVideo .video_box p {position:absolute;left:0;top:0;width:100%;height:100%;}
.PromoVideo .video_box p iframe {width:100%;height:100%;}
.PromoVideo-det {float:left;width:100%;margin-top:40px;padding-bottom:40px;}
.PromoVideo-det .info-left {float:left;width:100%;border-bottom:1px solid #dddddd;padding-bottom:37px;}
.PromoVideo-det .info-left .p1 {float:left;width:100%;}
.PromoVideo-det .info-left .p1 .sp1 {float:left;color:#322d2c;font-size:28px;line-height:32px;font-weight:bold;}
.PromoVideo-det .info-left .p1 .sp2 {float:left;color:#fff;font-size:14px;line-height:22px;background:#ff7b2c;padding:0 8px;border-radius:3px;margin:5px 0 0 21px;}
.PromoVideo-det .info-left .p2 {float:left;width:100%;color:#666666;font-size:14px;line-height:24px;padding-left:20px;background:url(../images/main16.png) left center no-repeat;margin:16px 0 21px 0;}
.PromoVideo-det .info-left .p3 {float:left;width:100%;color:#666666;font-size:14px;line-height:24px;}
.PromoVideo-det .info-right {float:right;width:21%;    margin: -30px 0 0 0;}
.PromoVideo-det .info-right .p1 {float:left;width:100%;text-align:center;margin:17px 0 54px 0;position:relative;}
.PromoVideo-det .info-right .p1::after {float:left;width:1px;height:100%;position:absolute;left:50%;top:0;content:'';background:#dddddd;}
.PromoVideo-det .info-right .p1 li {float:left;width:50%;}
.PromoVideo-det .info-right .p1 li h1 {float:left;width:100%;color:#e61f19;font-size:40px;line-height:50px;font-weight:bold;margin:14px 0 10px 0;}
.PromoVideo-det .info-right .p1 li h5 {float:left;width:100%;color:#666666;font-size:16px;line-height:20px;}
.PromoVideo-det .info-right .Channel {float:left;width:100%;background:#f5f6f7;padding: 18px 0 18px 15px;align-items:center;display:flex;}
.PromoVideo-det .info-right .Channel span {float:left;color:#333333;font-size:14px;line-height:26px;}
.PromoVideo-det .info-right .Channel a {float:left;width:22px;height:19px;margin:0 10px;}
.PromoVideo-det .info-right .Channel .wxtb {background:url(../images/right2_1.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .wxtb:hover {background:url(../images/right2_1h.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .wbtb {background:url(../images/right2_2.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .wbtb:hover {background:url(../images/right2_2h.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .qqtb {background:url(../images/right2_3.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .qqtb:hover{background:url(../images/right2_3h.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .you {background:url(../images/right2_4.png) center no-repeat;}
.PromoVideo-det .info-right .Channel .you:hover{background:url(../images/right2_4h.png) center no-repeat;}
@media  screen and (max-width:1229px) {
.inner_banner {background-size:100% 68%;}
.PromoVideo-det .info-left .p2 {margin:12px 0 15px 0;}
.PromoVideo-det .info-left {padding-bottom:25px;padding-right:30px;}
.PromoVideo-det .info-right .Channel a {margin:0 6px;}
.PromoVideo-det .info-right .p1 li h1 {font-size:30px;line-height:40px;}
}
@media  screen and (max-width:1024px) {
.yiJi {display:none}
.erJi {display:none}
.PromoVideo-det {margin-top:20px;padding-bottom:20px;}
.PromoVideo-det .info-left {width:100%;}
.PromoVideo-det .info-left .p1 .sp1 {font-size:20px;line-height:24px;}
.PromoVideo-det .info-left .p1 .sp2 {margin:2px 0 0 10px;font-size:12px;padding:0 6px;line-height:20px;}
.PromoVideo-det .info-left .p2 {margin:6px 0 8px 0;}
.PromoVideo-det .info-left {padding-bottom:15px;padding-right:0;}
.PromoVideo-det .info-right {width:100%;}
.PromoVideo-det .info-right .p1 {margin:15px 0;}
.PromoVideo-det .info-right .p1 li h1 {font-size:20px;line-height:30px;margin:5px 0 0 0}
.PromoVideo-det .info-right .p1 li h5 {font-size:12px;line-height:18px;}
.PromoVideo-det .info-right .Channel {padding:12px 15px;}
.PromoVideo-det .info-right .Channel span {line-height:20px;}
.PromoVideo-det .info-right .Channel a {width:20px;height:20px;margin:0 6px;}
.PromoVideo {margin-top:20px;}
.PromoVideo {box-shadow:0 5px 13px rgba(0,0,0,0.21);}
}
@media  screen and (max-width:767px) {
.PromoVideo-det .info-left .p3 {margin-top:6px}
}
.home-OurWorks-bg {float:left;width:100%;padding:60px 0;background:url(../images/main29.png) center top repeat-x;}
.home-OurWorks {float:left;width:100%;margin-top:10px;position:relative;}
.OurWorks-list {float:left;width:100%;}
.OurWorks-list ul {margin:0 -15px;}
.OurWorks-list ul li {float:left;width:25%;padding:0 15px;border-radius: 10px 10px;}
.OurWorks-list ul li .lia:hover{box-shadow:#CCCCCC 0px 0px 10px;border-radius: 10px 10px;}
.OurWorks-list ul li .lia {float:left;width:100%;margin-top:30px;}
.OurWorks-list ul li .lia .img {float:left;width:100%;line-height:0;position:relative;background:rgba(0,0,0,0.8);border-radius:5px 5px 0 0 ;}
.OurWorks-list ul li .lia .img2 {float:left;width:53px;height:53px;position:absolute;left:50%;top:50%;margin:-26px 0 0 -26px;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.OurWorks-list ul li .lia .info {float:left;width:100%;border-bottom:2px solid #dddddd;position:relative;}
.OurWorks-list ul li .lia .info .title {float:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#262424;}
.OurWorks-list ul li .lia .info .time {float:left;position:absolute;right:0;top:0;line-height:54px;color:#322d2c;font-size:14px;padding-left:25px;background:url(../images/main36.png) left center no-repeat;}
.OurWorks-list ul li .lia:hover .img1 {opacity:0.4;filter:alpha(opacity=40);border-radius:5px 5px 0 0 ;}
.OurWorks-list ul li .lia:hover .img2 {-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);border-radius:5px 5px 0 0 ;}
.OurWorks-list ul li .lia:hover .info .title {color:#93b46b;}
.OurWorks-list ul li .lia:hover .info::after {width:100%;}
.OurWorks-list ul li .lia:hover .info .but {background:url(../images/ab141.png) right center no-repeat;}
.home-works {float:left;width:100%;margin-top:30px;}
.home-works ul {margin:0 -15px;}
.home-works ul li {float:left;width:50%;padding:0 15px;}
.home-works ul li .lia {float:left;width:100%;line-height:0;}
.home-works ul li .lia.lia_mt {margin-top:28px;}
@media screen and (max-width:1229px ) {.OurWorks-list ul {margin:0 -10px;}
.OurWorks-list ul li {padding:0 10px;}
.OurWorks-list ul li .lia {margin-top:20px;}
.home-works ul {margin:0 -10px;}
.home-works ul li {padding:0 10px;}
.home-works ul li .lia.lia_mt {margin-top:23px;}
}
@media screen and (max-width:1023px ) {
.home-OurWorks-bg {padding:30px 0;}
.OurWorks-list ul {margin:0 -6px;}
.OurWorks-list ul li {padding:0 6px;}
.OurWorks-list ul li .lia {margin-top:12px;}
.OurWorks-list ul li .lia .img2 {width:36px;height:36px;margin:-18px 0 0 -18px;}
.OurWorks-list ul li .lia .info {border-bottom:1px solid #dddddd;}
.OurWorks-list ul li .lia .info::after {height:1px;bottom:-1px;}
.home-works {margin-top:20px;}
.home-works ul {margin:0 -6px;}
.home-works ul li {padding:0 6px;}
.home-works ul li .lia.lia_mt {margin-top:17px;}
}
@media screen and (max-width:767px ) {
.OurWorks-list ul li {width:50%;}
.OurWorks-list ul li .lia .info .title {padding-right:82px;font-size:16px;line-height:16px;margin-bottom:1px;}
.OurWorks-list ul li .lia .info .time {font-size:12px;padding-left:12px;background-size:10px 10px;}
.home-works {margin-top:12px;}
.home-works ul li {width:100%;}
.home-works ul li .lia.lia_mt {margin-top:8px;}
.home-works ul li .lia {margin-top:8px;}
}
/*产品详情*/
.c_1170_1{ width:100%; float:left; padding:52px 30px 45px 30px; border:solid 1px #e6e6e6; margin-top:20px;}
.c_1170_1 .c_480{ width:480px; float:left; border-right:solid 1px #eff0f1;}
.slide_pic_5{ width:100%; float:left; position:relative; text-align:center;}
.slide_pic_5 img{margin:0 auto; display:block; }
.slide_pic_5 .slick-dots {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_5 .slick-dots li {
	width: 11px;
	height: 11px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	background:#CCCCCC;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_5 .slick-dots li.slick-active{
	background:#e3b043;
}
.c_1170_1 .c_527{ margin-left:581px;}
.c_1170_1 .c_527 .title{ width:100%; float:left; font-size:26px; color:#161616; line-height:34px;}
.c_1170_1 .c_527 .dl{ width:100%; float:left; margin-top:31px;}
.c_1170_1 .c_527 .dl .dd{ width:102%; float:left; font-size:14px; color:#333; line-height:30px; padding-left:20px; background:url(../images/ico13.jpg) no-repeat left center;}
.c_1170_1 .c_527 .c_527_b{ width:100%; float:left; margin-top:37px;}
.c_1170_1 .c_527 .c_527_b .more{ float:left;}
.c_1170_1 .c_527 .c_527_b .more a{ display:block; float:left; font-size:18px; color:#fff; background:#5596d6; text-align:center; width:157px; height:50px; line-height:50px;}
.c_1170_1 .c_527 .c_527_b .bdsharebuttonbox{ float:right; margin-top:14px; height:24px;}
.c_1170_1 .c_527 .c_527_b .bdsharebuttonbox a{ margin-top:0; margin-bottom:0;}
@media screen and (max-width:991px) {
.c_1170_1{ padding:32px 10px 25px 10px; margin-top:30px;}
.c_1170_1 .c_480{ width:380px;}
.c_1170_1 .c_527{ margin-left:440px;}
.c_1170_1 .c_527 .title{ font-size:20px; line-height:26px;}
.c_1170_1 .c_527 .dl{ margin-top:21px;}
.c_1170_1 .c_527 .dl .dd{ font-size:12px; line-height:22px; padding-left:12px;}
.c_1170_1 .c_527 .c_527_b{ margin-top:27px;}
.c_1170_1 .c_527 .c_527_b .more a{ font-size:16px; width:137px; height:40px; line-height:40px;}
.c_1170_1 .c_527 .c_527_b .bdsharebuttonbox{ margin-top:8px;}
}
@media screen and (max-width:767px) {
.c_1170_1{ border:0;}
}
@media screen and (max-width:480px) {
.c_1170_1 .c_480{ width:100%; border-right:0;}
.c_1170_1 .c_527{ margin-left:0; width:100%; float:left; margin-top:20px; padding:0 10px;}
}
.c_1170_2{ width:100%; float:left; margin-top:30px; border:solid 1px #e6e6e6;}
.c_1170_2 .title{ width:100%; float:left; border-bottom:solid 1px #e6e6e6; background:#f6f6f6;}
.c_1170_2 .title span{ float:left; display:block; width:119px; height:45px; border-top:solid 3px #5596d6; text-align:center; color:#5596d6; border-right:solid 1px #e6e6e6; background:white; font-size:14px; font-weight:bold; margin-top:-1px; line-height:42px;}
.c_1170_2 .p{ width:100%; float:left; padding:30px 30px 0px 30px; font-size:14px; color:#4c4c4c; line-height:28px;}
.xqfy{ width:100%; float:left; margin-top:22px; margin-bottom:52px;}
.xqfy h5{ width:50%; float:left; font-size:14px; color:#666; line-height:30px;}
.xqfy h5 a{ color:#666; display:inline-block; *zoom:1; *display:inline; vertical-align:top; max-width:80%;}
.xqfy h5.last{ text-align:right;}
.xqfy h5:hover,.xqfy h5:hover a{ color:#e3b043;}
@media screen and (max-width:767px) {
.c_1170_2{ border-left:0; border-right:0; border-top:0; margin-top:15px;}
.xqfy{ margin-top:12px; margin-bottom:32px; padding:0 10px;}
.xqfy h5{ width:100%; font-size:12px; line-height:26px;}
.xqfy h5.last{ text-align:left;}
.c_1170_2 .title span{ width:100px; height:40px; font-size:12px; line-height:38px;}
.c_1170_2 .p{ padding:30px 20px 25px 20px; font-size:12px; line-height:22px;}
}
.c_1170_2 .p p:nth-child(5){padding: 30px 0;}
.c_1170_2 .p p:nth-child(6){padding:0 0 30px 0;}
/*招贤纳士*/
.zhaoxiannashi{ height: 57px; border-bottom: #ebebeb solid 1px;margin-bottom: 40px; background: url("../images/new8.jpg") top repeat-x;}
.zhaoxiannashi .pz_SideLayer{ float: left; width: 100%; text-align: center;}
.zhaoxiannashi .pz_SideLayer .l1{ display: inline-block;height: 57px; text-align: center; position: relative; margin:0 2px;}
.zhaoxiannashi .pz_SideLayer .l1 a{ float: left; padding:0 24px; color: #333333; font-size: 16px; line-height: 53px; position: relative;
-webkit-transition: all 0s ease-out 0s; 
-moz-transition: all 0s ease-out 0s; 
-o-transition: all 0s ease-out 0s; 
transition: all 0s ease-out 0s;
}
.zhaoxiannashi .pz_SideLayer .l1 a::before{ content: ''; position: absolute; width: 14px; height: 14px; border: #cccccc solid 2px; left: 50%; margin-left: -7px; bottom: -7px; background-color: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.zhaoxiannashi .pz_SideLayer .l1 a::after{ display: none; content: ''; position: absolute; width: 0; height: 0; left: 50%; bottom: -19px; margin-left: -5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom:6px solid #e3b043;
}
.zhaoxiannashi .pz_SideLayer .l1:hover .pz_SideLayer_list{height: 160px;opacity: 1;}
.zhaoxiannashi .pz_SideLayer_list{background-color: #FFFFFF; position: absolute;top: 85px;width: 146px;height:0px;border: 1px solid #f3f3f3;left: 20px;overflow: hidden;transition: all 1s ease;opacity: 0.3;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 7px rgba(0,0,0,0.15);
	-o-box-shadow: 0 0 7px rgba(0,0,0,0.15);
	box-shadow: 0 0 7px rgba(0,0,0,0.15);
	border-radius:9px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    -o-border-radius:9px;
}
.zhaoxiannashi .pz_SideLayer_list li{float:left;width: 146px;height: 34px;text-align: center;line-height: 34px;color: #1c1c1c; margin-top: 10px;text-transform: uppercase;}
.zhaoxiannashi .pz_SideLayer_list li:last-child{margin-top: 0;}
.zhaoxiannashi .pz_SideLayer_list li:hover{background-color: #fad3d4;color: #e6232b;}
.chancecontain{ position:relative; width:100%; float:left;}
.chancecontain ul{ float:left; width:100%;}
.chancecontain ul li{ float:left; width:100%; margin-top:12px; line-height:60px;}
.chancecontain ul li .l_1115{ float:left; width:100%; background:#fff; line-height:60px; font-size:16px; cursor:pointer;background-color: #f5f5f5;}
.lermore_box{ width:70px; float:right; border-left:solid 1px #FFFFFF;}
#lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/z_btn_2.png) no-repeat center;
-webkit-transition: all 0.1s ease-out 0s; 
-moz-transition: all 0.1s ease-out 0s; 
-o-transition: all 0.1s ease-out 0s; 
transition: all 0.1s ease-out 0s;}
.chancecontain ul li .active{background-color: #e3b043;}
.chancecontain ul li .active  .a  .z_270{float:left; color:#FFFFFF !important;}
.chancecontain ul li .active .a  .z_170{float:left; color:#FFFFFF !important;}
.chancecontain ul li .active .a  .z_236{float:left; color:#FFFFFF !important;}
.chancecontain ul li .active .a  .z_204{float:left; color:#FFFFFF !important;}
.chancecontain ul li .active .a  .z_196{float:left; color:#FFFFFF !important;}
.chancecontain ul li .active .lermore_box #lermore{background:url(../images/z_btn_2h.png) no-repeat center;}
.chancecontain ul li .l_1115 .a .z_270{  width:190px; float:left; text-align:left; padding-left:20px;}
.chancecontain ul li .l_1115 .a .z_170{  width:270px; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_236{  width:200px; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_204{  width:200px; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis;}
.chancecontain ul li .l_1115 .a .z_196{  width:200px; float:left; text-align:center; text-align:center;}
.chancecontain ul li.z_l1 .l_1115{ background:#5596d6;height:60px;}
.chancecontain ul li.z_l1 .l_1115 .a{ color:white; line-height:60px; font-size:16px; font-weight:bold;}
.chancecontain ul li.z_l1 .l_1115 .a .z_270{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_170{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_236{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_204{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_196{ color:white;}
.chancecontain ul li .l_1115.on #lermore{ background:url(../images/z_btn_3.png) no-repeat center;}
.chancecontain ul li .l_1115.on .a .z_270,
.chancecontain ul li .l_1115.on .a .z_170,
.chancecontain ul li .l_1115.on .a .z_236,
.chancecontain ul li .l_1115.on .a .z_204,
.chancecontain ul li .l_1115.on .a .z_196{ color:#0ba29a;}
.chancecontain .deta{ display:none; width:100%; overflow:hidden; float:left; background:#fbfbfb;}
.chancecontain .deta .l_1200{ float:left; width:1170px; padding:40px;}
.l_1200_1{float: left;width: 500px;margin-right: 40px;}
.l_1200_1 h3{float: left;width: 100%; font-size: 16px;color: #333333; margin-bottom:15px;}
.l_1200_1 .l_1200_1_1{float: left;width: 416px;}
/*.l_1200_1 .l_1200_1_1 p{float: left;width: 416px;height: 55px;line-height: 20px;padding-top: 15px;font-size: 12px;color: #666666;}*/
.l_1200_1 .l_1200_1_2{float: left;margin-top: 20px;}
.l_1200_1 .l_1200_1_2 p{float: left;height: 30px;line-height: 10px;width: 416px;padding-top: 15px;font-size: 12px;color: #666666;}
.l_1200_2{float: left;width: 1px;height: 115px;background-color: #CCCCCC;margin-right: 40px;}
.l_1200_3{float: left;width: 508px;} 
.l_1200_3 .l_1200_3_1 h3{margin-bottom:15px;font-size: 16px;}
.l_1200_3 .l_1200_3_1 p{float: left;    padding: 0 94px 0 0; line-height:30px;font-size: 12px;color: #666666;}
.l_1200_3_1_2{float: left;background: url(../images/l_1200_3_1_2.jpg)top center no-repeat;width: 134px;margin-top: 20px; height: 35px;text-align: center;line-height: 35px;color: #ffffff;font-size: 14px;}
.chancecontain .deta .l_1200 .z_1200_t{ width:100%; float:left; font-size:12px; color:#666; line-height:28px;}
.chancecontain .deta .l_1200 .z_655{ width:100%; float:left;}
.chancecontain .deta .l_1200 .z_655 span{ display:block; font-size:16px; color:#333;}
.chancecontain .deta .l_1200 .z_384{ width:100%;  float:right; margin-top:20px;}
.chancecontain .deta .l_1200 .z_384 span{ display:block; font-size:16px; color:#333;}
.chancecontain .deta .l_1200 .z_1200_b{ width:100%; margin-top:20px; font-size:14px; line-height:28px; float:left; color:#666;}
.chancecontain .deta .l_1200 .z_1200_b .z_384{ border:none;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:12px;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3 a{ color:white; background:#0ba29a; width:123px; height:37px; line-height:37px; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; overflow:hidden; display:block; float:left;}
.l_1200_1 .sp{float:left; width: 416px; line-height:30px; font-size:12px; color:#666;}
.l_1200_1 .sp p{display:block; padding:0; line-height:30px;}
/*产品展示*/
.proInList{float: left;width: 100%;margin: 20px 0 0 0;}
.proInList ul{ float: left; width:1200px; min-height: 600px;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.proInList ul li{ float: left;     width:370px;
    height: 370px;
    margin: 0 30px 30px 0;}
.proInList ul li a{ float: left; width: 100%;position: relative; overflow: hidden; }
.proInList ul li a:hover{
    -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 0px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 0px rgba(0,0,0,0.1);
}
.proInList ul li:hover{border: none;}
.proInList ul li a .proPicBorder{}
.proInList ul li a:hover .proPicBorder{ border-color: #fff;}
.proInList ul li a .proPic{ overflow: hidden;    width:370px;border:1px solid #dcdcdc;
    height: 370px;}
.proInList ul li a .proPic img{
	float:left;
	width: 370px;
	height: 370px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear
}
.proInList ul li a:hover .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);
}
.proInList ul li a:hover .proPic{ background-color: #f8f9fc;}
.proInList ul li a .hotDown{ padding:0 7.4%; background-color: #f4f4f4; }
.proInList ul li a .hotDown .hotBorTop{ padding: 19px 0;}
.proInList ul li a .hotDown .hotMore{ float: right; color: #999999; font-size: 12px; line-height: 25px; text-transform: uppercase;}
.proInList ul li a .hotDown h3{ padding-right: 10px;  color: #333333; font-size: 16px; line-height: 25px;}
.proInList ul li a .buleLayer{ position: absolute; width:370px;height:370px; left:0px; bottom: -107%; padding:80.4% 0% 0 0%; background:url(../images/mian8beijing.png)top center repeat-x;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.proInList ul li a .buleLayer .buleLayer_1{float: right;width: 94%;text-align: right;margin: -30px 20px 0 0 ;font-size: 14px;color: #FFFFFF; }
.proInList ul li a .buleLayer .buleLayer_2{    font-size: 14px;width:300px;
    color: #fff;
    padding: 10px 0 15px 20px;}
.proInList ul li a .buleLayer h4{float:left;width: 80%;height: 30px; padding:0 0 0 20px;font-size: 24px;color: #FFFFFF;}
.proInList ul li a:hover .buleLayer{ bottom: 0; top: auto;}
.proInList ul li a .buleLayer .blueMore{ text-align: center; color: #fff; font-size: 14px; line-height: 1; text-transform: uppercase;}
@media screen and (max-width:1199px){
    .proInList ul li{ width: 33.3333%; }
}
@media screen and (max-width:991px){
    .proInList ul{ min-height: 100px; }
}
@media screen and (max-width:767px){
  
    .proInList ul li{ width: 50%; padding: 0 6px 0 6px;}
    .proInList ul li a .hotDown .hotBorTop{ padding: 9px 0;}
    .proInList ul li a .hotDown h3{ padding-right: 0; }
}
.pageBox{float:left; width:100%; line-height:34px; font-size:14px;color:#333; padding:50px 0; }
@media screen and (max-width:767px){
  .pageBox{line-height:30px; font-size:14px;color:#333; padding:30px 0; }
}
/*分页*/
.m-page {
	text-align:right;
	font-size:0;
	height:38px;
	line-height:38px;
	padding-right:10px;
}
.m-page li {
	display:inline
}
.m-page a, .m-page i {
	display:inline-block;
	font-size:15px;
	background-color:#e3b043;
	padding:0px 13px;
	height:36px;
	overflow:hidden;
	text-align:center;
	border:0px #FFFFFF solid;
	color:#FFFFFF;
	font-family:Arial;
	margin-left:5px;
	vertical-align:top;
}
.m-page a.next, .m-page a.prev {
	font-family:宋体;
	font-size:16px;
	font-weight:700;
}
.m-page a:hover, .m-page li.thisclass a {
	color:#ff0000;
}
.m-page span {
	font-size:14px;
	padding-right:10px;
}
.caseNav{ line-height: 0; background: url("../images/join2.jpg") bottom repeat-x;}
.pz_SideLayer{ text-align: center; }
.pz_SideLayer .l1{ display: inline-block; *display: inline; *zoom:1; padding: 0 17px; }
.pz_SideLayer .l1 a{ float: left;  padding: 0 31px 0 31px; color: #333333; font-size: 16px; line-height: 76px; text-align: center; position: relative; }
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ color:#fff; background-color: #e3b043; }
@media screen and (max-width:1339px){
    .pz_SideLayer .l1{ padding: 0 12px; }
    .pz_SideLayer .l1 a{  padding: 0 23px 0 23px; font-size: 14px; line-height: 56px; }
}
.babyser{ position: relative; z-index: 5;}
.babyser h2{ float:left; width:100%; padding: 0 15px; 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{ position: absolute; left: 0; top: 100%; width: 100%; 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:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#e70012;}
.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;}