body{ font-family: "微软雅黑"; font-size:13px; line-height:2; font-weight:normal; margin:0; padding:0; overflow-x:hidden;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;color:#42035d;}
html, body, div, span, ul, li, ol, dl, dt, dd, table, td, th, p, fieldset, form, pre, blockquote, h1, h2, h3, h4, h5, h6, input, img, a { margin: 0; padding: 0; }
ul,li,ol{ list-style: none; }
img { border: none; }
.clear{ clear:both; height:0px;}
.inner{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}


/*head*/
#head{height:30px; width:100%;border-bottom:1px solid #ccc; line-height:30px; font-size:12px;}
#head span{ color:#7d7d7d;}
#head p a{ color:#7d7d7d;  }
#head p a:hover{color:#42035d;-webkit-transition: all .5s;transition: all .5s;}


/*logo*/
.top{ padding-top:10px;}
.logo img{ float:left; width:170px; height:90px;}
.logo h2{ border-left:1px solid #999; padding-left:10px; font-size:25px; font-weight:bold; float:left; line-height:3.5; color:#333;}
.tel{ float:right; width:270px;}
.tel img{ width:56px; height:57px; float:left; margin-right:5px;}
.tel i{ float:left; font-size:14px; margin-top:5px; font-weight:normal; color:#555; font-style:normal; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.tel b{ float:left; font-size:25px; line-height:1;
-webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent) , to(rgba(66,3,93,0.8)));}

/*nav*/
nav{ height:50px; border-bottom:5px solid #42035d; margin-top:20px;line-height:60px;}
nav ul,nav li{ list-style:none;}
nav>ul{ width:1200px; margin:0 auto;}
nav .first a{ background:url(../images/home.png) no-repeat 0px 18px; display:block; padding-left:20px; color:#333;}
nav .first:hover{ background:none;}
nav ul li.first a:hover{ color:#333;}
nav>ul>li{float:left; padding:0 50px;height:50px; text-align:center;position:relative; }
nav>ul>li a{ color:#333; font-size:16px; display:block;}
nav>ul>li:hover{background:url(../images/navbg.png) no-repeat bottom center; }
nav>ul>li:hover>a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
nav li ul{ display:none; position:absolute; top:50px; z-index:5; left:0;}
nav li:hover ul{ display:block;}
nav li li{ background:#42035d; padding:0 50px; line-height:40px;border-bottom:1px solid #ccc;}
nav li li a{ color:#fff; font-size:14px;}
nav li li a:hover{ color:#d39a41;-webkit-transition: all .5s;transition: all .5s;}




/*banner*/
.flexslider{height:400px;position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:100%; margin:0 auto;}
.slides{position:relative;z-index:1;}
.slides li{height:588px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden; background:#fff; border-radius:50%;}
.flex-control-nav .flex-active{background:#42035d;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}




.product{ background:url(../images/sea.png) no-repeat top center; padding:20px 0 50px 0;}
/*search*/
.sea{ color:#666; font-size:14px; line-height:28px; margin-bottom:60px; margin-top:10px;}
.sea p{ float:left;}
.sea_r{ float:right; padding-top:13px;}
.sousuo{ background:url(../images/search.png) no-repeat center; color:#fff;width:66px; height:26px; border:1px solid #ccc;; border-left:0; border-right:0;float:right; border:0}
.sousuo1{border:1px solid #ccc;background:#fff url(../images/search1.png) no-repeat left; width:220px; height:24px; float:right;border-right:0px; margin-right:-1px; padding-left:30px;}

/*product*/
.left{ float:left; border:1px solid #ccc; border-bottom:0;width:193px;display:none;}
.left h2{ background: url(../images/left.jpg) no-repeat; font-weight:normal; text-align:center; font-size:18px; color:#42035d; line-height:1; padding:20px 0;}
.left h2 i{white-space:nowrap; font-size:12px; color:#333; font-family:arial; text-transform: uppercase;line-height:1; font-style:normal;}
.prl{background-color:rgba(255,255,255,0.5);}
.prl li{ border-bottom:1px solid #ccc;}
.prl li a{background:url(../images/jt.png) no-repeat 160px 10px; line-height:42px; padding-left:10px; display:block; font-size:14px; color:#333;-webkit-transition: all .5s;transition: all .5s;}
.prl li a:hover{ color:#d39a41;-webkit-transition: all .5s;transition: all .5s;}
.prr{ background:url(../images/prr.png)  no-repeat; float:right; width:1200px; height:550px; float:right; }
.prr ul{ margin:40px 0 0 40px;}
.prr ul li{ width:235px; height:220px; border:1px solid #ccc; text-align: center; position: relative; float:left; margin: 0 40px 15px 0;}
.prr ul li .img{ width:235px; height:175px;}
.prr ul li .hot{ position:absolute; left:0; top:0; z-index:5;}
.prr ul li p{ background:url(../images/jt1.png) no-repeat 50px 6px; }
.prr ul li p a{ color:#333;}
.prr ul li:hover{ border:1px solid #d40317;}


/*四大优势*/
.youshi{ background:url(../images/ysbg.jpg) no-repeat top center;display: block; color:#fff; padding-bottom:30px;}
.youshi>h2{ text-align:center; font-size:50px; text-transform:uppercase; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; letter-spacing:2px; line-height:1.5; padding-top:60px;display: block;}
.youshi>h3{ text-align:center; font-size:18px; line-height:1; font-weight:normal; padding-bottom:50px;}
.ys{ width:1000px; margin:0 auto;}
.ys li{ float:left; width:50%;height:163px;}
.ys li h2,.ys li p{ float:left; width:65%;}
.ys li h2 a{ font-size:16px; color:#fff; border-bottom:2px solid #ccc; display:block;padding-bottom:10px; margin-top:5px; margin-bottom:10px;}
.ys h3{ width:115px; height:115px; background:url(../images/ys.png) no-repeat; float:left; margin-right:10px;}
.ys li:hover h3{background:url(../images/ysh.png) no-repeat; -webkit-transition: all .5s;transition: all .5s;}
.ys li:hover h2 a{ color:#d39a41;-webkit-transition: all .5s;transition: all .5s;}


/*about*/
.about{ margin:90px auto 0px auto; width:1200px; display:block;}
.about img{ width:458px; height:247px; float:left; margin-right:40px;}
.about h2{ line-height:1.5;font-size:55px; color:#5b5b5b; font-weight:bold; text-transform:uppercase; display:block; border-bottom:5px solid #959595; float:left; margin-bottom:20px;}
.about h2 b{ color:#d39a41; font-size:20px;}
.about p{ float:left; width:55%; margin-bottom:20px;}
.about a{ float:left; padding:8px 25px; border:1px solid #ccc; color:#333;}
.about a:hover{ color:#fff; background:#d39a41;-webkit-transition: all .5s;transition: all .5s; border-color:#d39a41;}

.guodu{ background:url(../images/gd2.jpg) no-repeat center; height:250px; margin-top:30px;}




/*news*/
.xinwen{ margin-top:30px; background:url(../images/newsbg.jpg) no-repeat center; min-height:300px;}
.news{ float:left; width:53%;}
.news img{ width:580px; height:170px;}
.newst{ border-bottom:1px solid #ccc; line-height:2;float:left; width:92%; margin-bottom:20px;}
.newst h2{ font-size:20px; font-weight:bold;}
.newst h2 b{ font-weight:normal; color:#d39a41; text-transform: uppercase; font-size:14px;}
.newst h2 img{  width:16px; height:16px; }
.new{ margin-top:10px; padding:5px; width:90%;}
.new li{ margin-bottom:20px;}
.new li h2{ font-size:18px; width:90px; text-align:center; float:left; margin-right:10px;font-weight:normal; }
.new li h2 b{ width:90px; float:left; background:#d39a41; font-weight:normal; color:#fff;}
.new li h2 i{ width:90px; float:left; background:#e3e2e2; line-height:2; color:#333; font-style:normal;}
.new li p{ line-height:1.5; font-size:13px; color:#555;}
.new li h3 a{ font-size:15px; color:#333;}

/*资讯*/
.zxs{ float:right; width:47%;}
.zxs .newst{ width:100%;}
.zxs img{ width:580px; height:170px;}
.zx{ margin-top:15px;}
.zx li{ line-height:2; font-size:14px; background:url(../images/zxb.jpg) repeat-y 0px -3px; padding-left:20px; float:left; width:100%;}
.zx li a{ float:left; color:#000;}
.zx li a:hover{ color:#d39a41;-webkit-transition: all .5s;transition: all .5s;}
.zx li span{ float:right; color:#333;} 



/*foot*/
#tab{ margin-bottom:10px;}
#tab  ul a{ color:#797979;}
#tab ul{ line-height:2; padding:5px;}
#tabs{ margin-top:30px;font-weight:bold; }
#tabs li{  float:left; list-style:none; font-size:16px;}
#tabs span{ float:left; line-height:2.3;}
#tabs li a{ display:block; color:#333; padding:0 5px;}
#tabs li.on a{ color:#d39a41;}
.ftb{ background:#42035d; border-top:3px solid #d39a41;line-height:4;font-size:14px; display:block; padding:15px 0;color:#fff;}
.ftb a{color:#fff; background:none;}
.ftb p{  line-height:2; padding-left:5px; font-size:12px;}
.ftb a:hover{ color:#d39a41;-webkit-transition: all .5s;transition: all .5s; }
.foot li,.foot span{ float:left; line-height:4; font-size:14px;}
.foot li a{ padding:0 5px;}
.foot p{ color:#eee;}
.hide{display:none;}
.ewm{ float:right;}
.ewm p{ float:left; width:120px; padding:5px; background:#fff; line-height:1; color:#333; margin-right:10px; text-align: center;}


/*ban*/
.ban{ background:url(../images/ban.jpg) center no-repeat; height:555px; margin-bottom:40px;}


/*content*/
.net h2{ float:left; color:#333; font-size:25px; line-height:1; margin-bottom:20px;}
.net h2 em{white-space:nowrap; font-style:normal;color:#d39a41; font-size:14px; text-transform:uppercase;}
.net h3{ float:right; background:url(../images/tel24.png) no-repeat; padding-left:50px; font-size:14px; color:#555; line-height:1;}
.net h3 em{ line-height:1.5; font-size:22px; color:#d39a41;}
.net p a{ color:#333; margin-bottom:20px;}

.title{ border-bottom:1px solid #42035d; margin-top:30px; height:45px; margin-bottom:20px;}
.title a{ line-height:40px; width:115px; height:45px; text-align:center;color:#333; font-size:15px; float:left; display:block;}
.title a:hover{background:url(../images/navbg.png) no-repeat; color:#fff;}
.cont{ text-align:center; line-height:3;}
#demo{ width:1200px; background:#b0b0b0;height:240px; margin-top:50px;}
#demo0 {width:1140px;height:240px;overflow:hidden;margin:0 auto; background:#b0b0b0 url(../images/gundong.png) repeat-x 0px 8px;} 
#demo0 img { float:left;margin-right:20px; width:263px; height:162px;}
#indemo0 {float: left; width: 800%; margin-top:20px;} 
#demo10 { float: left; margin:10px;} 
#demo20 { float: left;}


.h20{height:20px;}