@charset "utf-8";
/* CSS Document */
/*banner*/
.clearfix{*zoom:1;}
.commontitle{ padding:40px 0px 55px; font-size:30px; line-height:32px; text-align:center; position:relative;}
.commontitle span{ display:block; width:75px; height:2px; background:#db0009; position:absolute; bottom:35px; left:50%; margin-left:-37.5px;}
.Intothe{background:#f3f3f3 url(index_28.jpg) no-repeat center; height:670px; overflow:hidden;margin:0 auto}
.Intotheleft{ float:left; width:610px; background:#fff; padding:20px; margin-top:20px; position:relative;height:365px;}
.Intotheleft dl dt{ float:left; width:300px;}
.Intotheleft dl dt img{ display:block;width:280px;}
.Intotheleft dl dd{ float:right; width:300px;}
.Intotheleft dl dd h3{ font-size:20px; font-weight:bold; padding:20px 0px; color:#333333; position:relative;}
.Intotheleft dl dd h3:after{ display:block; content:" "; width:50px; height:2px; background:#d9d9d9; position:absolute; left:0%; bottom:0px;}
.Intotheleft dl dd p{font-size:14px; color:#333333;}
.Intotheleft dl dd p.desc{ padding-top:20px; height:210px; overflow:hidden; line-height:23px;}
.Intotheleft dl dd p.more{ padding-top:15px;}
.Intotheleft dl dd p.more a{ display:inline-block; padding:10px 30px; border:1px solid #db0009; color:#db0009;}

.Intotheright{ float:right; width:280px; background:#fff; padding:28px 23px 0px; height:380px;margin-top:20px;}
.Intotheright h3{ border-bottom:1px solid #d4d4d4; font-size:20px; font-weight:bold; color:#333333; padding-bottom:15px;}
.Intotheright h3 a{ float:right; font-size:12px; font-weight:normal;}
.Intotheright ul{ padding-top:17px;}
.Intotheright ul li{ background:url(index_30.png) no-repeat left 8px; height:24px; overflow:hidden; font-size:14px; padding-left:15px; margin-top:10px;}

#flashs { overflow:hidden; width:100% !important; height:600px; position:relative}
#flashs .btn{ position:absolute; z-index:7; bottom:18px; left:50%; margin-left:-31px;}
#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#bb0b04;} 
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(babot2.png) no-repeat center; right:5%; z-index: 2;}
/*品种*/
.pinzhong { overflow:hidden; width:1000px; margin:0 auto; margin-top:60px; margin-bottom:40px;}
.pinzhong h3{ text-align:center; font-size:30px; color:#d50606; margin-bottom:5px;}
.pinzhong span{ display:block; text-align:center; font-size:16px; color:#bebebe; font-family:Arial; margin-bottom:20px;}
.pinzhong>p{ text-align:center; font-size:16px; color:#666; margin-bottom:30px;}
.pinzhong dl{ overflow:hidden; width:100%;}
.pinzhong dt{ overflow:hidden; float:left; width:530px; height:326px; position:relative;}
.pinzhong dt img{ display:block; position:absolute;}
.pinzhong dt .y01{ /*left:40px;*/ top:17px; left:-100px; opacity:0; filter:alpha(opacity=0)}
.pinzhong dt .y02{/* left:280px;*/ top:17px; left:400px; opacity:0; filter:alpha(opacity=0)}
.pinzhong dt .imgd{ display:none}
.pinzhong dt .img01{ left:74px; top:5px;}
.pinzhong dt .img02{ left:374px; top:20px;}
.pinzhong dt .img03{ left:15px; top:121px;}
.pinzhong dt .img04{ left:500px; top:134px;}
.pinzhong dt i{ display:block; position:absolute}
.pinzhong dt i.i01{/* width:103px;*/ height:66px; background:url(01.png) no-repeat right center; /*left:85px;*/ top:17px; width:0; left:188px;}
.pinzhong dt i.i02{/* width:59px;*/ height:60px; background:url(02.png) no-repeat right center; /*left:22px;*/ top:133px; width:0; left:81px;}
.pinzhong dt i.i03{/* width:92px;*/ height:47px; background:url(03.png) no-repeat left center; left:290px; top:3px; width:0;}
.pinzhong dt i.i04{ /*width:102px;*/ height:111px; background:url(04.png) no-repeat left center; left:410px; top:147px; width:0;}
.pinzhong dt p{ font-size:13px; color:#333; position:absolute; display:none}
.pinzhong dt p.p01{ left:100px; top:6px;}
.pinzhong dt p.p02{ left:40px; top:123px;}
.pinzhong dt p.p03{ left:400px; top:20px}
.pinzhong dt p.p04{ left:440px; top:135px;}
.pinzhong dd{ overflow:hidden; width:430px; float:right}
.pinzhong dd h4{ font-size:16px; color:#333; margin-bottom:20px;}
.pinzhong dd .wen{ overflow:hidden; padding-left:20px; background:url(pinzhong_01.jpg) left 3px no-repeat; margin-bottom:50px;}
.pinzhong dd p{ font-size:14px; color:#666; margin-bottom:15px;}
.pinzhong dd img{ display:block}

/*模式*/
.moshi { overflow:hidden; width:100%; height:707px; background-color:#eee;}
.moshi h3{ text-align:center; font-size:30px; color:#d50606; margin-top:55px;}
.moshi span{ display:block; text-align:center; font-size:16px; color:#bebebe; margin-top:5px; margin-bottom:15px;}
.moshi p{ text-align:center; font-size:16px; color:#666; margin-bottom:35px;}
.moshi .menu { overflow:hidden; width:1000px; margin:0 auto; height:55px;}
.moshi .menu li{ float:left; width:24.9%; height:55px; text-align:center; font-size:16px; color:#dfdfdf; line-height:55px; border-right:#4A68B8 1px solid}
.moshi .menu li.li01{ background-color:#22408F}
.moshi .menu li.li02{ background-color:#22408F}
.moshi .menu li.li03{ background-color:#22408F}
.moshi .menu li.li04{ background-color:#22408F}
.moshi .menu li.cur{ background-color:#c12201; color:#fff;}
.moshi .moshibox{ overflow:hidden; width:1000px; height:407px; padding-bottom:25px; margin:0 auto; background:url(moshi_bg.png) no-repeat center bottom; position:relative}
.moshi .moshibox ul{ overflow:hidden; width:4000px; height:407px; position:absolute; left:0; top:0}
.moshi .moshibox li{ overflow:hidden; width:1000px; height:407px; float:left;}

/*产业链*/
.chanye { overflow:hidden; width:100%; height:653px; background:url(cylbg.jpg) no-repeat center top;}
.chanye h3{ text-align:center; font-size:30px; color:#d50606; margin-top:55px; margin-bottom:5px;}
.chanye span{ display:block; text-align:center; font-size:16px; color:#666; margin-bottom:15px;}
.chanye p{ font-size:16px; color:#fff; text-align:center; margin-bottom:55px;}
.chanye .imgbox{ overflow:hidden; width:1000px; margin:0 auto; height:384px; position:relative}
.chanye .imgbox img{ display:block; position:absolute;}
.chanye .imgbox .img01{ left:0; top:0}
.chanye .imgbox .img02{ left:0; bottom:0}
.chanye .imgbox .img03{ left:275px; top:0}
.chanye .imgbox .img04{ left:617px; top:0}
.chanye .imgbox .img05{ right:0; top:0}
.chanye .imgbox .img06{ right:0; bottom:0}

/*网络*/
.wangluo { overflow:hidden; width:1000px; margin:0 auto; margin-top:60px; margin-bottom:60px;}
.wangluo h3{ text-align:center; font-size:30px; margin-bottom:5px;color:#d50606;}
.wangluo h3 a{color:#d50606;}
.wangluo>span{ display:block; text-align:center; font-size:16px; color:#bebebe; font-family:Arial; margin-bottom:15px;}
.wangluo>p{ text-align:center; font-size:16px; color:#666; margin-bottom:40px;}
.wangluo .wl_hz { overflow:hidden; width:100%; height:90px; margin-bottom:20px; position:relative}
.wangluo .wl_hz ul{ overflow:hidden; position:absolute}
.wangluo .wl_hz li{ float:left; overflow:hidden; width:148px; height:88px; border:1px solid #ccc; margin-right:20px;}
.wangluo dl{ overflow:hidden; width:100%; height:343px;}
.wangluo dt{ overflow:hidden; width:370px; height:343px;float:left}
.wangluo dt a{ display:block; width:155px; height:37px; /*background:url(wangluo_btn.png) no-repeat center;*/ margin-left:26px; margin-top:285px;}
.wangluo dd{ overflow:hidden; width:625px; height:343px; position:relative; float:right}
.wangluo dd ul{ overflow:hidden; position:absolute}
.wangluo dd li{ float:left; width:625px; height:343px; position:relative}
.wangluo dd li span{ display:block; width:505px; height:46px; background:url(wangluo_btnspan.png) repeat center; padding-left:20px; font-size:16px; color:#fff; line-height:46px; position:absolute; left:0; bottom:0; padding-right:100px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.wangluo dd li span a{color:#fff; }
.wangluo dd .btn{ overflow:hidden; position:absolute; right:10px; bottom:17px;}
.wangluo dd .btn span{ display:inline-block; width:12px; height:12px; margin:0 3px; background:url(wangluo_span.png) no-repeat left center; cursor:pointer}
.wangluo dd .btn span.cur{ background-position:right}

/*pro*/
.pro { overflow:hidden; width:100%; padding:55px 0; background:url(pro_bg.jpg) repeat center;}
.pro h3{ text-align:center; font-size:30px; margin-bottom:5px;}
.pro h3 a{color:#d50606; }
.pro span{ display:block; text-align:center; font-size:16px; color:#bebebe; font-family:Arial; margin-bottom:15px;}
.pro .menu{ overflow:hidden; width:100%; text-align:center; margin-bottom:30px;}
.pro .menu li{ display:inline-block; font-size:14px; background-color:#e1dcdc; padding:10px 15px; margin:0 5px; border-radius:5px;}
.pro .menu li{ *display:inline}
.pro .menu li a{color:#666; text-decoration:none}
.pro .menu li.cur,.pro .menu li:hover{ background-color:#d50606;}
.pro .menu li.cur a,.pro .menu li:hover a{ color:#fff;}
.pro .pro_box{ overflow:hidden; width:1000px; margin:0 auto; height:604px; position:relative}
.pro .pro_box .pro_list{ overflow:hidden; width:110%; position:absolute; left:0; top:0}
.pro .pro_list li{ float:left; width:242px; height:297px; background-color:#fff; margin-right:10px; margin-bottom:10px;}
.pro .pro_list li .tu{ display:block; width:242px; height:216px; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.pro .pro_list li .tu img{ display:block; width:100%; height:100%;}
.pro .pro_list li h4{ font-weight:normal; margin-bottom:10px; text-align:center; font-size:16px;}
.pro .pro_list li h4 a{ color:#333;}
.pro .pro_list li em{ display:block; text-align:center; font-size:13p; color:#333;}

/*about*/
.about { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:55px;}
.about h3{ text-align:center; font-size:30px; color:#d50606; margin-bottom:5px;}
.about h3 a{ color:#d50606;}
.about>span{ display:block; text-align:center; font-size:16px; color:#bebebe; font-family:Arial; margin-bottom:15px;}
.about>p{ text-align:center; font-size:16px; color:#666; margin-bottom:40px;}
.about dl{ overflow:hidden; width:100%; margin-bottom:30px;}
.about dt{ float:left; overflow:hidden; width:474px; height:286px; border:8px solid #f5f5f5;}
.about dd{ overflow:hidden; width:460px; float:right}
.about dd h4{ font-size:24px; color:#d50606;}
.about dd h5{ font-weight:normal; font-size:16px; color:#333; margin-bottom:40px;}
.about dd h5 a{ color:#333}
.about dd p{ font-size:12px; line-height:25px; color:#666; height:100px; overflow:hidden; margin-bottom:50px;}
.about dd .more{ border-radius:3px; text-decoration:none; display:block; width:125px; height:37px; background-color:#d50606; text-align:center; line-height:37px; color:#fff; font-size:16px;}
.about dd .more img{ margin-left:10px;}
.about .time{ overflow:hidden; width:1000px; margin:0 auto; margin-bottom:25px; background:url(about_time.png) no-repeat center top;}
.about .time ul{ overflow:hidden; width:802px; margin:0 auto;}
.about .time li{ cursor:pointer; display:block; *width:28px; float:left;margin:0 20px; overflow:hidden; text-align:center}
.about .time li span{ display:block; width:11px; height:11px; background:url(about_y01.png) no-repeat center; margin:0 auto; margin-bottom:20px;}
.about .time li em{ display:block; text-align:center; font-size:12px; color:#999;}
.about .time .li02{ margin-left:28px;}
.about .time .li03{ margin-left:28px;}
.about .time .li04{ margin-left:28px;}
.about .time .li05{ margin-left:28px;}
.about .time .li06{ margin-left:28px;}
.about .time .li07{ margin-left:28px;}
.about .time .li08{ margin-left:28px;}
.about .time .li09{ margin-left:28px;}
.about .time .li010{ margin-left:28px;}
.about .time li.cur span{ background:url(about_y02.png) no-repeat center;}
.about .con { overflow:hidden; width:1000px; margin:0 auto; text-align:center}
.about .con p{ display:inline-block; padding:10px 28px; background-color:#d50606; font-size:16px; color:#fff; line-height:20px; font-size:16px;}
.about .con p{ *display:inline}
.about .con p span{ color:#fffc1f;}

/*专利*/
.zhuanli { overflow:hidden; width:100%; height:405px; margin-bottom:60px;}
.zhuanli .wen{ overflow:hidden; float:left; margin-top:44px;}
.zhuanli .wen h3{ font-size:30px; color:#333;}
.zhuanli .wen h3 b{ color:#d50606;}
.zhuanli .wen h3 a{color: #333;}
.zhuanli .wen span{ display:block; font-size:18px; color:#333; margin-bottom:35px;}
.zhuanli .wen p{ font-size:14px; color:#333; line-height:35px; background:url(zhuanli_ry.png) no-repeat left center; padding-left:25px;}
.zhuanli #zlmore{ display:block; width:54px; height:21px; border:1px solid #b40606; background-color:#d50606; text-align:center; line-height:21px; font-size:12px; color:#fff; float:right; margin-top:50px; border-radius:3px; text-decoration:none}
.zhuanli .btn{ display:block; width:540px; height:250px; float:right; margin-top:128px; margin-right:-57px;}

/*news*/
.news { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:60px;}
.news .menu{ overflow:hidden; width:260px; float:left; height:446px;}
.news .menu li{ width:100%; height:142px; float:left; margin-bottom:10px; background-color:#808080;}
.news .menu li a{ display:block; text-align:center; text-decoration:none; font-size:24px; color:#fff;}
.news .menu li img{ display:block; margin:0 auto; margin-top:15px; margin-bottom:10px;}
.news .menu li.cur{ background-color:#d50606;}
.news .newsBox { overflow:hidden; width:725px; float:right; height:446px; position:relative}
.news .newsList{ overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0}
.news .newsList dl{ overflow:hidden; width:100%; height:292px; margin-bottom:20px;}
.news .newsList dt{ overflow:hidden; float:left; widows:438px; height:292px;}
.news .newsList dd{ overflow:hidden; width:270px; float:right;}
.news .newsList dd h4{ font-size:16px; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .newsList dd h4 a{ color:#333;}
.news .newsList dd em{ display:block; color:#999; font-size:13px; margin-bottom:20px;}
.news .newsList dd p{ font-size:13px; color:#666; line-height:25px; height:125px; text-align:justify; overflow:hidden; margin-bottom:60px;}
.news .newsList dd .more{ display:block; width:100px; height:30px; text-align:center; line-height:30px; border:1px solid #ccc; font-size:12px; color:#898989;}
.news .newsList ul{ overflow:hidden; width:100%;} 
.news .newsList li { overflow:hidden; width:100%; font-size:13px; line-height:35px; background:url(news_li.jpg) left center no-repeat; *float:left}
.news .newsList li a{ display:inline-block; max-width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; float:left; margin-left:15px;}
.news .newsList li span{ float:right; color:#999; font-size:12px;}