*{ margin:0 auto;}
body {font-family: "新宋体";font-size: 12px;color: #666; padding:0; margin:0;}
a img{ border:none;}
a {font-size: 12px;}
a:link {color: #666;text-decoration: none;}
a:visited {text-decoration: none;color: #666;}
a:hover {text-decoration: none;color: #FF0000;}
h1{ color:#FF9933; font-size:14px;}
li{list-style-type:none;}
.clear{clear:both}
.lf{float:left}
.rg{float:right}
.txt-left{ text-align:left}
.txt-right{ text-align:right}
.kxt{border:1px solid #CCC;}
.active2{color: #FF0000;}
.active1 a{color: #c10303;}
/***********************************************/
/*   top                              */
/***********************************************/
#header{width:100%; text-align:center;}
.header{max-width:1004px; height:82px;background-image:url(../images/t_bj.png); margin:0 auto}
.header .logo{width:261px;max-height:82px;overflow:hidden;}
.header .logo img{ width:100%; height:auto;}
.header .hed-txt{height:82px;width:calc(100% - 261px);width:-webkit-calc(100% - 261px); width:-moz-calc(100% - 261px); }
.header .hed-txt .t_1{ background-image:url(../images/sy.jpg); margin-top:5px;width:80px; height:36px; line-height:36px; float:right; text-align:center;}
.header .hed-txt .t_1 a:hover{color:#ff9933;}
.header .nav{margin:0; height:41px;background-image:url(../images/tbj.jpg);}
.header .nav .container{position:relative}
.header .nav .container:after{width:100%;position:absolute;left:20px;top:0;content:"";height:41px}
.header .nav ul{position:relative;z-index:20}
.header .nav li{display:inline-block;}
.header .nav li a{display:block;line-height:41px;padding:0 25px;position:relative}
.header .nav li a:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;color:#ff9933;width:0}
.header .nav li .arr{float:right;height:40px;width:40px;position:relative;display:none;z-index:1}
.header .nav li .arr:after{content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(135deg);transform:rotate(135deg);right:15px;}
.header .nav li.dropdown{position:relative}
.header .nav li.dropdown:hover .dropdown-box{display: block;}
.header .nav .dropdown-box{position:absolute;min-width:100%;top:100%;display:none;z-index:10;text-align:center;background:rgba(239,239,241,.7)}
.header .nav .dropdown-box p{margin:0}
.header .nav .dropdown-box a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;line-height:40px;border-bottom:1px solid rgba(0,0,0,.1)}
.header .nav .dropdown-box a:after{display:none}
.header .nav .dropdown-box a:hover{background:url(../images/dhx1.png) no-repeat;}
.header .nav li.active a:after,.header .nav li.open a:after,.header .nav li a:hover:after{width:100%;}
.header .nav li.open .dropdown-box{display:block}
.moblie_head{display:none}
.a_txt{display:none;}

/*移动端导航*/
@media screen and (max-width: 900px) and (min-width: 0px){
#header{display:none}
.moblie_head{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px; right:0;width:100%;z-index:9999;border-bottom:1px solid #ddd; margin:0 auto;}
.moblie_head .lf{padding-top:10px;padding-left:5%;}
.moblie_head .lf img{height:24px}
.moblie_head .rg{padding-right:5%;padding-top:14px;}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}
/*banner*/
.banner{ width:1004px; margin:0 auto}
.wrapper .swiper-container .swiper-pagination-bullet {opacity: 1;position: relative;width: 50px;height: 3px; border-radius: 0; margin: 0 4px;background-color: rgba(0,0,0,0.5);transition: background-color .3s ease;}
.wrapper .swiper-container .swiper-pagination-bullet::before {display: block;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;transform: scaleX(0);transform-origin: 0 0;}
.wrapper .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before { animation: sliderPagination 3s linear forwards}
.wrapper .swiper-container .swiper-pagination-bullet:hover {background-color: #fff;}
@keyframes sliderPagination {100% {transform: scaleX(1);opacity: 1;}}
.wrapper .swiper-container .swiper-pagination {bottom: 25px;}
/*zw*/
.zw{ width:100%; text-align:center; padding-bottom:}
.container{ margin:0 auto; max-width:1004px;}
.co_legf{ width:218px; float:left;}
.co_rh{ width:218px; float:right; text-align:left;overflow:hidden}
.co_rh ul{margin:0; padding:0;overflow:hidden}
.co_r{ margin-left:15px;}
.zuo{border-color:#000;border-width:1px;border-style:solid;}
.zuo .swiper-slide img{max-width:100%;height:auto;display: inline-block;}
.zuo .swiper-container .swiper-pagination {bottom: 5px!important;}
.zuo .swiper-container .swiper-pagination-bullet{width: 10px!important;}
.hform form{position:relative; height:23px;}
[type=text]{width:140px; height:21px;overflow:auto;position:absolute;border:1px solid #CCC; left:0}
[type=submit]{background:url(../images/search_go.jpg) 95% no-repeat;-webkit-appearance:button;}
.hform button{width:65px; height:23px; top:1px; right:0; position:absolute; overflow:auto; border:none;}
.co_l{ list-style-type:none;text-align:left; font-size:12px; line-height:30px; background-image:url(../images/bj1.jpg); padding-left:20px;}
.co_cn{width:calc(100% - 439px);width:-webkit-calc(100% - 439px); width:-moz-calc(100% - 439px); text-align:left; margin-left:1px;border:1px dashed #CCC;border-style:none dashed;}
.co_cn ul{ margin:0; padding:0;}
.co_c{ list-style-type:none;text-align:left; font-size:12px;word-wrap:break-word; width:524px;vertical-align:top; line-height:20px; padding-top:4px;}
.lmbj{background-image:url(../images/lmbj.gif);}
#marquee_product1 table {width:100%; height:100px;}
.co_cnd{ width:calc(100% - 202px);width:-webkit-calc(100% - 228px); width:-moz-calc(100% - 228px); padding-left:10px; float:left; text-align:left;}
.co_cnd ul{margin:0px; padding:0px; list-style-type:none;text-align:left; font-size:12px;border-left:#ccc dotted 1px;border-right:#ccc dotted 1px; padding-left:10px;}
.co_cnd ul li{ list-style-type:none;text-align:left; font-size:12px;word-wrap:break-word;vertical-align:top; line-height:30px;}
.kg1 { width:100%; height:40px; line-height:27px;padding-left:20px;}.kg2 img{width:100%; height:auto;}.co_cp{width:33.3%; float:left; text-align:center;}.co_cp img{ width:100%; height:auto}strong { color:#FF0000;}
.dede_pages{padding:20px 0;font-size:14px;text-align:center;overflow:hidden}.dede_pages ul{display:inline-block;margin:0 auto;padding:0}.dede_pages ul li{float:left;font-family:microsoft yahei;margin:0 2px;padding:0 10px;line-height:25px;background:#fff;border:1px solid #d8dadf}.dede_pages ul li a{float:left;color:#555;display:block}.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}.dede_pages ul li:hover a{color:#fff}.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid}.dede_pages ul li.thisclass a{color:#fff}.dede_pages .pageinfo{line-height:30px;padding-left:5px}.dede_pages strong{font-weight:400}
@media screen and (max-width: 900px) and (min-width: 0px){
.db_z,.co_legf,.co_rh{display:none}
.container,.co_cn{ width:100%;overflow:hidden}
.banner{ width:100%;overflow:hidden}
#marquee_product1 table {width:100%; height:auto!important;}
.co_cnd{ width:100%; padding:0; margin:0 auto;overflow:hidden}
.kg1 img{ width:auto; height:100%;}
.co_cp{width:50%;}
.db{width:100%;overflow:hidden}
}
.db{ background-image: url(../images/dbbg.jpg);max-width:1004px; height:83px; margin-top:30px;}
.db_z{ float:left; width:100%; max-width:261px; text-align:left;background-image: url(../images/dbbg.jpg);}
.db_z img{ padding-top:1px; width:100%; height:auto;}
.db_z ul{ margin:0px; padding:0px;}
.db_y{ float:right;  width:100%;max-width:743px; padding-top:10px;background-image: url(../images/dbbg.jpg);text-align:left;}
.db_y ul{text-align:left;}
.db_y li{list-style-type:none; line-height:20px; text-align:left; padding-left:20px;}