@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ 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 { }
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{ cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal;font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
body{ background:#fff;}

@media screen and (max-width:1023px){
.section{ height:auto !important; display:block; float:left; width:100%;}
.fp-tableCell{ height:auto !important; display:block; float:left;}
}

.pz_top{ float:left; width:100%; position:fixed; left:0; top:0; z-index:66;}
.pz_top.on{ box-shadow:0 0 5px rgba(0,0,0,0.2);}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;  }
.pz_main{ float:left; width:100%; position:relative; min-height:360px;}
.pz_down{ float:left; width:100%; background:#B41421; position:relative; z-index:99; border-top:5px solid #D0A666;}

.section{ position:relative; overflow:hidden;}
.eill{ overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
/*pc版头部*/
.top1{position: fixed; width: 100%; left: 0; top: 0; z-index: 99;}
.Hbg{ float:left; width:100%; height:86px; position:absolute; left:0; top:0; background:#b41421; background-size:100% 100%; z-index:7; border-bottom:5px solid #D0A666;}
@media  screen and (min-width:1200px){
.menu.pcNone{display:none !important;}
.Hbg{ height:86px;}
}
.menu{float: right; height: 86px; padding-right:142px; filter:alpha(opacity=100);opacity:1;
-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;}
.logo{position: absolute; left:60px; top:5px; width:260px; z-index: 100;}
.logo img,.logo a{float: left; display: block;}

.top1.on{background: none; }
.top1.active{filter:alpha(opacity=00);opacity:0;}
.logo.yc{display: none !important;}

.menu .nav{float: right;}
.menu .nli{float: left; padding:0; margin:0; position:relative;}
.menu .nli span a{float: left; padding:25px 0 15px 0; min-width:160px; min-height:86px; display: block; text-align:center; line-height:26px; font-size:18px; color: #fff; position: relative;}
.menu .nli span a font{ display:block; color:#fff; font-size:12px; text-transform:uppercase; line-height:20px;transition: all 0.5s linear;-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.menu .nli:hover span a,.menu .nli.on span a{ color:#fff; background:#D0A666;}
.menu .nli:hover span a font,.menu .nli.on span a font{ color:#fff;}
.menu .nli .sub{ position:absolute; width:160px; left:50%; margin-left:-80px; top:100%; display:none; border-radius:5px; border-radius:5px; z-index:1;}
.menu .nli .sub .li2{ position:relative; float:left; width:100%;}
.menu .nli .sub .li2 a{ display:block; float:left; width:100%; line-height:21px; text-align:center; font-size:15px;  color:#fff; background: #D0A666; padding:10px 0; border-top:1px solid #D0A666;}
.menu .nli .sub .li2 a font{ display:block; color:#fff; font-size:12px; text-transform:uppercase; line-height:18px;}
.menu .nli .sub .li2:hover a{background:rgba(255,255,255,0.8); color:#b41421;}
.menu .nli .sub .li2:hover a font{ color:#b41421;}
/*.menu.active{filter:alpha(opacity=00);opacity:0;}
.menu.even .nli span a{color: #D0A666;}
.menu.even .nli span a::after{background: #D0A666;}*/
.menu .nli .sub .li2:hover .subb{ display:block;}
.menu .nli .sub .li2 .subb{position: absolute; width:160px; margin-left:160px; z-index:9999;top:0; display: none; border-radius:5px; border-radius:5px;}
.menu .nli .sub .li2 .subb .li22{ position:relative; float:left; width:100%;}
.menu .nli .sub .li2 .subb .li22 a{ display:block; float:left; width:100%; line-height:21px; text-align:center; font-size:15px;  color:#fff; background: #D0A666; padding:10px 0; border-top:1px solid #D0A666;}
.menu .nli .sub .li2 .subb .li22 a font{ display:block; color:#fff; font-size:12px; text-transform:uppercase; line-height:18px;}
.menu .nli .sub .li2 .subb .li22:hover a{background:rgba(255,255,255,0.8); color:#D0A666;}
.menu .nli .sub .li2 .subb .li22:hover a font{ color:#D0A666;}

@media screen and (max-width:1620px){
.menu .nli span a{ min-width:77px; padding:25px 15px 15px 15px;}	
}
@media screen and (max-width:1460px){
.menu .nli span a{ min-width:77px; padding:25px 15px 15px 15px; font-size:16px;}
.menu{ padding-right:120px;}	
}
@media screen and (max-width:1380px){
.menu .nli span a{ min-width:77px; padding:25px 12px 15px 12px; font-size:16px;}
.menu{ padding-right:100px;}
.logo{ left:15px;}	
}
@media screen and (max-width:1270px){
.menu .nli span a{ min-width:77px; padding:25px 9px 15px 9px; font-size:16px;}
.menu{ padding-right:90px;}
.logo{ left:15px;}	
}

/*phone版头部*/
.top2{ position:absolute; left:0; top:0; width:100%; z-index:99; padding:10px 0; }
.top2.active{background:#fff;
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
     -o-box-shadow: 0 2px 6px rgba(0,0,0,.2);
        box-shadow: 0 2px 6px rgba(0,0,0,.2);}
.top2 .logo2{float:left; width:180px; }

.search_ph{float: left; width: 100%; padding: 10px 15%; border-bottom: 1px solid #fff; position: relative; z-index: 9;}
.search_ph_m{float: left; width: 100%; background: #fff; border: 1px solid #ccc;}
.search_ph_m input{float: left; width: 90%; height: 40px; line-height: 40px; font-size: 14px; color: #333; padding: 0 10px; background: none; border: 0;}
.search_ph_m a{float: right; width: 10%; display: block; height: 40px; background: url(images/searchbg.png) no-repeat center;}

.lang_ph{float: left; width: 100%; position: relative; z-index: 9; text-align: center; padding: 5px 0; border-bottom: 1px solid #fff;}
.lang_ph_m{display: inline-block; *display: inline; *zoom:1; vertical-align: top; color: #e3e3e3;}
.lang_ph_m a{ padding: 0 13px; font-size:14px; color: #686868; line-height: 40px; height: 40px; }
.lang_ph_m a.on,
.lang_ph_m a:hover{color: #f4bd2b;}

/*手机按钮*/
.menuph{ float:right; width:44px; height:44px; background:#D0A666; text-align:center;}
.menuph .point{ display:inline-block; width:28px; height:22px; margin-top:12px; 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; background:#fff;
-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;}
.menuph .navbtn::after,
.menuph .navbtn::before{ content:''; position:absolute; right:0; display:inline-block; width:28px; height:1px; background:#fff;
-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;}
.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:fixed; top:64px; left:0; width:100%; max-height:100%; overflow-y:auto;display:none; z-index:88;}
.xialaph .ul1{ padding-bottom:20px;border-top: 1px solid #f3f3f3;}
.xialaph li{border-bottom: 1px solid #f3f3f3;padding: 0 15px; }
.xialaph .ul2,
.xialaph .ul3{ display:none;border-top: 1px solid #fff; position:relative;}
.xialaph .ul2 > li:last-child{border-bottom: 0 none;}
.xialaph .ul3 > li:last-child{border-bottom: 0 none;}
.xialaph h4 a{color:#333; font-size:15px; line-height:42px;}
.xialaph h4 a span{ font-size:13px; text-transform:uppercase; color:#ccc; padding-left:10px;}
.xialaph h5 a{color:#333; font-size:14px; line-height:38px;}
.xialaph h5 a span{ font-size:12px; text-transform:uppercase; color:#ccc; padding-left:10px;}
.xialaph h4,
.xialaph h5{position:relative;}
.xialaph h4 i,
.xialaph h5 i{display: block;position: absolute;right: 0;top: 50%;margin-top: -6px; width: 8px;height: 8px;border-bottom: 1px solid #333;border-right: 1px solid #333;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s;
	  -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.xialaph h4.active i,
.xialaph h5.active i{margin-top: -2px;
-webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
        transform: rotate(-135deg);}
.xialaph .ul2{padding: 10px 0;}
.xialaph .ul3{padding: 5px 0;}
.xialaph .ul3 li a{ color:#666; font-size:12px; line-height:30px; display:block;}
.xialaph .ul3 li{ padding-top:5px;}
.xialaph .phsou{ position:relative; margin-top:30px;}
.xialaph .phsou input{ width:100%; height:56px; background-color:#fff; color:#aaa; font-size:14px; padding-left:20px; border:1px solid #e5e5e5;}
.xialaph .phsou img{ cursor:pointer; width:21px; height:22px; position:absolute; top:17px; right:29px;}
.xialaph .try{ text-align:center; padding:30px 0 0 0;}
.xialaph .try a{ display:inline-block; width:120px; background:#80b63b; font-size:16px; color:#fff; line-height:50px;}

.phonemeng{ position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.98; z-index:66; display:none;}

.top2{ display:none;}
@media screen and (max-width:1199px){
.logo{ display:none;}
.top1{ display:none;}
.top2{ display:block; background:#B41421; border-bottom:5px solid #D0A666;}
}


/* 右侧栏 */

.right2{position: fixed; right: 0; top: 0; height: 100%; width:44px; background:#b41421;  padding-top:26px; z-index: 100;}
.right2 .menuBtn { float:left; width:48px; position:relative; line-height:0; right:60px;}
.right2 .menuBtn .img01{filter:alpha(opacity=00);opacity:0;}
.right2 .menuBtn .img02{position: absolute; left: 0; top: 0; filter:alpha(opacity=100);opacity:1;}
.right2 .rightList{float: left; width: 100%; padding-top:122px;}
.right2 .li1{float: left; width: 100%; position: relative;}
.right2 .li1 > a{float: left; width: 100%; position: relative; display: block; padding:12px 0;}
.right2 .li1 > a .pic{float: left; width:44px; height:22px; display: block; }
.right2 .li1 > a:hover{background: #D0A666;}
.right2 .li1 .search{ width:180px; position:absolute; right:-200px; top:50%; margin-top:-26px; background:#D0A666; -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;  
 -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); }
.right2 .li1 .search:after{ float:left; width:0; height:0; position:absolute; right:-6px; top:50%; margin-top:-6px; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #D0A666; content:'';}		 
.right2 .li1 .search input{float: left; width:100%; height:52px; padding:10px 15px; background:none; border: 0;font-size: 14px; color: #fff; line-height: 32px;}
.right2 .li1 .ewm{position: absolute; right: -300px; top:0; width:124px; line-height:0; background:#D0A666; padding:8px;
-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; }
.right2 .rightList .p1 { float:left; width:100%; text-align:center;color:#fff; font-size:14px; line-height:26px;}
.right2 .rightList .p1 h5 { float:left; width:100%; margin-top:3px;}
.right2 .li1 .ewm:after{ float:left; width:0; height:0; position:absolute; right:-6px; top:33px; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #D0A666; content:'';}	
.right2 .li1 .ewm img{float: left; width: 100%; display: block; border:4px solid #fff;}
.right2 .li1 h6{float: left; width:100%; display:block; text-align:center; color:#fff; font-size:14px; line-height:14px; margin-top:10px;}
.right2 .li1 > a:hover .search{right:60px;}
.right2 .li1 > a:hover .ewm{right: 60px;}
.right2 .menuBtn.active .img01{ filter:alpha(opacity=100);opacity:1;}
.right2 .menuBtn.active .img02{filter:alpha(opacity=00); opacity:0;}


.right2 .li1.tel .tel_box{ width:180px; position:absolute; right:-200px; top:50%; margin-top:-26px; font-size: 14px; color: #fff; line-height: 52px; height: 52px;  text-align:center; background:#D0A666;-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;  
 -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); }
.right2 .li1.tel .tel_box:after{ float:left; width:0; height:0; position:absolute; right:-6px; top:50%; margin-top:-6px; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #D0A666; content:'';}		 
.right2 .li1.tel > a:hover .tel_box{right: 60px;}
.right2 .top{ position:absolute; left:0; bottom:20px;}
.right2 ::-webkit-input-placeholder{color:#fff}
.right2 :-moz-placeholder{color:#fff}
.right2 ::-moz-placeholder{color:#fff}
.right2 :-ms-input-placeholder{color:#fff}

.so_but_ph{ float:left; width:100%; padding:0 15px; margin-bottom:100px;}
.so{ float:left; width:100%; background:#fff; position:relative; border:1px solid #D0A666;}
.so .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:36px; padding:0 56px 0 10px; color:#333333; font-size:14px;}
.so .sear_sub{ float:right; width:46px; height:36px; border:none;background:url(images/pf2.png) center no-repeat #D0A666; position:absolute; right:0; top:0;}
.so input[placeholder], [placeholder], *[placeholder] {color:#333333 !important;} 
.so ::-webkit-input-placeholder{color:#333333}
.so :-moz-placeholder{color:#333333}
.so ::-moz-placeholder{color:#333333}
.so :-ms-input-placeholder{color:#333333}


@media screen and (max-width:1270px){
.right2 .menuBtn{ right:44px; width:36px;}	
}
@media screen and (max-width:1199px){
.right2 .menuBtn{ display:none;}
}
@media screen and (max-width:1023px){
.right2{ width:100%; top:auto; bottom:0; height:auto; padding:0; background:#B41421; border-top:5px solid #D0A666;}
.right2 .li1{ width:25%; position:static;}
.right2 .li1 > a{ padding:7px 0; text-align:center; position:static;}
.right2 .li1.tel .tel_box{ display:none;}
.right2 .li1 > a .pic{ float:none; display:inline-block; vertical-align:top; height:22px; width:40px;}
.right2 .li1 h6{ margin-top:6px; font-size:13px; text-transform:uppercase;}
.right2 .li1 .search{ display:none; width:100%; margin-top:100px; right:0; top:auto; bottom:54px}
.right2 .li1 > a:hover .search{right:0;}

.right2 .top{ position:static;}
.right2 .weixin{ display:none;}
.right2 .rightList{ padding:0;}



.Hbg{ height:88px;}
}

/*footer*/
.foot2{ float:left; width:100%; padding:21px 0;}
.Copyright{ float:left; color:#fff; font-size:16px; line-height:26px;}
.Copyright a{ color:#fff;}
.Copyright a:hover{ color:#fff;}
.footMap{ float:right; color:#bac5be; font-size:16px; line-height:26px;}
.footMap a{ color:#fff;}
.footMap a:hover{ color:#fff;}
.footLinks{ float:right; position:relative; z-index:6; margin-left:11px; background:url(../images/foot7.png) left center no-repeat;}
.footLinks h5{ float:left; color:#fff; font-size:16px; line-height:26px; padding:0 15px 0 10px; background:url(../images/foot6.png) right center no-repeat; cursor:pointer;}
.footLinks ul{ display:none; float:left; width:100px; position:absolute; right:50%; margin-right:-50px; bottom:26px; background:#D0A666; padding:10px; text-align:center;}
.footLinks ul li{ float:left; width:100%;}
.footLinks ul li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:22px;}
.footLinks ul li a:hover{ color:#fff;}


.foot1{ float:left; width:100%; padding:20px 0; border-bottom:1px solid #D0A666;}
.footNav{ float:left;}
.footNav ul li{ float:left; margin-right:49px;}
.footNav ul li a{ float:left; color:#fff; font-size:16px; line-height:34px;}
.footNav ul li a:hover{ color:#bac5be;}
.bdshare1{ float:right; z-index:2!important;}
.bdshare1 a{ margin:0 10px 0 0 !important; width:34px !important; height:34px !important;}
.bdshare1 a:hover{opacity:1 !important; filter:alpha(opacity=100) !important; }
.bdshare1 .bds_weixin{ background:url(images/foot1.png) center no-repeat !important; background-size:100% 100% !important;}
.bdshare1 .bds_tsina{ background:url(images/foot2.png) center no-repeat !important; background-size:100% 100% !important;}
.bdshare1 .bds_more{ background:url(images/foot3.png) center no-repeat !important; background-size:100% 100% !important;}
.bdshare1 .bds_weixin:hover{ background:url(images/foot1_1.png) center no-repeat !important; background-size:100% 100% !important;}
.bdshare1 .bds_tsina:hover{ background:url(images/foot2_1.png) center no-repeat !important; background-size:100% 100% !important;}
.bdshare1 .bds_more:hover{ background:url(images/foot3_1.png) center no-repeat !important; background-size:100% 100% !important;}
.bd_weixin_popup{ box-sizing:content-box;}
@media screen and (max-width:1199px){
.footNav ul li{ margin-right:28px;}
}
@media screen and (max-width:1023px){
.foot1{ padding:12px 0;}	
.footNav ul li a{ font-size:14px; line-height:24px;}
.bdshare1{ display:none;}
.Copyright{ font-size:14px; line-height:24px;}
.footMap{ font-size:14px; line-height:24px;}
.footLinks h5{ font-size:14px; line-height:24px;}
.foot2{ padding:12px 0;}
}
@media screen and (max-width:767px){
.footNav{ width:100%;}	
.footNav ul li{ width:20%; margin-right:0; }
.foot2{ text-align:center;}
.Copyright{ width:100%;}
.footMap{ float:none; display:inline-block; vertical-align:top;}
.footLinks{ float:none; display:inline-block; vertical-align:top; margin:0 11px 0 0; background:none;}
}
@media screen and (max-width:374px){
.footNav ul li a{ font-size:12px; line-height:24px;}
}




.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zy_banner{ float:left; width:100%; line-height:0;}
@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}}




/*banner*/
.section1{ position:relative; overflow:hidden;}
.slide_banner{ float:left; width:100%; height:100%; position:relative;}
.slide_banner .slick-list{ height:100%;}
.slide_banner .slick-track{ height:100%;}
.slide_banner .slick-slide{height:100%; position:relative;}
.slide_banner .img1{ float:left;  width:100%; height:100%; position:relative;opacity:0.9; filter:alpha(opacity=90);}
.slide_banner .img2{ float:left; width:100%; position:absolute; left:0; top:37.69%; z-index:66; text-align:center;}
.slide_banner .img2 .ico{ display:inline-block; width:57.5%;}
.slide_banner .img3{ float:left; width:100%; position:absolute; left:0; top:37.69%; z-index:66; text-align:center;}
.slide_banner .img3 .ico{ display:inline-block; width:57.7%;}
.slide_banner .ph3{ float:left; width:100%; display:none;}
.slide_banner .slick-dots{ bottom:88px; height:10px;}
.slide_banner .slick-dots li{ width:12px; height:12px; background:#fff; border-radius:50%; opacity:0.6; filter:alpha(opacity=60); overflow:hidden; vertical-align:top; text-indent:-999px; margin:0 9px;}
.slide_banner .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);}
.bann_btn{ float:left; width:16px; line-height:0; position:absolute; left:50%; bottom:40px; margin-left:-8px; z-index:66;}
.number{ float:left; text-align:center; position:absolute; right:9.27%; bottom:122px; z-index:66; text-align:center; color:#fff; line-height:40px; height:40px; font-family:Arial;}
.number font{ display:inline-block; font-size:54px; font-weight:bold; }
.number span{ display:inline-block; font-size:16px; line-height:16px; height:16px; padding-left:5px; vertical-align:top; }

@media screen and (max-width:1023px ) {
.slide_banner .ph3{ display:block;}
.slide_banner .slick-dots{ height:10px; bottom:45px;}
.slide_banner .slick-dots li{ margin:0 5px; width:10px; height:10px;}
.bann_btn{ bottom:10px; width:14px; margin-left:-7px;}
}

/*公司简介*/
.section{ position:relative;}
.HcompBg{ float:left; width:50%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.homeTit{ float:left; width:100%; position:relative; z-index:6;}
.homeTit .en{ float:left; width:100%; color:#b41421; font-size:44px; line-height:52px; text-transform:uppercase; font-family:Arial; font-weight:bold; margin-bottom:60px;}
.homeTit .cn{ float:left; width:100%; color:#363636; font-size:24px; line-height:24px; margin-top:12px; font-weight:bold;}
.Hcomp{ float:left; width:40.76%; padding-left:60px;}
.Hcomp .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin:13.44% 0 17.24% 0; border-left:1px solid #c3c2be; padding:4px 0 4px 30px; letter-spacing:1px; position:relative;}
.Hcomp .p1{ float:left; width:100%;  height:60px; overflow:hidden;}
.Hcomp .b1{ position:absolute; left:-60px; bottom:0;}
.mTop{ margin-top:75px;}
/*hViode*/
.hVio{ float:left; width:50%; height:100%; line-height:0; background:#000000; position:absolute; right:0; top:0; z-index:6;}
.hVio .img{ float:left; width:100%; height:100%; position:relative; }
.hVio .paly{ float:left; width:100%; position:absolute; left:0; top:50%; margin-top:-71px; z-index:6; text-align:center;}
.hVio .video{ display:inline-block; vertical-align:top; width:80px; height:80px; cursor:pointer;}
.hVio h5{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold; margin-top:35px;}
.video_tc{display: none; position:absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 66;background: rgba(0,0,0,0.60);}
.video_tc i{display: none;
    float: left;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size:24px;
    text-align: center;
    font-family: Arial;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #ba9e64 url(../images/main19.png) center no-repeat;
    border-radius: 50%;
    transform: rotate(45deg); z-index:8;
}
.video_tc ._vid{float: left; width: 100%; position:relative; height:100%; z-index:6;}
.video_tc ._vid video{display: block;position: relative;width: 100%;height: 100%;object-fit: cover;}
.hMore{ float:left; width:100%; position:relative; z-index:6;}
.hMore a{ float:left; color:#b41421; font-size:20px; font-weight:bold; height:52px; line-height:50px; border:1px solid #b41421; border-radius:52px; padding:0 40px;}
.hMore a span{ display:inline-block; vertical-align:top; padding-right:40px; background:url(../images/main5.png) right center no-repeat;}
.hMore a.on,
.hMore a:hover{ background:#b41421; color:#fff;}
.hMore a.on span,
.hMore a:hover span{ background:url(../images/main5_h.png) right center no-repeat;}
@media screen and (max-width:1599px){
.homeTit .en{ font-size:40px; line-height:40px;}
}
@media screen and (max-width:1199px){
.homeTit .en{ font-size:30px; line-height:30px;}
.homeTit .cn{ font-size:18px; line-height:18px;}
.Hcomp{ width:45%;}
.Hcomp .info{ font-size:14px; line-height:30px; margin:7% 0 9% 0;}
.Hcomp .p1{ height:210px;}
.hMore a{font-size:15px; height:40px; line-height:38px;padding:0 20px;}
.hMore a span{ padding-right:30px;}
.mTop{ margin-top:60px;}
}
@media screen and (max-width:1023px){
.section{ padding:0;}
.homeTit .en{ font-size:26px; line-height:26px;}
.homeTit .cn{ font-size:18px; line-height:18px; text-align:center;}
.Hcomp{ padding:30px 0;}
.Hcomp .b1{ left:-17px;}
.Hcomp .info{ margin:20px 0;}
.hVio .paly{ margin-top:-48px;}
.hVio .video{ width:60px; height:60px; margin:-30px 0 0 -30px;}
.hVio h5{ font-size:16px; line-height:26px; margin-top:10px;}
.mTop{ margin-top:0;}
}
@media screen and (max-width:767px){
.Hcomp{ width:100%; padding:30px 0;}
.HcompBg{ width:100%;}
.hVio{ width:100%; position:relative;}
.hMore a{font-size:15px; height:36px; line-height:34px;padding:0 18px;}
.hMore a span{ background-size:20px 20px; padding-right:28px;}
.hMore a:hover span{ background-size:20px 20px;}
}

.down{top:-40px;opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;-webkit-transition: all 1.3s linear; -moz-transition: all 1.3s linear; -o-transition: all 1.3s linear; transition: all 1.3s linear;}
.active .down{ top:0;opacity:1;filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}

.up{top:40px;opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;-webkit-transition: all 1.3s linear; -moz-transition: all 1.3s linear; -o-transition: all 1.3s linear; transition: all 1.3s linear;}
.active .up{ top:0;opacity:1;filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}

.Left{left:-40px;opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;-webkit-transition: all 1.3s linear; -moz-transition: all 1.3s linear; -o-transition: all 1.3s linear; transition: all 1.3s linear;}
.active .Left{ left:0;opacity:1;filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}

.Right{right:-40px;opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;-webkit-transition: all 1.3s linear; -moz-transition: all 1.3s linear; -o-transition: all 1.3s linear; transition: all 1.3s linear;}
.active .Right{ right:0;opacity:1;filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}

.zoom{ -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;-webkit-transition: all 1.3s linear; -moz-transition: all 1.3s linear; -o-transition: all 1.3s linear; transition: all 1.3s linear;}
.active .zoom{-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);opacity:1;filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}
@media screen and (max-width:1023px){
.down,
.up{top:0;opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}
.zoom{-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1); opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}
.Left{ left:0;opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}
.Right{ right:0;opacity:1; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}
}


/*Hpord2*/
.Hpord1{ float:left; width:100%; position:relative;}
.Hpord1 .ul1{ float:left; width:100%;}
.Hpord1 .ul1 .l1{ float:left; width:100%; display:none;}
.Hpord1 .ul1 .l1.on { display:block;}
.Hpord1 .ul1 .info{ float:left; width:45%;}
.Hpord1 .ul1 .p1{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px;  overflow:hidden; margin:24% 0 14.36% 0;}
.Hpord1 .ul1 .img{ float:right; width:50%; line-height:0;}
.Hpord1 .slick-prev,
.Hpord1 .slick-next{ width:48px; height:48px; background:url(images/main7_h.png) right center no-repeat; background-size:auto 100%; left:45%; top:40px; margin-left:-48px;
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.Hpord1 .slick-prev{ margin-left:-116px; background:url(images/main7_h.png) left center no-repeat; background-size:auto 100%;}
.Hpord1 .slick-prev:hover{ background:url(images/main7.png) left center no-repeat; background-size:auto 100%;}
.Hpord1 .slick-next:hover{ background:url(images/main7.png) right center no-repeat; background-size:auto 100%;}
.Hpord1 .homeTit { position:absolute; left:0; top:40px;}
@media screen and (max-width:1599px){
.Hpord1 .homeTit {top:20px;}
.Hpord1 .slick-prev,
.Hpord1 .slick-next{ top:20px;}
}
@media screen and (max-width:1199px){
.Hpord1 .ul1 .p1{ margin:24% 0 8% 0; font-size:14px; line-height:30px; height:60px;}
.Hpord1 .slick-prev,
.Hpord1 .slick-next{ width:30px; height:30px; margin-left:-30px;}
.Hpord1 .slick-prev{ margin-left:-75px;}
}
@media screen and (max-width:1023px){
.Hpord1{ margin-top:30px;}
}
@media screen and (max-width:767px){
.Hpord1 .homeTit{top:0;}
.Hpord1 .ul1{ margin-top:66px;}
.Hpord1 .ul1 .p1{ margin-top:0;}	
.Hpord1 .slick-prev,
.Hpord1 .slick-next{ left:100%; top:12px;}
}
/*Hpord2*/
.Hpord2{ float:left; width:100%; margin-top:4.45%; position:relative;}
.Hpord2 .slick-track { width:100% !important; }
.Hpord2 .ul2{ margin:0 -15px;}
.Hpord2 .ul2 .l2{ float:left; width:10% !important; padding:0 15px; text-align:center;}
.Hpord2 .ul2 .img{ float:left; width:100%; line-height:0;}
.Hpord2 .ul2 .img img{ border-radius:50%;}
.Hpord2 .ul2 .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:15px;}
.Hpord2 .ul2 .col{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px;}
.Hpord2 .ul2 .l2:hover .tit{ color:#D0A666;}
@media screen and (max-width:1599px){

}
@media screen and (max-width:1199px){
.Hpord2 .ul2 .tit{ font-size:16px; line-height:26px; margin-top:8px;}
}
@media screen and (max-width:1023px){
.Hpord2{ margin-bottom:30px; margin-top:20px;}
.Hpord2 .ul2{ margin:0 -7px;}
.Hpord2 .ul2 .l2{ padding:0 7px;width:20% !important; }
.Hpord2 .slick-dots{ margin-top:15px; height:10px; position:static;}
.Hpord2 .slick-dots li{ width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-999px; background:#D0A666; margin:0 4px; vertical-align:top; padding:0;opacity:0.4; filter:alpha(opacity=40);}
.Hpord2 .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);}
}
@media screen and (max-width:767px){
.Hpord2{ margin-bottom:27px; margin-top:17px;}
.Hpord2 .ul2{ margin:0 -3px;}
.Hpord2 .ul2 .l2{ padding:3px;}
.Hpord2 .ul2 .img img{ width:60px; height:60px; display:inline-block; vertical-align:top;}
.Hpord2 .ul2 .tit { font-size:14px; line-height:20px; margin-top:4px;}
.Hpord2 .ul2 .col { font-size:12px; line-height:18px;}
}
@media screen and (max-width:374px){
.Hpord2 .ul2 .img img{ width:50px; height:50px;}
}


/*Hbase1*/
.Hbase1{ float:left; width:100%; height:100%; position:relative; left:0; top:0;}
.Hbase1 ul{ float:left; width:100%; height:100%; position:relative;}
.Hbase1 .l1{ float:left; width:13.54%; height:100%; position:relative;}
.Hbase1 .Tp{ float:left; width:100%; height:100%; position:relative; background:#000; overflow:hidden;}
.Hbase1 .Tp::after{ float:left; width:1px; height:179px; background:#fff; position:absolute; left:50%; bottom:35.77%; content:''; z-index:6;opacity:0.3; filter:alpha(opacity=30); }
.Hbase1 .l1 .img1{ float:left; width:100%; height:100%; position:relative;opacity:0.7; filter:alpha(opacity=70); z-index:1;
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Hbase1 .l1:hover .img1{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Hbase1 .l1 .la{ float:left; position:absolute; left:50%; bottom:12%; z-index:6; width:139px; height:139px; margin-left:-70px; text-align:center; background:#fff; background:rgba(255,255,255,0.95); border-radius:50%; overflow:hidden;}
.Hbase1 .l1 .ico{ float:left; width:100%; line-height:0; margin:24px 0 10px 0;}
.Hbase1 .l1 .tit{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px;}
.Hbase1 .l1:hover .la{ background:rgba(255,255,255,0.8);}
.Hbase1 .l1:hover .la .ico img{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.Hbase1 .l1.on{ width:45.84%;}
.Hbase1 .l1.on .Tp{ width:29.54%;}	
.HbaseC{ width:100%; display:flex;flex-direction: column;justify-content:center;align-items:center; position:relative; height:100%; padding-top:75px;}		
@media screen and (max-width:1199px){
.Hbase1 .l1 .la{ bottom:7%; width:120px; height:120px; margin-left:-60px;}
.Hbase1 .l1 .ico{ margin:22px 0 5px 0;}
.Hbase1 .l1 .tit{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:1023px){
.Hbase1{ position:relative; width:100%;}
.Hbase1 .l1{ height:auto; width:20%;}
.Hbase1 .Tp{ height:200px;}
.Hbase1 .Tp::after{ height:40px; bottom:120px;}
.Hbase1 .l1 .la{ width:60px; height:auto; min-height:76px; margin-left:-30px; border-radius:10px; bottom:30px;}
.Hbase1 .l1 .ico{ margin:6px 0 3px 0;}
.Hbase1 .l1 .ico img{ width:28px}
.Hbase1 .l1 .tit{ font-size:12px; line-height:16px; padding:0 5px;}
.Hbase1 .l1.on{ width:20%;}
.Hbase1 .l1.on .Tp{ width:100%;}	
}
/*Hbase2*/
.Hbase2{ float:right; width:70.46%; position:relative; height:100%; padding:0 6.25%;}
.Hbase2 .img{ float:left; width:100%; height:100%; position:absolute; right:0; top:0;opacity:0.05; filter:alpha(opacity=5); z-index:1;}
.Hbase2 .info{ float:left; width:100%; position:relative; z-index:6; font-size:16px; line-height:36px; height:360px; overflow:hidden; color:#666666; margin:10.52% 0;}


.section4 .hMore{ margin-top:60px; margin-bottom:15%;}

@media screen and (max-width:1599px){
.Hbase2{ padding:0 6.25% 0 4%;}
}
@media screen and (max-width:1199px){
.Hbase2 .info{ font-size:14px; line-height:30px; height:300px; margin:6% 0;}
}
@media screen and (max-width:1023px){
.Hbase2{ display:none; width:100%; position:relative; padding:20px 15px;}
.Hbase2 .img{ width:100%;}
.Hbase2 .info{ height:auto; margin:10px 0;}
.Hbase2{ float:right; width:100%;}
.HbaseC{ padding-top:0;}
.Hbase1 .l1.on .Hbase2{ display:block;}


.section4 { padding-top:30px;}
.section4 .hMore{ margin-top:30px; margin-bottom:30px;}

}


/*HTechno*/
.HTechno{ float:left; width:100%; margin-top:30px; position:relative;}
.HTechno .cont{ float:left; width:49.05%; position:relative;}
.HTechno .info{ float:left; width:100%; padding:25px 16.89% 25px 0;}
.HTechno .info:hover{ background:url(../images/main33.png) center repeat; position:relative;}
.HTechno .info:hover::after{ float:left; width:1000px; position:absolute; right:100%; height:100%; top:0; background:url(../images/main33.png) center repeat; content:'';}
.HTechno .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; padding-left:26px; background:url(../images/main32.png) left center no-repeat;}
.HTechno .tit span{ color:#888888; font-size:14px;}
.HTechno .p1{ float:left; width:100%; color:#666666; font-size:16px; line-height:35px; margin-top:10px;}
.HTechno .img{ float:right; width:50.95%; line-height:0; position:relative;}
.HTechno .info:hover .tit{ color:#D0A666;}

@media screen and (max-width:1599px){
.HTechno .info{ padding:12px 7% 12px 0;}
.HTechno .p1{ margin-top:5PX;font-size:14px; line-height:25px;}
}
@media screen and (max-width:1199px){
.HTechno .img{ margin-top:30px;}
.HTechno .tit{ font-size:18px; line-height:28px;}
.HTechno .info{ padding:12px 15px 12px 0;}
}
@media screen and (max-width:1023px){
.section5{ padding-top:30px;}	
.HTechno .cont{ width:100%; margin-top:5px;}
.HTechno .img{ width:100%; margin-top:0;}
.HTechno .info{ padding:12px 0;}
/*.HTechno .info.bg::before{ float:left; width:1000px; position:absolute; left:100%; height:100%; top:0; background:url(images/main33.png) center repeat; content:'';}*/
.HTechno{ margin-top:20px;}
}
@media screen and (max-width:767px){
.section5{ padding-top:30px;}
.HTechno .cont{ margin-bottom:10px;}
}

.HBusin1{ float:left; width:59.17%; position:relative; margin-left:6.81%;}
.hMap{ float:left; position:absolute;}
.hMap h5{ float:left; width:50px; margin-left:-25px; margin-top:-12px; color:#fff; font-size:14px; line-height:24px; position:absolute; text-align:center;}
@media screen and (max-width:1599px){
.HBusin1{ margin-left:0; width:63%;}
}
@media screen and (max-width:1199px){

}
@media screen and (max-width:1023px){
.HBusin1{ width:100%; margin:20px 0 30px 0;}
.hMap h5{ font-size:12px;}
}
@media screen and (max-width:767px){
.hMap h5{ font-size:10px;}
}

/*HBusin2*/
.HBusinBg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.1; filter:alpha(opacity=10);}
.HBusin2{ float:right; width:32%; position:relative; z-index:6; text-align:right; padding:0 4.2% 0 0; margin-top:14%;}
.HBusin2 .info{ float:left; width:100%; color:#333333; font-size:18px; line-height:36px; margin-top:42px; position:relative;}
.HBusin2 .sp1{ color:#D0A666; font-size:30px; font-weight:bold;}
@media screen and (max-width:1599px){
.HBusin2{ width:36%; padding-right:0;}
.HBusin2 .info{ font-size:18px; line-height:34px;}
.HBusin2 .sp1{ font-size:28px;}
}
@media screen and (max-width:1199px){
.HBusin2 .info{ font-size:16px; line-height:30px; margin-top:20px;}
.HBusin2 .sp1{ font-size:22px;}
}
@media screen and (max-width:1023px){
.HBusin2{ text-align:left;width:100%; margin:30px 0 0 0;}
.HBusin2 .homeTit{ width:40%; position:absolute; left:0; top:0;}
.HBusin2 .info{ margin-top:28px; text-align:right; font-size:14px; line-height:26px;}
}
@media screen and (max-width:767px){

}


/*HCase1*/
.section7{ background:url(../images/main39.jpg) center top repeat-y;}
.HCase1{ float:left; width:21%; position:relative; height:100%; z-index:8;}
.section7 .hMore{ margin-top:60px;}
@media screen and (max-width:1599px){

}
@media screen and (max-width:1199px){
.section7 .hMore{ margin-top:30px;}
}
@media screen and (max-width:1023px){
.section7{ background:#f2f8f5;}	
.HCase1{ margin:60px 0;width:100%; margin:30px 0 0 0;}
.section7 .hMore{ margin-top:0; position:absolute; right:0;top:0; width:auto;}
}
@media screen and (max-width:767px){

}
/*HCase2*/
.HCase2{ float:right; width:100%; position:absolute; height:100%; right:0; top:0; z-index:4;}
.HCase2 .containerH{ position:relative; height:100%;}
.HCase2 .ul1{ float:right; position:relative; width:79%; height:100%; background:url(../images/main40.jpg) left top repeat-y #fff; padding-left:62px; border-right:1px solid #dfdfdf;}
.HCase2 .l1{ width:25%; position:relative; height:100%; border-left:1px solid #dfdfdf; text-align:center; padding:0 30px;}
.HCase2 .l1 a{align-items:center;justify-content:center; flex-direction:column; float:none;display: flex; position:relative; height:100%; margin-top:60px;}
.HCase2 .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.HCase2 .img{ float:left; width:100%; line-height:0; overflow:hidden; margin:45px 0 33px 0;}
.HCase2 .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.HCase2 .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.HCase2 .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:28px; height:112px; overflow:hidden;}

.HCase2 .l1:hover{ background:#f2f8f5;}
.HCase2 .l1:hover .tit{ margin-top:39px; color:#D0A666;}

.HCase2 .slick-prev,
.HCase2 .slick-next{ float:left; width:52px; height:52px; background:url(images/main38.jpg) right top no-repeat; background-size:100% auto; top:60%; right:-53px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease; z-index:666;}
.HCase2 .slick-prev{ left:auto; right:-53px; margin-top:52px; background:url(images/main38.jpg) left bottom no-repeat; background-size:100% auto; }
.HCase2 .slick-prev:hover{ background:url(images/main38_h.jpg) left bottom no-repeat; background-size:100% auto;}
.HCase2 .slick-next:hover{ background:url(images/main38_h.jpg) left top no-repeat; background-size:100% auto; }
.HCase2 .slick-list,
.HCase2 .slick-track{ height:100%;}
@media screen and (max-width:1599px){

}
@media screen and (max-width:1199px){
.HCase2 .tit{ font-size:18px; line-height:28px;}
.HCase2 .img{ margin:22px 0 17px 0;}
}
@media screen and (max-width:1023px){
.HCase2{ position:relative; margin:20px 0 0 0; z-index:10; background:#fff;}
.HCase2 .ul1{ background:none; padding:0;}
.HCase2 .l1{ padding:20px 12px;}
.HCase2 .l1 a{ margin-top:0;}
.HCase2 .l1:hover .tit{ margin-top:0;}
.HCase2 .img{ margin:12px 0;}
.HCase2 .info{ line-height:24px; height:96px;}

.HCase2 .ul1{ width:100%; border-left:none;}
.HCase2 .l1{ padding:20px 12px;}

.HCase2 .slick-prev,
.HCase2 .slick-next{ width:30px; height:30px; right:-1px; margin:0; top:-50px;}
.HCase2 .slick-prev{ margin-right:30px;}
}
@media screen and (max-width:767px){
.HCase2{ margin:20px 0 0 0;}	

}

/*HnewsBg*/
.HnewsBg{ float:left; width:100%; position:absolute; height:100%; left:0; top:0; z-index:1;opacity:0.8; filter:alpha(opacity=80);}
.Hnews{ float:left; width:100%; position:relative;}
.Hnews .hd{ float:left; position:absolute; right:0; top:30px; z-index:16;}
.Hnews .hd li{ float:left; width:170px; height:50px; line-height:48px; text-align:center; background:#fff; color:#363636; font-size:18px; margin-left:20px; cursor:pointer;}
.Hnews .hd li.on{ background:#D0A666; color:#fff;}

.Hnews .bd{ float:left; width:100%; position:relative; margin-top:3.18%;}
.Hnews .ul1{ float:left; width:100%;}
.Hnews .l1{ float:left; width:39.6%; padding:50px 60px; }
.Hnews .l1 .img{ float:left; width:100%; line-height:0; overflow:hidden; margin-top:30px;}
.Hnews .l1 .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Hnews .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Hnews .l1 .tit{ float:left; width:100%; color:#333333; font-size:22px; line-height:32px; margin:15px 0 18px 0;}
.Hnews .l1 .time{ float:left; width:100%; color:#999999; font-size:30px; line-height:20px; font-family:Arial;}
.Hnews .l1 .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:25px; height:50px; overflow:hidden; padding-left:30px; position:relative;}
.Hnews .l1 .info:after{ float:left; width:2px; height:38px; background:#aaaaaa; position:absolute; left:0; top:50%; content:'';  margin-top:-19px;}
.Hnews .l1:hover .tit{ color:#D0A666;}
.Hnews .l1:hover .time{ color:#D0A666;}

.Hnews .l2{ float:left; width:60.4%; background:#fff; padding:30px; border-bottom:1px solid #f6faf7; -webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.Hnews .l2 a{ float:left; width:100%; position:relative; min-height:123px; padding-left:248px; padding-right:20px;}
.Hnews .l2 .img{ float:left; width:218px; height:123px; position:absolute; left:0; top:0; line-height:0; overflow:hidden;}
.Hnews .l2 .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Hnews .l2:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Hnews .l2 .tit{ float:left; width:100%; position:relative; color:#333333; font-size:20px; line-height:30px; position:relative;padding-right:70px; margin:15px 0 18px 0;}
.Hnews .l2 .time{ float:left; color:#999999; font-size:24px; line-height:30px; font-family:Arial; position:absolute; right:0; top:0; }
.Hnews .l2 .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:25px; height:50px; overflow:hidden;}
.Hnews .l2:hover{ background:#f6faf7;}
.Hnews .l2:hover .tit{ color:#D0A666;}
.Hnews .l2:hover .time{ color:#D0A666;}
@media screen and (max-width:1599px){
.Hnews .hd{ top:20px;}	
.Hnews .l1{ padding:50px 30px;}
.Hnews .l2{ padding:20px;}
.Hnews .l2 a{ padding-left:238px; padding-right:0;}
}
@media screen and (max-width:1199px){
.Hnews .hd{ top:15px;}	
.Hnews .hd li{ width:120px; height:36px; line-height:34px; margin-left:12px; font-size:16px;}
	
.Hnews .l1{ padding:30px 30px;}	
.Hnews .l1 .tit{ font-size:18px; line-height:28px; margin:7px 0 10px 0;}
.Hnews .l1 .time{  font-size:24px; line-height:20px;}
.Hnews .l1 .info{ line-height:25px; height:50px; padding-left:15px;}
.Hnews .l1 .img{ margin-top:15px;}

.Hnews .l2{ padding:18px;}
.Hnews .l2 a{ min-height:90px; padding-left:190px;}	
.Hnews .l2 .img{ width:160px; height:90px;}
.Hnews .l2 .tit{ font-size:16px; line-height:26px; padding-right:60px; margin:5px 0 5px 0;}
.Hnews .l2 .time{ font-size:20px; line-height:26px;}
}
@media screen and (max-width:1023px){
.Hnews{ margin:30px 0;}	
.Hnews .l1{ padding:15px 15px;}	
.Hnews .l1 .tit{ font-size:18px; line-height:28px; margin:7px 0 10px 0;}
.Hnews .l1 .time{  font-size:24px; line-height:20px;}
.Hnews .l1 .info{ line-height:25px; height:50px; padding-left:15px;}
.Hnews .l1 .img{ margin-top:15px;}

.Hnews .l2{ padding:12px;}
.Hnews .l2 a{ min-height:78px; padding-left:150px;}	
.Hnews .l2 .img{ width:138px; height:78px;}
.Hnews .l2 .tit{ font-size:16px; line-height:26px; padding-right:60px; margin:3px 0;}
.Hnews .l2 .time{ font-size:20px; line-height:26px;}
.Hnews .l2 .info{ line-height:22px; height:44px;}
.Hnews .bd{ margin-top:20px;}
}
@media screen and (max-width:767px){
.Hnews{ margin:30px 0;}	
.Hnews .l1{ width:100%;}
.Hnews .l1 .tit{ font-size:17px;}
.Hnews .l1 .time{ font-size:20px;}
.Hnews .l1 .info{ line-height:22px; height:44px;}
.Hnews .l2{ width:100%;}
.Hnews .l2 .tit{ font-size:15px; padding-right:56px;}
.Hnews .l2 .time{ font-size:18px;}

.Hnews .hd{ top:30px;}
.Hnews .hd li{ width:100px; height:30px; line-height:28px; margin-left:10px; font-size:15px;}
}


/*HServ2*/
.HServ2{ float:right; width:49%;}
.HServB{ float:left; width:50%; height:100%; position:absolute; left:0; top:0;}
.HServBox{ float:left; width:100%; position:relative;}
.HServ1{ float:left; width:610px; margin-right:175px; background:#fff; background:rgba(255,255,255,0.9);position:absolute; right:0; top:50%; margin-top:-35%;}
.HServ1::after{ float:left; width:1000px; height:100%; position:absolute; right:100%; top:0; content:'';background:#fff; background:rgba(255,255,255,0.9);}
.HServ1 .hd{ float:left; width:100%; border-top:1px solid #e4e2e0; padding:11.14% 0 17.04%; margin-top:6.55%;}
.HServ1 .hd li{ float:left; margin-right:40px; width:154px; cursor:pointer;}
.HServ1 .hd li i{ float:left; width:100%; line-height:0; position:relative;}
.HServ1 .hd li i .img1{ position:relative;opacity:1; filter:alpha(opacity=100);}
.HServ1 .hd li i .img2{ float:left; position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=00);}
.HServ1 .hd li h5{ float:left; width:100%; color:#D0A666; font-size:18px; line-height:28px; text-align:center;  margin-top:15px;}
.HServ1 .hd li.on i .img1{opacity:0; filter:alpha(opacity=00);}
.HServ1 .hd li.on i .img2{opacity:1; filter:alpha(opacity=100);}
.section9 .homeTit{ padding-top:17.86%; }
@media screen and (max-width:1599px){
.HServ1{  width:500px; margin-right:85px; margin-top:-25%;}
.section9 .homeTit{ padding-top:12%; }
.HServ1 .hd{ padding:8% 0 12%; margin-top:5%;}
}
@media screen and (max-width:1199px){
.HServ1{  width:450px; margin-right:47px; margin-top:-25%;}
.section9 .homeTit{ padding-top:12%; }
.HServ1 .hd{ padding:8% 0 12%; margin-top:5%;}
.HServ1 .hd li{ width:120px;}
}
@media screen and (max-width:1023px){
.HServB{ width:100%; position:static; padding:15px;}	
.HServ1{  width:100%; margin-right:0; margin-top:0; position:static; padding:0 15px;}
.section9 .homeTit{ padding-top:20px; }
.HServ1 .hd{ padding:15px 0 20px 0; margin-top:20px; display:none;}
.HServ1 .hd li{ width:100px; margin-right:20px;}
.HServ1 .hd li h5{ font-size:16px; line-height:26px; margin-top:10px;}

.HServ2{ width:100%; margin:30px 0;}

}
@media screen and (max-width:767px){		
.HServ2{ margin:30px 0;}
.HServ1 .hd li{ width:100px;}
.HServ1 .hd li h5{ margin-top:6px;}
}

/*Hproblem*/
.Hproblem{ float:right; width:91.68%;}
.Hproblem .l1{ float:left; width:100%; margin-bottom:8%;}
.Hproblem .l1 .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; padding-left:65px; position:relative;}
.Hproblem .l1 .ico{ float:left; width:36px; height:36px; position:absolute; left:0; top:-3px;}
.Hproblem .l1 .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:10px; padding-left:65px;}

@media screen and (max-width:1599px){
.Hproblem .l1{ margin-bottom:5%;}
}
@media screen and (max-width:1199px){
.Hproblem .l1 .tit{ font-size:18px; line-height:28px;}
}
@media screen and (max-width:1023px){
.Hproblem{ width:100%;}
.Hproblem .l1{ margin-bottom:15px;}
.Hproblem .l1 .ico{ width:26px; height:26px; top:0;}
.Hproblem .l1 .tit{ padding-left:40px; font-size:16px; line-height:26px;}
.Hproblem .l1 .info{ padding-left:40px; margin-top:5px;}
}
@media screen and (max-width:767px){

}

/*HHelp*/
.HHelp{ float:right; width:100%; margin-top:-80px;}
.HHelp .l1{ float:left; width:100%; position:relative; background:#fff; margin:20px 0; border-radius:97px 0 0 97px;}
.HHelp .l1:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.HHelp .l1 a{align-items:center;justify-content:center; flex-direction:column; display: flex; position:relative; min-height:146px; padding:8px 30px 8px 160px; width:100%;}
.HHelp .l1 .img{ float:left; width:130px; height:130px; line-height:0; border-radius:50%; overflow:hidden; position:absolute; left:8px; top:50%; margin-top:-65px;}
.HHelp .l1 .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.HHelp .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.HHelp .l1 .tit{ float:left; width:100%; color:#D0A666; font-size:20px; line-height:30px;}
.HHelp .l1 .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:28px;}
@media screen and (max-width:1599px){
.HHelp{ float:right; width:91.68%;}
.HHelp .l1{ margin:12px 0;}
}
@media screen and (max-width:1199px){
.HHelp .l1 a{ min-height:160px; padding:8px 15px 8px 175px; }	
.HHelp .l1 .img{  width:150px; height:150px; margin-top:-75px;}
.HHelp .l1 .tit{ font-size:18px; line-height:28px;}
.HHelp .l1 .info{ line-height:26px;}
}
@media screen and (max-width:1023px){
.HHelp{ width:100%; margin:0px;}
.HHelp .l1{ margin:10px 0;}
.HServ1{ background:none;}
}
@media screen and (max-width:767px){
.HHelp .l1{ margin:8px 0; border-radius:15px;}
.HHelp .l1 a{ min-height:160px; padding:8px 12px 8px 140px; }
.HHelp .l1 .img{  width:120px; height:120px; margin-top:-60px;}
.HHelp .l1 .info{ line-height:24px;}
}

@media screen and (max-width:1023px){
.section3 .Hbg,
.section4 .Hbg,
.section5 .Hbg,
.section6 .Hbg,
.section7 .Hbg,
.section8 .Hbg,
.section9 .Hbg,
.section2 .Hbg{ height:0;}
}

/*

opacity:0.4; filter:alpha(opacity=40);

D0A666
 box-shadow:0 5px 10px rgba(0,0,0,0.2);

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

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

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

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

}
*/









/*公司介绍*/
.mainBg{ float:left; width:100%; height:100%;opacity:0.1; filter:alpha(opacity=10); z-index:1; position:absolute; left:0; top:0;}
.SideBox{ float:left; width:100%; background:#fff; text-align:center; position:relative; z-index:6;}
.SideBox .pz_SideLayer{ display:inline-block; vertical-align:top;}
.SideBox .pz_SideLayer .l1{ float:left; margin:0 2px;}
.SideBox .pz_SideLayer .l1 a{ float:left; padding:8px 50px; color:#332e2b; font-size:16px; line-height:24px;}
.SideBox .pz_SideLayer .l1 a span{ display:block; text-transform:uppercase; color:#888888; font-size:12px; line-height:20px;}
.SideBox .pz_SideLayer .l1:hover a{ color:#D0A666;}
.SideBox .pz_SideLayer .l1.on a{ background:#D0A666; color:#fff;}
.SideBox .pz_SideLayer .l1:hover a span{ color:#D0A666;}
.SideBox .pz_SideLayer .l1.on a span{ color:#fff;}
.SideBox.on{ position:fixed; left:0; top:0; z-index:66;}
@media screen and (max-width:1023px){
.SideBox .pz_SideLayer .l1{ margin:0;}	
.SideBox .pz_SideLayer .l1 a{padding:7px 12px; font-size:15px; line-height:30px; width:100%;}
.SideBox .pz_SideLayer .l1 a span{ line-height:16px; display:none;}
}
@media screen and (max-width:767px){

}

/*abouTit*/
.abouTit{ float:left; width:100%; text-align:center; margin-top:80px;}
.abouTit .tit1{ float:left; width:100%; color:#333333; font-size:30px; line-height:30px; font-weight:bold;}
.abouTit .tit2{ float:left; width:100%; color:#D0A666; font-size:16px; line-height:16px; text-transform:uppercase; margin-top:15px; }
.about1{ float:left; width:100%; margin:40px 0 50px 0;}
.about1 .cont{ width:100%; display:table; background:#fff; border:10px solid #fff;}
.about1 .img{ display:table-cell;vertical-align:middle;  width:48.57%; line-height:0;}
.about1 .info{ display:table-cell;width:51.43%; line-height:36px; font-size:16px; color:#333333; padding:20px 60px; text-align:justify;}
.about2{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; margin:40px 0 50px 0; padding:10px; background:#fff;}
@media screen and (max-width:1199px){
.about1 .cont{ border:30px solid #fff;}
.about1 .info{ padding:20px 30px;}
}
@media screen and (max-width:1023px){
.abouTit{ margin-top:30px;}
.abouTit .tit1{ font-size:20px; line-height:20px;}
.abouTit .tit2{ font-size:14px; line-height:14px; margin-top:12px; }
	
.about1{ margin:20px 0 20px 0;}	
.about1 .cont{ border:15px solid #fff;}
.about1 .info{ padding:10px 15px; font-size:14px; line-height:30px;}
.about2{font-size:14px; line-height:30px; margin-bottom:30px;}
}
@media screen and (max-width:767px){
.about1 .img{ display:block; width:100%;}
.about1 .info{ display:block; width:100%;}
}

/*aboutBg3*/
.aboutBg3{ float:left; width:100%; background:#fff; position:relative; z-index:6;}
.corpBg{ float:left; width:100%; height:100%;opacity:0.2; filter:alpha(opacity=20); z-index:1; position:absolute; left:0; top:0;}
.about3{ float:left; width:100%; background:#fff; background:rgba(255,255,255,.4); color:#333333; font-size:16px; text-align:center; line-height:36px; padding:30px;}
@media screen and (max-width:1023px){
.about3{ font-size:14px; line-height:30px; padding:15px; margin-top:20px;}
}
@media screen and (max-width:767px){

}

/*about4*/
.about4{ float:left; width:100%; margin:40px 0 80px 0;}
.about4 .zooz-box{ margin:-15px -15px 0 -15px;}
.about4 li{ float:left; width:25%; padding:0 15px; margin-top:15px;}
.about4 .la{ float:left; width:100%; position:relative; background:#D0A666;}
.about4 .tu{ float:left; width:100%; line-height:0;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;}
.about4 .wenz{float:left; height:50px; width:100%; font-size:16px; color:#fff; overflow:hidden; line-height:50px; text-align:center;}
.about4 .zgc{ float:left; width:70px; height:70px; position:absolute; left:50%; top:50%; margin:-35px 0 0 -35px;
 -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);opacity:0; filter:alpha(opacity=00);
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.about4 .la:hover .tu{opacity:0.2; filter:alpha(opacity=20);}
.about4 .la:hover .zgc{opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
@media screen and (max-width:1023px){
.about4{ margin:20px 0 38px 0;}	
.about4 .zooz-box{ margin:-6px -6px 0 -6px;}
.about4 li{ padding:0 6px; margin-top:12px;}
.about4 .zgc{ width:40px; height:40px; margin:-20px 0 0 -20px;}
}
@media screen and (max-width:767px){
.about4 li{ width:50%; }
.about4 .wenz{float:left; height:50px; width:100%; font-size:12px; color:#fff; overflow:hidden; line-height:50px; text-align:center;}
}

/*pictureViewer*/
#pictureViewer{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0,0,0,.3);
z-index: 10000;
}
#pictureViewer > .content{background-color: #fff;position: absolute;width: 600px; max-height:750px;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
#pictureViewer .menu-bar{width: 100%;}
#pictureViewer .menu-bar .handel{width: 40px;height: 40px;float: right;background-repeat: no-repeat;background-position: 50%;cursor: pointer;}
#pictureViewer .menu-bar .handel:hover{-webkit-transition: all .3s;transition: all .3s;}
#pictureViewer .menu-bar .handel.maximization{background-image: url(../images/maximization_black.png);background-size: 14px;}
#pictureViewer .menu-bar .handel.miniaturization{background-size: 16px;background-image: url(../images/miniaturization_black.png);}
#pictureViewer .menu-bar .handel.close-view{background-image: url(../images/close_black.png);background-size: 15px;}
#pictureViewer .handel-prev,#pictureViewer .handel-next{display: inline-block;width: 50px;height: 70px;position: relative;top: calc(50% - 80px);background-repeat: no-repeat;background-size: 25px;background-position: 50%;cursor: pointer;-webkit-transition: all .3s;transition: all .3s;}
#pictureViewer .handel-prev{background-image: url(../images/prev_blank.png);}
#pictureViewer .handel-next{background-image: url(../images/next_blank.png);}
#pictureViewer .picture-content{display: inline-block;width: 80%;height: calc(100% - 80px);position: absolute;margin: 0 auto;left: 0;right: 0;}
#pictureViewer .picture-content .cover{position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0; }
#pictureViewer .counter{position: absolute;bottom: 0;height: 40px;line-height: 40px;width: 100%;text-align: center;color: #808080;font-size: 13px;}
#pictureViewer .hide{display: none;}
#pictureViewer .left{float: left;}
#pictureViewer .right{float: right;}
#pictureViewer .clear-flex{clear: both;}
#pictureViewer img{max-width: 100%;}

@media screen and (max-width:767px ) {#pictureViewer > .content {width: 100%;height: 100%;}}
/*2产品中心1*/
.por1{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; margin-top:30px; margin-bottom:-10px; text-align:center;}
.por2{ float:left; width:100%; margin-top:25px;}
.por2 ul{ margin:0 -15px;}
.por2 li{ float:left; width:33.33%; padding:0 15px; margin-top:15px;}
.por2 .la{ float:left; width:100%; background:#eee; position:relative; min-height:267px; padding-left:200px;}
.por2 .img{ float:left; width:200px; height: auto; line-height:0; position:absolute; left:0; top:0; overflow:hidden;}
.por2 .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.por2 .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.por2 .cont{ float:left; width:100%; padding:10px 20px;}
.por2 .tit{ float:left; width:100%; color:#D0A666; font-size:18px; line-height:28px; padding:14px 0; border-bottom:1px solid #fff;}
.por2 .tit span{ float:left; width:100%; color:#D0A666; font-size:14px; line-height:28px;}
.por2 .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:25px; margin-top:13px;}
.por2 .la:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
@media screen and (max-width:1199px){
.por2 ul{ margin:0 -10px;}
.por2 li{ padding:0 10px;}
.por2 .la{ min-height:196px; padding-left:150px;}
.por2 .cont{ padding:5px 12px;}
.por2 .tit{ padding:7px 0;}
.por2 .info{ line-height:26px;}
.por2 .img{width:150px; height:196px;}
}
@media screen and (max-width:1023px){
.por1{ font-size:14px; line-height:30px; margin-top:20px;}
.por2{ margin-top:8px;}
.por2 li{ width:100%; margin-top:12px;}
.por2 .la{ min-height:170px; padding-left:130px;}
.por2 .cont{ padding:5px 12px;}
.por2 .tit{ padding:7px 0;}
.por2 .info{ line-height:26px;}
.por2 .img{width:130px; height:170px;}
}

/*por3*/
.por3{ float:left; width:100%; margin-top:5px;}
.por3 ul{ margin:0 -15px;}
.por3 li{ float:left; width:20%; padding:0 15px; text-align:center; margin-top:50px;}
.por3 .img{ float:left; width:100%; line-height:0; padding:0 5px;}
.por3 .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; margin-top:15px;-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;  
}
.por3 .tit span{ padding-left:10px;}
.por3 .la:hover .tit{ color:#D0A666;}
@media screen and (max-width:1023px){
.por3 ul{ margin:0 -6px;}
.por3 li{ padding:0 6px; margin-top:15px;}
.por3 .tit{ margin-top:10px;}
}
@media screen and (max-width:767px){
.por3 li{ width:50%;}
.por3 .img{ padding:0;}
.por3 .img img{ width:130px;}
}
/*por4*/
.por4{ float:left; width:100%; margin-top:10px;}
.por4 ul{ margin:0 -15px;}
.por4 li{ float:left; width:25%; padding:0 15px; margin-top:30px;}
.por4 .img{ float:left; width:100%; position:relative; z-index:6;}
.por4 .img img{ display:block; margin:0 auto; width:110px; height:110px;}
.por4 .cont{ float:left; width:100%; min-height:230px; background:#fff; border-radius:10px; padding:55px 20px 0 20px; position:relative; margin-top:-55px; z-index:1;}
.por4 .tit{ float:left; width:100%; color:#D0A666; font-size:18px; line-height:28px; text-align:center; margin-top:15px;}
.por4 .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:28px; margin:18px 0;}
.por4 .la:hover .cont{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.por4 .la:hover .img img{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
@media screen and (max-width:1023px){
.por4 ul{ margin:0 -6px;}
.por4 li{ width:50%; padding:0 6px; margin-top:15px;}
.por4 .img img{ width:70px; height:70px;}
.por4 .cont{ min-height:230px; padding:35px 12px 0 12px; margin-top:-35px;}
.por4 .info{  line-height:24px; margin:10px 0;}
}
@media screen and (max-width:767px){
.por3 li{ width:50%;}
.por3 .img{ padding:0;}
.por3 .img img{ width:130px;}
}	
/*por5*/
.por6{ float:left; width:100%; color:#D0A666; font-size:18px; line-height:28px; margin-bottom:73px; text-align:center;}
.por6 .ul{ float:left; width:100%;}
.por5{ float:left; width:100%; margin:30px 0 33px 0;}
.por5 .hd{ float:left; width:100%; margin:30px 0 33px 0;}		
.por5 li{ float:left; width:14.95%; overflow:hidden; position:relative; background:#000000;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.por5 .img{ float:left; width:100%; height:375px;opacity:0.8; filter:alpha(opacity=80);}
.por5 .cont{ float:left; width:100%; position:absolute; left:0; bottom:-200%; background:#000; background:rgba(0,0,0,0.5); padding:15px 19px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.por5 .tit1{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px;}
.por5 .info{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; margin-top:9px;}
.por5 .sp1{ float:left; min-width:118px;}
.por5 .tit{ float:left; width:24px; text-align:center; color:#fff; font-size:20px; line-height:22px; position:absolute; left:50%; bottom:30px; margin-left:-12px;}
.por5 li.on{ width:40.2%;}
.por5 li.on .img{opacity:1; filter:alpha(opacity=100);}
.por5 li.on .cont{ bottom:0;}
.por5 li.on .tit{ display:none;}
@media screen and (max-width:1023px){
.por6{ font-size:16px; line-height:26px; margin-bottom:30px;}
.por5 .hd{ margin:12px 0 15px 0;}	
.por5 .img{ float:left; width:100%; height:300px;}
.por5 .tit{ font-size:16px; line-height:18px; bottom:15px;}
.por5 .cont{ padding:7px 12px;}
.por5 .tit1{ font-size:16px; line-height:26px;}
.por5 .info{ font-size:12px; line-height:20px; margin-top:2px;}

}
@media screen and (max-width:767px){
.por5 .sp1{ min-width:100%;}
}

.page{ float:left; width:100%; color:#333; font-size:16px; line-height:30px; margin:80px 0;}
/*3生产基地*/
.base1{ float:left; width:100%; margin:40px 0 0 0;}
.base1 .cont{ width:100%; display:table;}
.base1 .img{ /*display:table-cell;vertical-align:middle;*/ float:left; width:100%; line-height:0;}
.base1 .info{ /*display:table-cell; vertical-align:middle;*/ float:left; width:100%; line-height:36px; font-size:16px; color:#333333; text-align:justify;}
.base1 .info .p1{ /*display:block; display:table-cell; vertical-align:middle;*/ width:100%; background:#fff; background:rgba(255,255,255,0.4); padding:30px 5%; }
/*.base1 .info .sp1{ display:table-cell; vertical-align:middle;height:250px;}*/
@media screen and (max-width:1199px){
/*.base1 .info .p1{ padding:20px 42px; }
.base1 .info .sp1{height:200px;}*/
}
@media screen and (max-width:1023px){	
.base1{ margin:20px 0 0 0;}
.base1 .info{ font-size:14px; line-height:26px;}
.base1 .info .p1{ padding:15px; }
/*.base1 .info .sp1{height:160px;}*/
.page{ font-size:14px; line-height:26px; margin:25px 0;}
}
@media screen and (max-width:767px){
.base1 .img{ display:block; width:100%;}
.base1 .info{ display:block; width:100%;}
.base1 .info .sp1{height:auto;}
}

/*base2*/
.base2{ float:left; width:100%; margin:-10px 0 0 0; text-align:center; background:url(images/base21.png) right bottom no-repeat; padding-right:52px;}
.base2 ul{ margin:0 -16px;}
.base2 li{ display:inline-block; vertical-align:top; width:24%; padding:0 16px; margin-top:50px;}
.base2 .img{ display:inline-block; width:100%; line-height:0;}
.base2 .tit{ display:inline-block; color:#fff; font-size:18px; min-width:158px; text-align:center; line-height:32px; border-radius:32px; background:#D0A666; margin:20px 0 8px 0;}
.base2 .slick-dots{ position:static; margin-top:15px; height:10px;}
.base2 .slick-dots li{ width:10px; height:10px; float:none; vertical-align:top; padding:0; margin:0 4px; border-radius:50%; text-indent:-999px; background:#fff;}
.base2 .slick-dots li.slick-active{ background:#D0A666;}

@media screen and (max-width:1199px){
.base2{ background-size:100% auto; margin:8px 0 0 0;}
.base2 li{margin-top:32px;}
}
@media screen and (max-width:1023px){
.base2{ margin:0;}	
.base2 .tit{  font-size:14px; min-width:120px; line-height:26px;  margin:18px 0 2px 0;}
}
@media screen and (max-width:767px){
.base2{ padding-right:0; background:none;}	
.base2 ul{ margin:0 -6px;}
.base2 li{ width:32%; padding:0 6px; margin-top:20px;}
.base2 .img img{ display:block; margin:0 auto; width:100px;}
.base2 .tit{  font-size:12px; min-width:80px; padding:0 10px;  margin:10px 0 2px 0;}
}

/*base3*/
.base3{ float:left; width:100%; margin:10px 0 0 0;}
.base3 ul{ margin:0 -15px;}
.base3 li{ float:left; width:25%; padding:0 15px; margin-top:30px;}
.base3 .la{ float:left; width:100%; text-align:center; background:#fff; padding:15px;}
.base3 .img{ float:left; width:100%; line-height:0;}
.base3 .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; margin-top:2px;}
.base3 .la:hover .tit{ color:#D0A666;}
.base3 .la:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}

@media screen and (max-width:1023px){
.base3{ margin:8px 0 0 0;}
.base3 ul{ margin:0 -6px;}
.base3 li{ padding:0 6px; margin-top:12px;}
.base3 .la{ padding:10px;}
.base3 .tit{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:767px){
.base3 li{ float:left; width:50%;}
}

/*6技术研发1*/
.technology{ float:left; width:100%; margin:40px 0 0 0;}
.technology .cont{ width:100%; display:table; background:#fff;}
.technology .img{ display:table-cell;vertical-align:middle;  width:49.8%; line-height:0;}
.technology .info{ display:table-cell; vertical-align:middle; width:50.2%; line-height:32px; font-size:16px; color:#666666; padding:20px 60px; text-align:justify;}
@media screen and (max-width:1199px){
.technology .info{ padding:20px 30px;}
}
@media screen and (max-width:1023px){	
.technology{ margin:20px 0 0 0;}	
.technology .info{ padding:10px 15px; font-size:14px; line-height:26px;}
}
@media screen and (max-width:767px){
.technology .img{ display:block; width:100%;}
.technology .info{ display:block; width:100%;}
}

/*field1*/
.field1{ float:left; width:100%; margin-top:40px;}
.field1 .ul1{ margin:0 -1px;}
.field1 .la{ margin:0 1px; position:relative; margin-bottom:38px;}
.field1 .la::after{ float:left; width:0; height:0; border-left:13px solid transparent; border-right:13px solid transparent;border-bottom: 13px solid #fff; position:absolute; left:50%; bottom:-38px; margin-left:-13px; content:''; display:none;}
.field1 .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.field1 .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.field1 .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.field1 .tit{ float:left; width:100%; position:absolute; left:0; bottom:15px; padding:0 10px; z-index:6; text-align:center; color:#fff; font-size:16px; line-height:24px;}
.field1 .bg{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:2; background:url(images/yanfa8.png) center bottom repeat-x; height:144px;}
.field1 .slick-current::after{ display:block;}

.field2{ float:left; width:100%; background:#fff; padding:55px 60px 52px 60px;}
.field2 .la{ float:left; width:100%;}
.field2 .tit{ float:left; width:100%; color:#D0A666; font-size:24px; line-height:34px;}
.field2 .tit br { display:none !important;}
.field2 .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:32px; margin-top:25px;}
@media screen and (max-width:1199px){
.field2{ padding:26px 30px;}
}
@media screen and (max-width:1023px){
.field2{ padding:15px;}
.field2 .tit{ font-size:18px; line-height:28px;}
.field2 .info{ font-size:14px; line-height:26px; margin-top:8px;}

.field1{ margin-top:20px;}
.field1 .la{ margin-bottom:20px;}
.field1 .la::after{ border-left:10px solid transparent; border-right:10px solid transparent;border-bottom: 10px solid #fff;bottom:-20px;}
.field1 .tit{bottom:10px; font-size:14px; line-height:22px;}
}
/*Achiev*/
.Achiev{ float:left; width:100%; margin:40px 0 70px 0;}
.Achiev .ul{ margin:0 -10px;}
.Achiev .l1{ float:left; width:50%; margin-bottom:13px; padding:0 10px;}
.Achiev .tit{ float:left; width:100%; text-align:center; border:2px dashed #59cb80; border-radius:27px; color:#D0A666; font-size:16px; line-height:26px; padding:13px;}
.Achiev .img{ float:left; width:100%; margin:26px 0; position:relative;}
.Achiev .img .pic{ display:block; margin:0 auto; width:190px;}
.Achiev .img .btn{ float:left; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; cursor:pointer; -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;opacity:0; filter:alpha(opacity=00);}
.Achiev .info{ float:left; width:100%; text-align:center; color:#666666; font-size:16px; line-height:26px;}
.Achiev .img:hover .btn{ -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);opacity:1; filter:alpha(opacity=100);}
@media screen and (max-width:1199px){
.Achiev .tit{ font-size:14px; line-height:22px;}
.Achiev .info{ font-size:14px; line-height:22px;}
}
@media screen and (max-width:1023px){
.Achiev{ margin:20px 0 30px 0;}	
.Achiev .tit{ border:1px dashed #59cb80;}	
.Achiev .img{ margin:15px 0; position:relative;}	
.Achiev .img .btn{ width:40px; height:40px; margin:-20px 0 0 -20px; cursor:pointer;}
}
@media screen and (max-width:767px){
.Achiev .tit{ padding:8px 12px;}
.Achiev .img .pic{ width:150px;}
}

/*研发成果-弹*/
.AchievPBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; background:#000;opacity:0.7; filter:alpha(opacity=70); z-index:999; }
.AchievPopun{ display:none; float:left; position:fixed; left:50%; top:50%; width:670px; min-height:670px; z-index:999; margin:-335px 0 0 -335px;}
.AchievPopun .box{ float:left; width:100%; background:#fff; position:relative; padding:20px;}
.AchievPopun .img{ float:left; width:100%; line-height:0; text-align:center;}
.AchievPopun .img  img{ width:424px;}
.AchievPopun .colse{ float:left; width:35px; height:35px; position:absolute; right:20px; top:20px;}

@media screen and (max-width:1023px){
.AchievPopun{ width:310px; min-height:100px; z-index:999; margin:-210px 0 0 -155px;}
.AchievPopun .box{ padding:12px;}
.AchievPopun .colse{ width:20px; height:20px; right:6px; top:6px;}
.AchievPopun .img  img{ width:280px;}
}

/* 分页 */
.wack1{ float:left; width:100%; padding:60px 0 80px 0; text-align:center;}
.pz_fy{ display:inline-block; *display:inline; *zoom:1;}
.pz_fy a { float:left; width:38px; height:38px; line-height:38px;  border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: #e2e2e2 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; border:#D0A666 1px solid; background-color:#D0A666;}
.pz_fy .l_fy{ background:url(images/h_img3.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .r_fy{ background:url(images/h_img2.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .l_fy:hover{ background:url(images/h_img3_1.png) center no-repeat #D0A666;}
.pz_fy .r_fy:hover{ background:url(images/h_img2_1.png) center no-repeat #D0A666;}

@media  screen and (max-width:1023px){
.wack1{padding:30px 0;}	
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #D0A666; background:#D0A666; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}
}

/*7案例分享*/
.caseList{ float:left; width:100%; margin-top:10px;}
.caseList .box{ margin:0 -15px;}
.caseList li{ float:left; width:33.33%; padding:0 15px; margin-top:30px;}
.caseList .la{ float:left; width:100%; background:#fff;}
.caseList .img{ float:left; width:100%; position:relative; line-height:0;}
.caseList .img iframe{ height:350px; width:100%;}
.caseList .img i{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:#D0A666;opacity:0; filter:alpha(opacity=00); z-index:6;}
.caseList .btn{ float:left; width:58px; height:58px; position:absolute; left:50%; top:50%; z-index:8; margin:-29px 0 0 -29px;-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; -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0); }
.caseList .cont{ float:left; width:100%; padding:25px 15px; text-align:center;}
.caseList .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden;
white-space: nowrap; text-overflow:ellipsis;}
.caseList .info{ float:left; width:100%; color:#888888; font-size:12px; line-height:22px; margin-top:5px; overflow:hidden;
white-space: nowrap; text-overflow:ellipsis;}
.caseList .la:hover{ background:#D0A666;}
.caseList .la:hover .btn{-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.caseList .la:hover .zoozimg{opacity:0.2; filter:alpha(opacity=20)}
.caseList .la:hover .tit{ color:#fff;}
.caseList .la:hover .info{ color:#fff;}

@media screen and (max-width:1023px){
.caseList .box{ margin:0 -6px;}
.caseList li{ padding:0 6px; margin-top:12px;}
.caseList .cont{ padding:10px 12px;}
.caseList .tit{ font-size:16px; line-height:26px;}
.caseList .info{ margin-top:0;}
}
@media screen and (max-width:767px){
.caseList li{ width:100%;}
}

/*8案例弹窗*/
.caseBg{ float:left; width:100%; height:100%; position:fixed; left:-100%; top:0; background:#000;opacity:0.6; filter:alpha(opacity=60); z-index:666;}
.casePopun{ float:left; width:798px; position:fixed; left:-150%; top:50%; z-index:667; margin:-300px 0 0 -399px;}
.casePopun.on { left:50%;}
.casePopun .box{ float:left; width:100%; position:relative;}
.casePopun .box .img{ float:left; width:100%; line-height:0;}
.casePopun .box .tit{ float:left; width:100%; background:#fff; background:rgba(255,255,255,0.8); padding:15px 30px; color:#333333; font-size:18px; line-height:30px;}
.casePopun .colse{ float:left; width:26px; height:26px; position:absolute; right:20px; bottom:17px; z-index:66; cursor:pointer;}
.casePopun .slick-prev,
.casePopun .slick-next{ width:52px; height:52px; background:url(../images/case12.png) left center no-repeat; background-size:auto 100%; left:-112px; margin-top:-4px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.casePopun .slick-next{ background:url(../images/case12.png) right center no-repeat; background-size:auto 100%; left:auto; right:-112px;}
.casePopun .slick-prev:hover{ background:url(../images/case11.png) left center no-repeat; background-size:auto 100%;}
.casePopun .slick-next:hover{ background:url(../images/case11.png) right center no-repeat; background-size:auto 100%;}
@media screen and (max-width:1199px){
.casePopun{ width:600px; position:fixed; left:-150%; top:50%; z-index:667; margin:-233px 0 0 -300px;}
.casePopun .slick-prev,
.casePopun .slick-next{ left:-62px;}
.casePopun .slick-next{ left:auto; right:-62px;}
}
@media screen and (max-width:767px){
.casePopun{ width:88%; position:fixed; left:-150%; top:20%; z-index:667; margin:0 0 0 -44%;}
.casePopun .slick-prev,
.casePopun .slick-next{ left:0; width:34px; height:34px;}
.casePopun .slick-next{ left:auto; right:0;}
.casePopun .box .tit{  padding:8px 32px 8px 12px; font-size:16px; line-height:26px;}
.casePopun .colse{ width:20px; height:20px; right:12px; bottom:11px;}
}

/*9新闻中心*/
.newsList{ float:left; width:100%; margin-top:40px;}
.newsList li{ float:left; width:100%; padding:30px 0 30px 20px; border-bottom:1px solid #bfd5ca; border-bottom:1px solid rgba(191,213,202,0.7);-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;  }
.newsList .la{ float:left; width:100%; position:relative; height:114px;}
.newsList .img{ float:left; width:203px; height:114px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;}
.newsList .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.newsList li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsList .cont{ float:left; width:100%; padding:0 230px 0 223px;}
.newsList .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; margin:9px 0 11px 0;}
.newsList .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:25px; height:50px; overflow:hidden;}
.newsList .time{ float:left; position:absolute; right:66px; top:50%; line-height:42px; width:121px; text-align:center; color:#808080; font-size:16px; border-left:1px solid #e3e3e3; margin-top:-21px;}
.newsList .more{ float:left; width:66px; border-left:1px solid #e3e3e3; height:42px; background:url(../images/news7.png) center no-repeat; position:absolute; right:0; top:50%; margin-top:-21px;-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;  }
.newsList li:hover{ background:#fff;}
.newsList li:hover .tit{ color:#D0A666;}
.newsList li:hover .info{ color:#D0A666;}
.newsList li:hover .time{ color:#D0A666;}
.newsList li:hover .more{ background:url(../images/news8.png) center no-repeat #D0A666;}
@media screen and (max-width:1023px){
.newsList li{ padding:12px 0 12px 10px;}	
.newsList .cont{ padding:0 86px 0 223px;}	
.newsList .tit{ font-size:16px; line-height:26px; margin:4px 0;}
.newsList .info{ line-height:22px; height:44px;}
.newsList .time{ position:static; padding:0 86px 0 223px; margin:4px 0 0 0; border:none; font-size:14px; line-height:24px;}
}
@media screen and (max-width:767px){
.newsList li{ padding:12px 0 12px 0;}
.newsList .la{ height:73px;}		
.newsList .more{ display:none;}
.newsList .img{ width:130px; height:73px;}
.newsList .cont{ padding:0 0 0 142px;}	
.newsList .tit{ font-size:16px; line-height:26px; margin:0;}
.newsList .info{ line-height:22px; height:22px;white-space: nowrap; text-overflow:ellipsis;}
.newsList .time{ padding:0 0 0 142px; margin:0;}
}
/*10新闻详情*/
.news-det{ float:left; width:100%; position:relative; margin:58px 0 80px 0;}
.news-left{ float:left; width:73%;}
.news-left .title{ float:left; width:100%; color:#D0A666; font-size:30px; line-height:40px; margin:0 0 14px 0;}
.news-left .time{ float:left; width:100%; border-bottom:1px solid #eee; padding-bottom:20px;}
.news-left .time .p1{ float:left; color:#888888; font-size:14px; line-height:24px;}
.news-left .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; margin:23px 0 0 0;}
.news-left .info iframe{width:100%; min-height:450px;}
.bdshare2{ float:right;}
.bdshare2 .bds_tit{ float:left; color:#888888; font-size:14px; line-height:24px;}
.bdshare2 a{ margin:0 0 0 6px !important;}

.news-right{ float:right; width:25%; height:100%; background:#fff; background:rgba(255,255,255,0.6); position:absolute; right:0; top:0; padding:27px 30px;}
.news-right .title{ float:left; width:100%; color:#D0A666; font-size:26px; line-height:36px; padding-bottom:9px; border-bottom:1px solid #e5e5e7;}
.news-right .title span{ font-size:16px; padding-left:6px;}
.news-hot{ float:left; width:100%;}
.news-hot li{ float:left; width:100%; border-bottom:1px dashed #c6c6c6; padding:18px 0;}
.news-hot li a{ float:left; width:100%; color:#333333; font-size:14px; line-height:18px; padding-left:25px; position:relative;}
.news-hot li a span{ float:left; width:14px; height:14px; text-align:center; font-style:italic; color:#fff; background:#D0A666; font-size:12px; line-height:14px; font-family:Arial; position:absolute; left:0; top:2px;}
.news-hot li a:hover{ color:#D0A666;}

.sx_fy{ float:left; width:100%; background:#fff; padding:11px 30px; margin-top:20px;}
.sx_fy a{ float:left; width:100%; color:#333333; font-size:16px; line-height:33px;}
.sx_fy a:hover{ color:#D0A666;}

@media screen and (max-width:1199px ) {	
.news-left{ width:720px;}
.news-left .title{ font-size:24px; line-height:34px;}
.news-right{ width:250px; padding:12px 15px 15px 15px;}
}
@media screen and (max-width:1023px ) {
.news-det{ margin:20px 0 30px 0;}	
.news-left{ width:100%;}	
.news-left .title{ font-size:18px; line-height:28px; margin:0 0 2px 0;}
.news-left .info{ line-height:28px; margin-top:12px;}
.news-left .time{ padding-bottom:8px;}
.news-left .time .bdshare1{ display:none;}
.news-right{ width:100%; position:static; margin-top:15px;}
.news-right .title{ font-size:18px; line-height:28px; padding-bottom:5px;}
.news-right .title span{ font-size:14px;}
.news-hot li{ padding:12px 0;}
.bdshare2{ display:none;}

.sx_fy{ padding:8px 12px; margin-top:10px;}
.sx_fy a{ font-size:14px; line-height:26px;}

}

/*11常见问题*/
.problem{ float:left; width:100%; margin:40px 0 60px 0;}
.problem .l1{ float:left; width:100%; margin-bottom:20px;}
.problem .tit{ float:left; width:100%; background:#fff; min-height:62px; position:relative; color:#333333; font-size:18px; line-height:28px; padding:17px 80px; cursor:pointer;}
.problem .ico1{ float:left; position:absolute; width:30px; height:30px; position:absolute; left:30px; top:16px;}
.problem .ico2{ float:left; position:absolute; width:20px; height:20px; position:absolute; right:30px; top:21px;}
.problem .cont{ display:none; float:left; width:100%; padding:0 80px; color:#333333; font-size:14px; line-height:30px; margin:20px 0 12px 0;}
.problem .tit.active .ico2{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	 -o-transform: rotate(180deg);
		transform: rotate(180deg);}
@media screen and (max-width:1023px){
.problem{margin:20px 0 20px 0;}
.problem .l1{ margin-bottom:12px;}
.problem .tit{ font-size:16px; line-height:24px; padding:10px 40px; min-height:44px;}
.problem .ico1{ width:20px; height:20px; left:10px; top:12px;}
.problem .ico2{ width:14px; height:14px; right:10px; top:15px;}
.problem .cont{ padding:0 40px;line-height:26px; margin:10px 0 6px 0;}
}

/*12服务帮助*/
.ServHelp{ float:left; width:100%; margin:40px 0 65px 0;}
.ServHelp ul{ margin:0 -15px;}
.ServHelp li{ float:left; width:33.33%; padding:0 15px; margin-bottom:15px;}
.ServHelp .la{ float:left; width:100%; background:#fff; text-align:center;}
.ServHelp .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.ServHelp .tit{ float:left; width:100%; position:relative; top:0; margin-top:-20px;}
.ServHelp .tit span{ display:inline-block; vertical-align:top; height:40px; line-height:38px; color:#fff; font-size:20px; background:#D0A666; padding:0 25px;}
.ServHelp .info{ float:left; width:100%; color:#666666; font-size:14px; line-height:28px; padding:24px 10.81%; min-height:160px;}
@media screen and (max-width:1199px){
.ServHelp .info{ padding:24px 15px;}
}
@media screen and (max-width:1023px){
.ServHelp{ margin:20px 0 20px 0;}	
.ServHelp ul{ margin:0 -6px;}
.ServHelp li{ padding:0 6px; margin-bottom:12px;}
.ServHelp .tit{ margin-top:-15px;}
.ServHelp .tit span{ height:30px; line-height:28px; font-size:16px;  padding:0 15px;}
.ServHelp .info{line-height:24px; padding:12px; min-height:168px;}
}
@media screen and (max-width:767px){
.ServHelp li{ width:100%;}
.ServHelp .info{ min-height:60px;}
}

/*13联系我们*/
.bdmap{ width:100%; height:550px; margin-bottom:80px;}
.BMapLabel{ display:block; width:380px !important; color:#333333 !important; font-size:16px !important;line-height:26px !important; border:none !important; background:#fff !important; margin-left:35px; padding:24px 20px !important; box-shadow:0 0 6px rgba(0,0,0,0.11); white-space:normal !important}
.BMapLabel:after{ float:left; width:0; height:0; position:absolute; left:-6px; top:50%; margin-top:-6px; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-right: 6px solid #fff; content:'';}
.BMap_shadow img{max-width:none;}
.contact{ float:left; width:100%; margin:40px 0 30px 0;}
.conTit{ float:left; width:100%; color:#D0A666; font-size:18px; line-height:28px; margin-bottom:5px;}
.Addr{ float:left; width:50%; background:#fff; min-height:400px; padding:34px 45px 34px 40px; position:relative;}
.Addr .p1{ float:left; width:100%; position:relative; min-height:40px; padding:1px 0 1px 70px; color:#737373; font-size:16px; line-height:19px; margin:30px 0;}
.Addr .sp1{ display:block; color:#262335;}
.Addr .ico{ float:left; width:40px; height:40px; position:absolute; left:0; top:0;}
.Addr .ewm{ float:left; width:134px; height:134px; background:#f4f4f4; padding:9px; margin-top:6px;}
.Addr .p4{ float:left; position:absolute; right:45px; top:67px; width:210px;}
.Message{ float:left; width:50%; background:#eef8f4; min-height:400px; padding:34px 45px 34px 40px;}
.Message .Form{ float:left; width:100%; margin-top:10px;}
.Message .lab1{ float:left; width:245px; margin-top:10px; position:relative;}
.Message .lab2{ width:100% !important;}
.Message .lab3{ width:100% !important; margin-top:20px;}
.Message .fv1{ float:left; width:100%; border:none; height:46px; line-height:26px; padding:10px 19px; color:#737373; font-size:14px;}
.Message .fv2{ height:90px !important;}
.Message .fv3{ float:left; width:227px; border:none; height:50px; line-height:48px; color:#fff; background:#D0A666; font-size:16px; border-radius:50px; cursor:pointer;}
.Message .fv3:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.Message .yangzhengma{ float:left; width:70px; height:30px; position:absolute; right:12px; top:50%; margin-top:-15px;}
@media screen and (max-width:1199px){
.Message{ padding:34px 34px;}	
.Message .lab1{width:209px;}
.Message .fv3{ float:left; width:190px;}
.Addr{ padding:34px 34px;}
.Addr .p1{ padding:1px 0 1px 50px;}
.Addr .p4{ width:190px; right:30px;}
}
@media screen and (max-width:1023px){
.Addr .p1{ margin:16px 0 15px 0; font-size:14px; line-height:17px; padding:0 0 0 44px; min-height:34px;}
.Addr .ico{ width:34px; height:34px;}
.Addr .p4{ position:relative; width:100%; right:0; top:0;}
.Message .Form{ margin-top:6px;}
.Message .lab1{width:100%;}
.bdmap{ height:360px; margin-bottom:40px;}
.BMapLabel{ width:320px !important; color:#333333 !important; font-size:14px !important;line-height:24px !important; margin-top:10px; margin-left:35px; padding:12px 12px !important;}
}
@media screen and (max-width:767px){
.contact{ margin:20px 0 15px 0;}	
.Addr{ width:100%; padding:15px; min-height:100px;}
.Addr .p1{ margin:8px 0;}
.Addr .ewm{ width:120px; height:120px; padding:5px;}
.Message{ width:100%; padding:15px; min-height:100px;}
.Message .Form{ margin-top:0;}
.Message .fv1{ height:40px; padding:7px 12px;}
.Message .fv3{ height:44px; line-height:42px;}
.Message .lab3{ margin-top:15px;}
.BMapLabel{ width:240px !important; line-height:22px !important;  margin-top:66px; margin-left:-115px; padding:8px 12px !important;}
.BMapLabel:after{ display:none;}
.BMapLabel:before{ float:left; width:0; height:0; position:absolute; left:50%; top:-6px; margin-left:-6px; border-left: 6px solid transparent; border-right:6px solid transparent;border-bottom: 6px solid #fff; content:'';}
}

/*14人才招聘*/
.join_top{ float: left; width: 100%; background-color: #D0A666; height: 60px; line-height: 60px; padding:0 85px 0 40px; margin-top:40px;}
.join_top ul{ float: left; width: 100%;}
.join_top ul li{ float: left; width: 19%; text-align: center; color:#fff; font-size:16px; font-weight: bold; line-height: 60px;}
.join_top ul li:first-child{text-align: left; width:24%;}
.joinlist{ float:left; width: 100%; margin-bottom:80px;}
.joinlist ul{ float: left; width: 100%;}
.joinlist ul li{ float: left; width: 100%; margin-top:20px; position: relative;}
.joinlist ul li .join_list{ float: left; width: 100%; padding:0 85px 0 40px; background: #fff; }
.joinlist ul li .join_list dl{ float: left; width: 100%; margin: 0;}
.joinlist ul li .join_list dd{float: left; width:19%; text-align: center; color:#333333; font-size:16px; line-height: 60px;margin: 0;}
.joinlist ul li .join_list dd span{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.joinlist ul li .join_list dd:first-child{ text-align: left; width:24%;}
.joinlist .deta{ display:none; width:100%; float:left;color:#666666; line-height:32px; font-size:14px;  position:relative; background:#fff; border-top:1px solid #e5f4ed; position:relative; padding:28px 40px 33px 40px ;}
.joinlist .btn{ display:block; width:166px; text-align: center; color:#fff; line-height:45px; border-radius:45px; background:#D0A666; font-size:16px; position:absolute; right:40px; bottom:40px;}
.joinlist .btn:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.joinlist #lermore{ position: absolute; right: 0; top:0; width: 85px; height: 60px; background: url(images/join1.png) no-repeat center; border-left: 1px solid #e5f4ed; cursor: pointer;}
.joinlist .join_list.active #lermore{background: url(images/join2.png) no-repeat center;}
@media  screen and (max-width:1199px){
.joinlist ul li .join_list{ padding:0 60px 0 20px}
.joinlist #lermore{  width: 60px;}
.join_top{ padding:0 60px 0 20px}
}
@media  screen and (max-width:1023px){
.join_top{ height: 50px; line-height: 50px; margin-top:20px;}	
.join_top ul li{ height: 50px; line-height: 50px;}	
.joinlist{ margin-bottom:40px;}
.joinlist ul li{ margin-top:12px;}
.joinlist ul li .join_list dd{ font-size:14px; line-height: 50px;}
.joinlist .deta{ padding:15px 15px 25px 15px; line-height:28px;}
.joinlist #lermore{ height:50px;}
}
@media  screen and (max-width:767px){
.join_top ul li:nth-child(3),
.join_top ul li:nth-child(5){display: none;}
.join_top ul li{  width: 27%; font-size:14px;line-height: 50px;}
.join_top ul li:first-child{ width: 46%; }
.join_top{padding:0 50px 0 15px;}
.joinlist ul li .join_list{padding:0 50px 0 15px;}
.joinlist ul li .join_list dl{width: 100%; margin: 0;}
.joinlist ul li .join_list dd{width: 27%;}
.joinlist ul li .join_list dd:first-child{ width: 46%;}
.joinlist ul li .join_list dd:nth-child(3),
.joinlist ul li .join_list dd:nth-child(5){display: none;}
.joinlist #lermore{  width: 50px; height: 50px;}
.joinlist .btn{ position:static; margin-top:10px; width:140px; height:36px; line-height:34px;}
}
/*在线留言--弹窗*/
.linMeassgBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; background:#000;opacity:0.4; filter:alpha(opacity=40); z-index:666;}
.linMeassg{ display:none; float:left; width:702px; position:fixed; left:50%; top:50%; z-index:667; margin:-218px 0 0 -351px; background:#fff; background:rgba(255,255,255,0.88); padding:30px; border-radius:10px;}
.linMeassg .tit{ float:left; width:100%; position:relative; text-align:center; color:#D0A666; font-size:36px; line-height:44px; font-weight:bold; overflow:hidden; position:relative;}
.linMeassg .tit::after,
.linMeassg .tit::before{ float:left; width:1px; height:22px; background:#D0A666; background:rgba(236,119,1,0.4); content:''; position:absolute; left:0; top:50%;}
.linMeassg .tit::before{ left:auto; right:0;}
.linMeassg .tit span{ position:relative; padding:0 30px;}
.linMeassg .tit span::after,
.linMeassg .tit span::before{ float:left; width:600px; height:1px; background:#D0A666; background:rgba(236,119,1,0.4); content:''; position:absolute; left:100%; top:50%;}
.linMeassg .tit span::before{ left:auto; right:100%;}
.linMeassg .Form{ float:left; width:100%; padding:14px 30px 30px 30px; border:1px solid #D0A666; border:1px solid rgba(236,119,1,0.4); border-top:none;}
.linMeassg .lab1{ float:left; width:48.27%; margin-top:20px; position:relative;}
.linMeassg .lab2{ width:100% !important;}
.linMeassg .lab3{ width:100% !important; margin-top:20px;}
.linMeassg .fv1{ float:left; width:100%; border:none; height:46px; line-height:26px; padding:10px 20px 10px 50px; color:#6e6e6e; font-size:14px;}
.linMeassg .fv2{ height:70px !important; padding-left:20px;}
.linMeassg .fv3{ float:left; width:100%; border:none; height:46px; line-height:44px; color:#fff; background:#D0A666; font-size:18px; cursor:pointer; font-weight:bold;}
.linMeassg .fv3:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.linMeassg .yangzhengma{ float:left; width:92px; height:30px; position:absolute; right:12px; top:50%; margin-top:-15px;}
.linMeassg .ico{ float:left; width:20px; height:20px; position:absolute; left:20px; top:50%; margin-top:-10px;}

.Lcolse{ float:left; width:24px; line-height:0; position:absolute; right:20px; top:-40px; cursor:pointer;}

@media screen and (max-width:1023px){
.linMeassg .tit{ font-size:24px;}
}
.nacv{ display:none;}

@media screen and (max-width:767px){
/*导航*/
    .Hbg { display:none;}

.nacv{height:80px;overflow: hidden;background:#B41421; display:block; margin-top:70px;}
.nacv a{width:33.3%;float:left;overflow: hidden;display: block;height:40px;line-height:40px;text-align:center;color:#D0A666;font-size:1rem;position:relative;background:#B41421;border-bottom:solid 1px #89000b; border-right:1px solid #89000b;}

.nacv a:nth-child(3n){ border-right:none;}
.nacv a:hover,.nacv a:link,.nacv a:visited,.nacv a:active{ color:#fff;}
.nacv a.cur{background: #fa7821;}
	
.linMeassg .tit{ font-size:20px; line-height:28px;}	
.linMeassg .tit span{ padding:0 15px;}
.linMeassg{ width:88%; left:6%; margin:-203px 0 0 0; padding:15px;}	
.linMeassg .Form{ padding:2px 15px 15px 15px;}
.linMeassg .lab1{ width:100%; margin-top:10px;}	
.linMeassg .fv1{ height:40px; padding:7px 12px 7px 38px;}
.linMeassg .fv2{ padding-left:12px;}
.linMeassg .fv3{ height:40px; line-height:38px; font-size:16px;}
.linMeassg .ico{ left:12px; width:16px; height:16px; margin-top:-8px;}
#section5{ display:none;}
.foot1,.foot2{ display:none;}
.pz_down{ padding-bottom:54px;}

}
/*#pz_down{ position: fixed; z-index:9999; bottom:0px;}*/

.jobPounp{ display:none; float:left; width:784px; position:fixed; left:50%; top:50%; z-index:667; margin:-304px 0 0 -392px; background:#fff;border-radius:3px;}
.jobox{ float:left; width:100%; position:relative; padding:45px 15.81% 51px 15.81%;}
.jobox .tit{ float:left; width:100%; color:#D0A666; font-size:30px; line-height:40px; margin-bottom:22px;}
.jobox .lab1{ float:left; width:100%; position:relative; margin:10px 0;}
.jobox .beizhu{ float:left; width:100%;line-height:24px; color:#606060; font-size:14px; margin:3px 0 10px 0;}
.jobox .fv1{ float:left; width:100%; border:1px solid #cdcdcd; height:49px; line-height:27px; padding:10px 15px; color:#606060; font-size:14px;}
.jobox .fv3{ float:left; width:100%; border:none; height:48px; line-height:46px; color:#fff; background:#D0A666; font-size:16px; cursor:pointer; font-weight:bold;}
.jobox .fv3:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.jobox .shangchuan,
.jobox .yangzhengma{ float:left; width:118px; height:49px; position:absolute; right:0; top:0; border:1px solid #cdcdcd;line-height:47px; text-align:center; color:#606060; font-size:14px; overflow:hidden;}
.jobox .jcolse{float:left; width:34px; line-height:0; position:absolute; right:22px; top:15px; cursor:pointer;}
.jobox .fv5{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=00);}

@media screen and (max-width:1023px){
.jobPounp{ width:90%;left:5%; margin:-210px 0 0 0;}
.jobox{ padding:20px 15px;}
.jobox .tit{ font-size:20px; line-height:30px; margin-bottom:8px;}
.jobox .jcolse{ width:24px; height:24px; top:12px; right:15px;}
.jobox .lab1{ margin:6px 0;}
.jobox .fv1{ height:39px; line-height:27px; padding:5px 12px; }
.jobox .fv3{height:38px; line-height:36px;}
.jobox .shangchuan,
.jobox .yangzhengma{ width:88px; height:39px;line-height:37px; }
}


.hMore6 { position:absolute; left:0; bottom:20%; text-align:center;}
.hMore6 a { display:inline-block; margin:0 auto; float:none; background:#fff; background:rgba(255,255,255,0.8);}

.baseDW { float:left; position:absolute;}
@media screen and (max-width:1023px) {
 .baseDW { position:relative;}
}


/*网站地图*/
.wzdt{ width:100%; float:left; margin:6% 0 8% 0;}
.wzdt li{ width:100%;float:left; border-bottom:1px dashed #ccc; padding:15px 10px;}
.wzdt li .a1{ width:100%;float:left;  font-size:16px;font-weight:bold; line-height:24px; color:#323232; margin-bottom:5px;}
.wzdt li .a2{float:left; text-align:center; padding:0 8px; line-height:24px; color:#666; font-size:14px;}
.wzdt li .a2:hover { color:#D0A666;}