@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#333; line-height:24px;font-family:"微软雅黑";}

a { color:#333; text-decoration:none; }

a:hover { text-decoration:none;}


.containter{float:right; width:655px;}

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}


/******************header css***************/
.banner1 img{width:100%;}
.w1200{width:90%; max-width:1200px; margin:auto;}
.top{border-bottom:1px solid #ccc; height:35px; line-height:35px;}
.wel{width:50%; float:left;}
.link{width:50%; float:right; text-align:right;}
.link a{padding:0 5px;}
.link a:hover{ color:#eb3c00;}
.logo1{width:33%; float:left;}
.logo1 img{width:100%; max-width:248px;}
.logo2{width:33%; text-align:center; float:left;}
.logo2 img{width:100%; max-width:163px;}
.tel{width:33%; float:right; text-align:right;}
.tel img{width:100%; max-width:252px;}
.header{background:#fafafa; position:relative; z-index:99999 }
.logo{ width:200px; float:left; margin-top:12px;}
.menu{ background:#00a0e9; height:45px; line-height:45px; border-bottom:3px solid #007cb4;}
.menu ul li{float:left; text-align:center; position:relative; width:16%; font-size:14px;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s; }

.menu ul li:hover a{color:#00a0e9;}
.menu ul li ul.sub_menu{position:absolute; display:none; width:100%; background:#fafafa; padding:10px 0; top:45px; left:0; z-index:99999}
.menu ul li a{color:#fff; display:block;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.menu ul li.current a{ color:#00a0e9; background:#fff;}
.menu ul li a:hover{ color:#00a0e9; background:#fff;}
.menu ul li ul.sub_menu li a{color:#333; background:#fafafa;}
.menu ul li ul.sub_menu li a:hover{background:#00a0e9; color:#fff;}
.menu ul li ul.sub_menu li{height:35px; line-height:35px; float:none; width:100%; background:none}

.index_pro{background:url(../images/bg.jpg) no-repeat; margin-top:100px;}
.title_cont{width:152px; height:94px; background:#fff; padding:20px 30px;}
.title_en{ color:#00a0e9; font-size:16px;}
.title_cn{font-size:24px; color:#eb3c00; margin-top:10px;}
.xian{ width:15px; height:20px; border-bottom:1px solid #ccc;}

.p_title{position:relative; top:-50px;box-shadow:0px 2px 20px #A1A1A1; border-radius:5px;}

.app_box{width:23%; margin:1%; float:left; background:#fff;}

.app_cont{border:1px solid #efefef; padding:50px 15px 30px 15px; margin-top:-35px;}
.app_title{font-size:18px;}
.app_iocn1{width:35%; height:55px;background-color:#f5f5f5; margin-left:10%; position:relative ; z-index:8; border-radius:5px;transition: all 1s linear;}
.app_box .app_iocn1 span{display:block;background-image:url(../images/icon66.png); background-repeat:no-repeat; background-position:center; height:55px;}
.app_box:hover .app_iocn1{background:  #00aefd; }
  
.app_box:hover .app_iocn1 span  {background-image:url(../images/icon6.png);}
  

.app_iocn2{width:35%; height:55px;background-color:#f5f5f5; margin-left:10%; position:relative ; z-index:8; border-radius:5px;transition: all 1s linear;}
.app_box .app_iocn2 span{display:block;background-image:url(../images/icon77.png); background-repeat:no-repeat; background-position:center; height:55px;}
.app_box:hover .app_iocn2{background:  #00aefd; }
.app_box:hover .app_iocn2 span  {background-image:url(../images/icon7.png);}

.app_iocn3{width:35%; height:55px;background-color:#f5f5f5; margin-left:10%; position:relative ; z-index:8; border-radius:5px;transition: all 1s linear;}
.app_box .app_iocn3 span{display:block;background-image:url(../images/icon8.png); background-repeat:no-repeat; background-position:center; height:55px;}
.app_box:hover .app_iocn3{background:  #00aefd; }
.app_box:hover .app_iocn3 span  {background-image:url(../images/icon88.png);}

.app_iocn4{width:35%; height:55px;background-color:#f5f5f5; margin-left:10%; position:relative ; z-index:8; border-radius:5px;transition: all 1s linear;}
.app_box .app_iocn4 span{display:block;background-image:url(../images/icon99.png); background-repeat:no-repeat; background-position:center; height:55px;}
.app_box:hover .app_iocn4{background:  #00aefd; }
.app_box:hover .app_iocn4 span  {background-image:url(../images/icon9.png);}


.app_box:hover .app_title{color:#008fd0;}
.more{margin-left:10%; margin-top:-10px;}
.more a{background-color:#f5f5f5; padding:7px 15px; color:#999; border-radius:5px;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.app_box:hover .more a{background:#eb3c00; color:#fff;}
.n_title{width:30%; float:left; padding-left:1%}
.a_title{padding-left:1%;}
.new_menu{float:right; width:65%; text-align:right; margin-top:50px;}
.new_menu a{padding:5px 3%; margin:0 10px; background:#f5f5f5; border-radius:15px;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.new_menu a:hover{color:#fff; 
background:  #fe4000; 
  box-shadow:0 2px 12px #fe4000;}

.new_box{width:31.3%; margin:1%; float:left;}
.new_date{ font-size:30px; margin-bottom:10px;}
.nian{font-size:14px;}
.new_title{font-size:16px; margin-bottom:10px;}
.new_memo{color:#666; margin-top:10px;}
.more1{margin-top:30px;}
.more1 a{padding:7px 27px; border:1px solid #ccc; border-radius:15px;transition: all 1s linear;}

.new_box:hover .new_date{ color:#f6aa0c;}
.new_box:hover .nian{ color:#f6aa0c;}
.new_box:hover .more1 a{ color:#fff;
  background:#00aefd;
 border:none; box-shadow:0 2px 12px #00aefd;}
.footer{ background:#333238; padding-top:50px; padding-bottom:50px; margin-top:50px;}
.foot_menu{width:70%; float:left;}
.foot_tel{width:30%; float:right;}

.foot_menu dl{float:left; width:20%;}

.foot_menu dl dt{color:#fff; font-size:14px;}
.foot_menu dl dd a{color:#999;}
.dibu{background:#28282a; padding:15px 0; color:#999}
.index_news{ margin-top:50px;}




.about_lei li{width:31%; margin:1%; float:left;}
.about_lei li a{display:block; text-align:center; border:1px solid #efefef; height:73px; color:#eb3c00; font-size:14px;transition: all 1s linear;}
.about_lei li a span{display:block; height:42px;background-repeat:no-repeat; background-position:center top; }
.about_lei li a span.lei1{ background-image:url(../images/icon11.png); } 
.about_lei li a span.lei2{ background-image:url(../images/icon22.png); } 
.about_lei li a span.lei3{ background-image:url(../images/icon33.png); } 
.about_lei li a span.lei4{ background-image:url(../images/icon44.png); } 
.about_lei li a span.lei5{ background-image:url(../images/icon55.png); } 
.about_left{width:37%; float:left; margin-top:40px; margin-bottom:30px;}
.about_right{width:60%; float:right; margin-top:60px; margin-bottom:30px;}
.about_lei li a.lei1:hover{ background-image:url(../images/icon1.png);}
.about_lei li a:hover{
	/*background: -webkit-linear-gradient(left, #0089c7 , #00aefd); 
  background: -o-linear-gradient(right, #0089c7, #00aefd); 
  background: -moz-linear-gradient(right, #0089c7, #00aefd);
  background: linear-gradient(to right, #0089c7 , #00aefd);*/
background:#00aefd;
   color:#fff;
}
.about_lei li a:hover span.lei1{ background-image:url(../images/icon1.png); } 
.about_lei li a:hover span.lei2{ background-image:url(../images/icon2.png); } 
.about_lei li a:hover span.lei3{ background-image:url(../images/icon3.png); } 
.about_lei li a:hover span.lei4{ background-image:url(../images/icon4.png); } 
.about_lei li a:hover span.lei5{ background-image:url(../images/icon5.png); } 



/* Elastislide Style */
.es-carousel-wrapper{
position:relative;
}
.es-carousel{
	overflow:hidden;

}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}

.es-nav-prev{background:url(../images/left.png) no-repeat;	position:absolute; bottom:-83px;
	left:37%;
	width:37px;
	height:37px;

	text-indent:-9000px;
	cursor:pointer;
}
.es-nav-next{
	right:37%;
		position:absolute; bottom:-83px;

	width:37px;
	height:37px;

	text-indent:-9000px;
	cursor:pointer;

	background:url(../images/right.png) no-repeat;
}
.es-nav-prev:hover{
	background:url(../images/left1.png) no-repeat;
}
.es-nav-next:hover{
	background:url(../images/right1.png) no-repeat;
}

.pro_name{display:block; height:50px; line-height:50px; text-align:center; font-size:14px; background:#f5f5f5; border-bottom:2px solid #eeeeee; color:#a7a7a7;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.es-carousel ul li:hover .pro_name{ background:#00a0e9; border-bottom:2px solid #eb3c00; color:#fff}
.more2 a{ background:#e5e5e5; border-radius:25px; padding:10px 5%;}
.more2{text-align:center; margin-top:50px;}


/***************/
.main{ margin:50px 0;}
.nei_menu{position:absolute; height:40px; line-height:40px; bottom:0; width:100%; background:rgba(0,0,0,0.6);}
.banner1{position:relative;}
.nei_menu ul li a{color:#fff;}
.nei_menu ul li{ float:left;width:13%; border-right:1px solid #82827f; text-align:center;}
.nei_menu ul li a:hover{color:#eb3c00;}
.nei_menu ul li.on a{color:#eb3c00;}

.nei_title_cn{ font-size:26px; line-height:45px;}
.nei_title_cn span{border-bottom:1px solid #eb3c00; padding-bottom:5px}
.nei_title{ text-align:center; margin-bottom:50px;}
.nei_title_en{color:#999; font-size:16px; margin-top:8px}
.xian1{ border-bottom:1px solid #ddd}
.honor_pic{width:464px; float:left;}
.honor_cont{width:400px; float:right; margin-left:30px;}
.honor_pic img{width:464px;}
.honor_title{font-size:20px;}
.pro{width:22.5%; margin:1%; float:left; border:1px solid #f5f5f5;}
.margin50{margin-top:50px;}

/*********************************************产品详细页代码 css *************************************/
.proxq_left{ width:40%; float:left; display:inline;}
ul.productsdd li{width:90px; height:73px; float:left; margin-left:5px; margin-right:5px; }
#datu{ clear:both; border:1px solid #eeeeee; margin-bottom:10px;}
.left2_pic{ float:left; width:35px; height:64px; margin-top:10px;}
.xtq{ width:320px; float:left;}
.right2_pic{ float:right; width:27px; height:64px; margin-top:10px;}

.prod_right{ width:55%; float:right;}
.prod_title{font-size:36px; text-align:center; margin-top:40px;}
.prod_memo{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:30px 0; margin-top:30px;}
.prod_menu ul li{float:left;}
.prod_menu ul li a{display:block; padding:0 20px;transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s;}
.prod_menu ul li a:hover{ background:#eb3c00; color:#fff}
.prod_menu{background:#eeeeee; height:40px; font-size:14px; line-height:40px; margin-top:50px;}
.news_box{padding:2%; margin-top:20px; background:#F7F7F7;}


.biao{width:100%;}
.biao tr{height:45px;}
.text{border:1px solid #eee; background:url(../images/lx1.jpg) no-repeat; width:95%;  height:30px;}
.text1{ background:url(../images/lx2.jpg) no-repeat;}
.text2{ background:url(../images/lx3.jpg) no-repeat;}
.text3{ background:url(../images/lx4.jpg) no-repeat;}
.area{border:1px solid #eee; background:url(../images/lx5.jpg) no-repeat; width:98%;  height:100px;}
.submit{border:1px solid #eee; width:230px; height:49px; border-radius:5px; background:none; margin-top:30px;}
.submit:hover{ background:#eb3c00; color:#fff;}

.m_header{display:none;}



/*大事记start*/
.event_box{width:100%;margin:3% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:32px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	
.biao1 thead td{background:#f8f8f8; text-align:center}
.biao1 tr td{text-align:center; padding:10px 0}
.phone{display:none;}


.m_header{display:none;}
.pc{display:block;}
.phone{display:none;}

 @media screen and (max-width:800px){
	 body{overflow-x:hidden;}
	 .pc{display:none;}
.phone{display:block;}
	 .m_header{display:block; background:#fff; position:fixed; width:100%; top:0; z-index:9999}
	 .header{display:none;}
	 
	 
	 .about_left{width:100%; float:none; margin-top:20px;}
	 .about_right{width:100%; float:none;}
	 .es-nav-next{right:2%;}
	 .es-nav-prev{left:2%;}
	 .app_box{width:100%; margin:10px 0;}
     .n_title{width:90%;}
	 .new_menu{ width:100%; margin-top:20px; float:none; text-align:left;}
	 .new_menu a{margin:0 5px;}
	  .foot_menu{width:100%; float:none}
	  .foot_tel{width:100%; float:none;}
	  .foot_menu dl{ width:33%;}
	  .nei_menu ul li{width:32%; height:30px; line-height:30px;}
	  .nei_menu{height:auto}
	  .banner1{margin-top:50px;}
	  .pro{width:47%;}
	  .prod_menu{height:auto;}
	  .prod_menu ul li{width:50%; text-align:center}
	  .new_box{width:100%;  margin:10px 0;}
	  .sPrev img, .sNext img{margin-top:10px;}
	  .parHd  ul {padding-top:38px !important}
	  .ibanner{height:180px; overflow:hidden; margin-top:58px}
	  .m_logo{ margin-top:10px;}
	  .prod_menu ul li.ss{width:100%;}
 }