@charset "utf-8";
/* CSS Document */
#mobileNav{ display:none;}

div, h1, h2, h3, h4, h5, h6 ,p, form, label, input, img, span{	margin:0; padding:0;}
ul,ol{	margin:0; 	padding:0;     list-style-type:none;}
img {border:0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.spacer{ clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important;}
.clear {
	clear: both !important;
	display: block !important;
	font-size:0 !important;
	height:0 !important;
	line-height: 0 !important;
	/*width: 100% !important;
	margin:0 !important;*/
	padding:0 !important;
	border:0 !important;
}

body{margin:0; background: #F8F8F8; transition:all ease-out 0.3s;
	 padding:0;
	 color:#666;
	 font: normal 14px/24px Arial,"微软雅黑","宋体", Helvetica, sans-serif;
}

a:link {color: #353535;	text-decoration: none; transition:all ease-out 0.3s;}
a:visited {text-decoration: none;	color: #353535;}
a:hover {text-decoration: none  ;	color: #f18920;}
a:active {text-decoration: none;	color: #353535;}

.logo{ position:absolute; width:150px; z-index:999; top:10px; left:1px; margin:0; padding:0; border:0;  background-color: none;}

.more{ display:block; float:right; margin:6px 20px 0 0; border:0;}
.leftimg{ display:block; float:left; margin:0 0 20px 0; padding:0; border:none;}

.tabelMain{ float:left; width:100%;border-top: #666 1px solid; border-left: #D2D2D2 1px solid; font-family:"Arial","微软雅黑","宋体"; }
.tabelMain td{  border-bottom: #D2D2D2 1px solid; border-right: #D2D2D2 1px solid; }
.tabelMain th{  border-bottom: #D2D2D2 1px solid; border-right: #D2D2D2 1px solid;  background:#f8f8f8;}
.tabelMain tr{  background:#FFF; }
.tabelMain tr:hover{  background:#f6f6f6; }
.ke-zeroborder{text-align:left; }


.print{ display:block; margin:100px auto; width:30px; height:30px; border-radius:15px; border:#f18920 1px solid; overflow:hidden; font-size:0;
	background: url(../ico/prt.png) center center no-repeat #fdfdfd; cursor:pointer;}
.print:hover{	background: url(../ico/prt.png) center center no-repeat #f18920;}	
/*---------------------------------//top-----------------------------------*/
#topmain{ background:url(../images/bg_company.png) center bottom #CCCCCC;background-size:cover;
	 width:100%; height:200px; overflow:hidden;
}
#top {	width:1050px; margin:0 auto; position:relative;}


#bannerMain{    width:100%; margin-bottom:30px; overflow:hidden;  /*background-repeat:no-repeat; background-position:center bottom;background-size:cover;*/}
#banner{    width:96%;  margin:0 auto; position:relative; background-size:100%; }
.Bnews{ background:url(../images/banner_news.png) center -5px no-repeat ; padding-top:100px; }
.Bvideo{ background:url(../images/banner_video.png) 20px top no-repeat; padding-top:100px; }
.About{ background:url(../images/banner_about.png) center -3px no-repeat ;  padding-top:80px;}
#addrees{width:100%; text-align:center; font: bold 18px/25px Arial,"微软雅黑","宋体"; color: #375255;}

.about-img{ width:70%; margin:0 auto;}
.about-txt{ width:96% !important; padding:0 2% !important; line-height:26px;font-size:14px; }

.bottom22{ padding-bottom:22px; }
/*---------------------------------//body-----------------------------------*/
#bodyMain,.bodyMain{    width:100%; }
#body{ width:99%; 	margin:0 auto;  }

#ConTop{ width:100%; float:left; }
#ConTop h3{ font: normal 16px/25px Arial,"微软雅黑","宋体"; color:#009944;}
#ConTop h3 a{ font: normal 16px/25px Arial,"微软雅黑","宋体"; color:#009944;}
#ConTop h3 a:hover{text-decoration: underline;}
#ConTop h2{ font: normal 30px/65px Arial,"微软雅黑","宋体"; color:#333;}
#ConTop h2 span{ font: bold 20px/24px Arial,"宋体"; color:#777;}
#ConTop p{ width:60%;font: normal 15px/26px Arial,"微软雅黑","宋体";color:#777;}

.ConTopPro{ position:relative; background:url(../images/csr.jpg) right top no-repeat ;   padding-top:50px;padding-bottom:45px;}
.BGcompany{ background:url(../images/company.jpg) right top no-repeat;padding-top:30px;padding-bottom:40px;}
.BGfaq{ background:url(../images/faq.jpg) right top no-repeat;padding-top:30px;padding-bottom:30px;}
.BGnews{ background:url(../images/newsb.jpg) right top no-repeat;padding-top:30px;padding-bottom:30px;}
.BGnews2{    background:url(../images/cul.jpg) right top no-repeat;padding-top:30px;padding-bottom:30px; }
.BGuser{    background:url(../images/bg_careers.jpg) right top no-repeat;padding-top:30px;padding-bottom:30px; }

/*------------------//search--------------*/
#search{ width:;  position: absolute; left:0; bottom:10px; background-color:#FFF; padding-right:5px;}
#search label{  float:;  padding-top:2px; font: bold 16px/25px  "微软雅黑","宋体",Arial;color: #F00;; }
.inport_search{ float:; color:#666; padding-left:2px; height:26px;  border:#CCCCCC 1px solid; font: normal 14px/26px  "微软雅黑","宋体",Arial; margin-right:2px;border-radius:3px; overflow:hidden; }
#search select.inport_search{ float:; color:#666; padding-left:2px; height:28px;  border:#CCCCCC 1px solid  !important; font: normal 14px/26px  "微软雅黑","宋体",Arial; margin-right:2px;border-radius:3px; overflow:hidden;}

.button_search{ float:; font: normal 14px/28px  "Arial","宋体"; color:#FFFFFF; background-color:#1fbba6; border:none; padding:0 15px;cursor:pointer;  border-radius:3px; overflow:hidden;
vertical-align: top; 
transition: background-color 0.3s;
-moz-transition: background-color 0.3s; /* Firefox 4 */
-webkit-transition: background-color 0.3s; /* Safari 和 Chrome */
-o-transition: background-color 0.3s; /* Opera */ }
.button_search:hover{ background-color:#129381;}


#faqclass{display:block; float:left; width:100%; height:45px; background-color:#f1f1f1; position:relative; margin-bottom:20px;}
#faqclass ul.faq_cls{position: absolute; left:0; top:0; width:100%; height:53px; overflow:hidden;}
#faqclass ul.faq_cls li{ float:left;}
#faqclass ul.faq_cls li a { float:left; display:block; padding-bottom:10px;}
#faqclass ul.faq_cls li a span{ float:left; display:block; padding:0 25px; font: bold 15px/45px "微软雅黑"; border-right:#FFF 1px solid; background-color:#ddd;}
#faqclass ul.faq_cls li a span:hover{ color:#FFF; background-color:#339933;}
#faqclass ul.faq_cls li a.hover{ color:#FFF; background: url(../ico/icon_t2.png) center 45px no-repeat ;}
#faqclass ul.faq_cls li a.hover span{ background-color:#339933;}
	
.news2{width:100%; float:left; border-bottom:#DDDDDD 1px solid; padding-bottom:22px; margin-bottom:22px; position:relative;}
.news2 .datu{width:30%; float:left; margin-right:5%; max-height:200px; overflow:hidden; }
.news2 .bbtt{width:65%; float:left; font: bold 16px/25px Arial,"微软雅黑","宋体"; margin-bottom:10px; height:25px; overflow:hidden; }
.news2 .conntt{width:65%; float:left; font: normal 14px/24px Arial,"微软雅黑","宋体"; }
.news2 .view{position: absolute; bottom:22px; right:100px; color:#999; background-color:#FFF; }
.news2 .date{position: absolute; bottom:22px; right:1px;color:#999;  background-color:#FFF;}

.newsList{  float:left; position:relative; overflow:hidden; 
            width:335px; margin-bottom:22px;
			background: #F5F5F5;}
.mr25{margin-right:22px; }
.newsList a p.newstu {	display:block; float:left;	width:100%; height:200px; overflow:hidden;}
.newsList a p.newstu img{		-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s}
.newsList a:hover p.newstu img {
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06)
}
.newsList a h2{	display:block;float:left;  width: 80%; padding:0 10%;   height:25px; overflow:hidden; margin:10px 0; 
                font: bold 15px/25px Arial,"微软雅黑","宋体"; }
.newsList a p.txt{	display:block; float:left;  width: 80%;   padding:0 10%;  height:75px; overflow:hidden; 
                font: normal 14px/25px "微软雅黑","宋体",Arial;  }
.newsList a p.year{	display:block; width: 80%; margin:0 auto;   border-top:#DADADA 1px solid;padding:8px 0;
                font: normal 12px/30px Arial,"宋体"; color:#999999; }


ul.new-list{	width:96%; margin:0 2%;  }
ul.new-list li{	float:left; width:100%;margin-bottom:11px; border-bottom:#CCC 1px dashed; padding-bottom:5px; }
ul.new-list li a h2{ font:bold 14px/24px Arial,"微软雅黑","宋体"; color:#f18920;}
ul.new-list li a p{width:100%;float:left; display:block; }
ul.new-list li a p{	font: normal 14px/22px Arial,"微软雅黑","宋体"; color:#787878;}
ul.new-list li a p img{	width:100%;}



ul.newlist{
	width:100%; margin-bottom:25px;
	float:left;border-bottom:#999 1px solid;
}
ul.newlist li{
	float:left; width:100%;padding:0; margin:0; 
}
ul.newlist li.title{
	background:#EAECEE; border-bottom:#D9D9D9 1px solid; font:bold 14px/40px Arial,"微软雅黑","宋体";
}
ul.newlist li span{
	float:left; display:block; text-align:center;
}
ul.newlist li a{
	float:left; display:block;
	width:100%; height:35px; overflow:hidden;
	font: normal 14px/35px Arial,"微软雅黑","宋体";
	cursor:pointer;
	border-bottom:1px solid #EEEEEE;
}

ul.newlist li a:hover{ color:#008844;}


.proCon{ width:100%; float:left;  padding:30px 0; }
/*.proLeft{ float:left; }
.proRight{ float:right; }*/
.proTxt{ width:500px; float:right;}
.proTxt .bz{  float:left;border-bottom:#EFEFEF 1px solid; 
 width:97%;  padding-left:3%; padding-bottom:15px; margin-top:15px;  background:url(../ico/ico_right.png) 0 5px no-repeat; }
 
.proTxt p a{ display:block; float:left; width:80%;  padding:2% 10%; border-bottom:#EFEFEF 1px solid;  } 
.proTxt p a.down{ margin-top:0;margin-bottom:1px;background:url(../ico/1pdf.png) 3% center no-repeat #e7f7ef;}
.proTxt p a.tuku{ margin-top:0;margin-bottom:1px;background:url(../ico/1png.png) 3% center no-repeat #e7f7ef;}
.proTxt p a{ color:#009944;}
.proTxt p a:hover{ background-color:#009944;color:#FFF;}
.proTxt h2{  float:left; font: normal 24px/1 Arial,"微软雅黑","宋体";
    padding-left: 2%; width:98%;
    border-left: 4px solid rgba(0,150,70,0.8);
 }
.proTxt h2 span{ font: bold 20px/24px Arial,"宋体"; color:#777;}

.proimglist{ width:100%; float:left; }
.proimglist ul{ width:100%; float:left; }
.proimglist ul li{ width:200px; float:left; margin:10px 10px 0 0; }
.proimglist ul li img{ width:100%; float:left; }
.proimglist ul li h2{ width:100%; float:left; font: normal 14px/24px Arial,"微软雅黑","宋体"; }
/*.proTxt p::before {
    display:block;
    float: left;
    top: 1px;
    margin-left: 0;
    margin-right: 10px;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    color: #1bbc9b;
    font-family: FontAwesome;
    content: '\f054';
}*/
.prodpic{ width:100%; float:left; padding-top:22px; }
.prodpic ul{ width:100%; float:left; }
.prodpic ul li{ width:340px; float:left; padding-bottom:20px; margin-bottom:25px;margin-right:15px; border-bottom:#D9D9D9 1px solid; position:relative; }
.prodpic ul li img{ width:100%; float:left; }
.prodpic ul li h2{ width:100%; float:left; font: normal 15px/40px Arial,"微软雅黑","宋体"; color:#333;}
.prodpic ul li p{ width:100%; float:left; font: normal 14px/24px Arial,"微软雅黑","宋体"; color:#999;}
.prodpic ul li a span{position: absolute; right:0; bottom:20px; font: normal 14px/34px Arial,"微软雅黑","宋体"; color:#FFF; padding:0 10px;
background: url(../ico/btn_base.png) right top no-repeat #5B6AD0; cursor:pointer;}
.prodpic ul li a:hover span{background: url(../ico/btn_base.png) right top no-repeat #008844;}
	

.prodiv { position:relative; float:left; width:49%; margin:1% 0.5% 3% 0.5%; overflow:hidden;
}
.mr00{ margin-right:0 !important;}
.mr20{ margin-right:20px;!important;}

.prodiv a { 
	float:left;
	display:block;
	width:100%; 
}
.prodiv a p.datu {
	width:100%; height:200px; overflow:hidden; 
	display:block;
	float:left;
}
.prodiv a p.datu img {	width:100%; 
}

.prodiv a h1 {
	width:100%; display:block;	float:left; padding-top:5px;
	font: normal 12px/20px "微软雅黑","宋体"; color:#353535;
	height:20px; overflow:hidden;
}
.prodiv a h2 {
	width:90%; display:block;	float:left;
	font: normal 16px/30px "微软雅黑","宋体"; color:#353535;
	height:30px; overflow:hidden;
}
.prodiv a h3 {
	width:100%; display:block;	float:left;
	font: normal 14px/20px "微软雅黑","宋体"; color:#777;
	height:20px; overflow:hidden;
}

.prodiv a p.datu img {
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s
}

.prodiv a:hover p.datu img {
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06)
}
 .prodiv a i{  position: absolute; right:2px; bottom:63px; width:28px; height:28px; background:url(../images/jiatou.png) center center no-repeat; transition: ease-out 0.3s;}
 .prodiv a:hover i{ transform: background rotate(180deg); -ms-transform:rotate(180deg); /* Internet Explorer */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */}

.info-til{width:100%; float:left; text-align:center; color:#222; font: bold 16px/35px Arial,"微软雅黑","宋体";}
.time{ width:100%; float:left; text-align:center; font: normal 13px/25px Arial,"微软雅黑","宋体"; margin-bottom:20px; color:#999999;}
#contect,.contect{ width:100%; float:left; background-color:#FFF;}
#contect img,.contect img{ max-width:100% !important; }
#ViewLeft:after, #ViewRight:after, #contect:after, #body:after, #ViewRight_pro:after {
    content: "";
    display: block;
    clear: both;
}
#ViewRight{width:100%; float:left; background-color:#F8F8F8;}
#ViewRight h2 {
    height: 50px;
    border-bottom: 1px solid #E9E9E9;
    text-indent: 10px; 
    font: normal 18px/50px "微软雅黑",Arial;color: #333;
}
#ViewRight a.more { margin:0 15px 0 0;
    color: #00c1de; font: normal 14px/50px "微软雅黑",Arial;
}

#ViewRight p.ad{width:100%; }
#ViewRight p.ad img{width:100%; }
ul.notice-panel {    padding: 10px ;    line-height: 22px;    display: inline-block;}
ul.notice-panel li {    width: 100%;    display: inline-block;    padding: 3px 0 3px 15px; box-sizing: border-box;position: relative;}
ul.notice-panel li:before{
    content: "";
    position: absolute;
    height: 6px; border-radius: 100%; overflow: hidden;
    width: 6px;
    background: #F18920;
	top: 11px;
    left: 0;
}
ul.notice-panel a {
    display: block;
    color: #333;
}
ul.notice-panel a:hover{    color: #F18920;}

#ViewRight_pro{width:97%; float:left; margin: 25px 1.5%;  background-color:#FFF;}
#ViewRight_pro h2 {
    height: 50px;
    border-bottom: 1px solid #E9E9E9;
    text-indent: 10px; 
    font: normal 18px/50px "微软雅黑",Arial;color: #333;
}
#ViewRight_pro ul {    padding: 10px ;    line-height: 22px;  width: 100%;   float:left;}
#ViewRight_pro ul  li {    width: 100%;    float:left; padding: 3px 0 3px 15px; box-sizing: border-box;position: relative;}
#ViewRight_pro ul li:before{
    content: "";
    position: absolute;
    height: 6px; border-radius: 100%; overflow: hidden;
    width: 6px;
    background: #F18920;
	top: 11px;
    left: 0;
}
#ViewRight_pro ul a {
    display: block;
    color: #333;
}
#ViewRight_pro ul  a:hover{    color: #F18920;}

/*#news{ width:480px; float:left; margin-right:45px;  }
#newsclear{ width:1050px; float:left; clear:both; height:0; line-height:0; font-size:0; }
.get_more {width:1050px; float:left; clear:both;
    margin: 80px 0;
    text-align: center;
}
.get_more a {
    background: url(../images/more.gif) center center no-repeat;
    height: 23px;
    display: block;
}*/
/*----------//index---------------*/
#body_I{ width:100%; background-color:#f18920; padding:20px 0; text-align:center; color:#FFF; position: relative;}
#body_I_up{  position: absolute; left:50%; top:-20px; margin-left:-50px; }
#body_I h2{  font: normal 20px/30px Arial,"微软雅黑","宋体";  }
#body_I p{  font: normal 14px/24px Arial,"微软雅黑","宋体";  }
a.ptxt{ color:#FFF; background-color:#f18920; border-radius:15px; overflow:hidden;  border:1px solid #FFF; padding:5px 30px;   }
a.ptxt:hover{ color:#f18920; background-color:#FFF;  }

#body_II{ width:100%; float:left;   overflow:hidden;  position:relative;  background:url(../images/banner_news.png) center -10px no-repeat ; background-size:100%;
text-align:center; font: normal 18px/30px Arial,"微软雅黑","宋体"; padding-top:90px; margin-bottom:30px; text-indent:11px;}
#body_II_left{ width:96%; padding:0 2%;float:left;   }
 h2.newstil { width:100%; float:left; font: normal 15px/22px Arial,"微软雅黑","宋体"; color:#f18920; }
 h2.newstil a{ color:#f18920; }
 h2.newstil span {  font: normal 14px/22px Arial,"微软雅黑","宋体"; color:#353535; }
 p.newscon{ width:100%; display:block;float:left; margin-bottom:22px;font: normal 13px/21px Arial,"微软雅黑","宋体"; color:#888; margin-bottom:5px; padding-bottom:5px; border-bottom: #CCC 1px dashed}
 h2.newstil a:hover, p.newscon a:hover{ text-decoration:underline; }

#body_II_right{ width:96%; padding:0 2%; float:left; }
#body_map{ width:100%; padding:15px 0; height:; background:url(../images/bg_map.png) center center no-repeat #2f2f2f; background-size:cover; }
#body_map_con{ width:100%; height:; margin:0 auto; position:relative;  }
#contus{ margin:0 auto; width:260px; height:200px; padding-top:60px; overflow:hidden;  background-color:#f8f8f8; text-align:center; 

  -moz-border-radius: 155px; /* Firefox */
  -webkit-border-radius: 155px; /* Safari 和 Chrome */
  border-radius: 155px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
 behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */
 }
 #contus h2{ width:100%; float:left;text-align:center; font: normal 15px/24px Arial,"微软雅黑","宋体"; color:#353535; }
 #contus p{ width:100%; float:left;text-align:center; font: normal 13px/22px Arial,"微软雅黑","宋体"; color:#353535; }
 
 
#weixin { position: absolute; left:22px; bottom:0;  width:50px; height:50px; border-radius:100%;   background:url(../images/weixin.png) center center no-repeat #f8f8f8; background-size:60%;font-size:0; }
#lianxi a{ position: absolute;right:22px; bottom:0; width:50px; height:50px; border-radius:100%; overflow:hidden;  background:url(../images/lianxi.png) center center no-repeat #f8f8f8;background-size:60%; font-size:0;}
.weixintu{ position: absolute;left:80px;bottom:230px; display:none; }
#linkbox{ position: absolute; left:22px; bottom:0;  width:50px; height:50px; border-radius:100%;   background:url(../images/weixin.png) center center no-repeat #f8f8f8; background-size:60%;font-size:0; cursor:pointer;}
#weicode{  display:none; position:fixed !important;/* 浮动对话框 */ left:50%; top:50%!important;  background-color:#FFF;border:#f18920 2px solid;
margin-top:-103px;margin-left:-103px;
 width:210px; height:240px;  z-index:999;}
#weicode h2{ float:left; width:100%; text-align:center;font: normal 18px/30px Arial,"微软雅黑","宋体"; color:#f18920;}
#weicode img{  width:100%; }
.w96{  width:96% !important; padding:0 2% !important; }





ul.linklist{ position: absolute; left:22px; bottom:0;  display:none;width:158px;}
/*ul.linklist li a{ float:left; width:180px;  border-bottom:#DCDCDC 1px dashed; background:url(../ico/arrow_right.png) 163px center no-repeat #FFF; color:#666;}
ul.linklist li a:hover{color:#009944;}*/

h1.tilcn{ width:100%; float:left; text-align:center;  font: bold 20px/32px Arial,"微软雅黑","宋体"; color:#f18920; margin-top:5px; }
h3.tilen{ width:100%; float:left; text-align:center;  font: normal 14px/22px Arial,"微软雅黑","宋体"; color:#777;margin-bottom:5px; }
h4.tilfu{ width:96%; padding:0 2%; float:left; text-align:center;  font: normal 14px/22px Arial,"微软雅黑","宋体"; color:#353535;margin-bottom:5px; }


 ul.dailist{ width:96%; padding:0 2%; float:left; margin-top:10px; }
 ul.dailist li { margin:3.6%; width:26%; height:90px; border-radius:100%; background-color:#f18920; color:#d87108; float:left;  position:relative; text-align:center; font: bold 50px/90px Arial,"微软雅黑","宋体"; cursor:pointer;}
 ul.dailist li:last-child{  margin-right:0; }
 ul.dailist li:last-child:after{ display:none; }
 ul.dailist li:after { display:none; background:url(../ico/rightup.png) center center no-repeat;
    content: "";width:78px; height:110px;
    position: absolute;
    left:50%; margin-left:-39px; 
    top: 0;
}
 ul.dailist li span{ position: absolute; left:50%; margin-left:-80px; top:-33px; width:160px; text-align:center; font: normal 15px/34px Arial,"微软雅黑","宋体";border-radius:17px; 
border: #f18920 1px solid; background-color:#f8f8f8; display:none;}

  ul.dailist li span:after { background:url(../images/doen.png) center center no-repeat;
    content: "";width:30px; height:11px;
    position: absolute;
    left:65px;
    bottom:-10px;
}
.txtcenter{ display:block; width:100%; text-align:center; float:left; padding:0px 0 40px 0;  }
a.quan{  border-radius:18px; background-color:#FFF; color:#f18920;  font: normal 15px/36px Arial,"微软雅黑","宋体"; border:#f18920 1px solid; padding:5px 19px; }
a:hover.quan{  background-color:#f18920; color:#FFF;   }

#body_pro_con{ width:100%; margin:0 auto; }
#body_pro{ width:100%;background:url(../images/bg_pro-none.jpg) center center no-repeat #355154;  }

.protxt{ float:left; width:94%;  padding:150px 3% 10px 3% ; color:#FFF; position:relative;  }

.body_protxt{font-size:12px; line-height:20px;
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 
  }
 .body_protxt h2{color: #F18920;
    font-family: Microsoft YaHei;
    font-size: 16px;
  } 
.xiajian{ line-height:50px; padding-left:45px;  background:url(../images/xiajian.png) left center no-repeat ; color:#FFF; margin-top:15px;}
.xiajian a{ color:#FFF;   }
.jia{  position: absolute; right:5px; bottom:5px;height:65px; width:65px;  }
.jia a{ width:100%; height:100%; display:block;}
.jia a.fanhui{background: url(../images/return.png) right center no-repeat; font-size:0; text-indent:-999;}
.jia a.gengduo{background: url(../images/jia.png) right center no-repeat;font-size:0; text-indent:-999;}








#bodyproduct{ margin:0 auto; width:100%; }
 ul.bodyproduct{ float:left; width:100%; }
 ul.bodyproduct li{ float:left;width:49%; margin:0.5%;}
 ul.bodyproduct li a{  float:left; display:block; width:100%; height:200px;; overflow:hidden; position:relative; }
 ul.bodyproduct li a img{  float:left; display:block; width:100%;  }
 ul.bodyproduct li a h2{  position: absolute; left:50%; top:50%; margin-left:-90px; margin-top:-18px; font: normal 14px/36px Arial,"微软雅黑","宋体"; color:#FFF; border:1px solid rgba(255, 255, 255, 0.5); border-radius:5px; text-align:center;
  width:180px; height:36px; background-color:rgba(0,0,0,0.3);}
ul.bodyproduct li a:hover h2{   background-color:rgba(0,0,0,0.8); transition: all ease-out 0.3s;}

 ul.bodyproduct li a i{  position: absolute; left:50%; bottom:20px; margin-left:-14px; width:28px; height:28px; background:url(../images/jiahao.png) center center no-repeat; transition: ease-out 0.3s;  border-radius:14px; overflow:hidden;}
 ul.bodyproduct li a:hover i{ transform: background rotate(180deg); -ms-transform:rotate(180deg); /* Internet Explorer */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */}












/*---------------------------------//footer-----------------------------------*/
#footMain {	background:#f18920; width:100%;	zoom:1;  padding:30px 0 20px 0;}
#footer{ margin:0 auto; width:100%;  position:relative;color:#353535;}
#foot_up{  position: absolute; left:50%; top:-50px; margin-left:-50px; }
#footer a{ color:#353535;}
#footer a.qianse{ color:#777;}
#footer a:hover{ text-decoration:underline;}

#copyright{ float:left;width:100%; text-align:center; font: normal 14px/25px Arial,"微软雅黑","宋体"; }


#footNav{ position: absolute; right:0; top:0; }
#footNav ul{ display:block; float:left; width:120px; margin-left:22px;}
#footNav ul li{ float:left;width:100%;  font: normal 16px/25px Arial,"微软雅黑","宋体"; margin-bottom:5px; }
#footNav ul li a{ float:left; }




/*---------------------------------//page-----------------------------------*/
#PREVIOUS,
#NEXT{float:left;width:100%; border-bottom:#E9E9E9 1px solid; text-indent:15px; font:normal 14px/40px Arial,"微软雅黑","宋体"; height:40px; overflow:hidden;}
#PREVIOUS{background:url(../ico/01.gif) 3px center no-repeat ; border-top:#666 1px solid;}
#NEXT{background:url(../ico/02.gif) 3px center no-repeat ;}

#Page { display: ; float:left;width:100%;height: auto;font-size:12px;line-height: inherit;margin:0; padding-top:25px;text-align:right; }
#Page .TotalCount {color:#76B6E2;padding:3px 7px 3px 7px;border:1px solid #A7DBFF;margin-left:2px;margin-right:2px;background:#EDF8FF; border-radius:;}
#Page a {color:#AAAAAA;padding:3px 7px 3px 7px;border:1px solid #E5E5E5;margin-left:2px;margin-right:2px;background:#F5F5F5; text-decoration:none;border-radius:;}
#Page a:hover{background:#FEAEAD;color:#FF0101;border:1px solid #FF0101;margin-left:2px;margin-right:2px;}
#Page .CurrentPage {padding:3px 7px 3px 7px;background:#EDF8FF;border:1px solid #A7DBFF;color:#76B6E2;font-weight:bold;margin-left:2px;margin-right:2px;}
#Page .extend{color:#AAAAAA;padding:3px 7px 3px 7px;margin-left:2px;margin-right:2px;}

.pview{ margin:0 auto; width:98%; padding:0 1%;position:relative; background-color:#FFF;}
		.pviewL{float:left; width:100%; overflow:hidden; position:relative; border: none;  margin-right:0; box-sizing:border-box; border:#333 1px solid;}
		
		.pviewL .hd{display: ;position:absolute; left:50%; bottom:8px; z-index:1; }
		.pviewL .hd ul{ overflow:hidden; zoom:1; float:left; margin-left:-25px;  }
		.pviewL .hd ul li{ float:left; margin-left:5px; border:#f18920 1px solid; width:12px; height:12px; border-radius:6px;  overflow:hidden;  text-align:center; background:#fff; cursor:pointer; font-size:0; /*font: normal 10px/20px Arial,"宋体"; border-radius:10px;*/}
		.pviewL .hd ul li.on{ background:#f18920; color:#fff; }
		
		.pviewL .bd{ position:relative; height:100%; z-index:0;   }
		.pviewL .bd li{ zoom:1; vertical-align:middle;height:auto; overflow:hidden; }
		.pviewL .bd img{ width:500px; display:block;  }
		.pviewL .bd h2{ display:none; position: absolute; left:0; bottom:0; width:100%; background:url(../ico/bg_img_txt.png);
		 /*background-color:#000; -moz-opacity: 0.8; opacity:.80;  filter: alpha(opacity=40); background-color:rgba(0,0,0,0.2);*/
		 font: normal 14px/40px Arial,"微软雅黑","宋体"; text-indent:12px; color:#FFF;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.pviewL .btn_expand{ position:absolute; left:0; top:0;  display:block; width:40px; height:40px; background:url(../ico/btn_expand.png) center center no-repeat;    }

		.pviewL .prev,
		.pviewL .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../ico/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.pviewL .next{ left:auto; right:1%; background-position:8px 5px; }
		.pviewL .prev:hover,
		.pviewL .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.pviewL .prevStop{ display:none;  }
		.pviewL .nextStop{ display:none;  }

.pview h2{ float:left; width:100%; font: bold 16px/22px Arial,"微软雅黑","宋体"; color:#f18920; padding-bottom:10px; padding-top:5px;}
.pview h3{ float:left; width:100%; font: normal 16px/22px Arial,"微软雅黑","宋体"; color:#f18920; }

.pviewR{ float:left; width:96%; padding:0 2%;  }
.pviewR .contt{ float:left; width:100%; }

.pviewbl{float:left; width:100%; margin:10px 0;}
.pviewbr{float:left; width:100%; text-align:center; line-height:50px;color:#f18920;}
.pviewbr a{ text-decoration:underline;color:#f18920;}

.pviewbrtop{float:left; width:100%; text-align:center;}
.pviewbrtop a{ text-decoration:none;color: #0CF;}

.name_sim {
    float: left;
    width: 100% !important; box-sizing:border-box;
    border-top: 1px solid #E1E1E1;
    position: relative;
    margin: 40px 0 0 0;
	padding-top:15px;
}
.name_sim h5 {
    position: absolute;
    left: 0;
    top: -20px;
    font-size: 20px;
    line-height:40px;
    overflow: hidden;
    background: #F8F8F8;
    padding-right: 15px;
}
.name_sim:after,ul.btnlist:after,.contt:after,ul.vnewlist:after {
    content: '';
    clear: both;
    display: block;
    font-size: 0;
}
ul.btnlist{ width:100%; float:left; padding-top:22px;}
ul.btnlist li{ float:left; margin:0 10px 10px 0; display: block;}
ul.btnlist li a{ background:#f18920; color:#fff; padding:15px;overflow:hidden; border-radius:10px;display: block;}
ul.btnlist li a:hover{ background: #FC6; color:#333; }

ul.vnewlist{ width:100%; float:left; padding:10px 0;box-sizing:border-box; }
ul.vnewlist li{ display:block;float:left; width:100%; padding:10px; box-sizing:border-box;max-height: 400px;
    overflow-y: scroll;}
	/*ul.vnewlist li:nth-child(2n) {margin-right:0%;margin-left:1%;}*/
/* 滚动条样式 */
ul.vnewlist li::-webkit-scrollbar {
     width: 10px; /*  设置纵轴（y轴）轴滚动条 */
     height: 10px; /*  设置横轴（x轴）轴滚动条 */
 }
 /* 滚动条滑块（里面小方块） */
ul.vnewlist li::-webkit-scrollbar-thumb {
     border-radius: 4px;
     box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
     background: #F18920;
 }
 /* 滚动条轨道 */
ul.vnewlist li::-webkit-scrollbar-track {
     border-radius: 4px;
     box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
     background: rgba(0,0,0,0.9);
 }
 /* 滚动条 两端的按钮 */
ul.vnewlist li::-webkit-scrollbar-button{}	
	
ul.vnewlist li h2{ display:block;float:left; width:100%; font-size:16px; color:#222; font-weight: bold;}
ul.vnewlist li h2 g{ width:20px; display:inline-block;}
ul.vnewlist li per{display:block;float:left; width:100%; font-size:14px; color:#666; font-weight:normal;padding-left:20px;box-sizing: border-box;}

ul.videolist{ width:100%; float:left; padding-bottom:25px;}
ul.videolist li{ width:50%; float:left; box-sizing:border-box; padding:1%;}
ul.videolist li a{ width:100%; height:100%; display:block;}
ul.videolist li a figure{ width:100%; height:100px; overflow: hidden; margin:0; padding:0;position:relative;}
ul.videolist li a figure:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/play-ico.png) center center no-repeat rgba(0,0,0,0.15);
}
ul.videolist li a:hover figure:after {
    background: url(../images/play-ico.png) center center no-repeat rgba(0,0,0,0.1);
}
ul.videolist li a figure img{ width:100%;}
ul.videolist li a h2{ text-align:center; color:#333; line-height:35px; height:35px; overflow:hidden; font-weight:normal; font-size:1em;}


#feedbackDIV{  position:fixed !important;/* 浮动对话框 */ left:1%; top:50%!important; margin-top:-280px!important;
 width:98%;  z-index:999; display:none;   }

.feedback{float:left;width:99%; background-color:#FFF; border:#f18920 2px solid; padding:30px 0;  }
.feedback h2{ font: normal 18px/22px Arial,"微软雅黑","宋体"; color:#f18920; text-align:center;margin-bottom:10px;}
.feedback p{ display:block; float:left; width:85%; padding-left:15%; margin-bottom:10px;  }
.inputtxt{  -webkit-appearance: none; border: #cacaca 1px solid; background-color:#F8F8F8; padding:2px 0 2px 5px; float:left; font: normal 16px/32px Arial,"微软雅黑","宋体";}
.tijiao{-webkit-appearance: none;
	 background-color:#f18920;
	 padding:0 20px;
	border: none;
	cursor:pointer;
	margin:0;
	font: normal 14px/38px "微软雅黑", "宋体"; color:#FFF;
}
.tijiao:hover{
	 background-color:#cc6600;
 color:#FFF;
}

#pro0 { 
background-color:#fff;
height:550px; width:900px; left:50%; top:50%; margin:-275px 0 0 -450px; position:fixed !important; /* 浮动对话框 */ position:absolute; z-index:5; display:none; 
} 
#close_x{ width:22px; height:22px; border-radius:11px; overflow:hidden; font: normal 0/0 "微软雅黑","宋体"; background:url(../ico/baicha.png) center center no-repeat #f18920;
 position:absolute; top:3px; right:3px;z-index:9999;transition:all ease-out 0.3s;}
 #close_x:hover {/*filter:alpha(opacity=70); -moz-opacity:70; opacity:70;*/ transform:rotate(180deg); -ms-transform:rotate(180deg); /* Internet Explorer */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */}
 /* 多图轮动切换css */


#windDiv,#daili1,#daili2,#Copyright{ position:fixed !important;/* 浮动对话框 */ left:1%; top:50% !important; margin-top:-300px;
 width:98%;  z-index:999; display:none;}

#windDiv{ margin-top:-300px!important;}
#daili2{ margin-top:-300px!important;}
#daili1{ margin-top:-262px!important;}

#windCon{ float:left; padding:30px 0; width:99%;   background-color:#FFF;border:#f18920 2px solid; } 
#windCon h2{ float:left; width:100%; text-align:center;font: normal 18px/22px Arial,"微软雅黑","宋体"; color:#f18920; margin-bottom:10px;}
#windCon ul.ziliaolist{ float:left; width:100%;   }
#windCon ul.ziliaolist li{float:left; margin:1%; width:98%; }
#windCon ul.ziliaolist li a{float:left;  width:93%; padding-right:5%; height:36px; overflow:hidden;
		border:#8e5c00 1px dashed; background:url(../ico/ico_ziliao.png) 99% center no-repeat; 
		text-indent:6px; font: normal 14px/36px Arial,"微软雅黑","宋体"; color:#353535; }
#windCon ul.ziliaolist span{ color:#f18920;  }
#windCon ul.ziliaolist li a:hover{ color:#f18920;  }
#windCon p{ float:left; padding-left:5%; width:95%; margin-bottom:5px;} 		
		
		
#windCon ul.dlist{ float:left; width:100%;  }
#windCon ul.dlist li{float:left;width:100%;}
#windCon ul.dlist li a{float:left;  width:80%; padding:1% 19% 1% 1%;  background:url(../images/dailitu.png) right center no-repeat #FFF; 
		font: normal 14px/24px Arial,"微软雅黑","宋体"; color:#353535; }
#windCon ul.dlist li a:hover{ background-color:#f5f5f5;  }