﻿
/*------整屏 begin------*/
#full-screen-slider{ width:100%; height:500px; overflow:hidden;}
#slides-box {width: 100%;height: 500px; margin: auto; overflow: hidden;}
#slides {height: 100%;width: 100%;margin: auto;float: left; overflow:hidden;}
#slides li {position: absolute;width: 100%;height: 500px; overflow:hidden;}
#slides li img{display: block;width: 100%;margin: auto;}
.prev, .next {position: absolute;z-index:10; top: 50%;margin-top: -40px;left: 0;height: 70px;width: 30px;color: #fff;cursor: pointer;background-color: #000;opacity: .5;}
.prev:hover, .next:hover{opacity: .7;}
.prev{ height:90px; width:49px;background: url(../image/left.png) no-repeat center center;}
.next { height:90px; width:49px;left: auto;right: 0;background: url(../image/right.png) no-repeat center center;}
#pagination{position: absolute; bottom: 50px;z-index: 11; height:100px; overflow:hidden; text-align:center;}
#pagination li{padding: 5px 3px;float: left;}
#pagination li a{display: block;width: 25px;height: 25px;line-height: 25px; border-radius: 25px;background: #000;color: #fff;text-align: center;font-family: Arial;text-decoration: none;}
#pagination .active{background: red;}

/*search*/
.seaa{ margin:10px auto; color:#666; font-size:12px; line-height:28px; clear:both;}
.seaa p{ float:left;}
.sea_r{ float:right; padding-top:13px;}
.sousuo{ background:#d7381b  url(../image/search.png); width:30px; height:28px; border:1px;float:right; }
.sousuo:hover{background:#666 url(../image/search.png);-webkit-transition: all .5s;transition: all .5s; }
.sousuo1{border:0px;background:#f3f3f3; width:250px; height:28px; float:right; border-right:0px; padding-left:10px;}
.sea{ margin:20px auto; color:#666; font-size:12px; line-height:28px; clear:both;}
.sea p{ float:left;}
.sea_r{ float:right; padding-top:13px;}
.sousuo{ background:#d7381b  url(../image/search.png); width:30px; height:28px; border:1px;float:right; }
.sousuo:hover{background:#666 url(../image/search.png);-webkit-transition: all .5s;transition: all .5s; }
.sousuo1{border:0px;background:#f3f3f3; width:250px; height:28px; float:right; border-right:0px; padding-left:10px;}

.winston{ position: relative; top:0; left:0; background:#fff; width:235px; height:215px; float:left;margin:10px 5px 10px 0; overflow:hidden;}
.winston img{ margin:10px 10px 0 10px; width:215px; height:160px;}
.winston h1{ color:#333; font-size:13px; text-align:center; font-weight:normal;}
.winston:hover h1{ color:#c80505;}
.winston figcaption{ position:absolute; top:0; left:0;opacity:0; width:300px; height:400px; background: url(../image/phover.png) no-repeat;}
.winston figcaption:hover{ opacity:1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.5s, transform 0.5s;}
.winston figcaption p{ position:absolute; top:150px; left:75px;}
.winston figcaption p a{ border:1px solid #fff; padding:5px 10px; color:#fbfc03;}

/*product*/
.pro{ background:url(../image/probg.jpg); padding:20px 0;}
.ptitle{ width:340px; margin:20px auto; height:100px;}
.ptitle img{ width:95px; height:65px; float:left;}
.ptitle b{ float:left; padding-top:18px; font-size:30px; color:#000;}
.ptitle em{ float:left; font-style:normal; text-transform:uppercase; color:#afb2af; font-size:13px; font-family:arial; text-align:center;margin-left:10px;}
.prol{ float:left; border:2px solid #c80505; width:212px; min-height:250px;background:#fcfcfc;}
.prol h2{ background:#c80505; color:#fff; font-size:18px; font-weight:normal; text-align:center; line-height:2.5;}
.prol ul{ margin-top:20px; margin-bottom:18px;}
.lieb li{ list-style:none; background:#e1e1e1; margin:5px 10px; line-height:50px; font-size:14px; height:50px;}
.lieb li p{ float:left;margin:20px 10px; background:#000; border-radius:50%; width:15px; height:15px; color:#fff; line-height:1; text-align:center;}
.lieb li a{ color:#444444;}
.lieb li:hover{ background:#c80505;-webkit-transition: all .5s;transition: all .5s; }
.lieb li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.lieb li:hover p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.prob{ margin:10px 0 20px 10px; float:left;}
.prob img{ float:left; margin-right:10px;}
.prob h3{ font-style: normal; font-size:12px; color:#666; float:left; line-height:40px;}
.prob h4{ font-style:normal; font-size:16px; color:#c80505; float:left; font-family:arial; line-height:35px;}
.prob p{ float:left;}
.prob ul{ float:left; display:inline-block; margin:0;}
.prob ul li{ float:left; list-style:none; background: url(../image/wuxing.png) no-repeat 0px 7px; padding-left:15px; margin-right:10px; line-height:2; font-size:16px;}
.pror{ float:right; width:960px;}
.prort{ border-bottom:1px solid #999; padding-bottom:5px;}
.prort b{ font-size:18px; color:#c80505;line-height:2;}
.prort a{ float: right; color:#333; font-size:12px; line-height:3.5;}
.prort img{ width:35px; height:35px; float:left; margin-right:10px;}
.pron{ margin-top:20px;}



/*about*/
.atitle{ width:600px; margin:20px auto; }
.atitle img{ width:95px; height:65px; float:left;}
.atitle b{ float:left; padding-top:18px; font-size:30px; color:#000;}
.atitle em{ float:left; font-style:normal; text-transform:uppercase; color:#afb2af; font-size:13px; font-family:arial; text-align:center; margin-left:20px;}
.about img{ border:10px solid #eee; width:405px; height:216px; margin-right:20px; float:left;}
.about p{ width:750px; float:left; padding-top:10px; color:#666666; font-size:13px; line-height:2; margin-bottom:10px;}
.about a{ border-radius:20px; padding:2px 10px; background:#c10707; color:#fff;}
.about a:hover{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s; }


/*zhiliang*/
.zhil{ background:url(../image/mainbg.jpg); margin:40px auto;}
.ztitle{ width:780px; margin:0 auto; padding-top:40px; margin-bottom:10px;}
.ztitle p{ float:left;}
.ztitle h2{ float:left; font-weight:normal; font-style:normal; font-size:20px; color:#333; margin-right:10px;}
.ztitle h2 em{ font-style:normal;color:#cc4242;}
.ztitle h3{letter-spacing:-1px;float:left; font-weight:normal; font-style:normal; font-size:12px; color:#aaa; font-family:arial; text-transform:uppercase;}
.ztitle b{ font-size:34px; color:#000;}
.zll{ width:240px; background:#fff; float:left; margin-bottom:20px;}
.zlul li{ list-style: none; text-align:center; border-bottom:1px solid #000; background:#5c5c5c; line-height:3; font-size:15px; }
.zlul li a{ color:#fff;}
.zlul li:hover{ background:#c80505;-webkit-transition: all .5s;transition: all .5s;}
.zll p{ font-size:12px; text-align:center; margin:5px auto;}
.zll img{ float:left; margin:0 10px 10px 20px;}
.zll b{ float:left; font-style:normal; font-weight:normal; color:#666; font-size:12px;}
.zll i{ float:left;  color:#c80505; font-size:18px; font-style:normal; font-family:arial;}
.zlr{ float:right;}
.zlr li{ float:left; margin-left:40px; list-style:none; width:410px; height:250px;padding:15px; background:#fff; line-height:1.6;}
.zlr li img{ float:left; margin:0 10px 0px 0; clear:both;}
.zlr li h2{ font-size:16px; line-height:3; font-weight:normal; color:#c80505;}
.zlr li p{ color:#444; height:150px;}
.zlr li a{ background:#c80505; border-radius:5px; padding:5px 20px; color:#fff; text-align:center; margin:0 auto;}
.zlr li a:hover{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.more{ width:110px; margin:10px auto;}


/*honor*/
.honor{ position:relative;}
.honor h1,.honor h2{ margin:0 auto; text-align:center;} 
.honor h2{ margin-bottom:20px; font-size:12px;font-weight:normal;color:#ccc; font-family:"arial"; text-transform:uppercase;}
.box{height:200px;width: 1100px;margin: 0 auto;position: relative;overflow:hidden;}
#roll{width:200%; }
#roll dd{list-style:none; float: left; margin-right:20px;}
#roll dd img{height:167px;}
#roll dd p{ height:30px; text-align:center;}
#roll dd p a{ color:#333;}
.honor span{ position:absolute;bottom:40%;width: 28px; height:28px; border-radius:50%;text-align: center;cursor: pointer;background:#da2121;z-index: 90;color: #fff; line-height:1.5; font-size:16px;}
.next{right:0px;}
.prev{ left:0px;}



/*news*/
.new{ background:url(../image/mainbg.jpg); padding:20px 0; margin:20px auto;}
.news{ float:left; width:850px;}
.nt h2{ float:left; color:#c80505; font-size:18px; font-weight:normal; border-left:4px solid #c80505; padding-left:10px;}
.nt a{ float:right; color:#333; font-size:13px;}
.ncon{ background:#fff; margin-top:10px; padding:10px; float:left; width:830px;}
.ncon img{ float:left; margin-right:10px; margin-bottom:10px;}
.ncon h2{ font-weight:bold; color:#333; font-size:14px; margin:10px 0;}
.ncon h2 span{font-weight:normal; float:right; font-size:13px; color:#666;}
.ncon h2 img{ float:right;}
.ncon p{ font-size:13px; line-height:1.8;}
.ncon p a{ color:#c80505;}
.nul { margin-top:40px;}
.nul li{ list-style:none; margin:10px 0;}
.nul li p{ background:#c80505; width:14px; height:14px; border-radius:50%; float:left; text-align:center; color:#fff; margin-right:20px; line-height:14px; margin-top:3px;}
.nul li a{ color:#333; font-size:13px;}
.nul li:hover p{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s;}
.nul li:hover a,.nul li:hover b{ color:#c80505;-webkit-transition: all .5s;transition: all .5s; }
.nul li b{font-weight:normal; color:#666; font-size:13px; float:right;}
.conr{ width:310px; float:right;}
.cont{ float:right; width:310px; text-align:left;}
.cont h2{ color:#c80505; font-size:18px; font-weight:normal; border-left:4px solid #c80505; padding-left:10px;}
.contact{ width:310px; background:#fff; float:right; margin-top:20px;}
.contact img{ margin:15px;}
.contact p{ padding-left:15px; font-size:14px; color:#333; line-height:1.7; padding-bottom:20px;}

/*foot*/
.tabx{ margin:40px auto; }
.hide{display:none;}
#tabs{ float:left;}
#tabs li a{ color:#fff; font-size:13px;}
#tabs li{ list-style:none; background:#333; height:35px; width:73px; text-align:left; padding-left:8px;line-height:2; background:url(../image/over.png) no-repeat;}
#tabs .on{ background: url(../image/on.png) no-repeat;}
#tab  ul a{ color:#797979; padding:0 10px;}
#tab ul{ width:1080px; float:right; text-align: left; border:1px solid #ccc;height:50px; padding:10px; font-size:12px; line-height:2; overflow:hidden;}

/*neiye*/
.content{ margin:40px auto;}
.lml{ float:left; width:220px;}
.lmt{ float:left; border:2px solid #c80505; width:212px; min-height:250px;background:#fcfcfc;}
.lmt h2{ background:#c80505; color:#fff; font-size:18px; font-weight:normal; text-align:center; line-height:2.5;}
.lmt ul{ margin-top:20px; margin-bottom:10px;}
.lmm li{ list-style:none; background:#e1e1e1; margin:10px 15px; line-height:2.5; font-size:14px;}
.lmm li p{ float:left;margin:12px 10px; background:#000; border-radius:50%; width:12px; height:12px; color:#fff; line-height:0.8; text-align:center;}
.lmm li a{ color:#444444;}
.lmm li:hover{ background:#c80505;-webkit-transition: all .5s;transition: all .5s; }
.lmm li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.lmm li.current{background:#c80505;-webkit-transition: all .5s;transition: all .5s;}
.lmm li.current a{color:#fff;}
.lmm li:hover p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.lmcon h2{font-size:18px;font-weight:normal; color:#c80505; border-left:4px solid #c80505; padding-left:10px; margin:15px 0;}
.lmcon h3{ font-size:14px; line-height:2; }
.lmcon p{ line-height:2;}
.contentr{ float:right; width:940px; border:1px solid #ccc; padding:5px;}
.contentr h2{ float:left; color:#c80505; font-size:16px; font-weight:normal; padding-left:10px;}
.contentr span{float:right; font-size:13px;}
.contentr span a{ color:#333;}
.contentr .om{ color:#c80505;}
.contentb { padding:15px; width:920px; border:1px solid #ccc; float:right; margin-top:10px; min-height:700px; text-align:center;}
.contentb .imgs{ text-align:center; width:80%; margin:0 auto; padding:0; border:0;}
.contentb .imgs img{text-align:center; width:60%; margin:0 auto; padding:0; border:0;}
.contentb h1{ text-align:center; font-size:22px; line-height:45px; margin:10px auto;}
.contentb h2,article h3,article h5{ text-align:left;}
.contentb .exptitle{ margin:0 auto; width:98%; padding:0 0 10px 0; text-align:center; border-bottom:solid 1px #f2f2f2;}
.contentb p{ text-indent:2em; text-align:left; line-height:26px; padding:2px 0; color:#666; margin:2px auto;}
.contentb span{ text-indent:2em; text-align:left; line-height:150%; padding:2px 0;}
.contentb .ep{ text-indent:0em; text-align:left; line-height:130%; padding:5px 0; font-family:Arial;}
.contentb img{ text-align:center; }