﻿/* By 东方的太阳 QQ:465002188 */

/* 全局样式 */
* {padding:0;margin:0;}
body{color:#666666;font:12px/1.75,arial, 微软雅黑, 宋体, arial, Verdana, Helvetica, sans-serif;background:#f7f7f7; font-size:12px;font-family:"Arial","微软雅黑"; min-width:1200px;}
ul,ol{list-style-type:none;}
textarea,select,input,button,label,img{vertical-align:middle;font-family:arial, 微软雅黑}
input[type=submit] {cursor:pointer}
input,button{overflow:visible;}
table {border-collapse:collapse;}
img {border:0;}
html{-webkit-text-size-adjust:none;}
input, textarea, div, a {outline: none;}
html, body {height: 100%;width: 100%; word-wrap: break-word;word-break: break-all;}

/* 定义全局宽 */
.wp {width:1200px;margin:0px auto;}
.wp2 {width:678px;margin:0px auto;}
/*  - - - - - - - - - 类别样式  - - - - - - - - -*/
.c:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.c { *zoom:1;}
.l {float:left;}
.r {float:right;}
.rel {position:relative}
.abs {position:absolute;}
.none {display:none;}
.dt img {max-width: none;}
.ellipsis-1 {  overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}



/* 链接样式 */
a{color:#666666;text-decoration:none;}
a:link{}	
a:hover{text-decoration:none;color:#e73737}	/*设置对象在其鼠标悬停时的样式表属性*/
a:active{}  /*在鼠标点击与释放之间发生的事件*/
a:visited{} /* 已被访问过时的样式表属性 */




.header {height: 104px;background: #fff}

.nav {position: relative;margin-bottom: -3px; float:left; width:100%;}
.nav2 {line-height: 43px;position: relative;z-index: 999}

.n_x {background: #c8161d;height: 3px;overflow: hidden;font-size: 3px;width: 100%;position: absolute;bottom:-3px;left:0;display: none;}

.nav ul li{   float: left; }
.nav>.nav2>.wp2>ul>li {width: 16.62%;;margin-right: 0.05%;  }
.nav>.nav2>.wp2>ul>li:last-child{margin-right: 0;}
.nav ul li a {padding: 0;display: block;font-size: 14px; font-weight:bold; color: #333;width: 113px;text-align: center; line-height:30px;}
.nav ul li.on div a{background:none;} 
.nav ul li #pull a,.nav ul li #pull2 a{ padding:0; line-height:inherit;}
.nav .wp2>ul>li>a{    background: #203863;    color: #fff;width: 100%}
.nav ul li.on a,.nav ul li a:hover {background: #c8161d;color: #fff;}
.nav ul li:hover #pull{border-top: 3px solid #545252;}
.nav ul li:hover #pull1 a{ background:none;}
.nav ul li:hover #pull2{border-top: 3px solid #545252;}
.nav ul li:hover #pull2 a{ background:none;}
.nav ul li.on:hover #pull{border-top: 3px solid #c8161d;}
.nav ul li.on:hover #pull2{border-top: 3px solid #c8161d;}

#pull {position: absolute;width:1160px;background:#FFF;padding: 10px 20px;display: none;border-top: 3px solid #c8161d; line-height:24px;}
#pull a {width: auto;text-align: left;}
#pull .t{ padding:0 0 0 6px 0;}
#pull .t a ,#pull .t a:hover{ background:none; color: #c8161d;font-weight: bold;font-size: 14px}
#pull p a {color: #c8161d;font-size: 12px;}
#pull ul li {height: auto;line-height: 24px;float: none;background: none;}
#pull ul li a {color: #666;font-size: 12px;}
#pull dl dd {/*width: 200px;*/float: left; padding:0 0 15px 0;margin-right: 50px;}
#pull dl dd ul li a:hover {color: #c8161d;background:none;}

#pull2 {position: absolute;background:#FFF;display: none;border-top: 3px solid #c8161d;line-height:24px;}
#pull2 ul li {float: none;background: none;width: auto;height: 35px;line-height: 35px;border-bottom: 1px dotted #ccc;}
#pull2 ul li a {font-size: 12px;color: #666;}
#pull2 ul li a:hover {color: #c8161d;background:none;}



/*焦点图*/
.focus{ position:relative; width:100%; height:620px; overflow:hidden;}  
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px;height:620px; width:100%; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000; height:620px;}  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; left:0; right:0; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline-block; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{ display:none;position:absolute;width:80px;height:80px;background: url(../images/focus_btn.png) no-repeat;}
.focus:hover .prev,.focus:hover .next{ display:block;position:absolute;width:80px;height:80px;background: url(../images/focus_btn.png) no-repeat;}
.focus:hover .prev{ top: 50%;margin-top: -37px; left: 0;background-position:0 0; cursor:pointer; }  
.focus:hover .next{top: 50%;margin-top: -37px; right: 0;  background-position:-80px 0;  cursor:pointer;}  





.yy {padding: 20px 0 10px 0;text-align: right;}
.yy i {margin: 0 10px;color: #999;font-style: normal;}
.yy a {color: #333;font-weight: bold;}
.yy a:hover{ color:#ce3838;}

.so {width: 170px;height: 32px;background: #f3f3f3 url(../images/i_so.jpg) no-repeat 140px center;}
.so .inp {width: 130px;height: 32px;float: left;padding: 0 0 0 10px;color: #666}
.so .mit {width: 30px;height: 32px;float: right;}
.so input {background: none;border:0;}

.bann {position: relative;text-align: center;}
.bann img{ width:100%;}

.main {padding-bottom:  50px}
.ml {width: 260px;}
.t1 {height: 80px;line-height: 80px;padding: 0 20px;color: #000000;/*background: #cc3232;*/font-size: 24px;border-radius: 5px 5px 0 0}

.subnav li {line-height: 49px;}
.subnav li a {height: 49px;overflow: hidden;display: block;border-bottom: 1px solid #606060;background:url(../images/sub_li.jpg) no-repeat 20px center;color: #000000;font-weight: bold;font-size: 14px;padding: 0 0 0 40px;}
.subnav li.on a, .subnav li a:hover {color: #ff4848;background-image: url(../images/sub_on.jpg)}
.pro_sub li ul{ display: none}
.pro_sub li.on a {background-image: url(../images/sub_on2.jpg)}
.pro_sub li.on ul {border-bottom: 0;border-top: 0;display: block}
.pro_sub li.on ul li a {border-bottom: 1px solid #e1e1e1;font-weight: normal;color: #333;}
.pro_sub li.on ul li.on a, .pro_sub li.on ul li a:hover {/*background: #c3c3c3;*/color: #cc3232}

.pro_sub li.on ul li a{ background-image: none}

.mr {width: 900px;}
.t2 {height: 49px;border-bottom: 1px solid #dddddd;line-height: 49px;margin-bottom: 12px}
.t2 h3 {float: left;font-size: 18px;color: #333;font-weight: normal;}
.t2 p {float: right;}
.t2 p a, .t2 p span {margin: 0 7px}

.cont {font-size: 14px;line-height: 26px;}

.tel {border:1px solid #e6e6e6;background: url(../images/bg1.jpg);margin-top: 30px;padding: 15px 12px;border-radius: 5px;font-size: 14px}
.tel div span {font-size: 23px;color: #cc3232;font-family: 'Impact';display: block;line-height: 26px}
.tel div img {float: left;margin: 0 10px 0 0}
.tel div {margin-bottom: 10px}

.feed p {border-bottom: 1px solid #ddd;font-size: 16px;height: 40px;}
.feed dl {width: 600px;margin: 30px auto}
.feed dl dt {position: absolute;left:0;font-size: 14px}
.feed dl dd {padding: 0 0 15px 75px}
.feed dl dd span {color: #cc3232;padding: 0 0 0 10px}
.feed dl dd .inp {height: 32px;line-height: 32px;border:1px solid #ccc;width: 450px;padding:0 5px}
.feed dl dd textarea {padding: 5px;border:1px solid #ccc;height: 150px;width: 450px;}

.mit1, .mit2 {height: 32px;padding: 0 15px;font-size: 14px;color: #fff;border-radius: 5px;border:0;margin: 0 20px 0 0}
.mit1 {background: #cc3232}
.mit2 {background: #555555}

.page {text-align: center;padding: 20px 0 30px 0;height: 30px;}
.page a, .page span {display: inline-block;*display: inline;*zoom:1;height: 30px;text-align: center;line-height: 30px;padding: 0 10px;text-transform: uppercase;margin: 0 2px;border:1px solid #ccc;}
.page span, .page a:hover {background: #e73737;color: #fff;}
.page span:first-child{ display: none!important;}

.list1 li {height: 100px;border-bottom: 1px dashed #ccc;padding-bottom: 12px;margin-bottom: 12px}
.list1 li .pic {float: left;margin: 0 20px 0 0}
.list1 li span {display: block;color: #333;}
.list1 li .data{color: #999;margin-bottom: 10px}
.list1 li .t {font-size: 16px;}
.list1 li p {color: #333;}
.list1 li a:hover .t {color: #e73737}

.list2 li {margin: 0 40px 30px 0;display: inline;border:1px solid #ddd;float: left;}

.cont h1 {font-size: 18px;text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;font-weight: normal;color: #000}
.pro_txt{color: #626262; font-size: 14px;line-height: 24px;  margin-bottom: 30px;}
.pro_list{ width:900px; overflow:hidden;}
.pro_list ul{ width:920px; overflow:hidden;}
.pro_list li {float: left; width:204px; margin: 0 25px 20px 0; height:340px; overflow:hidden;}
.pro_list li span { border-top:2px solid #DDDDDC; margin:10px 0 0 0; display: block; font-size: 16px;padding: 10px 0 10px 10px; font-weight:bold; color:#333;}
.pro_list li:hover span{ border-top:2px solid #CD0000; color:#e73737;}
.pro_list li div.protxt{ line-height:20px; color:#626262; height:80px; padding:0 0 0 10px; overflow:hidden;}
.pro_list li a:hover div.protxt{color:#cf3636;}
.pro_list li:hover {border-color: #e73737}
.pro_list li a:hover p{ color:#626262;}


.pro_head {background: #fff;padding: 30px;border:1px solid #ddd;}
.pro_pic {width: 450px;}
.pro_pic .pic {height: 245px;text-align: center;margin-bottom: 20px}
.pro_pic .pic img {height: 240px}
.scroll ul li {width: 96px;height: 70px;border:2px solid #d4d4d4;float: left;margin: 0 10px;}
.scroll ul li.on {border-color: #cc3232}
.scroll .bd {width: 350px;margin: 0 auto;overflow: hidden;position: relative;}
.scroll .abs {left:0;cursor: pointer;top:20px;}
.scroll .next {right: 0px;left:auto;}

.pro_info {width: 385px}
.pro_info h1 {font-size: 18px;font-weight:bold;color: #333;line-height: 35px;}
/*.pro_info span {display: block;font-size: 18px;color: #fe0000;}
.pro_info .p {padding: 20px 0 0 0;font-size: 14px;line-height: 30px}*/

.pro_cont .hd {height: 50px;line-height: 50px;border:1px solid #ddd;margin: 35px 0 20px 0;background: #fff;}
.pro_cont .hd li {float: left;border-right: 1px solid #ddd;color: #333;font-size: 14px;cursor: pointer;}
.pro_cont .hd li.on {color: #fff;background: #cc3232}
.pro_cont .hd li a{color: #333;padding: 0 30px; display:block;}
.pro_cont .hd li.selectTag a{ background:#ce3838; color:#fff;}
/*.pro_cont .bd {font-size: 14px;line-height: 26px;}*/


#preview{ float:none; text-align:center; width:450px;}
.jqzoom{ text-align:center; height:245px; width:300px; margin:auto; position:relative;}
*{ padding:0; margin:0;}
.zoomdiv{ width:450px;}
.list-h li{ float:left;}
#spec-n5{width:450px; height:74px; padding-top:6px; overflow:hidden;}
#spec-left{  width:45px; height:45px; float:left; cursor:pointer; text-align:left; padding:23px 0 0 0;}
#spec-right{ width:45px; height:45px; float:left;cursor:pointer;text-align:right; padding:23px 0 0 0;}
#spec-list{ width:370px; float:left; overflow:hidden; display:inline;}
#spec-list ul{ padding:0; padding:0;}
#spec-list ul li{ float:left;padding:0; margin:0; display:inline;width:120px}
#spec-list ul li img{border:2px solid #D4D4D4; width:96px; height:70px;}
#spec-list ul li.active img{ border:2px solid #CC3232;}
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:360px;}



.banner {height: 620px;width: 1920px;left:50%;margin-left: -960px;text-align: center;}
.banner .hd {bottom:30px;width: 100%;text-align: center;}
.banner .hd ul li {width: 13px;height: 13px;border-radius: 13px;background: #fff;margin: 0 3px;display: inline-block;*display: inline;*zoom:1;}
.banner .hd ul li.on {background: #ce3838}

.home_box {padding: 55px 0;background: #eee;}
.home_box ul li {width: 185px;float: left;text-align: center;margin-right: 18px; margin-bottom:20px;display: inline;}
.home_box ul li:last-child{ margin-right: 0;}
.home_box ul li a {display: block;border:1px solid #d8d8d8;border-radius: 5px 5px 0 0; height:300px; background:#FFF;}
.home_box ul li a .t {height: 40px;line-height: 40px;text-align: center;display: block;background: #545353;color: #fff;font-size: 16px;border-radius: 5px 5px 0 0;width: 185px;position: relative;top:-1px;left:-1px;}
.home_box ul li strong {display: block;padding: 5px 0;color: #333; font-size:13px;}
.home_box .box {padding: 10px 0;background: #fff;}
.home_box ul li a:hover,.home_box ul li a strong {border-color: #cf3636; color:#333;}
.home_box ul li a:hover .t {background: #cf3636}

.about_link{ width:900px; overflow:hidden;}
.about_link ul{ width:944px; overflow:hidden;}
.about_link ul li{ float:left; width:192px; padding:0 44px 40px 0;}


.bottom {background: #292929;padding: 30px 0;color: #ccc;}
.bottom dl dd {float: left;border-right: 1px solid #303030;padding-right: 50px;margin-right: 30px}
.bottom dl dd.it6 {padding-right: 0;margin: 0;border:0;width: 360px}
.bottom dl dd .t a {font-size: 14px;color: #ccc; font-weight:bold;}
.bottom dl dd ul {line-height: 24px;margin-top: 10px}
.bottom dl dd ul li a {color:#ccc;}
.bottom dl dd ul li a:hover{ color:#FFF; text-decoration:underline;}
.bottom .m {margin-right: 20px}
.bottom .it6 ul li span {font-size: 27px;color: #ccc;display: block;font-family: arial;}
.bottom .it6 ul li img {float: left;margin: 0 15px 0 0}
.bottom .it6 ul li {margin-bottom: 10px}

.footer {background: #202020;text-align: center;color: #ccc;height: 35px;line-height: 35px}
#tagContent a:hover{ text-decoration:underline;}