/* CSS Document sasd */
/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; background:#FFF;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#e60012; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*index*/
.in_topbox{ width:100%; height:101px; background:url(../images/index_03.jpg) center top no-repeat;}
.in_top{ width:1200px; margin:0 auto;}
.in_top .logo{ float:left; margin:21px 0 0 0;}
.in_top .lng{ float:right; padding-top:40px;}
.in_top .lng a{ display:inline-block; width:31px; height:31px; background:url(../images/index_03.png) 0px 0px no-repeat; margin:0 13px 0 0;}
.in_top .lng .a_1{ background-position:0px 0px;}
.in_top .lng .a_2{ background-position:-44px 0px;}
.in_top .menu{ float:right; padding-right:19px;}
.in_top .menu li{ float:left; font-size:15px; margin:0 19px;}
.in_top .menu li a{ display:inline-block; height:99px; line-height:99px; padding:0 3px;}
.in_top .menu li a.cur{ color:#e60012; border-bottom:2px solid #CB000F;}
.in_banbox{ width:100%; height:100%; border-bottom:1px solid #FFF; position:relative; z-index:2}
.in_banbox .box{ width:100%; height:100%; overflow:hidden;}
.in_banbox .ban_box{ width:19200px;}
.in_banbox .ban_box_1,.in_banbox .ban_box_2{ float:left;}
/*.in_banbox .box li{ float:left; height:766px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}*/
.in_banbox .box li{ float:left; height:500px; overflow:hidden; background-position:center center; background-repeat:no-repeat;}
.in_banbox .btn{ position:absolute; top:265px; left:50%; width:60px; height:150px; background:url(../images/index_05.png) no-repeat; z-index:2; display:none;}
.in_banbox .prev{ margin-left:-630px; background-position:left top}
.in_banbox .next{ margin-left:630px; background-position:right top}
.in_banbox:hover .prev,.in_banbox:hover .next{ display:block;}
.in_banbox .prev:hover{ background-position:left bottom}
.in_banbox .next:hover{ background-position:right bottom}
.in_banbox .smbox{ position:absolute; bottom:15px; left:0; z-index:11;}
.in_banbox .smbox li{ float:left; margin-left:10px; width:15px; height:15px; background:#626162; cursor:pointer; border-radius:50%;}
.in_banbox .smbox li.cur{ background:#CB000F;}
.in_contbox{ width:100%; height:425px; background:url(../images/index_07.jpg) center top repeat-x; padding:69px 0 0 0;}
.in_ctgbox{ width:1200px; height:38px; overflow:hidden; margin:0 auto;}
.in_ctgbox .box{ position:relative; left:50%; float:left;}
.in_ctgbox .box ul{ position:relative; left:-50%; float:left;}
.in_ctgbox .box ul li{ float:left; margin:0 11px;}
.in_ctgbox .box ul li a{ display:block; width:182px; height:38px; line-height:36px; text-align:center; font-size:15px; font-weight:bold; color:#666; background:url(../images/index_09.png) right top no-repeat;}
.in_ctgbox .box ul li a.cur{ background-position:left top; color:#FFF;}
.in_ctgbox .hx{ width:100%; height:1px; background:#E1E1E1; position:relative; top:18px;}
.in_list{ width:1200px; margin:0 auto; padding-top:50px;}
.in_list ul{ overflow:hidden;}
.in_list li{ float:left; width:370px; margin-right:44px;}
.in_list li p img{width:370px;height:235px;display:block;}
.in_list li.none{ margin-right:0;}
.in_list li div{ padding:0 10px; height:48px; line-height:40px; text-align:center; color:#FFF; background:url(../images/index_13.png) left top no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_list li a:hover div{ background-position:right top;}
.in_btmbox{ clear:both; width:100%; padding:40px 0 35px 0; background:#282828;}
.in_btm{ width:1200px; overflow:hidden; margin:0 auto; line-height:28px; color:#969696;}
.in_btm a{ color:#969696;}
.in_btm a:hover{ color:#FFF;}
.in_btm .box_1{ float:left; width:580px;}
.in_btm .box_1 .p_1{ font-size:16px; color:#FFF; font-weight:bold;}
.in_btm .box_1 .p_2{ padding-top:8px;}
.in_btm .box_2{ float:left; width:400px;}
.in_btm .box_2 .p_1{ font-size:16px; color:#FFF; font-weight:bold;}
.in_btm .box_2 .p_1 a{ color:#FFF;}
.in_btm .box_2 ul{ float:left; width:95px; padding-top:8px;}
.in_btm .box_3{ float:right; text-align:right;}
.in_cpybox{ clear:both; width:100%; background:#303030; border-top:1px solid #383838;}
.in_cpy{ width:1200px; height:41px; line-height:41px; overflow:hidden; margin:0 auto; font-size:13px; color:#6B6B6B;}
.in_cpy a{ color:#6B6B6B;}
.in_cpy a:hover{ color:#FFF;}
.in_cpy .lt{ float:left;}
.in_cpy .rt{ float:right;}
/*products*/
.pro_contbox{ clear:both; width:100%; background:url(../images/pro_03.jpg) center top repeat-x; padding:40px 0 30px 0; min-height:330px;}
.pro_cont{ width:1200px; margin:0 auto; overflow:hidden;}
.pro_cont .lt{ float:left; width:260px;}
.pro_cont .lt .top{ height:73px; line-height:73px; padding-left:30px; font-size:20px; color:#FFF; background:#E60011;}
.pro_cont .lt ul li{ height:54px; border-bottom:1px solid #E5E5E5;}
.pro_cont .lt ul li a{ display:block; width:230px; padding-left:30px; height:54px; line-height:54px; background:#F4F4F4 url(../images/pro_07.png) 222px -34px no-repeat;}
.pro_cont .lt ul li a p{ padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_cont .lt ul li a:hover{ background-position:222px 21px;}
.pro_cont .lt ul li a.cur{ background-position:222px 21px; color:#e60012;}
.pro_cont .rt{ float:right; width:905px; line-height:26px;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; width:295px; text-align:center; margin:0 10px 20px 0; font-size:15px;}
.pro_list li.none{ margin-right:0px;}
/*about*/
.ab_main{ line-height:26px;}
.honorList{width:100%;float:left}
.honorList li{width:280px;float:left;margin-right:30px;list-style:none;}
.honorList li:nth-child(3n){margin-right:0;}
/*honorShow*/
.hons_img{ text-align:center;}
.hons_tit{ text-align:center; font-size:15px; padding:7px 0 0 0;}
/*news*/
.ns_list li{ clear:both;height:40px; line-height:40px; padding:0 0 0 20px; border-bottom:1px dashed #ccc; background:url(../images/news_43.png) 2px center no-repeat; }
.ns_list li a{ float:left}
.ns_list li span{ float:right; font-size:13px;}
/*newsShow*/
.nss_tit{ font-size:16px; font-weight:bold; line-height:20px; text-align:center; padding:10px 0 10px 0 ;}
.nss_dtm{ text-align:center; padding:0 0 15px 0; font-size:12px; color:#999;}
.nss_info{ line-height:26px;}
.ff_pre{ clear:both; padding:15px 0 0 0;}
.ff_next{ clear:both; padding:0 0 10px 0;}
/*productShow*/
.pss_img{ text-align:center; padding:0 0 10px 0;}
/*feedback*/
.jn_main{ padding:60px 0 0 0;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:520px; margin:0px auto;}
.jn_box .lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_box .rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #2A8B0A;}
.jn_box textarea:focus{ border:1px solid #2A8B0A;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#2A8B0A}
.cl_red{ color:#f00;}
/*漂浮，在线咨询*/
#zxzx_rt{ position:fixed; right:66px; top:50%; color:#333; z-index:9999;}
#zxzx_rt .close{ float:left; width:25px; padding-top:12px;}
#zxzx_rt .close img{ cursor:pointer;}
#zxzx_rt .box{ float:right; width:114px; height:123px; border:2px solid #3699CC; background:#FFF; box-shadow:0px 0px 8px #B6D8E7;}
#zxzx_rt .box .p_1{ text-align:center; font-size:18px; line-height:20px; font-weight:bold; color:#3399cc; padding-top:9px;}
#zxzx_rt .box .p_2{ padding:0 0 0 6px; line-height:16px; font-size:12px; padding-top:14px;}
#zxzx_rt .box .p_3{ margin:10px auto 0 auto; width:60px; padding-left:37px; height:30px; line-height:30px; background:#EEE url(../images/zxzx_05.png) 11px center no-repeat; font-size:12px; font-weight:bold; color:#f5680d; cursor:pointer;}
#zxzx{ position:fixed; left:50%; top:50%; margin:-172px 0 0 -130px; color:#333; z-index:9999; width:256px; height:335px; border:1px solid #3699CC; border-radius:4px; background:#FFF; display:none;}
#zxzx .top{ height:42px; color:#FFF; background:#3699CC; border-radius:4px; overflow:hidden;}
#zxzx .top .tit{ float:left; padding:5px 0 0 10px; font-size:16px; line-height:18px;}
#zxzx .top .tit p{ color:#99CCE6; font-size:10px; line-height:16px; text-transform:uppercase;}
#zxzx .top .close{ float:right; padding:9px 15px 0 0;}
#zxzx .top .close img{ cursor:pointer;}
#zxzx .box_1{ clear:both; margin:7px 0 0 7px; width:233px; position:relative;}
#zxzx .area{ width:219px; height:70px; padding:10px 6px 6px 6px; border:1px solid #E5E5E5; border-radius:4px; color:#666; font-size:12px; line-height:16px;}
#zxzx .box_1 em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .box{ clear:both; margin:6px 0 0 7px; width:231px; height:30px; border:1px solid #E5E5E5; border-radius:4px; position:relative;}
#zxzx .box p{ float:left; padding-left:23px; width:48px; height:30px; line-height:30px; font-size:14px; color:#525252; background:#F4F4F4;}
#zxzx .box input{ float:right; width:140px; height:20px; padding:5px 5px 5px 15px; line-height:20px; border:0; color:#666; background:#FFF; font-size:12px;}
#zxzx .box em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .btnbox{ clear:both; padding:7px 0 0 7px;}
#zxzx .btnbox input{ width:108px; height:31px; line-height:31px; text-align:center; color:#FFF; border:0px; cursor:pointer;}
#zxzx .btnbox .btn1{ background:#3699CC; margin-left:3px;}
#zxzx .btnbox .btn2{ background:#535353; margin-left:7px;}
h3.position{width:100%;float:left;height:1px;overflow:hidden;}
/*css flickr style pagination*/
div.flickr {
	padding:20px 0px 30px 0px;margin:0px; text-align:center; font-family:Verdana; font-size:13px;
}
div.flickr a {
	border: #EFEFEF 1px solid; padding:6px 10px; background-position: 50% bottom; color: #666; background:#EFEFEF; margin-right: 3px; text-decoration: none;
}
div.flickr a:hover {
	border: #e60012 1px solid;  background-image: none; color: #fff; background-color: #e60012
}
div.meneame a:active {
	border: #e60012 1px solid; background-image: none; color: #fff; background-color: #e60012
}
div.flickr span.current {
	 padding:6px 10px; font-weight: bold; color: #FFF; margin-right: 3px;  background:#e60012;
}
div.flickr span.disabled {
	 padding:6px 10px; color: #adaaad; margin-right: 3px; 
}

.wapMenu a{width:48px;height:48px;float:right;background:url(wapMenu.png) no-repeat;display:block;margin:8px 10px 0 0;display:none;}

@media only screen and (max-width:767px){
.wapMenu a{width:48px;height:48px;background:url(wapMenu.png) no-repeat;display:block;position:absolute;z-index:99999;right:5px;top:40px;}
#mainWrap{width:100%;margin:auto;overflow:hidden;}
#topBar{width:96%;margin:auto;overflow:hidden;background:#2a2a2a;color:#e0e0e0;line-height:34px;padding:0 2%;}
.topBarLeft{display:none;}

.in_top .menu li{margin:0;}
.in_top .menu li a{height:50px;line-height:50px;}
.menu{width:100%;float:left;margin-top:100px;background:rgba(0,0,0,.8);position:absolute;z-index:999;display:none;}
.menu li{width:100%;float:left;line-height:50px;text-align:center;border-bottom:#7c7c7c 1px solid;}
.menu li a{display:block;font-size:14px;color:#fff;}
.menu li a:hover{color:#fff;background:#a2cb49;cursor:pointer;-webkit-transition:none;-moz-transition: none;transition: color .3s linear,background-color .3s linear,background-image .3s linear;-moz-transition: color .3s linear,background-color .3s linear,background-image .3s linear;-webkit-transition: color .3s linear,background-color .3s linear,background-image .3s linear;
-o-transition: color .3s linear,background-color .3s linear,background-image .3s linear;}
.nav menu.cur a{color:#fff;background:#a2cb49;}

.in_top{ width:100%; margin:0 auto;}
.in_top .lng{ float:right; padding-top:10px;}
.in_banbox .box li{width:100%;float:left; height:200px; overflow:hidden; background-position:center center; background-repeat:no-repeat;}
.in_banbox .box li img{width:100%;display:block;}
.in_banbox .btn{ position:absolute; top:265px; left:50%; width:60px; height:150px; background:url(../images/index_05.png) no-repeat; z-index:2; display:none;}
.in_banbox .prev{ margin-left:-630px; background-position:left top}
.in_banbox .next{ margin-left:630px; background-position:right top}
.in_banbox:hover .prev,.in_banbox:hover .next{ display:block;}
.in_banbox .prev:hover{ background-position:left bottom}
.in_banbox .next:hover{ background-position:right bottom}
.in_banbox .smbox{ position:absolute; bottom:15px; left:0; z-index:11;}
.in_banbox .smbox li{ float:left; margin-left:10px; width:15px; height:15px; background:#626162; cursor:pointer; border-radius:50%;}
.in_banbox .smbox li.cur{ background:#CB000F;}

.in_ctgbox{ width:100%; height:38px; overflow:hidden; margin:0 auto;}
.in_ctgbox .box{ position:relative; left:0; float:left;}
.in_ctgbox .box ul{ position:relative; left:0; float:left;}
.in_ctgbox .box ul li{float:left; margin:0 5px;}
.in_ctgbox .box ul li a{ display:block; width:100px; height:38px; line-height:36px; text-align:center; font-size:15px; font-weight:bold; color:#666; background:#e60012;}
.in_list{ width:100%; margin:0 auto; padding-top:20px;}
.in_contbox{ width:100%; height:auto; background:none; padding:20px 0;}
.in_list li{ float:left; width:90%; margin:0 5%;}
.in_list li p img{width:100%;height:auto;display:block;}

.in_btm{ width:100%; overflow:hidden; margin:0 auto; line-height:28px; color:#969696;}
.in_btm .box_1{ float:left; width:92%;padding:0 4%;}
.in_btm .box_2{ float:left; width:92%;padding:0 4%;}
.in_btm .box_2 ul{ float:left; width:95px; padding-top:8px;}
.in_btm .box_3{display:none;}
.in_cpy{ width:96%;padding:0 2%; height:41px; line-height:41px; overflow:hidden; margin:0 auto; font-size:13px; color:#6B6B6B;}

/*products*/
.pro_contbox{ clear:both; width:100%; background:url(../images/pro_03.jpg) center top repeat-x; padding:10px 0; min-height:330px;}
.pro_cont{ width:96%; margin:0 auto; overflow:hidden;padding:0 2%;}
.pro_cont .lt{ float:left; width:100%;}
.pro_cont .lt .top{ height:73px; line-height:73px; padding-left:30px; font-size:20px; color:#FFF; background:#E60011;}
.pro_cont .lt ul li{width:100%; height:54px; border-bottom:1px solid #E5E5E5;}
.pro_cont .lt ul li a{ display:block; width:90%; padding:0 5%; height:54px; line-height:54px; background:#F4F4F4;}
.pro_cont .lt ul li a p{ padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_cont .lt ul li a:hover{ background-position:222px 21px;}
.pro_cont .lt ul li a.cur{ background-position:222px 21px; color:#e60012;}
.pro_cont .rt{ float:right; width:100%; line-height:26px;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; width:80%; text-align:center; margin:15px 10%; font-size:15px;}
.pro_list li.none{ margin-right:0px;}
/*about*/
.ab_main{ line-height:26px;}
.honorList{width:100%;float:left}
.honorList li{width:280px;float:left;margin-right:30px;list-style:none;}
.honorList li:nth-child(3n){margin-right:0;}
/*honorShow*/
.hons_img{ text-align:center;}
.hons_tit{ text-align:center; font-size:15px; padding:7px 0 0 0;}
/*news*/
.ns_list li{ clear:both;height:40px; line-height:40px; padding:0 0 0 20px; border-bottom:1px dashed #ccc; background:url(../images/news_43.png) 2px center no-repeat; }
.ns_list li a{ float:left}
.ns_list li span{ float:right; font-size:13px;}
/*newsShow*/
.nss_tit{ font-size:16px; font-weight:bold; line-height:20px; text-align:center; padding:10px 0 10px 0 ;}
.nss_dtm{ text-align:center; padding:0 0 15px 0; font-size:12px; color:#999;}
.nss_info{ line-height:26px;}
.ff_pre{ clear:both; padding:15px 0 0 0;}
.ff_next{ clear:both; padding:0 0 10px 0;}
/*productShow*/
.pss_img{ text-align:center; padding:0 0 10px 0;}
/*feedback*/
.jn_main{ padding:60px 0 0 0;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:520px; margin:0px auto;}
.jn_box .lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_box .rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #2A8B0A;}
.jn_box textarea:focus{ border:1px solid #2A8B0A;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#2A8B0A}
.cl_red{ color:#f00;}

.pro_cont .rt img{width:100%;display:block;}



}
