@charset "utf-8";
* {padding:0; margin:0;}
html{}
body {font:14px/1.8 "微软雅黑", "宋体",arial, helvetica, clean, sans-serif; color:#666; background:#fefefe; }
h1, h2, h3, h4, h5, h6 { font-size:14px; color:#333; height: 28px; line-height: 28px;}
img {border:0; filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
img:hover{ filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
li {list-style-type:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover { color:#da251c; text-decoration:none;}
a:active { color:#da251c; text-decoration:none;}
.en, .email, .tel{font:14px/1.8 arial, helvetica, clean, sans-serif;}
input, botton, select, textarea{ font:14px/1.8 "微软雅黑", "宋体", arial, helvetica, clean, sans-serif; color:#666;}
a, input, botton, select, textarea{ outline:none;}
.top, #bd03, .blink{ width:96%; margin:0 auto; overflow:hidden;}
.pw{min-width:320px; background:none repeat scroll 0% 0%; margin:0px auto; overflow:hidden; min-height:480px; width:100%; padding-bottom:40px;}


/*-------index头部------*/
.body_header{ clear:both;}
.top{ clear:both; height:60px; position:relative; overflow:visible;}
.logo{ float:left;  margin-top:15px;}
.lang{ float:right; width:24px; height:24px; line-height:24px; text-align:center; margin-top:18px; margin-right:15px; background:url(../images/bg2.gif) 0 0 no-repeat;}
.lang .en { display:block; font-size:12px; height:24px; line-height:24px;}

.top .banner{float:right;}
.top .banner .close img,.top .banner .open img{margin-top:19px;}
.top .banner .hide{display:none;}
.top .banner .xla{width:50%; position:absolute; right:-2%; background:#d9d9d9; z-index:99999; top:100%; display:none; overflow:hidden;}
.top .banner .xla li{border-bottom:1px solid #fff;}
.top .banner .xla li a{ font-size:14px;height:40px;line-height:40px;width:100%;display:block;border-bottom:1px solid #fff;}
.top .banner .xla li a font{height:40px;margin-left:30px;float:left;}
.top .banner .xla li a span{float:right;width:6px;height:11px;margin-right:30px;margin-top:15px;}
.top .banner .xla li a img{float:right;width:6px;height:11px;margin-right:30px;margin-top:15px;}
.top .banner .xla li .zilan a{ font-size:12px;height:36px;line-height:36px;background:#eee;border:none;padding-left:30px;width:100%;}
.top .banner .xla li .zilan{display:none;}

.nav{ width:100%; height:40px; margin-bottom:5px; background-color:#394d6e;}
.nav ul{ width:96%; margin:0 2%;}
.nav ul li{ width:25%; float:left; height:40px; line-height:40px;}
.nav ul li a{ color:#fff; display:block; text-align:center;}
.nav ul li .selected{ background-color:#283d5d;}
/*----------index动画----------*/
.body_banner{ clear:both;}

.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:0;bottom:5px;text-align:center;width:100%; font-size:0;}
.swipe #pagenavi a{width:10px; height:10px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a.active{background:#da251c;  position:relative;}


/*----------index最新资讯----------*/
#bd { width:100%; margin-bottom:30px; height:40px; background-color:#e5e5e5; }
.bd-t { height:40px; margin:0 2%; overflow:hidden;}
.bd-t h3 { float:left; height:40px;line-height:40px;}
.scrollbox{ width:auto; height:40px; overflow:hidden;}
#scrollDiv{ width:100%; height:40px; line-height:40px;}
#scrollDiv li{ display:block; height:40px; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#scrollDiv li span{ padding-left:20px;}


.title2{ text-align:center; }
.title2 h2{ font-size:20px; font-weight:bold; color:#2d3a4b; height:30px; line-height:30px; padding-bottom:10px; text-align:center;}
.title2 p{ font-size:12px; margin:0 auto; line-height:20px; letter-spacing: 0.1px;}


/*----------index产品流动----------*/
#bd03{ clear:both; height:auto; margin-bottom:30px; }

.gd_news2 { width:100%; overflow:hidden; margin-top:20px;}
.ssmo9{  overflow:hidden; width:100%; float:left;}
.ssmo9 .ssmo {/*width:99999999px;*/width:8000%; }
.ssmo9 .ssmo div{ float:left;}
.ssmo9 .ssmo ul{float:left; overflow:hidden; zoom:1; }
.ssmo9 .ssmo ul li{float:left; width:160px; margin-right:30px; text-align:center; overflow:hidden;}
.ssmo9 .ssmo ul li .p3 a{ display:block;}
.ssmo9 .ssmo ul li .p3 img{ width:160px; height:120px;}
.ssmo9 .ssmo ul li .p1{ font-size:16px; font-weight:bold; height:30px; line-height:30px; overflow: hidden;}
.ssmo9 .ssmo ul li .p2{ font-size:12px; max-height:32px; line-height:16px; overflow: hidden;}


/*----------index友情链接----------*/
.blink{ clear:both; margin-bottom:30px;}
.blink .blink-b{ overflow:hidden; text-align:center;}
.blink .blink-b a{ display:inline-block; *display:inline; zoom:1;}
.blink .blink-b a:hover{ text-decoration: underline;}


/*----------底部----------*/
#ft0 { width:100%; margin-bottom:20px;}
.ft{ background-color:#666; height:40px;}
.ft ul{ padding:0 5%;}
.ft li{ width:25%; height:40px; float:left; text-align:center; color:#FFF;}
.ft li a{ color:#fff; height:40px; line-height:40px;}

.ft1{ line-height:20px; padding:10px 0; text-align:center;}


/*----------底部浮动样式----------*/
.body_footer{width:100%; height:40px; background-color:#333; position:fixed; bottom:0; z-index:999999;}
.body_footer ul{width:100%;}
.body_footer ul li{width:25% ; float:left; color:#fff;}
.body_footer ul li a{width:100%; height:35px; display:block; padding-top:5px;}
.body_footer ul li dl{width:auto; margin:0 auto; text-align:center;}
.body_footer ul li dt{width:auto; height:15px; overflow:hidden;}
.body_footer ul li dd{width:auto; height:20px; font-size:12px; color:#fff; line-height:20px; overflow:hidden;}


/*----------about----------*/
#ltit0 { width:100%; background-color:#e5e5e5; margin-bottom:30px; }
#ltit{ font-size:0; line-height:30px; padding-bottom:5px; margin:0 5px; text-align:center; }
#ltit a{ display:inline-block; font-size:14px; padding:0 6px; margin:0 3px; margin-top:5px; background-color:#fff; vertical-align:top;}
#ltit a:hover{ background-color:#394d6e; color:#fff; }
#ltit .selected{ background-color:#394d6e; color:#fff; }

#ltit2{ font-size:0; line-height:30px; text-align:center; background-color:#f3f3f3; }
#ltit2 a{ display:inline-block; font-size:12px; padding:0 10px; margin:1px; margin-bottom:0; vertical-align:top;}
#ltit2 a:hover{ background-color:#fff; color:#da251c; }
#ltit2 .selected{ background-color:#fff; color:#da251c;}

#title{  width:96%; height:auto; margin:0 auto; margin-top:30px; margin-bottom:10px; text-align:center;}
#title h1{ font-size:20px; font-weight:bold; color:#2d3a4b;  height:auto;}

.content{ width:96%; min-height:350px; _height:350px; margin:0 auto; margin-bottom:30px; overflow:hidden;}
.content h1{ font-size:20px; font-weight:bold; height:auto; text-align:center;}
.content .newsview{text-align:center; border-bottom:#eee 1px solid; margin-bottom:10px;}
.content .proview{ padding-top:10px;}
.content .proview-b{text-align:center; clear:both; padding-top:20px;}
.content .return{ color:#da251c; }
.content .return:hover{ color:#b70b03; }

#pg { text-align:center; color:#999;}
#pg a:link, #pg a:visited{ color:#333;}
#pg a:hover, #pg a:active{ color:#da251c;}


/*----------products----------*/
.prolist{ width:96%; margin:0 auto; margin-bottom:20px; min-height:350px; _height:350px;}
.prolist .ca-menu{}
.prolist .ca-menu li{ width:50%; float:left; overflow:hidden; margin-bottom:5%;}
.prolist .ca-menu li a{ width:100%; height:100%; display: block; cursor:pointer; }

.prolist .ca-main{ text-align:center; overflow:hidden;}
.prolist .ca-main img{ width:90%; margin:0 5%;}

.prolist .ca-sub{text-align:center; font-weight:bold; font-size:15px; height:30px; line-height:30px; overflow:hidden;}
.prolist .p2{ font-size:12px; height:34px; line-height:18px; padding:0 5px; overflow: hidden;}

.prolist .ca-menu li:hover{}
.prolist .ca-menu li:hover .ca-main{}
.prolist .ca-menu li:hover .ca-main img{ }
.prolist .ca-menu li:hover .ca-sub{ }


/*----------news----------*/
.newslist { margin:0 2%; margin-bottom:20px; min-height:350px; _height:350px;}
.newslist .clearfix {}
.newslist .clearfix li { width:100%;  border-bottom:#999 1px dotted; padding-top:10px; padding-bottom:7px;}
.newslist .clearfix li a { line-height:16px;}
.newslist .clearfix li p { color:#999; background:url(../images/time.jpg) 0 6px no-repeat; padding-left:15px;}
.newslist .clearfix li p span { float:right;}


/*----------客户留言表单开始----------*/
.content .msxq{ width:100%; margin:0 auto; background-color:#f5f5f5; padding:20px 0;}
.content .msxq .zsjm{ width:96%; margin:0 auto;}
.content .msxq .zsjm h3{ text-align:center; color:#666; font-weight:bold; line-height:36px;}
.content .msxq .zsjm input[type="text"], select, textarea{border:1px solid #ccc; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
.content .msxq .zsjm input[type="text"]:hover, select:hover, textarea:hover{border:1px solid #0071b7;}
.content .msxq .zsjm input[type="text"]:focus, select:focus, textarea:focus{border:1px solid #0071b7;}
.content .msxq .zsjm .red{ float:right; color:#333; width:14px; line-height:42px; text-align:center;}

.content .msxq .zsjm .biao1{}
.content .msxq .zsjm .biao1 dl{ width:100%;}
.content .msxq .zsjm .biao1 dl dt{ padding-bottom:10px;}
.content .msxq .zsjm .biao1 dl dt .left1{ float:left; width:56px; }
.content .msxq .zsjm .biao1 dl dt .left1 p{ text-align:right; height:42px; line-height:42px;}
.content .msxq .zsjm .biao1 dl dt .right1{ overflow:hidden;}
.content .msxq .zsjm .biao1 dl dt .right1 .box{ width:100%; height:42px; line-height:42px; color:#666; padding:0 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.content .msxq .zsjm .biao1 dl dt .right1 select{ width:100%; height:42px; line-height:42px; color:#666; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.content .msxq .zsjm .biao2{}
.content .msxq .zsjm .biao2 .left1{ float:left; width:56px; }
.content .msxq .zsjm .biao2 .left1 p{ text-align:right; height:32px; line-height:32px;}
.content .msxq .zsjm .biao2 .right1{ overflow:hidden;}
.content .msxq .zsjm .biao2 textarea{width:100%; color:#666; font-size:14px; line-height:20px; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.content .msxq .next { height:40px; margin-top:20px; text-align:center; }
.content .msxq .next .submit{ line-height:40px; background-color:#666; border:none; color:#fff; padding:0 20px; margin:0 20px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
.content .msxq .next .submit2{ line-height:40px; background-color:#aaa; border:none; color:#fff; padding:0 20px; margin:0 20px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
.content .msxq .next .submit:hover{ background-color:#da251c;}
.content .msxq .next .submit2:hover{ background-color:#da251c;}
/*----------客户留言表单结束----------*/
