@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px;}
body{ font-size:12px; font-family:"微软雅黑","宋体"; background:#fff;}
.fl{ float:left;}
.fr{ float:right;}
a{ text-decoration:none;cursor:pointer;} 
dl,ol,ul li{ list-style:none;}
img{ border:0px;}
input,img,textarea{ vertical-align:middle;}
input:focus{outline:none;}
button:focus{outline:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{ content:""; height:0px; display:block; clear:both; visibility:hidden;}
.clearfix{ *zoom:1;}
.wid{ float:left; width:100%;}
/*top*/
.top{ width:100%; max-width:1200px; height:94px; margin:0 auto;}
.logo{ float:left;}
.logo img{ padding-top:18px;}
.phone{ float:right;}
.phone img{ padding-top:35px;}
.nav{ width:100%; height:60px; margin:0 auto; background:#3e4c57;}
.nav ul{ width:100%; max-width:1200px; height:60px; margin:0 auto;}
.nav ul li{ float:left; height:60px;}
.nav ul li a{ float:left; color:#fff; font-size:15px; line-height:60px; padding-right:35px;}
.nav ul li a:hover{text-decoration:underline;}
.nav ul li a.hover{text-decoration:underline;}
.nav ul form{ float:right; padding-top:12px;}
.nav ul form select{ float:left; width:85px; height:36px; text-align:center; padding-left:3px;}
.nav ul form input{ float:left; width:180px; height:34px; border:none; margin-top:1px; text-indent:10px;}
.nav ul form button{ float:left; width:30px; height:34px; background:#fff; border:none; margin-top:1px;}

/*banner*/
.banner{ float:left; width:100%; height:500px; position:relative; overflow:hidden;}
.banner a { width:100%; height:500px; position:absolute; top:0px; left:0px;}
.banner a img {  width:1920px; left:50%; margin-left:-960px; position:relative;}
.banner .bannleft{ position:absolute; width:45px; height:60px; left:5%; margin-top:200px; cursor:pointer;}
.banner .bannright{ position:absolute; width:45px; height:60px; right:5%; margin-top:200px;cursor:pointer;}
.banner .banner-num{position:absolute;z-index:2;left:52%; margin-left:-50px;bottom:25px;}
.banner .banner-num span{cursor:pointer;display:inline-block;width:15px;height:15px; border-radius:15px;text-align:center;margin-right:10px;background:#137bd5; color:#fff;}
.banner .banner-num span.current{background:#d42532;}

.bannews{ width:1200px; height:100px; background:#fff; margin:0 auto; position:relative; margin-top:-101px; z-index:999;}
.bannews ul{ float:left; width:1050px; height:70px; margin-top:17px;}
.bannews ul img{ float:left; padding:2px 0px 2px 40px;}
.bannews ul li{ float:left; width:350px; margin-left:80px; margin-bottom:5px; padding-top:8px;}
.bannews ul li a{ float:left; width:250px; font-size:14px; text-indent:12px; background:url(../images/dd.jpg) left 10px no-repeat; color:#000;}
.bannews ul li span{ float:right; display:inline-block;}
.bannews ul li:hover a{ color:#f00;}
.bannews ul li:hover span{ color:#f00;}
.more{ float:right; padding:25px 50px 0px 0px;}

/*link*/
.link{ width:1200px; margin:0 auto; padding-top:60px;}
.link dl{ float:left; width:279px; border-right:1px solid #ddd; height:100px; margin-right:26px;}
.link dl dt{ float:left; width:60px; height:80px;}
.link dl dd{ float:left; width:200px; font-size:18px; margin-bottom:10px;}
.link dl dd:nth-of-type(2){ float:left; width:200px; font-size:15px;}
.link dl:nth-of-type(4){ float:right; margin-right:0px; border:none;}

/*index_product*/
.inproduct{ width:1200px; margin:0 auto; padding-top:30px;}
.inproduct h2{ float:left; width:1200px; font-weight:normal; border-bottom:1px solid #000; margin-bottom:20px;}
.inproduct h2 span{ float:left; font-size:18px; line-height:45px; background:url(../images/icon5.jpg) left no-repeat; text-indent:25px;}
.inproduct h2 b{ float:left; font-size:12px; line-height:45px; font-weight:normal; padding-left:10px;}
.inproduct h2 a{ float:right; padding-top:15px;}
.inproduct ul{ float:left; width:1200px; height:210px; overflow:hidden; margin-bottom:30px;}
.inproduct ul a{ float:left; width:222px; border:1px solid #555; margin-right:20px;}
.inproduct ul a img{ float:left; width:222px; height:170px;}
.inproduct ul a span{ float:left; width:222px; height:35px; line-height:35px; font-size:14px; text-align:center; color:#fff; background:#8a8a8a;}
.inproduct ul a:hover span{ background:#555;}
/*index_news*/
.innews{ width:1200px; margin:0 auto;}
.newleft{ float:left; width:570px; height:315px; padding-right:40px; background:url(../images/bg1.jpg) top right no-repeat;}
.newleft h2{ float:left; width:570px; font-weight:normal; border-bottom:1px solid #000; margin-bottom:10px;}
.newleft h2 span{ float:left; font-size:18px; line-height:45px; background:url(../images/icon5.jpg) left no-repeat; text-indent:25px;}
.newleft h2 b{ float:left; font-size:12px; line-height:45px; font-weight:normal; padding-left:10px;}
.newleft h2 a{ float:right; padding-top:15px;}
.newleft ul{ float:left; width:570px;}
.newleft ul li{ float:left; width:570px; border-bottom:1px dashed #b5b5b5;}
.newleft ul li a{ float:left; width:500px; line-height:50px; font-size:15px; text-indent:20px; background:url(../images/icon6.jpg) left no-repeat; color:#000;}
.newleft ul li span{ float:left; width:70px; line-height:50px; font-size:12px;}
.newleft ul li:hover a{ color:#f00;}
.newleft ul li:hover span{ color:#f00;}

.newright{ float:right; width:585px;}
.newright h2{ float:left; width:585px; font-weight:normal; border-bottom:1px solid #000; margin-bottom:20px;}
.newright h2 span{ float:left; font-size:18px; line-height:45px; background:url(../images/icon7.jpg) left no-repeat; text-indent:25px;}
.newright h2 b{ float:left; font-size:12px; line-height:45px; font-weight:normal; padding-left:10px;}
.newright h2 a{ float:right; padding-top:15px;}
.newright ul{ float:left; width:585px;}
.newright ul li{ float:left; width:180px; height:242px; margin-right:19px; border:1px solid #b5b5b5;}
.newright ul li a{ float:left; width:180px; color:#000;}
.newright ul li a img{ float:left; width:100%; height:150px; margin-bottom:15px; padding-top:10px;}
.newright ul li a span{ float:left; width:100%; text-align:center; font-size:14px; margin-bottom:10px;}
.newright ul li a p{ float:left; width:100%; text-align:center; font-size:12px; color:#606060;}
.newright ul li:nth-of-type(3){ float:right; margin-right:0px;}
.newright ul li:hover{ border:1px solid #000}

/*index_news2*/
.innews2{ width:1200px; margin:0 auto; padding-top:30px; overflow:hidden; margin-bottom:50px;}
.innews2 ul{ float:left; width:305px; padding-right:30px; height:280px; background:url(../images/bg2.png) right no-repeat; margin-right:5px;}
.innews2 ul h2{ float:left; width:305px; height:55px; font-weight:normal; position:relative; border-bottom:1px solid #000; margin-bottom:10px;}
.innews2 ul h2 span{ float:left; width:250px; font-size:18px; padding-bottom:2px; display:inline-block;}
.innews2 ul h2 b{ float:left; font-size:12px; font-weight:normal; display:inline-block;}
.innews2 ul h2 a{ float:right; position:absolute; top:20px; right:0px;}
.innews2 ul li{ float:left; width:305px; border-bottom:1px dashed #b5b5b5; margin-bottom:10px; background:url(../images/icon8.png) left no-repeat;}
.innews2 ul li a{ float:left; width:225px; line-height:58px; font-size:14px; text-indent:50px; color:#000;}
.innews2 ul li span{ float:right; text-align:right; line-height:58px; font-size:12px;}
.innews2 ul li:nth-of-type(2){ background:url(../images/icon9.png) left no-repeat;}
.innews2 ul li:nth-of-type(3){ background:url(../images/icon10.png) left no-repeat;}
.innews2 ul li:hover a{ color:#f00;}
.innews2 ul li:hover span{ color:#f00;}

.link2{ float:right; width:178px; height:260px; border:1px solid #b5b5b5;}
.link2 h2{ float:left; width:100%; text-align:center; font-size:18px; font-weight:normal; margin-bottom:15px; padding-top:20px;}
.link2 a{ float:left; width:100%; text-align:center; font-size:14px; margin-bottom:8px; color:#000;}
.link2 a:hover{ color:#f00;}
.link2 span{ float:left; width:100%; text-align:center; padding-top:10px;}

/*product*/
.carshow{ width:100%; max-width:1200px; overflow:hidden; margin:0 auto; margin-bottom:100px;}
.carslef{ float:left; width:240px; margin-top:30px; margin-bottom:80px;}
.inlink4{ float:left; width:210px; padding:15px; background:#3e4c57 url(../images/img.png) right no-repeat; margin-bottom:1px;}
.inbox4{ float:left; width:208px; height:100px; border:1px solid #fff; text-align:center;}
.inbox4 h2{ font-size:22px; color:#fff; font-weight:normal; padding-top:20px;}
.inbox4 b{ float:left; width:100%; font-size:16px; font-weight:normal; color:#fff; padding-top:10px; display:inline-block;}
.carslef ul{ float:left; width:240px;}
.carslef ul a{ float:left; width:240px; height:48px; line-height:48px; color:#fff; background:#3e4c57 url(../images/icon11.png)20px no-repeat; text-indent:50px; font-size:14px; margin-top:5px;}
.carslef ul a:hover{ background:#000 url(../images/icon11.png)20px no-repeat; color:#fff;}
.carslef ul a.hover{ background:#000 url(../images/icon11.png)20px no-repeat; color:#fff;}

.about_right{ float:right; width:946px; margin-top:30px;}
.about_right h3{ float:left;width:100%; font-weight:normal; border-bottom:1px solid #3e4c57; padding-bottom:10px;}
.about_right h3 a{ float:left; font-size:14px; line-height:30px; color:#000; display:inline-block; background:url(../images/icon7.png) left no-repeat; text-indent:30px; margin-right:15px;}
.about_right h3 a:nth-of-type(2){ background:url(../images/icon12.png) left no-repeat;}
.about_right h3 a:nth-of-type(3){ background:url(../images/icon12.png) left no-repeat; color:#e22434;}
.aboutet{ float:left; width:100%; padding:20px 0px; overflow:hidden; background:#fff; margin-bottom:50px;}
.aboutet p{ width:100%; line-height:25px; font-size:15px; margin-bottom:30px;}
.aboutet p img{ max-width:100%;}

.txtpic{ float:left; width:100%; margin-bottom:30px; margin-top:10px;}
.txtpic span{ float:left; width:100%; height:50px; line-height:50px; background:#c80c25; text-align:center; font-size:16px; color:#fff;}
.txtpic p{ float:left; width:95.2%; padding-left:2%; padding-right:2%; padding-top:3px; padding-bottom:10px; line-height:25px; border:#d9d9d9 1px solid; font-size:13px;}
.txtpic p img{ float:left; width:100%; margin-bottom:5px;}


/*news*/
.onew{ float:left; width:100%; padding-top:15px;}
.onew dl{ float:left; width:100%;}
.onew dl li{ float:left; width:100%; height:55px; line-height:55px; border-bottom:1px dashed #ddd;}
.onew dl li a{ float:left; width:80%; color:#555; font-size:16px; text-indent:26px; background:url(../images/newsbg.png) 15px no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:5px;}
.onew dl li span{ float:right; line-height:55px; font-size:12px; color:#555; display:inline-block; padding-right:10px;}
.onew dl li:hover a{ color:#f00;}
.onew dl li:hover span{ color:#f00;}
.layer{ float:left; width:100%; text-align:center; margin-bottom:40px; padding-top:30px;}
.layer a{ font-size:14px; padding:10px; color:#000;}
.layer a:hover{ color:#ff4351;}

.info{ float:left; width:94%; padding:0px 3%; overflow:hidden; background:#fff; padding-bottom:30px; margin-bottom:50px;}
.info h2{ float:left; width:100%; text-align:center; padding-top:25px;}
.info span{ float:left; width:100%; line-height:45px; font-size:12px; text-align:center; border-bottom:1px dashed #ddd; margin-bottom:20px;}
.info p{ width:100%; line-height:25px; font-size:14px; margin-bottom:30px;}
.info p img{ max-width:100%;}
.page{ float:left; width:100%; line-height:25px; font-size:14px; color:#ff4351;}
.page a{ color:#ff4351}

/*product*/
.prod{ float:left; width:100%; margin-top:10px; margin-bottom:50px;}
.prod ul{ float:left; width:100%;}
.prod ul li{ float:left; width:23%; margin-right:2%; margin-bottom:30px; text-align:center;}
.prod ul li img { float:left; width:93%; height:160px; border:1px solid #ddd; padding:7px 3% 7px 3%;}
.prod ul li a{  float:left; width:99%; text-align:center; line-height:30px; margin-top:10px; font-size:15px; display:inline-block; color:#000;}
.prod ul li a:hover{ color:#f00;}
.prod ul li:nth-of-type(4n){ margin-right:0;}



/*bottom*/
.bottom{ float:left; width:100%;}
.bo_top{ float:left; width:100%; background:#c9c9c9;}
.bo_top ul{ width:1200px; height:20px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
.bo_top ul span{ float:left; font-size:16px;}
.bo_top ul a{ float:left; font-size:16px; border-right:1px solid #000; padding:0px 23px; color:#000;}
.bo_top ul a:nth-last-of-type(1){ border:none;}
.bo_top ul a:hover{ text-decoration:underline;}

.link3{ float:left; width:100%; background:#c9c9c9 url(../images/bg3.jpg) no-repeat; background-size:cover;}
.link3 ul{ width:100%; max-width:1200px; overflow:hidden; margin:0 auto;}
.link3 ul li{ float:left; width:230px; margin-right:36px; margin-top:20px; margin-bottom:30px;}
.link3 ul li h3{ float:left; width:230px; line-height:35px; font-size:16px; color:#fff; font-weight:normal; margin-top:30px; margin-bottom:20px;}
.link3 ul li a{ float:left; width:230px; line-height:35px; font-size:14px; color:#fff;}
.link3 ul li:nth-of-type(5n){ float:right; margin-right:0px;}
.link3 ul li:nth-of-type(2){ width:120px;}
.link3 ul li:nth-of-type(2) h3{ width:120px;}
.link3 ul li:nth-of-type(2) a{ width:120px;}
.link3 ul li:nth-of-type(3){ width:150px;}
.link3 ul li:nth-of-type(3) h3{ width:150px;}
.link3 ul li:nth-of-type(3) a{ width:150px;}
.link3 ul li:nth-of-type(4){ width:250px;}
.link3 ul li a:hover{ color:#fff; text-decoration:underline;}
.link3 ul li:nth-of-type(4) p{ float:left; width:260px; line-height:35px; font-size:15px; color:#fff;}
.link3 ul li:nth-of-type(4) p a{ float:left; width:260px;}
.link3 ul li:nth-of-type(4) p a:hover{ text-decoration:underline;}
.ewm{ float:right; width:125px; margin-top:70px;}
.ewm img{ float:left; width:103px; height:103px; margin-top:45px; padding-left:10px;}
.ewm b{ float:left; width:100%; color:#fff; font-size:14px; text-align:center; margin-top:10px; font-weight:normal;}
.foor{ float:left; width:100%; height:50px; line-height:50px; text-align:center; color:#fff; background:#000; font-size:13px;}
.foor a:hover{ text-decoration:underline;}