﻿@charset "utf-8";

/*共公类*/
body{ margin:0px; font-size:12px; line-height:23px; color:#666; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; min-width:1300px; }
h1,h2,h3,h4{margin:0px; padding:0px; font-size:12px; font-weight:normal;}
ul,ol,li{margin:0px; padding:0px; list-style-type:none; }
p,dl,dt,dd{margin:0px; padding:0px;color:#1a1a1a}
img{border:none; margin:0px; padding:0px;}
a{text-decoration:none; color:#555555}


.clear{
	clear:both;
	height:0px;
}
* html .clear{
	clear:both;
	display:inline;
}
.flo{ float:left;}
.flot{ float:right;}

body{ text-decoration:none}
a{ text-decoration:none}

.wel{ width:500px; line-height:33px; color:#989898; font-size:14px}
.wel p{ line-height:33px; color:#989898; font-size:14px}
.wel a{color:#989898}



.lan .lan_en { padding:0 10px; background:none; border-right:1px #6c6c6c solid;}
.lan .lan_zh { padding:0 10px; background:none; border-right:1px #6c6c6c solid;border-left:1px #6c6c6c solid}
.lan a{ color:#a5a5a5; display:block; float:left; height:33px; line-height:33px; font-size:14px}


.search1 {
	float: left;
	height: 31px;
	width: 146px;
	
	border: 0px solid #FFFFFF;
	color: #b8b8b8;
	display: inline;
	line-height: 31px;
	font-size: 14px;
	text-align: left;
 padding-left:10px; background:#000

}
.searchimg1 {
	float: left;
	display: inline; border-right:1px #6c6c6c solid;	
}


h1{
float:left;


}

.top3{ float:right; text-align:right; padding-top:53px; width:70px;}

/*--------------------index.html start----------------------*/


#warp_top{ width:100%; height:33px; background:#222222; margin:0 auto}




#head{
width:1200px;
margin:auto;
}




#menuz{width:690px;
float:right;
font-size:16px; padding-top:35px; 

}
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:none; padding-left:0px; text-align:center;}
ul.menu li {position:relative;  float:left; }
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none;  }
ul.menu ul li {position:relative; border-top:none; width:130px; font-weight:normal;background:#183885;color:#fff!important; font-size:14px; }
ul.menu ul li a {color:#fff!important;font-weight:normal;line-height:45px; border-bottom:#264798 solid 1px;}
ul.menu ul li a:hover {color:#fff!important; background:#d71a2c;}
ul.menu ul ul { top:0px}
ul.menu .menulink { padding-left:17px; padding-right:17px; height:60px;font-size:16px;_display: inline-block; line-height:60px; }
ul.menu .menulink:hover, ul.menu .menuhover { }
ul.menu .sub {}
ul.menu .topline {}

ul.menu .ttt12 { left:-20px;}







/*产品*/
.main_1{width:1400px; margin:0 auto; }
#warp_1{width:100%; margin:0 auto; height:600px;   }
.main{width:1200px; margin:auto; }
#warp_1  h3{width:1200px;  font-size:34px; font-weight:normal; height:60px; color:#454545; text-align:center;  letter-spacing:2px;  margin-bottom:60px; margin-top:75px; font-weight:normal; margin: 70px auto 40px auto}
#warp_1  h3 em{ color:#183885; font-style:normal; font-weight:bold}
#warp_1  h3  b{ color:#d71a2c; font-weight:bold}


#warp_1 h3 span{color:#5c5c5c; text-align:center; font-size:16px; line-height:50px;  float:left;width:1200px; padding-bottom:10px ; font-weight:100; text-transform:uppercase; letter-spacing:0px; background:url(../images/line.png) no-repeat center 25px }


.taotu_nr_conz {
	
	width: 1200px;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}.cp{ float:left; display:inline; margin-right:25px; width:384px; height:420px; margin-left:10px;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;     box-shadow: 0px 0px 16px rgba(0,106,53,.2);}
.cp img{ text-align:center;  border:0px solid #d8d8d8; }
.cp .cimg{  margin:0 auto;  }
.cp .cimg h2{ font-size:24px; color:#018745; font-weight:100}
.cp .cimg h3{ font-size:14px; color:#636363; font-weight:100}
.blue{ padding:27px; text-align:center}
a:hover .cp { border:#2563ea solid 5px; display:block; width:350px; height:545px; color:#000;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; }
a:hover .cp  .gd{ width:146px; height:38px; -webkit-border-radius: 25px;
            -moz-border-radius: 25px; font-size:16px; color:#FFF; background:#2563ea; line-height:38px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; border:0 }
a:hover .cp .cimg h2 h3{ color:#e10000; }
a:hover .cp  .xingxi p{ color:#000}
.gao{ height:85px; padding-top:20px; background:url(../images/line_p.jpg) no-repeat center center} 
.xingxi{  margin:30px auto; padding:20px 16px; height:90px }

.xingxi p{ line-height:28px; font-size:15px; color:#555555!important ; text-align:left; width:50%; float:left }
a:hover .gd{ margin:0 auto;margin-top:10px;  width:136px; height:38px; display:block; text-align:center; color:#fff; line-height:36px; background:#2563ea;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;transform: scale(1.1);  }
	


.gd{ margin:0 auto;margin-top:10px;  width:146px; height:38px; display:block; text-align:center; color:#666666; line-height:38px; background:#f7f7f7; border:1px #b2b2b2 solid; -webkit-border-radius: 25px;
            -moz-border-radius: 25px; font-size:16px;}
			



.moreb {}
.moreb a{-moz-border-radius:20px;/*Firefox支持*/ 
-webkit-border-radius:20px;/*webkit内核的Safari和Chrome支*/border-radius:20px;/*--Opera支持*/ border:1px solid #008e45; text-align:center; width:120px; margin:30px auto;  height:30px; line-height:30px; line-height:30px; color:#008e45; display:block; text-transform:uppercase; font-size:14px}
.moreb a:hover{ background:#008e45; color:#fff; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

/******产品*******/
.index_pro{ width:1360px; margin:0 auto;}

.index_pro01{ width:1360px; overflow:hidden;}
.index_pro01 dl{ float:left; width:446px; height:322px; background:#fff; margin:33px 7px 0 0;}
.index_pro01 dl dt{ width:446px; height:322px; overflow:hidden; }
.kuang{ background:url(../images/kuang.png) no-repeat center center; float:left; z-index:999999; display:block; width:446px; height:322px; position:absolute}
.index_pro01 dl dt img{width:446px; height:322px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
.index_pro01 dl:hover dt img{width:500px; height:362px;margin-left:-8px; margin-top:-4px;}
.index_pro01 dl dd{  padding:30px; font-size:24px; color:#2f2e2e; background:rgb(255,255,255,0.5) ; display:block; z-index:999999999 ; position:absolute; width:330px; margin:90px auto; text-align:center; margin-left:28px;}
.index_pro01 dl dd p{ font-size:18px; color:#2f2e2e; padding-top:14px; text-transform:uppercase}
.index_pro01 dl dd a{ display:block; width:85px; height:26px; line-height:26px; text-align:center; color:#d9f1f5; border:#d9f1f5 solid 1px; font-size:12px; font-family:'微软雅黑'; margin-top:13px;}
.index_pro01 dl dd a:hover{ color:#fff; border:#fff solid 1px;}
.banx{ background:url(../images/xx.jpg); width:100%; height:11px;}



/*简介*/

#warp_2{width:100%; margin:0 auto; height:635px;  background:url(../images/about_bg.jpg) no-repeat center  top;  }
.about{ width:555px; height:424px;  margin-top:119px; background:#fff; z-index:99999999; padding-left:60px }


.about  h3{width:575px; font-size:34px; font-weight:normal; height:60px; color:#454545; text-align:left;  letter-spacing:2px;   font-weight:normal; margin-top:65px; margin-bottom:30px; text-transform:uppercase; }
.about  h3 em{ color:#183885; font-style:normal; font-weight:bold}
.about  h3  b{ color:#d71a2c; font-weight:bold}


.about h3 span{color:#454545; text-align:left; font-size:16px; line-height:50px;  float:left;width:585px; padding-bottom:10px ; font-weight:100; text-transform:uppercase; letter-spacing:0px; 
}

.more_a{ width:82px; height:82px; background:#183885; float:right; color:#fff; font-size:52px; text-align: center; line-height:72px; bottom:0; right:0; }  



.ab_more{ width:760px; height:132px; background:#fff; margin-top:30px; display:flex}

.ab_more_q{  background:#248457; display:block; width:20%;color:#fff; font-size:16px; text-align:center; padding:20px; line-height:36px}
.ab_more_q span{ font-size:34px; font-weight:bold}

.ab_more_1{  display:block; width:20%;color:#0e6427; font-size:16px; text-align:center; padding:20px; line-height:36px; background:url(../images/lin334.jpg) no-repeat left center}
.ab_more_1 span{ font-size:34px; font-weight:bold}




.about p{ font-size:14px; color:#363636; display:block; float:left; width:100%;  text-transform:uppercase;  padding-bottom:24px}







/*新闻*/

#warp_3{width:100%; margin:0 auto; height:606px;   }

#warp_3   h3{width:1200px;  font-size:34px; font-weight:normal; height:60px; color:#454545; text-align:center;  letter-spacing:2px;  padding-bottom:60px;  font-weight:normal; margin: 0 auto; padding-top:70px}
#warp_3  h3 em{ color:#183885; font-style:normal; font-weight:bold}
#warp_3  h3  b{ color:#d71a2c; font-weight:bold}


#warp_3 h3 span{color:#5c5c5c; text-align:center; font-size:16px; line-height:50px;  float:left;width:1200px; padding-bottom:10px ; font-weight:100; text-transform:uppercase; letter-spacing:0px; background:url(../images/line.png) no-repeat center 25px }







.n_left{ float:left; width:307px; height:279px; background:url(../images/new.jpg) no-repeat left; padding-left:277px; color:#666666}
.n_left h5{ width:323px; font-size:17px; font-weight:normal; border-bottom:solid 0px #d3d3d3;  margin-bottom:9px; float:left; margin:0px!IMPORTANT}
.n_left h5 a{ color:#000!important;}
.shi1{ font-size:14px; color:#8d9092; width:323px; float:left; line-height:40px;}
.shi11{ float:left; width:323px; font-size:14px; line-height:28px; margin-bottom:15px}


.n_right{ width:550px; float:right; font-size:14px;}
.n_right li{ width:550px; border-bottom:solid 1px #e8e8e8; float:left; padding-bottom:13px; margin-bottom:13px;}
.n_r_1{ float:left; width:72px; height:70px; margin-right:23px; text-align:center; font-size:13px; color:#fff; padding-top:5px; background:#b9b9b9;}
.n_r_1 h7{ font-size:30px;  color:#fff;text-align:center;padding-top:10px; float:left;width:72px; }

.n_r_2{ float:left; width:400px; color:#979797;}
.n_r_2 h4{ font-weight:normal; font-size:16px; color:#000; padding-bottom:8px;}
.n_r_2 h4 a{ color:#000;}
.n_r_2 h4 a:hover{ color:#f49000;}


.m3{width:120px; line-height:30px; text-align:center; float:left; margin-top:15px;}

.m3 a{width:120px!important;line-height:30px; float:left; color:#fff!important;  background:#183885;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; font-size:15px}

.m3 a:hover{ color:#FFFFFF!important; background:#666666; width:120px!important; background:#d71a2c;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}


/*设备*/

.pro {  width:100%; margin:0px auto; clear:both; overflow:visible; background: url(../images/pro_bg.jpg) repeat; height:884px;}
.pro .con { padding-top:101px;}

.pro   h3{width:1200px;  font-size:34px; font-weight:normal; height:60px; color:#454545; text-align:center;  letter-spacing:2px;  margin-bottom:80px;  font-weight:normal; margin: 0 auto; padding-top:80px}
.pro  h3 em{ color:#183885; font-style:normal; font-weight:bold}
.pro  h3  b{ color:#d71a2c; font-weight:bold}


.pro  h3 span{color:#5c5c5c; text-align:center; font-size:16px; line-height:50px;  float:left;width:1200px; padding-bottom:10px ; font-weight:100; text-transform:uppercase; letter-spacing:0px; background:url(../images/line.png) no-repeat center 25px }



.pro h2 { width:355px; float:left; padding-left:30px; text-align:left;}
.pro h2 i { margin-top:8px; display:block;}
.pro h2 b { color:#0e6427; font-size:34px; line-height:28px; padding-bottom:15px; background:url(../images/pro_xx.png) center bottom no-repeat; width:100%; float:left; padding-top:50px; height:85px}
.pro h2 b span{ text-transform:uppercase; font-weight:normal; font-size:18px}
.pro h2 p  { font-size:15px; color:#2c2c2c; font-weight:400; width:76%; margin-top:20px; float:left; margin-left:10px; line-height:26px }
.pro dl {width:385px; float:left;position:relative; height:257px;}
.pro .dl1 {margin-left:22px; margin-top:50px }
.pro .dl2 {margin-left:22px; margin-top:50px }
.pro .dl3 {margin-left:0px; margin-top:30px }
.pro .dl4 {margin-left:22px;margin-top:30px}
.pro .dl5 {margin-left:22px;margin-top:30px} 
.pro dl dt { position:absolute; width:385px;height:257px; overflow:hidden;}


.pro a:hover dl dt img{ transition:all 0.5s;}
.pro a:hover dl dt img{ transform:scale(1.1);}


.pro dl dd { position:absolute; width:282px; height:107px; line-height:107px; color:#fff; background:rgba(255,255,255,.2); text-align:center; font-weight:700; font-size:25px; top:52px; left:48px; z-index:99;}

.pro_more { width:385px;height:208px; float:left; background:#248457; margin-left:22px; text-align:center;margin-top:30px  }

.pro_more .more { margin-left:118px; margin-top:101px;}

.more {  width:135px; height:37px; line-height:39px; color:#fff; font-size:15px; margin-top:20px; text-align:center;  border:1px solid #fff; transition:all 0.4s;  }


a:hover .more {  transform:translateY(-10px);  } 





/*底部*/

#footer1{ float:left; width:100%; height:490px; background:url(../images/fot.jpg) no-repeat bottom center #10141c; line-height:35px; text-align:center; border-top:6px #d71a2c solid}
#footer1 a{color:#FFFFFF}

.contact{margin:auto; width:1200px;color:#FFFFFF!important; padding-top:60px; }

.lx1{ float:left; width:293px; text-align:left; height:130px;}
.lx1 h3{ float:left;  font-size:20px; padding-bottom:10px; font-weight:bold; width:100%;}
.lx1  b{ width:40px; height:3px; background:#fff; display:block; float:left}
.lx1 h3 span{ float:left;  font-size:20px;  font-weight:normal; line-height:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
.lx1 p{ text-align:left; color:#fff; line-height:34px; font-size: 34px; font-weight:bold; float:left; width:100%; margin-top:10px}


.lx{ float:left; width:349px; text-align:left;line-height:27px!important; border-left:#282828 solid 1px; padding-left:66px; padding-right:66px}
.lx h3{ float:left; width:574px;  font-size:20px; font-weight:100; padding-bottom:15px; text-transform:uppercase }
.lx p{color:#a1a1a1; font-size:15px; line-height:32px ; width:100% ; float:left }
.lx a{ color:#a1a1a1!important;}
.lx  b{ width:40px; height:3px; background:#fff; display:block; float:left}


.lx2{ float:left; width:332px; text-align:left;line-height:27px!important; border-left:#282828 solid 1px; padding-left:26px; padding-right:66px}
.lx2 h3{ float:left; width:574px;  font-size:20px; font-weight:100; padding-bottom:15px; text-transform:uppercase }
.lx2 p{color:#a1a1a1; font-size:15px; line-height:32px  }
.lx2 a{ color:#a1a1a1!important;}
.lx2  b{ width:40px; height:3px; background:#fff; display:block; float:left}


.shouji{ float:left; width:149px; margin-right:15px; text-align:center }

.daohang{ width:1000px; float:left; color:#FFFFFF!important; font-size:14px; }
.daohang a{color:#bababb!important; }


.footer{float:left; width:1200px;color:#a6a6a6!important; border-top:#282828 solid 1px; margin-top:80px; padding-top:20px; text-align:left; }


.zzb07tail{color:#a6a6a6!important;}
a.zzb07link{ text-decoration:none;color:#a6a6a6!important;}
a.zzb07link:hover {text-decoration:underline;color:#a6a6a6!important;}



.lxx-1{ width:600px; float:left;}


.lxx-3{width:530px; float:right; line-height:26px;}
.lxx-3 h4{ font-size:18px; font-weight:normal; color:#000; text-align:left;  padding-bottom:15px;width:518px; border-bottom:#e9e9e9 solid 1px;margin-bottom:20px;  }
.lxx-3 h4 span{  background:none;font-weight:normal; float:none;padding:0px;line-height:35px; color:#ababab; font-family:Arial, Helvetica, sans-serif;  }




.im-box { width: 60px; position: fixed; top: 150px; right: 0; z-index: 999; }
.im-box .im-ewm { width: 58px; height: 78px; border: 1px solid #e8e8e8; position: relative; }
.im-box .im-ewm .ewm-hover { position: absolute; left: -145px; top: -25px; display: none; }
.im-box .im-ewm:hover .ewm-hover { display: block; }
/*弹出*/
.footer_flex li:hover span { display: block; }
.footer_flex li:hover .img-n { display: none; }
.footer_flex li span { display: none; color: #fff; font-size: 13px; line-height: 45px; }
.footer_flex li .img-n { padding-top: 12px; }
.footer_flex { width: 365px; float:left }
.footer_flex li { width: 45px; height: 45px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right:25px;float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; }
.footer_flex li:hover { background-color: #248457; }

/*button*/
.footer_flex li:hover .flex-footera { display: block; }
.footer_flex li .flex-footera { width: 130px; height: 120px; position: absolute; left: -42px; top: 50px; text-align: center; padding-top: 10px; background:#fff; display: none; border-radius:5px;}




