/* Shuang Deng Group
 * User: yangtao
 * Date: 15-1-7
 */
@charset "utf-8";
*{margin:0;padding:0;font-family:"Microsoft Yahei";}
body{background:#FFF;color:#333; font-size:14px;font-family:"Microsoft Yahei";}
em,i{font-style:normal;}
fieldset,img{border:0;}
ul,ol,li{list-style:none;}
button,input,select,textarea{outline:none; border:none;font-family:"Microsoft Yahei";}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
.hide{display:none;}
.fl{float:left;}
.fr{float:right;}
.top{background:#fff; width:100%; height:100px; border-bottom:1px solid #e1e1e1;}
.w88{ width:88%; margin:0 auto}

.topPic{ position:fixed; background:url(../images/topB.jpg) no-repeat center; height:100%; display:block; height:80px;}
.xz-top{ position:fixed; background:#004ea2; height:40px;width:100%; z-index:9999;display: none;}
.xz-top .w88{
	zoom: 1;
}
.xz-top .w88:after{display: block;content: '';clear: both;}
.head-tel{float: left;font-size: 16px;color: #fff;line-height: 40px;padding-left: 26px;position: relative;}
.head-tel:before{display: block;content: '';width: 18px;height: 20px;background: url(../images/tel01.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.xz-logo{float: left;margin-top: 22px;width: 278px;}
.xz-logo img{display: block;max-width: 100%;}

.po-height{ position:absolute; width:100%; height:100%}
.in-poo{ position:absolute; top:100%; width:100%;}

/*2018-03-21*/
.t-ri{float: right; text-align:right;margin-top: 10px;}
.t-ri .dl{ padding-bottom:5px; position:relative; padding-right: 40px;color: #fff;}
.t-ri .dl a{ padding:0 2px;color: #fff;}
.t-ri p{ color:#333; font-size:24px; font-family:"Arial"; font-weight:bold; padding-top:3px;}


.t-ri a img{ border:1px solid #e2e2e2; margin-left:15px;}
.t-dh{color:#004ea2; font-size:15px; width:32px; padding-top:52px;}
.mm-menu-toggle{display: none; position: absolute;top:27px;left:6%;z-index:20;width:41px;height:71px; background:url(../images/cd.png) no-repeat top center; line-height:71px;color: #004ea2;
    font-size: 15px; text-align:center;}
.mm-menu-toggle,.mm-menu-toggle::after,.mm-menu-toggle::before{-webkit-transition:all .5s;transition:all .5s}
.mm-menu-toggle.active{ background:url(../images/cha1.png) no-repeat; width:93px; height:93px; left:300px; top:0; font-size:0}

.mm-menu{position:fixed;top:0;left:0;z-index:10;background-color:#202020;width:100%;height:100%;overflow-y:auto;box-shadow:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .5s,box-shadow .5s;transition:transform .5s,box-shadow .5s}
.mm-menu.active{box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}

@media all and (min-width:500px){.mm-menu{width:300px;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px)}}

/*左侧下拉菜单样式*/
.subNavBox{ padding-left:58px;}
.subNav{cursor:pointer; font-size:18px;color:#fff;line-height:55px;}
.subNav:hover{background:url(../images/bjt.png) no-repeat 90px center;}
.subNav1{cursor:pointer; font-size:18px;color:#fff;line-height:55px;}
.subNav1 a{color: #fff;}
/*.subNav1:hover{background:url(../images/bjt.png) no-repeat 90px center;}*/
.currentDd{color:#fff}
.currentDt{background:url(../images/bjt.png) no-repeat 90px center;}
.navContent{display: none;}
.navContent li{ }
.navContent li a{display:block;font-size:14px;color:#fff; opacity:0.3; padding-bottom:10px; padding-left:15px;}
.navContent li a:hover{ opacity:1}
.gai-search{ margin:56px 0 53px 58px; color:#fff; width:185px; height:35px; border:1px solid #fff; line-height:30px; opacity:1;}
.gai-search li{ float:left;}
.gai-search .sk01{ padding-left:5px; width:80%;}
.gai-search li input{ background:none; color:#fff;}
.gai-search .sk02{ padding-top:4px;}
.gai-search .sk02 input{ width:20px; height:20px; background:url(../images/sear.png) no-repeat center center; cursor:pointer;}


.banner{ /*padding-top:180px; */ position:absolute; height:82%; width:100%; top:110px;}
.slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
   height:100%;

}
.slideBox .bd{ 
  position:relative; 
   height:100%;
  
}
.slideBox .bd ul{ height:100%;}
.slideBox .bd li{ 
  vertical-align:middle; 
   height:100%;
  
}
.slideBox .bd img{ 
  width:100%; 
  display:block;  
  animation: changeScale 1 2.5s;
   height:100%;
  
}
.slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:39px; 
  z-index:1; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:31px; 
  height:4px; 
  background:#007ed6; 
  cursor:pointer; 
}
.slideBox .hd ul li.on{ 
 background:#fff;
}

.box1{ padding:65px 0 0 0}
.in-ti{ width:100%; text-align:center; margin-bottom:34px;}
.in-ti p{ width:98%; margin:0 auto; text-align:center; border-bottom:1px solid #e5e5e5; color:#333; padding-bottom:23px; margin-bottom:25px;font-weight: bold;}
.in-ti p span{ border-bottom:4px solid #6eb92b; font-size:26px; letter-spacing:2px; padding:0 5px 18px 5px;}
.in-ti span{ line-height:26px; color:#454545; font-size:16px;}


.in-new{ width:88%; margin:0 auto; padding:50px 0;}
.video{ float:left; width:32%; height:360px; background:#fff; padding-right:1%;}
.new-le{ float:right; width:67%; height:360px;}
.bg-bai{ width:100%; margin:0 auto; background:#f7f7f7;}
.video dl dt{ width:100%; background:#000; overflow:hidden;}
.video dl dt img{ width:100%; height:267px; display:block; transition-duration:.5s;}
.video dl dd{ height:71px; border:1px solid #e1e1e1; padding:10px;}
.video dl dd p{ font-size:16px; color:#333; transition-duration:.5s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.video dl dd span{ display:block; color:#454545; font-size:14px; padding-top:10px;}
.video dl:hover dt img{ transform:scale(1.1,1.1); opacity:0.6;}
.video dl:hover dd p{ color:#004ea2}



.Menubox {
	height: 51px;
	position: relative;
}
.Menubox li {
	float: left;
	display: block;
	cursor: pointer;
	text-align: center;
	height: 51px;
	background: #fff;
	margin-right: 7px;
	line-height: 51px;
	width: 137px;
	font-size: 18px;
	color: #333;
}
.Menubox li.hover {
	color: #fff;
	background: #0066cb;
}
.CbContainer{
	position:relative;}
.Contentbox {
	clear: both;
}
.zx-list{
	width: 95%;
	margin:0 auto;
	border-top:1px dashed #c5c5c5;
	padding-top:15px;
	padding-bottom:15px;
}
.zx-list li{
	padding-bottom:16px;
}
.zx-list li span{
	float: right;
	color:#777;
}
.zx-list li a{
	display: block;
	float: left;
	width: 85%;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	font-size: 16px;
	color: #777;
	transition-duration:.5s;
}
.zx-list li a:hover{
    padding-left:10px;
	color: #004ea2;
}
.date{ width: 95%; margin:0 auto; padding-bottom:12px; padding-top:21px;}
.date dt { padding-right:17px; float:left;}
.date dt p{ font-family:"Arial"; font-size:30px; color:#333; padding-bottom:6px;}
.date dt span{font-family:"Arial"; color:#555; float:right; padding-right:5px;}
.date dd{ float:right; width:82%;border-left:1px dashed #c5c5c5; padding-left:18px; padding-bottom:18px;}
.date dd div{ font-size:18px; color:#333; padding-bottom:10px;}
.date dd p{ color:#999;}
.date dd p a{color:#333333; padding-left:10px;}
.footer{ width:100%; background:url(../images/f_bg.jpg) no-repeat center center; padding:80px 0; background-size: cover;}


.box2{ width:100%; padding:0 0 50px 0;}

  
 .gs-bj{ width:100%; background:#f1f1f1; padding:40px 0;}
 .pp{ width:98%; margin:0 auto;}
 .sp-list li{ float:left;}
 



	
	/*右侧在线客服*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:9999}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px; text-align:center;display:block; line-height:48PX; margin-bottom:6px;position:relative;background-color:#fff;}
.cndns-right-btn span{color:#006bc8;font-size:26px;line-height:48px;}
.cndns-right-btn p{color:#006bc8;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn { margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#006bc8}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#006bc8;}
.meau-sev .cndns-right-btn{background:url(../images/icon10.png) no-repeat #006bc8 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999; font-style:normal;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#006bc8}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #006bc8;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#006bc8;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:50%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:14px;padding-left:23px;background:url(../images/qq.png) no-repeat left center;line-height:30px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:220px;}
.meau-contact .cndns-right-box .box-border{width:180px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#006bc8;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#006bc8}
.meau-zs .cndns-right-btn{background-color:#006bc8;color:#fff;margin-top:80px;border-color:#006bc8}


/*main css*/
.main-im{ position:fixed; right: 10px; top:70%;margin-top:-100px z-index: 100; width: 100px; height: 172px; z-index: 100;}
.main-im .qq-hover-c { width: 82px; height: 82px; overflow: hidden; z-index: 9; margin:0 auto; border-bottom:1px solid #eee; }
.main-im .im_main {background: #f7f7ff; border: 1px solid #dddddd; border-radius: 10px; display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px;background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center; margin:0 auto;}
.main-im .im_main .weixing-show {width: 150px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -165px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 150px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 150px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 142px; height: 142px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:144px;width:150px;margin:0 auto; text-align:center;}

.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }

	
	
	@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(6deg); -ms-transform: rotate(6deg);-webkit-transform: rotate(6deg);transform: rotate(6deg);}
50% { -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg);}
75% { -moz-transform: rotate(6deg); -ms-transform: rotate(6deg);-webkit-transform: rotate(6deg); transform: rotate(6deg);}
85% { -moz-transform: rotate(-6deg);-ms-transform: rotate(-6deg);-webkit-transform: rotate(-6deg);transform: rotate(-6deg);}
}
@-webkit-keyframes icon-bounce {
 
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(6deg); -ms-transform: rotate(6deg);-webkit-transform: rotate(6deg);transform: rotate(6deg);}
50% { -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg);}
75% { -moz-transform: rotate(6deg); -ms-transform: rotate(6deg);-webkit-transform: rotate(6deg); transform: rotate(6deg);}
85% { -moz-transform: rotate(-6deg);-ms-transform: rotate(-6deg);-webkit-transform: rotate(-6deg);transform: rotate(-6deg);}
}
@-moz-keyframes icon-bounce {
 0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(6deg); -ms-transform: rotate(6deg);-webkit-transform: rotate(6deg);transform: rotate(6deg);}
50% { -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg);}
75% { -moz-transform: rotate(6deg); -ms-transform: rotate(6deg);-webkit-transform: rotate(6deg); transform: rotate(6deg);}
85% { -moz-transform: rotate(-6deg);-ms-transform: rotate(-6deg);-webkit-transform: rotate(-6deg);transform: rotate(-6deg);}
}
@-o-keyframes icon-bounce {
 0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(6deg); -ms-transform: rotate(6deg);-webkit-transform: rotate(6deg);transform: rotate(6deg);}
50% { -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg);}
75% { -moz-transform: rotate(6deg); -ms-transform: rotate(6deg);-webkit-transform: rotate(6deg); transform: rotate(6deg);}
85% { -moz-transform: rotate(-6deg);-ms-transform: rotate(-6deg);-webkit-transform: rotate(-6deg);transform: rotate(-6deg);}
}



.part2{ width:86%; margin:0 auto;}
.part-xi01{ width:24.625%; background:#f1f1f1; position:relative; overflow:hidden; float:left; margin:0 0.5% 0.5% 0; transition-duration:.5s; min-height:200px;}
.part-xi01:nth-child(4n){ margin-right:0;}

.txt-le p{ font-size:18px; color:#454545;  padding-top:22px;text-align: center; font-weight:bold; transition-duration:.5s; }


.txt{ position:absolute; width:370px; height:160px; top:50%; left:50%; margin-left:-185px; margin-top:-80px;}
.txt-ri p{ font-size:16px; color:#454545; background:url(../images/jx2.jpg) no-repeat left 10px; padding-left:15px; margin-bottom:9px;}

.txt-ri{ /*padding-top:10px;*/ padding-left:23px; width:53%; height:150px;}
.txt-ri span{ /*float:right; */opacity:0;transition-duration:.5s; position:absolute; bottom:0; right:0;}
.txt-ri span a{ color:#888987;}
.part-xi01:hover { background:#004ea2;}
.part-xi01:hover .txt-le p{ color:#fff;}
.part-xi01:hover .txt-ri p a{ color:#fff;}
.part-xi01:hover .txt-ri p{background:url(../images/b_jx.jpg) no-repeat left center; color:#fff; }
.part-xi01:hover .txt-ri span{ opacity:1;}
.part-xi01:hover .txt-ri span a{ color:#fff;}

.part-xi01 .icon{width:108px; height:108px;}
.part-xi01:nth-child(1) .icon{ background:url(../images/icon01.png) no-repeat center center;background-size: 100% 100%; transition-duration:.5s;}
.part-xi01:nth-child(1):hover .txt .txt-le .icon{background:url(../images/icon01-1.png) no-repeat center center;background-size: 100% 100%;}
.part-xi01:nth-child(2) .icon{  background:url(../images/icon02.png) no-repeat center center;background-size: 100% 100%; transition-duration:.5s;}
.part-xi01:nth-child(2):hover .txt .txt-le .icon{background:url(../images/icon02-1.png) no-repeat center center;background-size: 100% 100%;}
.part-xi01:nth-child(3) .icon{  background:url(../images/icon03.png) no-repeat;background-size: 100% 100%; transition-duration:.5s;}
.part-xi01:nth-child(3):hover .txt .txt-le .icon{background:url(../images/icon03-1.png) no-repeat center center;background-size: 100% 100%;}
.part-xi01:nth-child(4) .icon{ background:url(../images/icon07.png) no-repeat;background-size: 100% 100%; transition-duration:.5s;}
.part-xi01:nth-child(4):hover .txt .txt-le .icon{background:url(../images/icon07-1.png) no-repeat;background-size: 100% 100%;}
.part-xi01:nth-child(5) .icon{ background:url(../images/icon04.png) no-repeat;background-size: 100% 100%; transition-duration:.5s;}
.part-xi01:nth-child(5):hover .txt .txt-le .icon{background:url(../images/icon04-1.png) no-repeat;background-size: 100% 100%;}
.part-xi01:nth-child(6) .icon{ background:url(../images/icon08-3.png) no-repeat;background-size: 100% 100%; transition-duration:.5s;}
.part-xi01:nth-child(6):hover .txt .txt-le .icon{background:url(../images/icon08-3a.png) no-repeat;background-size: 100% 100%;}


.part-xi01:nth-child(7) .icon{ background:url(../images/icon05.png) no-repeat;background-size: 100% 100%; transition-duration:.5s;}
.part-xi01:nth-child(7):hover .txt .txt-le .icon{background:url(../images/icon05-1.png) no-repeat;background-size: 100% 100%;}


.part-xi01:nth-child(8) .icon{ background:url(../images/icon09.png) no-repeat; background-size: 100% 100%;transition-duration:.5s;}
.part-xi01:nth-child(8):hover .txt .txt-le .icon{background:url(../images/icon09-1.png) no-repeat;background-size: 100% 100%;}
/*.part-xi01:nth-child(8) .icon{ background:url(../images/icon06.png) no-repeat;background-size: 100% 100%; transition-duration:.5s;}
.part-xi01:nth-child(8):hover .txt .txt-le .icon{background:url(../images/icon06-1.png) no-repeat;background-size: 100% 100%;}*/


.txt h3{ margin-top: 24px;
    color: #454545;
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;}
	


.js-zi{ width:35%; border-bottom:1px solid #cccccc}
.js-zi p{ line-height:26px; text-align: justify; color:#555; padding:20px 0 48px 0; font-size:16px; width:80%; }

/* 本例子css */
		.picFocus{ margin:0 auto;  width:96%; position:relative;  overflow:hidden;  zoom:1;   }
		.picFocus .hd{ width:20%; overflow:hidden; float:right }
		.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ text-align:center; width:100%;  background:#000; margin-bottom:7%; position:relative;  }
		.picFocus .hd ul li .slt{ width:100%; cursor:pointer; display:block;}
		.picFocus .hd ul li .bjs{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}
		.picFocus .hd ul li p{font-size:14px; position:absolute; width:100%; height:26px; line-height:26px; background:rgba(255,255,255,0.6); bottom:0; left:0;}
		.picFocus .hd ul li.on p{ background:rgba(110,185,43,0.6); color:#fff; }
		.picFocus .hd ul li.on img{opacity:0.5;   }
		.picFocus .bd { width:78%; float:left;}
		.picFocus .bd li{ vertical-align:middle; }
		.picFocus .bd img{ width:100%; display:block;  }




.wrapper{z-index:5;-webkit-transition:-webkit-transform .5s;transition:transform .5s}


.bt-cd{background:#004ea2; width:100px; height:60px; text-align:center; padding-top:20px; color:#fff;  cursor:pointer;}




.f-xi{ width:98%; margin:0 auto; background:rgba(255,255,255,0.65); padding:42px 0 42px 0;}
.f-link{ width:96%; margin:0 auto; border-top:1px solid #969a91; padding-top:20px;}
.f-link p span{ color:#004ea2; padding-left:5%;}
.f-link p a{ padding-right:10px;}
.f-link p a:hover{ color:#004ea2;}
.f01{width:96%; margin:0 auto;}
.f-logo{ font-size:19px; padding:52px 10% 0 5%; float:left;}
.f-logo p{ padding-top:15px;}
.f-ti{ font-size:16px; font-weight:bold; margin-bottom:16px;}
.f-form{ width:296px; padding-bottom:30px; float:left;}
.f-form p{ border-bottom:1px solid #333333; padding-bottom:5px; font-size:16px; margin-bottom:25px;}
.f-form p input{ background:none;}

.tj input{ background:#333333; color:#fff; padding:5px 10px; cursor:pointer;}

.f-lx{ padding-right:5%; float:right;}
.t_icon li{ float:left; margin-right:12px; margin-bottom:13px;}
.t_icon li.wx_ico2{ position:relative; }
.t_icon li.wx_ico2 img{ cursor:pointer}
.t_icon li.wx_ico2 p{ position:absolute; display:none; width:175px; z-index:9999}
.t_icon li.wx_ico2 p img{ width:175px !important; height:175px !important}
.banquan{ color:#fff; width:98%; margin:0 auto;}
.banquan p{ float:right; margin:0 auto; padding-right:7%; padding-top:30px; font-size:12px;}
.map img{ width:100%;}

/* .accordion */
.accordion { height:500px;overflow: hidden;position:relative; width:98%; margin:0 auto; }
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.accordion._create:after { display: none; }

.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:500px;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li { display:block;list-style: none;margin: 0;padding: 0;height:500px;float:left;overflow: hidden; transition: all 0.3s ease-out; margin-right:4px; position:relative; }
.accordion__img { display: block;cursor: pointer; }
.wenben{ position:absolute; top:50px; left:40px; width:60%; color:#fff;}
.wenben h1{ font-size:16px; font-weight:normal; padding-bottom:10px; transition-duration:.5s;}
.wenben span{ width:35px; height:1px; background:#fff; display:block;}
.wenben p{ width:350px; line-height:26px; opacity:0; transition-duration:.5s;}
.accordion__li:hover p{ opacity:1;}
.accordion__li:hover .wenben h1{ font-size:20px; padding-bottom:20px;}

.xs-ywly{ display:none;}
.xs-ywly li{ width:48%; float:left; margin:0 0.5% 5px 0.5%; position:relative; overflow:hidden; background:#000;}
.xs-ywly li img{ width:100%; display:block; transition-duration:.5s;}
.yy-txt{ width:100%; height:100%; position:absolute; top:100%; left:0; transition-duration:.5s;}
.yy-txt p{ color:#fff; font-size:12px; padding:4px;}
.yy-txt p span{ border-bottom:3px solid #fff; padding-bottom:5px; margin-bottom:5px; display:block; width:50px;}
.yy-txt p a{ color:#6eb92b;}
.xs-ywly li:hover img{ opacity:0.3}
.xs-ywly li:hover .yy-txt{ top:0;}
.xs-jjfa{ display:none;}
.jjfa01{ width:47%; background:#f1f1f1; padding:20px 3px; transition-duration: .5s; float:left; margin:0 0.5% 8px 0.5%; min-height:128px; }
.jjfa01-le{ width:75px; text-align:center; padding-right:3px;}
.jjfa01-le span{ display:block; width:50px; height:50px; margin:0 auto;}

.jjfa01-le p{ color:#454545; font-weight:bold; padding-top:10px; transition-duration: .5s; font-size:12px;}
.jjfa01-ri{ padding-top:6px; width:53%; height:124px; position:relative;}

.jjfa01-ri p{ color: #454545;background: url(../images/jx2.jpg) no-repeat left center;padding-left: 15px;margin-bottom: 4px; font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jjfa01-ri span {float: right; opacity: 1; transition-duration: .5s; font-size:12px; position:absolute; right:0; bottom:0;}
.jjfa01-ri span a{ color:#6eb92b;}
.jjfa01:nth-child(1) .jjfa01-le span{ background:url(../images/icon01-2.png) no-repeat center center;}
.jjfa01:nth-child(2) .jjfa01-le span{ background:url(../images/icon02-2.png) no-repeat center center;}
.jjfa01:nth-child(3) .jjfa01-le span{ background:url(../images/icon03-2.png) no-repeat center center;}
.jjfa01:nth-child(4) .jjfa01-le span{ background:url(../images/icon07-2.png) no-repeat center center;}
.jjfa01:nth-child(5) .jjfa01-le span{ background:url(../images/icon04-2.png) no-repeat center center;}
.jjfa01:nth-child(6) .jjfa01-le span{ background:url(../images/icon05-2a.png) no-repeat center center;}
.jjfa01:nth-child(7) .jjfa01-le span{ background:url(../images/icon05-2.png) no-repeat center center;}
.jjfa01:nth-child(8) .jjfa01-le span{ background:url(../images/icon06-2a.png) no-repeat center center;}
/*.jjfa01:nth-child(7) .jjfa01-le span{ background:url(../images/icon08-2.png) no-repeat center center;}*/
/*.jjfa01:nth-child(8) .jjfa01-le span{ background:url(../images/icon06-2.png) no-repeat center center;}*/
#map{ width:388px; height:130px;}


/*搜索框弹出*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 450px; height: 140px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -225px; z-index: 10000;  }
.dialogTop{width:90%;margin:0 auto;letter-spacing:1px;padding:10px 0; font-size:16px;}
.dialogTop a{ color:#fff;}
.tc-ss{ width:90%; margin:0 auto; padding:20px 0;}
.tc-ss ul{border-bottom: 2px solid #fff;}
.tc-ss ul .sk03{ width:90%; float:left}
.tc-ss ul .sk03 input{ width:100%; background:none; height:40px; line-height:40px; color:#fff; font-size:16px;}
.sk04 input{ width:40px; height:40px; background:url(../images/search-icon2.png) no-repeat center center;background-size: 50% 50%; cursor:pointer;}


.xs-ri{ display:none; top:0;}
.xs-ri span{ font-size:14px; padding-top:18px; display:block;}



.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -138px;
    top: 65px;
    width: 138px;
    height: 138px;
    background:url(../images/ewm.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}

.xs-dll{ display:none;}
.xs-dll a{ color:#fff;}
.rides-cs {  font-size: 12px; background:#004ea2; position: fixed; bottom: 200px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1; height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px; padding:30px 0;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:0; left: 0;  background-image: url(../images/shopnc.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
#floatTools{ display:none;}


.home-jjfa{background: url(../images/jjfa-bg.jpg) no-repeat center center;background-size: cover;padding: 60px 0;}
.home-jjfa .in-ti p{width: 86%;}
.home-jjfa .in-ti p span{color: #fff;}
.home-jjfa .in-ti>span{width: 72%; margin: 0 auto; display: block;color: #fff;}
.home-jjfa-box{width: 86%;margin: 0 auto;display: flex;overflow: hidden;}
.home-jjfa-fl{width: 25%;box-sizing: border-box;padding: 0 60px;position: relative;}
.jjfa-fl-list{width: 100%;height: calc(33.3333% - 20px);margin-bottom: 20px;text-align: center;box-sizing: border-box;padding-top: 30%;}
.jjfa-fl-list h4{font-size: 24px;color: #fff;font-weight: bold;line-height: 36px;margin: 20px 0 5px;}
.jjfa-fl-list h4 span{font-size: 36px;margin-right: 15px;}
.jjfa-fl-list p{font-size: 18px;color: #fff;line-height: 1.6;}
.home-jjfa-fr{width: 75%;}
.home-jjfa-list{zoom: 1;}
.home-jjfa-list:after{display: block;content: '';clear: both;}
.home-jjfa-list li{float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;}
.home-jjfa-list li:nth-child(3n){margin-right: 0;}
.jjfa-img{width: 100%;overflow: hidden;}
.jjfa-img img{display: block;width: 100%;transition-duration: 0.5s;}
.jjfa-name{width: 100%;box-sizing: border-box;padding: 0 40px;background: #004ea2;zoom: 1;}
.jjfa-name:after{display: block;content: '';clear: both;}
.jjfa-name span{float: left;font-size: 20px;color: #ffffff;font-weight: bold;line-height: 46px; box-sizing: border-box;padding-left: 15px;position: relative;}
.jjfa-name span:before{display: block;content: '';width: 2px;height: 20px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.jjfa-name img{float: right;margin-top: 11.5px;transition-duration: 0.5s;}
.home-jjfa-list li:hover .jjfa-img img{transform: scale(1.1);}
.home-jjfa-list li:hover .jjfa-name img{margin-right: -5px;}

.sp-product{width: 100%;margin-top: 60px;position: relative;}
.sp-product .w98{width: 86%;margin: 0 auto;}
.other-jjfaList{width: 100%; box-sizing: border-box;padding-bottom: 20px;}
.other-jjfaList h4{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 15px 0;
	transition-duration: 0.5s;
}
.other-jjfaList span{
	display: block;
	width: 108px;
	height: 32px;
	border: 1px solid #004ea2;
	font-size: 16px;
	color: #004ea2;
	text-align: center;
	line-height: 32px;
	margin: 0 auto;
	transition-duration: 0.5s;
}
.other-jjfaList:hover h4{
	color: #004ea2;
}
.other-jjfaList:hover span{
	background: #004ea2;
	color: #fff;
}
.sp-product .swiper{
	padding-bottom: 40px;
}
/*.sp-product .swiper .swiper-slide{
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
}*/
.sp-product .swiper-pagination{
	position: relative;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.sp-product .swiper-pagination-bullet{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 0 5px;
	background: #c0c0c0;
}
.sp-product .swiper-pagination-bullet-active{
	background: #004ea2 !important;
}

@media (min-width:1600px){

	.txt {
    width: 320px;
    margin-left: -160px;
}
.part-xi01 .icon {
    width: 88px;
    height: 88px;
}
.txt-ri {
    width: 58%;
}
.txt-ri p {
    font-size: 15px;
    margin-bottom: 6px;
}
}

.sp-proMore{
	width: 100%;
	margin-top: 20px;
}
.sp-proMore a{
	display: block;
	margin: 0 auto;
	width: 140px;
	height: 46px;
	border-radius: 5px;
	background: #004ea2;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	transition-duration: 0.5s;
}
.sp-proMore a:hover{
	color: #fff;
	font-weight: bold;
}

@media (min-width:1441px){
.picFocus{ margin:0 auto;  width:1440px; }
.in-new{ width:1400px; margin:0 auto;}
 .pp{width:1400px; margin:0 auto;}
 .f-xi{width:1400px; margin:0 auto;}
 .banquan{width:1400px; margin:0 auto;}

}

@media (max-width:1309px){.f-logo {
    font-size: 19px;
    padding-right:5%;
}}

@media (max-width:1441px){
 .home-jjfa .in-ti>span{width: 80%;}
 .home-jjfa-fl{padding: 0 30px;}
 .jjfa-fl-list h4{font-size: 20px;}
 .jjfa-fl-list h4 span{font-size: 30px;}
 .jjfa-fl-list p{font-size: 16px;}
 .jjfa-name span{font-size: 18px;}
 .jjfa-name span:before{height: 18px;margin-top: -9px;}
 .txt{width: 270px;margin-left: -135px;margin-top: -68px;height: 136px;}
 .sp-product .w98{width: 86%;}
 .part-xi01 .icon{width: 86px;height: 86px;}
 .txt-le p{
 	font-size: 14px;
 }
 .txt-ri{
 	width: 58%;
 }
 .txt-ri p{
 	font-size: 12px;
 	background:url(../images/jx2.jpg) no-repeat left 8px;
 }
 .txt-ri{
 	height: 170px;
 	position: relative;
 }
 .jjfa-fl-list{
 	padding-top: 16%;
 }
 .txt-ri span{bottom: 20px;
    font-size: 13px;
    right: -5px;}
 	.part-xi01{min-height: 190px;}
}
@media (max-width:1366px){
	.jjfa-fl-list:nth-child(3){
		padding-top: 30px;
	}
	.jjfa-fl-list h4{font-size: 18px;}
 	.jjfa-fl-list h4 span{font-size: 26px;}
 	.txt-ri span{bottom: 20px;
    font-size: 12px;
    right: -5px;}
 	.part-xi01{min-height: 180px;}
}
@media (max-width:769px){
	.home-jjfa{padding: 40px 0;}
	.home-jjfa .in-ti p{
		width: 96%;
	}
	.home-jjfa-box{
		width: 96%;
		display: block;
	}
	.home-jjfa-fl{width: 100%;padding: 0;display: flex;}
	.jjfa-fl-list{padding-top: 0;width: 33.333%;height: auto;}
	.jjfa-fl-list:nth-child(3){padding-top: 0;}
	.jjfa-fl-list h4{font-size: 16px;margin: 10px 0 5px;}
	.jjfa-fl-list h4 span{display: block; font-size: 18px;line-height: 1;margin-right: 0;}
	.jjfa-fl-list p{font-size: 14px;}
	.home-jjfa-fr{width: 100%;}
	.home-jjfa-list li{width: 100%;margin-right: 0;margin-bottom: 10px;}
	.jjfa01-ri{height: 136px;}
	.xz-top{display: block;}
}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {
	.home-jjfa .in-ti>span{width: 80%;}
 .home-jjfa-fl{padding: 0 30px;}
 .jjfa-fl-list h4{font-size: 20px;}
 .jjfa-fl-list h4 span{font-size: 30px;}
 .jjfa-fl-list p{font-size: 16px;}
}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){
.header{ display:none;}
.banner{ padding-top:100px; }

}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
.header{ display:none;}
.banner{ padding-top:80px; }
.cndns-right{ display:none;}
.t-ri p{ display:none;}
.t-ri{ right:3%;}
.t-ri a img{ margin-left:3px;}
.xz-logo img{ width:40%;}
.xz-top{ height:80px;}
.part-xi01{ width:49%;}
.part-xi01:nth-child(3n){ margin-right:0.5%;}
.picFocus .hd ul li{ margin-bottom:6%;}
.video { clear:both;width: 100%; height: auto;}
.video dl dt img{ height:auto;}
.video dl dd{ height:auto;}
.new-le{ width:100%; clear:both; height:auto;}
.date dt{ display:none;}
.date dd{ width:100%; border:none;}
.date dd div{ font-size:16px; padding-bottom:0;}
.date{ padding-bottom:0;}
.f-logo{ display:none;}
.f-form{ width:90%; padding-left:4%;}
.f-lx{ width:90%; float:left;padding-right:0; padding-left:4%;}
.banquan p{ padding-right:0;}
.slideBox .hd{ bottom:10px;}
.in-new{
	width: 98%;
}
}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
	.in-new{
	width: 98%;
}
.w88{ width:94%;}
.header{ display:none;}
.banner{ padding-top:50px; position:relative; }
.cndns-right{ display:none;}
.t-ri a img{ margin-left:0; border:none;}
.t-ri{ display:none;}
.xs-ri{ display:block;}
.t-dh{ display:none;}
.xz-logo img{width:40%;}
.xz-top{ height:50px;}
.mm-menu{width:260px;}
.gai-search{ margin:20px 0 20px 20px;}
.subNavBox{ padding-left:20px;}
.mm-menu-toggle.active{ left:260px;}
.box1{ padding:30px 0;}
.in-ti p span {font-size: 20px;padding: 0 5px 15px 5px;}
.in-ti p { padding-bottom: 17px;}
.in-ti span{ font-size:14px;}
.part-xi01{ width:100%;}
.mm-menu-toggle{ left:3%; background:url(../images/cd1.png) no-repeat center; top:10px; width:41px; height:17px; line-height:55px; font-size:14px;}
.slideBox .hd{ bottom:10px;}
.accordion{ display:none;}
.xs-ywly{ display:block;}
.picFocus .bd{ width:100%;}
.picFocus .hd{ clear:both; width:100%; margin-top:10px;}
.picFocus .hd ul li{ width:24.5%; float:left; margin-right:0.5%;}
.picFocus .hd ul li:nth-child(3){ margin-right:0;}
.picFocus .hd ul li p{ font-size:12px;}
.video { clear:both;width: 100%; height: auto;}
.video dl dt img{ height:auto;}
.video dl dd{ height:auto;}
.new-le{ width:100%; clear:both; height:auto;}
.date dt{ display:none;}
.date dd{ width:100%; border:none;}
.date dd div{ font-size:16px; padding-bottom:0;}
.date{ padding-bottom:0;}
.zx-list li a{ font-size:14px; width:70%;}
.f-logo{ display:none;}
.f-form{ width:90%; padding-left:4%;}
.f-lx{ width:90%; float:left;padding-right:0; padding-left:4%;}
.banquan p{ padding-right:0;}
.part2{ display:none;}
.xs-jjfa{ display:block;}
.search { padding-top:9px; padding-left:6px;}
.tc-ss ul .sk03{ width:86%;}

#dialog{ width: 90%; height: 140px;top: 50%; left: 50%; margin: -120px 0 0 -45%;
}
#map{ width:300px; height:130px;}

.yy-txt p .cxx{ width:100px;}
.xs-dll{ display:block;}

#udesk-feedback-tab{ width:52px;}
.izl-rmenu{
	 
	       width: 52px;

}
.izl-rmenu .consult{    

    width: 52px;
}


.izl-rmenu .cart {

    padding-left: 26px;
}
.ycc{ display:none;}
#floatTools{ display:block;}
.dl-ti{ text-align:center;}
.po-height{ position:relative;}
.in-poo{ position:relative}

.mm-menu-toggle{
	display: block;
}
.xz-top{
	background: #fff;
}
.head-tel{
	display: none;
}
.gai-search .sk02 input{
	background: url(../images/sear4.png) no-repeat center center;
}
.xs-ri span{
	padding-top: 6px;
}
}