body{ font-family: "微软雅黑"; color: #333; font-size: 16px; 	margin: 0;
	padding: 0;}
img{vertical-align: middle; border: 0;}
div, ul, hr, h1,h2,h3,p,span,font{margin: 0;padding: 0;}
li{ list-style: none; 	margin: 0;padding: 0;}
a{ color: #000; text-decoration: none; 	margin: 0;
	padding: 0;}
.container-fluid{ width: 100%; min-width:1100px;}

.container{ width: 1100px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear: both;}
.clear:after{ clear: both;    display: block;}
.cen{ text-align: center;}
.mt30{ margin-top: 30px;}
.topyy {height:40px; line-height:40px;}

.liuyan_kuang { line-height: 20px; width:140px;
	font-size:16px;
	font-family: "微软雅黑";
	
    border-radius: 5px;
	border:1px solid #CCCCCC;}
	
.liuyan_kuang2 { line-height: 24px;
	font-size:16px;
	font-family: "微软雅黑";}
		
.liuyan_tijiao {color: #fff;
    background-color: #F39801;
	border-color:#F39801;
    line-height: 20px;
	font-size:16px;
	font-family: "微软雅黑";
    padding: 5px 20px;
    margin-top: 10px;
	border-radius: 5px;
	
	}
.liuyan_text	
   { line-height: 20px; 
	font-size:16px;
	font-family: "微软雅黑";
	border:1px solid #CCCCCC;
    border-radius: 5px;}
.containeri {
	height: 100%;
	overflow:hidden;
	min-width:1100px;
}


.js .boxgallery,
.js .boxgallery div {
	position: absolute;
}

.js .boxgallery,
.bg-tile,
.bg-img {
	overflow: hidden;
}

.js .boxgallery,
.js .panel {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.panel {
	z-index: 0;
	-webkit-perspective: 1200px;
	perspective: 1200px;
}


.bg-tile {
	width: 50%;
	height: 50%;
}

.bg-tile:nth-child(2),
.bg-tile:nth-child(4) {
	left: 50%;
}

.bg-tile:nth-child(3),
.bg-tile:nth-child(4) {
	top: 50%;
}

.bg-img {
	width: 100%;
	height: 100%;
	background: #999;
}

.bg-img img {
	position: absolute;
	display: block;
	height: 200%;
}

/****头部*****/
.wheader{ height: 125px; min-width:1100px; z-index:100;position: absolute;  top:0; left: 0;  right: 0;
           }
.header{ height: 85px;   width: 100%; background: url(menbg1.png) repeat-x;  }
.wheader{ height: 125px; min-width:1100px; z-index:100;position: absolute;  top:0; left: 0;  right: 0;}


.outlink {
    width: 180px;
    font-size: 14px;
	height:30px;
	
    }	
.outlink a.jingdong {
    color: #666666;
	background: url('ico_jd.png') no-repeat left center;
	padding-left:30px;
	height:30px;
	line-height: 30px;
	display:table;
	padding-right:10px;
}


.language {
    width: 90px;
    font-size: 12px;
    line-height: 25px;
    border-radius: 5px;
    background: url('lgbg.JPG') no-repeat left center #fff;}
	
.language a.cn {
    color: #fff;
}
.language a {
    padding: 0 10px;
    display: inline-block;
    color: #3f3f3f;}
	
.header-logo{ width: 240px; height: 83px;}
.header-logo img{ float: left; padding-top:8px;}
.version{     width: 120px;   padding-top: 18px; display: block;}
.version a{     display: inline-block;
    color: #9e9e9e;
    font-size: 14px;

    text-align: center;
    padding: 0 5px 0 0;}
.nav-li-about:hover .navhov{display: block;}



.nav{ width: 564px; height: 85px; position: relative;}
.nav>.nav-li{ display: block; float: left; width:140px; text-align:center;  line-height: 85px; font-size: 18px; position:relative;  color: #fff; font-weight:bold; margin-left:1px;}

.nav>.nav-li a{  display:block; color: #ffffff; opacity: 1;}
.nav>.nav-li:hover, .nav>.nav-li.cur{ background: #083E8D; color: #fff;}
.nav>.nav-li:hover a{ background: #083E8D;  color: #ffffff;}
.nav>.nav-li.cur a{  display:block; }

.navhov{ background: #083E8D; height:auto; padding-bottom:6px; line-height: 40px;  left: 0px;display: none; position: absolute; top: 84px; z-index: 1000; width: 140px; left: 0px; color: #ffffff; border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; }

.navhov li {display: block; width:100%; border-top:1px solid #0755C1; }
.navhov  a{ display: block; background: #0755C1; color: #fff; width:100%;  font-size: 15px;}
.navhov:hover a:hover { background: #0755C1;  color: #ffffff;}
.navhov .navh{ display: none;} 

.ruanshui { line-height:24px; color:#666666; font-size:14px; }
.ruanshui h2 { line-height:40px; color:#F39801; font-size:32px; padding-bottom:20px;}
.morea {color: #fff;
    background-color: #F39801;
	 line-height:24px;
    border-color: #0ba39f; padding:6px 16px; margin-top:20px;border-radius: 5px;}
.mores {color: #fff;
    background-color: #083E8D;
	 line-height:24px;
    border-color: #083E8D; padding:6px 16px; margin-top:20px;border-radius: 5px;}	
	
.moreb {color: #fff;
    background-color: #083E8D;
	 line-height:24px;
    border-color: #0ba39f; padding:6px 16px; margin-top:20px;border-radius: 5px;}	
	
	
	
	
.redian {color: #F39801;
	 line-height:30px;}
	
.redian a{color: #F39801; font-size:16px; font-weight:bold;}	

/**ban**/
.banner{ width: 100%; min-width:1100px;  position: relative; display: inline-block; background: url(loading.gif) no-repeat center; height:auto; } 
.banner .margin{  z-index: 2; }
.banner img{ width: 100%; display: block; }
.banner ul{ width: 100%; height:auto; position: absolute; left: 0; top: 0;  } 
.banner li{ width: 100%; position: absolute; left: 0; top: 0; display: none; } 
.banner li a{ width: 100%; display:block; }
.banner .btnbox{ position: absolute; right: 2%; top: 0; padding-top:23%; width:20px;}
.banner .btnbox span{ display: block; width: 13px; height: 13px;  float: left; cursor: pointer; margin-bottom:16px; margin-left: 11px; }
.banner .btnbox span.on{  }
.banner .i-ban-hei{ margin-top: 53%; width: 100%; height: 0; }

.m-banner{ display: none; width: 100%; position: relative; background: url(loading.gif) no-repeat center; cursor: grab; }
.m-banner img{ width: 100%; float: left; }
.m-banner li{ width: 100%; height:400px; }
.m-banner .pagination{ position: absolute; bottom: 5%; left: 50%; z-index: 2; }
.m-banner .pagination span{ display: block; width: 6px; height: 6px; margin-left: 4px; float: left; margin-right: 0; }
.m-banner .pagination span.swiper-pagination-bullet-active{  background-size: auto 100%; }

/**ban**/
.ban{ width: 100%; position: relative; display: inline-block; background: url(loading.gif) no-repeat center;  } 
.ban.margin{ top: 141px; margin-bottom: 135px; z-index: 2; }
.ban img{ width: 100%; display: block; }
.ban ul{ width: 100%; position: absolute; left: 0; top: 0; } 
.ban li{ width: 100%; position: absolute; left: 0; top: 0; display: none; } 
.ban .banx{ position: absolute; right: 10px; bottom: 15px; }
.ban .banx span{ display: block; width: 13px; height: 13px;  float: left; cursor: pointer; margin-left: 11px; }
.ban .banx span.on{ background: url(ico_04.png) no-repeat center; }
.ban .i-ban-hei{ margin-top: 100%; width: 100%; height: 0; }


.banner .btnbox span,.ban .banx span {
       border:solid 0px #eee;border-radius:50%;
	display: block;
	width: 10px;
	height: 10px;
	background-color: rgba(0, 64, 152, 0.5);
	
}
.banner .btnbox span.on,.ban .banx span.on{
background: #F39801;border:solid 2px #F39801;border-radius:50%;
}

.video{ padding:40px 0 30px 0}


.index-cen{ padding-bottom: 20px;}
.index-news{ width: 380px;}
.index-news a{ display: block; height: 375px; position: relative; overflow: hidden;}
.index-news a .index-lists{ display: block; background:#f1f1f1; position: absolute; bottom: 0; left: 0; color: #000; padding: 10px 15px; height:95px;}
.index-news a .index-lists .index-lists-title{     font-size: 18px;
    padding: 5px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
    width: 350px;}
	
.index-news a .index-lists .index-lists-text	{
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
		
	}
	
.index-news a img{display: block;width:380px;}
.supply { font-size:14px;  line-height:24px;}

.supply h2{ font-size:24px; height:40px; color:#004098; line-height:40px; }

.product { font-size:14px;  line-height:24px;}

.product h2{ font-size:24px; height:50px; color:#004098; line-height:50px; }


/*--------------------------------------bianhua------------------------------*/

@-webkit-keyframes bian {
	0% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
	}
	20% {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
	}
	35% {
			transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
	}
	50% {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
	}
	56% {
				transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
	}
	80% {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
	}
	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
	}
}


.index-youshi-box{
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
	}
	
.index-youshi-box ul {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 10;}
	
.index-youshi-box ul li {
    float: left;
    list-style: none;
    height: 125px;
    width: 285px;
	}
.index-youshi-box ul li .ico1 {
    background: url(../images/P2.png) no-repeat center center;
    background-size: cover;
}
.index-youshi-box ul li .ico2 {
    background: url(../images/P3.png) no-repeat center center;
    background-size: cover;
}
.index-youshi-box ul li .ico3 {
    background: url(../images/P4.png) no-repeat center center;
    background-size: cover;
}
.index-youshi-box ul li .ico4 {
    background: url(../images/P1.png) no-repeat center center;
    background-size: cover;
}

.index-youshi-box ul li:hover .scale {
	animation: 2s bian linear;
}

.scale {
    margin: 0 auto;
    display: block;
    width: 160px;
    height: 160px;}
	
.index-youshi-box ul li a.num {
    text-align: center;
    font-size: 18px;
	line-height:40px;
    color: #333333;}
.index-youshi-box ul li a.hover num {
    text-align: center;
    font-size: 18px;
	line-height:40px;
    color: #083E8D;}
	
	
.index-yw{ width: 1100px; overflow: hidden;}
.index-title{  padding: 30px 0; width:100%; margin:0 auto; text-align:center;   }
.index-title h2{color:#666666; font-weight:bold; font-size:32px;}

.index-yw ul li{position:relative; display: block; text-align: center; height: 222px; width: 250px; float: left; margin: 0 10px 10px 10px; }
.index-yw ul li img{width: 160px;}

.index-yw ul li .bg{    height: 222px;
    width: 220px;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;    z-index: -1;}
	
.index-yw ul li:hover img{  
  background: #ffffff;
    -moz-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    transform: scale(-1,1);
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
	}

	

	
.index-yw ul li a{ display: block; color: #333333; padding-top:20px ; font-size: 20px; font-weight:bold;}
.index-yw ul li a:hover{ display: block; color: #333333; padding-top:20px ; font-size: 20px; font-weight:bold;}

.index-yw ul li a span{ display: block;}
.index-yw ul li a span img{ margin-bottom: 5px;}

.indexnews{ padding: 0px 0; overflow: hidden; margin:0 auto;}
.indexnews ul{ display: block;width: 1110px;}
.indexnews ul li{ width: 320px; float: left; margin-right: 50px; height: 380px; overflow: hidden;}
.indexnews ul:after{ content: ''; clear: both;    display: block;}
.indexnews ul li .li_url{display: block; color: #898989;}
.indexnews ul li .li_url  .pic {height: 200px;width: 320px;overflow: hidden;}
.indexnews ul li .li_url:hover{cursor:pointer}

.indexnews ul li .li_url img{ width: 360px; height: 240px;    -o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;}
	
/*.indexnews ul li a:hover img{    -webkit-transform: scale(1.35);
    transform: scale(1.35);}*/
	
.indexnews ul li .li_url span{ font-size: 16px; padding: 10px 0; display: block; white-space: nowrap; color: #C8161E; overflow: hidden;    text-overflow: ellipsis; }
.indexnews ul li .li_url p{overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
	 font-size:14px;}
	
/*.indexnews ul li  a:hover .text{    
	background-color: #0A61AA;
    color: #FFFFFF;
	}*/
	
/*.indexnews ul li a:hover span{ color:#fff}*/
.indexnews ul li .li_url .text{    
	-o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;    
	padding-top: 12px;background:none; color:#000;
	padding-bottom: 24px;

}

.footer{ background: #18212a; min-width:1100px;   }
.foot-list ul{ display: block; padding-top: 20px; border-bottom: solid 1px #363e49; padding-bottom: 20px;}
.foot-list ul li.foot-list-li{ color: #fff; width: 20%; display: block; float: left;}
.foot-list ul a{ color: #fff;}
.footer-title{ font-size: 16px; padding: 10px 0; margin-bottom: 10px;}
.foot-list ul li.foot-list-li a{ display: block; font-size: 14px; padding: 5px 0;}

.foot-list ul li .we {

    width: 230px;
}

.lylink {line-height:40px; height:40px;font-size:16px;}

.lylink font{line-height:40px; height:35px; text-align:center;  width:40px; padding-left:10px; padding-top:5px; display:block; float:left; margin-right:10px;   }
.lylink a{  display:block; color: #ffffff; background-color:#083E8D; line-height:40px; font-size:18px; border-radius: 5px;  }
.lylink a:hover{ display:block;   background-color: #083E8D; color: #fff; line-height:40px;font-size:18px; border-radius: 5px;}

.lylink_on font{line-height:40px; height:35px; text-align:center;  width:40px; padding-top:5px; padding-left:10px;   display:block; float:left; margin-right:10px;   }

.lylink_on a {display:block;   background-color:#F39801; color: #fff; line-height:40px;  font-size:18px; border-radius: 5px;}
.lylink_on a:hover {display:block;   background-color: #F39801; color: #fff; line-height:40px; font-size:18px; }


.we strong {
    color: #FFFFFF;
    font-size: 28px;
    line-height: 26px;
}

.we p {
    font-size: 14px;
    line-height: 24px;
    color: #b0b0b0;
    padding-top: 5px;
    padding-bottom: 18px;
}
.we .social {
    padding-top: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #333333;
    font-size: 16px;
    color: #FFFFFF;
}
.we .social strong {
    font-size: 16px;
    font-weight: normal;
    display: block;
    padding-bottom: 8px;
}
.we .social span {
	    float: right;
    margin-right: 20px;
    position: relative;
    margin-top: -32px;
}


.wfoot{ height: 30px; min-width:1100px; z-index:100;position: absolute; bottom:0; left: 0;  right: 0;}
.copylght{ padding: 20px 0 20px 0; color: #999999; font-size:14px; line-height:20px; }
.copylght a{  color: #999999; font-size:14px; line-height:20px; }
.copylght-list{ padding: 20px 0;}
.copylght-list img{ margin: 0 5px;}
.htop{ background: #0a0b0f; text-align: center;}
.htop a{ display: block; padding: 10px; font-size: 18px; color: #fff;}
.fcopylght{ padding: 0; color: #999999; font-size:14px; line-height:30px; }

/*****/
.nbanner{ text-align: center;}
.title{ padding: 10px 0px;color:#666666 }
.title a{ color:#666666}
.titlew{background: #f7f7f7; border-bottom: solid 1px #ededed; }
.titlel {font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px; padding:10px 0px 10px 10px; line-height:30px; font-weight:bold;color: #004098; border-bottom:2PX solid #F2F2F2;}
.about{ padding: 40px 0;}
.left-title{color: #ffffff; border-bottom: solid 1px #cccccc; padding: 10px 0 10px 40px; font-size: 22px; font-weight:bold; background:#F39801 }
.right{ border-left: solid 1px #e5e5e5; width: 900px;    min-height: 700px;}
.left{ width: 220px; }
.left a{padding: 15px 0 15px 20px; font-size: 16px; display: block; color: #999999; border-bottom: dotted 1px #cccccc;}
.left a span{border: solid 1px #999999; border-radius: 50%; height: 10px; margin-right: 10px; width: 10px; display: inline-block; line-height: 9px; font-size: 12px; text-align: center;}
.left a.cur{ color: #004098;}
.left a.cur span{ color: #004098; border-color: #325c80;}


.nrcon  { line-height:180%; font-size:16px;  }
/*内页样式结束*/
.nrcon  p{ line-height:180%;text-indent:2em; font-size:16px; margin-bottom:20px;}
.nrcon  img{ max-width:840px; text-align:center;}
.procon{ padding-top:20px;}
.procon b,.procon strong{ font-size:18px;}

.abouttext{ padding: 0 20px;}

.about-txt h1{ font-size: 18px; color: #323232; margin-bottom: 40px;}
.about-txt p{ color: #515151;text-indent: 2em; margin-bottom: 15px; line-height: 24px;}

/******发展历程****/
.licheng{ padding: 0 20px;}
.lc-list ul{ padding:8px 0 8px 22px ;  border-left: dashed 1px #9bc11e; margin: 20px; display: block;}
.lc-list ul li{list-style-type :disc; margin:20px 0;color: #9bc11e; font-size: 30px;}
.lc-list ul li span{ font-size: 16px; color: #4b4b4b; line-height: 25px;}
.lc-list ul li p{ font-size: 14px; color: #515151; }
.lc-list ul li span.ys1{ color: #FF8558;font-weight: 700;}
.lc-list ul li span.ys2{ color: #ff7e00;}

.licheng-jd h1{ font-size: 18px; margin-bottom: 40px; }
.licheng-jd p{ font-size: 14px; line-height: 24px;}
/******荣誉*****/
.rongyu{padding: 0 20px;}
.rongyu img{max-width: 100%;}
.rongyu-ti{ font-size:18px; margin-bottom:20px; }
.rongyu p{ color: #515151;text-indent: 2em; line-height: 24px;}
.jd-list ul li a{ margin: 40px 0; display: block;}
.jd-list ul li a:after{ content: ''; clear: both;    display: block;}
.jd-list ul li a{box-sizing: border-box; min-height: 2.2rem; display: -webkit-box; display: -webkit-flex; display: flex; }
.jd-list ul li .link{box-sizing: border-box; min-height: 2.2rem; display: -webkit-box; display: -webkit-flex; display: flex; }
.jd-list .jd-list-media{}
.jd-list .jd-list-inner{  padding-left: 1.5rem; display: block; padding-top: 0.5rem; padding-bottom: 0.45rem; }
.jd-list .jd-list-inner .jd-list-title{ font-size: 18px; margin-bottom: 5px; color: #6699d4;}
.jd-list .jd-list-inner .jd-list-text{ line-height: 24px;}
.jdlist{padding-top:20px}
.jdlist ul li  .li-left{width:381px;height:212px;float:left;}
.jdlist ul li  .li-right{width:455px;height:212px;float:right;}
.jdlist ul li  .li-left1{width:455px;height:212px;float:left;}
.jdlist ul li  .li-right1{width:381px;height:212px;float:right;}

.jdlist ul li  {margin:20px 0;}
.jdlist .li-left1 .jd-list-title {
    font-size: 18px;
    margin-bottom: 5px;
    color: #6699d4;
}
.jdlist .li-left1 .jd-list-title a{ color: #6699d4;}
.jdlist .li-right .jd-list-title {
    font-size: 18px;
    margin-bottom: 5px;
    color: #6699d4;
}
.jdlist .li-right .jd-list-title a{ color: #6699d4;}


/*****风采*******/

.wrapper {
    width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    position: relative;
}
.service-desc {
    overflow: hidden;
    height: 280px;
    position: relative;
}

.service-desc ul {
    position: relative;
}

.service-desc li {
    float: left;
    width: 275px;
    color: #444;
	text-align:center;
    height: 280px;
	padding-top:30px
}

.service-desc p
{
    margin: 20px 0px ;
}
.service-desc h3{ height:40px; width:240px; margin: 0 auto; color:#333333; font-size:16px; background-color:#ffffff;   line-height:40px; }
.service-desc h3 a {
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight:bold;
}

.service-desc p,
.service-desc .excerpt {
    color: #888;
    font-size: 12px;
    line-height: 2em;
    margin: 10px 0;
}

.service-desc .excerpt {
    margin: 20px 25px;
    color:#444;
}

.service-desc .page-nav-btn-next,
.service-desc .page-nav-btn-prev {
    width: 8px;
    height: 12px;
    position: absolute;
    bottom: 10px;
    text-decoration: none;
    color: #888;
    outline: none;
    display: block;
}

.service-desc .page-nav-btn-next {
    right: 20px;
    background: url(right_nav_arrow_1.png) 0 0 no-repeat;
}

.service-desc .page-nav-btn-prev {
    right: 40px;
    background: url(left_nav_arrow_1.png) 0 0 no-repeat;
}


/* 风采lightbox */
#lightbox{position: absolute;top: 20px;left: 0;width: 100%;z-index: 1000000;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px; margin:0 auto}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%; z-index: 10;}
#hoverNav img{position: absolute;top: 0;left: 0; height:auto;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 10px; float: left;background: url(prevlabel.png) left 45% no-repeat;}
#nextLink { right: 10px; float: right; background: url(nextlabel.png) right 45% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.png) left 45% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.png) right 45% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; font-size:16px; font-family:"微软雅黑"; line-height:30px;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
#overlay{position: absolute;top: 0;left: 0;z-index: 90000;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;}

* html>body .clearfix {display: inline-block;width: 100%;}
* html .clearfix {height: 1%;}




/*****客户互动*******/
.hd-list ul{ display: block;}
.hd-list ul li{ display: block; width: 48%;}
.hd-list .hd-list-media img{ width: 100%;}
.hd-list .hd-list-inner .hd-list-title{ font-size: 18px; margin-bottom: 5px; color: #6699d4; padding: 5px 0;}
.hd-list .hd-list-inner .hd-list-text{ line-height: 24px; color: #999999;}

.cont{ line-height: 26px; padding: 10px 0;} 
.jz{ line-height: 26px; padding-bottom: 20px;}

.ea-ti{ font-size: 16px; padding: 10px 0; color: #6699d4;}
.ea p{ line-height: 26px; margin-bottom: 15px;}


/*****加入******/
.jiaru{ padding: 0 20px;}
.jiaru-title{ border-bottom: dashed  1px #ccc; text-align: center; font-size: 18px; padding: 10px 0; margin-bottom: 15px;}
.jiaru-text{ line-height: 26px;}
.jiaru-text p{ margin-bottom: 25px;}
.jiaru-text img{max-width:100%;}
.Recruitment{ background: #f8f8f8;}
.searchbtn{ background: #9bc11e; border: none; margin: 20px 0; padding: 8px 35px; color: #fff; font-size: 14px; border-radius: 5px; margin-right: 15px;}

.recruitment-fomt tr{height: 60px; font-size: 16px; }
.recruitment-fomt tr select{ display: block; height: 30px;  border-radius: 5px; border: 0; width: 120px; font-size: 15px; padding: 2px 5px; outline: 0;}
.recruitment-fomt tr option{ line-height: 28px; font-size: 14px; height: 28px; display: block; border: 0;}
.recruitment-fomt tr td{padding-right: 10px;}

.Recruitment-list{ padding: 0 20px;}
.Recruitment-list table td{ text-align: center; padding: 15px 0;}
.Recruitment-list table th{ padding: 15px 0; background: #eeeeee;}



.news{ padding: 0 20px;}
.news .news-title { height: 50px;    margin-bottom: 40px;}
.news .news-title h1{ width: 600px; float: left; height: 35px; border-bottom: solid 1px #ccc; line-height: 35px; font-size: 18px;}
.news-search{ width: 240px; display: block; float: right; height: 35px; border: solid 1px #ccc; position: relative;}
.news-search input{ display: block; border: none; height:19px; line-height: 19px; width: 220px; outline: 0; padding: 8px 10px;}
.news-search button{ border: none; width: 35px; height: 35px; display: block; position: absolute; background: none; right:0px; top: 0; border-left: solid 1px #ccc;outline: 0;}



.news{}
.news-list{ display: block;}
.news-list li{ margin-bottom: 15px;}
.news-list li a{ min-height: 2.2rem;  border-bottom: dotted 1px #ccc; padding-bottom: 15px;padding-bottom: 15px;
    display: block;
    height: 150px;
    overflow: hidden;}
.news-list-media{    width: 205px;
    float: left;}
.news-list-inner { padding-left: 1.5rem; display: block; padding-top: 0.5rem; padding-bottom: 0.45rem; width: 620px;
    float: right;}
.news-list-inner .news-list-title{font-size: 16px; margin-bottom: 5px;     color: #6699d4; padding: 5px 0;}
.news-list-btn{line-height: 24px; text-align: right; color: #999999; font-size: 12px;}
.news-list-btn i{ margin-right: 8px;}
.news-list-btn span{ margin-right: 2px;}

.newsshow{ padding: 0 20px;}
.newsshow .newsshow-title{ padding: 16px 0; border-bottom: dashed 1px #ccc; text-align: center; color: #000; font-weight: bold; font-size: 18px;}
.newsshow .newsshow-text{ padding: 15px 0; color: #515151;}
.newsshow-text img{ max-width: 100%;}
.newsshow-text p{ margin: 10px 0 ; line-height: 26px;}


.huoban-ti{ font-size: 16px; padding: 10px 0; border-bottom: solid 1px #d7d7d7;}
.eaimg{ padding-bottom: 40px; border-bottom: dashed 1px #ccc; margin-bottom: 20px;}
.zp-box{ width: 730px; background: #f2f2f2; margin: 0 auto; padding: 0 20px 30px 20px;}
.zp-box h1{ font-size: 16px; padding: 8px 0;}
.zp-box p{ line-height: 24px;}
.zp-box p a{ color: #7070ff;}

.Recruitment{ overflow: hidden;}
.search{ border:solid 2px #e87502; width: 404px;  height: 40px; margin: 30px auto;}
.search-left{ width: 340px; height: 40px;}
.search-left input{ padding: 5px 10px; width: 320px; display: block; height: 30px; border: none; outline: 0;}
.search-right{ width: 60px; height: 40px;}
.search-right button{ background: #e87502; border: none; display: block;width: 100%; height: 40px; color: #fedfb7; font-size:16px}
.search-list{width: 400px; padding: 5px 0; margin: 0 auto  0px auto;}
.search-list a{ color: #54abc9; margin: 0 5px;}


/**O2O**/
.content p{ margin-bottom: 10px;    font-size: 16px; line-height: 28px;}
.rongyu-ti.mar10{ margin-bottom: 10px;}
.content_left1{ width: 400px;}
.content_right1{ width: 450px;     padding-top: 110px;}



.pt_list{ width: 860px; overflow: hidden;}
.pt_list ul{ display: block; width:960px;}
.pt_list ul li{ display: block; float: left; margin-right: 30px; margin-bottom: 10px;    width: 260px;}
.pt_list ul li a{ display: block;}
.pt_list ul li a img{ width: 100%;}
.pt_list ul li a p{ text-align: left; text-indent: 0;}


.left a.cat_li_li{padding: 5px 0 5px 90px; border-bottom: 0;}
.left a.cat_li_li span{ border: 0; font-size: 10px;}

.borderm{ border-bottom: dotted 1px #ccc; padding: 10px 0 20px 0;} 
.content_left2{ width: 400px; align-items: center; display: flex; height: 238px;}
.content_right2{ width: 400px; margin-bottom: 100px;}


.xlylink{ background: #d4d4d4; height: 150px; align-items: center; display: flex; text-align: center;}
.xlylink a{ display: block; color: #fff; width: 100%;}

/**投资者关系**/
.tzgx_ti{ text-align: right; padding: 15px 0;}
.tzgx{padding-top: 0px;}
.tzgx_table{  background: #e7e7e7;}
.tzgx_table td{padding: 10px;}
.tzgx_table_left{ width: 420px;}

.catulli {border-left:dotted 1px #ccc;margin-left:25px; margin-top:-15px; margin-bottom:29px; padding-top:20px;}
.catulli .cat_li {border-bottom: 0;padding: 15px 0 15px 0px;position:relative;margin-left:25px; background:#fff;}
.catulli .cat_li:after{ position:absolute; display:block; top:26px; width:25px;border-top:dotted 1px #ccc;content:''; left: -25px;}



.pagination ul { display:block; width:100%; text-align:center; padding:15px 0;}
.pagination ul li{ display: inline-block;}
.pagination ul li a,.pagination ul li span{ padding:0 5px; color:#ccc}
.pagination ul li  .current{    color: #9bc11e;}


.libg{ position:fixed;left:0;right:0;bottom:0;top:0; background:rgba(0,0,0,.5); z-index:999; display:none;}
.urlbox{ width:800px;height:600px; background:#fff; position:absolute;top:50%;left:50%; margin-left:-400px;margin-top:-300px;}
.xbtn{ color:#fff; width:30px;height:30px; position:absolute; top:-20px; right:-40px;}



.izl-rmenu{position:fixed;right:.8%;bottom:10px;padding-bottom:73px;background:url(r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:60px;height:60px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-top{display:none;background:url(return_top_two.png) 0px 0px no-repeat #ddd; border-radius:5px}
.izl-rmenu .btn-top:hover{background:url(return_top_two.png) 0px 0px no-repeat #004098;}


/* -- 翻页效果 -- */
.apage { height:36px; line-height:36px; background:#F9F9F9; padding:0 5px; font-size:16px;  margin-top:10px;  text-align:right; }
.apage a { border:1px solid #d4e3e9; padding:0 6px;  margin-right:5px;}
.apage .num_btns {float:right; font-family:Tahoma;}
.apage a:hover, .apage .cur { border:1px solid #ffffff;background-color:#004098; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage .oran_pg_fp { background:url(img/first_page.gif) 4px 4px no-repeat; padding-right:9px;}
.apage .oran_pg_pp { background:url(img/pre_page.gif) 4px 4px no-repeat; padding-right:5px;}
.apage .oran_pg_np { background:url(img/next_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage .oran_pg_lp { background:url(img/last_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }

.gotop { background-color: rgba(0, 64, 152, 0.6); width:40px; height:40px; 	border-radius: 5px;}
.gotop a{ background-color: rgba(0, 64, 152, 0.7);width:40px; height:40px;}