@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px;}
body{ font-size:12px; font-family:"΢ÈíÑźÚ","ËÎÌå"; background:#fefefe;}
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%;}
.wids{ float:left; width:100%; background:#f1f1f1;}

/*top*/
.txts{ width:1200px; margin:0 auto; height:40px;}
.txts p{ float:left; line-height:40px; color:#7b7a7a; font-size:12px;}
.txts span{ float:right; display:inline-block;}
.txts span dl{ float:left; padding-left:20px;}
.txts span dl dt{ float:left; padding-top:10px;}
.txts span dl dd{ float:left; line-height:40px; color:#cf2020; font-size:12px; margin-left:5px;}
.txts span dl:hover dd{ color:#000;}

.top{ width:1200px; margin:0 auto; height:85px; margin:0 auto;}
.logo{ float:left;}
.logo img{ padding-top:20px;}
.nav{ float:right;}
.nav ul{ float:left; padding-top:25px;}
.nav ul a{ float:left; height:60px; line-height:60px; text-align:right; color:#000; font-size:14px; margin-left:35px;}
.nav ul a:hover{ background:url(../images/bg1.jpg) bottom repeat-x;}

/*banner*/
.banner{ float:left; width:100%; height:435px; position:relative; overflow:hidden;}
.banner a { width:100%; height:435px; position:absolute; top:0px; left:0px;}
.banner a img { width:100%;  height:435px;}
.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:50%; margin-left:-50px;bottom:30px;}
.banner .banner-num span{cursor:pointer;display:inline-block;width:12px;height:12px; border-radius:12px;text-align:center;margin-right:10px;background:#000; color:#fff;}
.banner .banner-num span.current{background:#f00;}
/*banner2*/
.banner2{ float:left; width:100%; height:300px; text-align:center; position:relative; overflow:hidden; background:#eee;}
.banner2 img { height:300px;}
/*index*/
.inabout{ width:1200px; margin:0 auto; padding-top:50px;}
.inleft{ float:left; width:630px;}
.inleft h2{ float:left; width:100%;}
.inleft h2 b{ float:left; width:100%; color:#a2a2a2; display:inline-block;}
.inleft h2 span{ float:left; width:100%; color:#bd3053;}
.inleft p{ float:left; width:100%; line-height:22px; font-size:14px; color:#878787; padding-top:30px;}
.inleft a{ float:left; width:140px; height:40px; line-height:40px; text-align:center; background:#f5032d; color:#fff; font-size:12px; margin-top:50px;}
.inleft a:hover{ color:#000;}
.inright{ float:right; width:535px; overflow:hidden;}
.inright img{ float:left; width:100%; height:260px; padding-top:20px;}
.incase{ width:1200px; margin:0 auto; height:370px; background:url(../images/bg2.jpg) no-repeat; margin-top:70px;}
.inleft2{ float:left; width:300px; padding-left:50px;}
.inleft2 h1{ float:left; width:100%; margin-top:40px;}
.inleft2 h1 b{ float:left; width:100%; color:#fff; display:inline-block; font-size:30px;}
.inleft2 h1 span{ float:left; width:100%; color:#fff; font-size:30px; font-weight:normal; padding-top:10px;}
.inleft2 p{ float:left; width:100%; line-height:22px; font-size:12px; color:#fff; padding-top:30px;}
.inleft2 a{ float:left;  color:#fff; font-size:12px; margin-top:40px;}
.inleft2 a:hover{ padding-left:10px;}
.inright2{ float:left; width:620px; overflow:hidden; margin-top:50px; margin-left:170px;}
.inright2 a{ float:left; width:205px; margin-bottom:2px; padding-right:2px;}
.inright2 a img{ float:left; width:205px; height:133px;}
.inright2 a:nth-of-type(3n){ padding-right:0px;}

.widp{ float:left; width:100%; background:#f1f1f1 url(../images/bg3.jpg) no-repeat; margin-top:60px;}
.inproduct{ width:1200px; margin:0 auto;}
.inproduct h2{ float:left; width:100%; margin-top:100px; margin-bottom:38px;}
.inproduct h2 b{ float:left; width:100%; color:#fff; text-align:center; display:inline-block; font-size:30px;}
.inproduct h2 span{ float:left; width:100%; color:#fff; text-align:center; font-weight:normal;}
.box{ float:left; width:1200px; background:#fff;}
.box h3{ float:left; width:100%; margin-bottom:5px; font-weight:normal;}
.box h3 b{ float:left; width:70px; line-height:50px; font-size:14px; text-align:center; color:#F00; background:url(../images/bg4.jpg) right no-repeat; margin-right:10px;}
.box h3 a{ float:left; line-height:50px; padding:0px 12px; color:#999; font-size:14px;}
.box h3 a:hover{ color:#f00;}
.box ul{ float:left; width:100%;}
.box ul a{ float:left; width:258px; padding:20px; border-right:1px solid #f1f1f1; border-bottom:1px solid #e8e8e8;}
.box ul a span{ float:left; font-size:14px; color:#7b7b7b}
.box ul a img{ float:left; width:100%; height:250px; padding-top:10px; padding-bottom:10px;}
.box ul a:nth-of-type(4n){ border-right:none;}
.box ul a:hover span{ color:#f00;}
.more{ float:left; width:100%; text-align:center; margin-bottom:50px;}
.more a{ width:140px; height:40px; line-height:40px; text-align:center; background:#f5032d; color:#fff; font-size:12px; margin-top:50px; display:inline-block}
.more a:hover{ color:#000;}

.innews{ width:1200px; margin:0 auto; margin-top:60px;}
.inleft3{ float:left; width:200px; padding-left:50px; padding-right:50px; background:#f1f1f1;}
.inleft3 h1{ float:left; width:100%; margin-top:40px;}
.inleft3 h1 b{ float:left; width:100%; color:#666666; display:inline-block; font-size:36px;}
.inleft3 h1 span{ float:left; width:100%; color:#f5032d; font-size:18px; font-weight:normal; padding-top:10px;}
.inleft3 ul{ float:left; width:175px; padding-top:10px;}
.inleft3 ul a{ float:left; width:175px; line-height:45px; color:#4f4f4f; font-size:14px; background:url(../images/bg5.jpg) bottom no-repeat; padding-top:10px;}
.inleft3 ul a:hover{ color:#F00;}
.more2{ float:left; width:100%; margin-bottom:60px;}
.more2 a{ float:left; width:140px; height:40px; line-height:40px; text-align:center; background:#f5032d; color:#fff; font-size:12px; margin-top:50px; display:inline-block}
.more2 a:hover{ color:#000;}

.inright3{ float:right; width:900px; overflow:hidden;}
.inright3 ul{ float:left; width:380px; padding:0px 35px; background:url(../images/bg6.jpg) right repeat-y; padding-bottom:30px;}
.inright3 ul li{ float:left; width:370px; height:190px; padding-top:10px;}
.inright3 ul li a{ float:left; width:370px; font-size:14px; height:35px; line-height:35px; background:url(../images/iconbg.png) left no-repeat; text-indent:15px; color:#010101;}
.inright3 ul li img{ float:left; width:100%; height:218px; padding-top:30px;}
.inright3 ul li a:hover{ color:#F00; text-decoration:underline;}
.inright3 ul:nth-of-type(2){ background:none;}
/*about*/
.about{ width:1200px; margin:0 auto; margin-top:40px;}
.lef{ float:left; width:200px; padding-left:50px; padding-right:30px; background:#f1f1f1; padding-bottom:50PX;}
.lef h1{ float:left; width:100%; margin-top:40px;}
.lef h1 b{ float:left; width:100%; color:#666666; display:inline-block; font-size:26px;}
.lef h1 span{ float:left; width:100%; color:#f5032d; font-size:18px; font-weight:normal; padding-top:10px;}
.lef ul{ float:left; width:175px; padding-top:10px;}
.lef ul li{float:left; width:175px; background:url(../images/bg5.jpg) bottom no-repeat;}
.lef ul li a{ float:left; width:175px; line-height:45px; text-align:center; color:#4f4f4f; font-size:14px; margin-top:10px; margin-bottom:10px;}
.lef ul li a:hover{ color:#FFF; background:#F00; text-align:center;}
.lef ul li a.hover{ color:#FFF; background:#F00; text-align:center;}
.lef dl{ float:left; width:175px; margin-top:50px;}
.lef dl h2{ float:left; width:100%; color:#f5032d; font-size:18px; font-weight:normal; margin-bottom:10px;}
.lef dl p{ float:left; font-size:14px; color:#000; line-height:22px; padding-top:5px;}


.rig{ float:right; width:900px;}
.rig h2{ float:left; width:100%; height:35px; font-size:14px; font-weight:normal; background:#f1f1f1; margin-bottom:20px;}
.rig h2 a{ float:left; line-height:35px; background:url(../images/abg2.png) 10px no-repeat; text-indent:33px; color:#000;}
.rig h2 span{ float:left; line-height:35px; background:url(../images/abg2.png) 10px no-repeat; text-indent:33px; color:#f00;}
.rig h2 a:nth-of-type(1){ background:url(../images/abg1.png) 10px no-repeat;}
.rig h2 a:hover{ color:#f00;}
.rig p{ float:left; width:100%; line-height:25px; font-size:14px;}
.rig p img{ max-width:100%;}
.rig ul{ float:left; width:100%;}
.rig ul a{ float:left; width:286px; border:1px solid #eae7e7; margin-right:17px; background:#fff; margin-bottom:20px;}
.rig ul a img{ float:left; width:250px; height:220px; margin-left:17px; margin-top:15px; border-bottom:1px solid #e0dfdf;}
.rig ul a span{ float:left; width:286px; height:45px; line-height:45px; display:inline-block; text-align:center; font-size:14px; color:#000;}
.rig ul a:hover span{ color:#d52325;}
.rig ul a:nth-of-type(3n){ margin-right:0px; float:right;}
.layer{ float:left; width:100%; line-height:25px; font-size:14px; color:#333; margin-top:20px;}
.layer a{ color:#333}

.rig2{ float:right; width:900px; height:587px; background:url(../images/22.jpg) 50px 50px no-repeat;}
.rig2 p{ float:left; width:500px; line-height:25px; font-size:14px; padding-left:280px; padding-top:70px;}
.rig2 p img{ max-width:100%;}
.rig2 h2{ float:left; width:100%; height:35px; font-size:14px; font-weight:normal; background:#f1f1f1; margin-bottom:20px;}
.rig2 h2 a{ float:left; line-height:35px; background:url(../images/abg2.png) 10px no-repeat; text-indent:33px; color:#000;}
.rig2 h2 span{ float:left; line-height:35px; background:url(../images/abg2.png) 10px no-repeat; text-indent:33px; color:#f00;}
.rig2 h2 a:nth-of-type(1){ background:url(../images/abg1.png) 10px no-repeat;}
.rig2 h2 a:hover{ color:#f00;}

/*news*/
.rig dl{ float:left; width:100%; padding-bottom:30px;}
.rig dl li{ float:left; width:100%; height:55px; line-height:55px; border-bottom:1px dashed #ddd;}
.rig dl li a{ float:left; width:80%; color:#555; font-size:14px; text-indent:20px; background:url(../images/newsbg.png) 10px no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:5px;}
.rig dl li span{ float:right; line-height:55px; font-size:12px; color:#555; display:inline-block; padding-right:5px;}
.rig dl li:hover{ background:#F6F6F6}
.rig dl li:hover a{ color:#f00; background:#F6F6F6 url(../images/newsbg.png) 10px no-repeat}
.rig dl li:hover span{ color:#f00; background:none;}

.info{ float:left; width:100%; overflow:hidden; background:#fff; padding-bottom:30px; margin-bottom:50px;}
.info h3{ float:left; width:100%; text-align:center; font-size:18px; padding-top:20px;}
.info span{ float:left; width:100%; line-height:45px; font-size:14px; text-align:center; border-bottom:1px dashed #e8e8e8; margin-bottom:20px; padding-bottom:20px;}
.info p{ width:100%; line-height:26px; font-size:16px; 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}


/*bottom*/
.bottom{ float:left; width:100%; height:330px; background:#333333; margin-top:50px;}
.foot{ width:1200px; margin:0 auto;}
.foot ol{ float:left; width:400px; padding-top:50px;}
.foot ol h3{ float:left; width:100%;}
.foot ol h3 img{ float:left;}
.foot ol b{ float:left; width:340px; line-height:22px; font-size:14px; color:#c2c0c1; padding-left:55px; padding-top:20px; padding-bottom:15px; font-weight:normal;}
.foot ol p{ float:left; width:100px; margin-left:55px;}

.link{ float:right; width:570px; margin-top:60px; padding-right:50px;}
.link ul{ float:left; width:270px;}
.link ul h2{ float:left; width:100%; font-size:16px; color:#fff; margin-bottom:15px;}
.link ul a{ float:left; width:120px; line-height:35px; border-bottom:1px dashed #8f8f8f; font-size:12px; color:#8f8f8f;}
.link ul a:nth-of-type(2n){ float:right;}
.link ul a:hover{ color:#fff;}


.lx{ float:right; width:240px;}
.lx h2{ float:left; width:100%; margin-bottom:20px;}
.lx h2 span{ float:left; width:100%; font-size:14px; color:#fff;}
.lx h2 b{ float:left; width:100%; color:#f5032d; font-size:22px; margin-top:3px;}
.lx dl{ float:left; width:110px;}
.lx dl dt{ float:left; width:110px; height:110px; background:#FFF;}
.lx dl dt img{ float:left; width:110px; height:110px;}
.lx dl dd{ float:left; width:110px; line-height:35px; text-align:center; color:#fff; font-size:12px;}
.lx dl:nth-of-type(2){ float:right;}