﻿*{margin:0;padding:0;}
body{background:#fff; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}

.wrap{ max-width:1200px !important; margin:0 auto;}

main{width:100%; overflow:hidden;}
.zx_banner{width:100%; overflow:hidden; height:320px; background:url(../images/zx_banner.jpg) no-repeat center center; background-size:cover;}
.main{width:100%; float:left; margin-top:-78px; padding-bottom:30px;}
.boxbig{width:100%; overflow:hidden; background:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.zx_title{display:block; width:100%; max-width:1060px; margin:0 auto; text-align:center; overflow:hidden; padding:24px 0 10px 0; border-bottom:1px solid #e1e1e1;}
.zx_T{display:block; height:36px; line-height:36px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:24px; color:#3a3a3a; font-weight:bold;}
.zx_p{display:block; height:28px; line-height:28px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:16px; color:#929292; letter-spacing:0.5pt;}
.zx_p .zx_sp{ color:#59a302;}

.zx_box{display:block; width:100%; max-width:850px; margin:20px auto 0 auto; overflow:hidden; min-height:500px}
.zx_L{width:450px;float:left; border-right:1px solid #e1e1e1;padding-top:30px;margin-bottom:20px;}
.zx_B{display:block; margin-bottom:20px; overflow:hidden;}
.zx_p1{width:85px; float:left; height:35px; line-height:35px; font-family:'Microsoft YaHei'; font-size:16px; color:#7a7a7a;}
.zx_w{width:32px;display:inline-table;}
.zx_sp1{float:left; height:35px; line-height:35px; font-family:'Microsoft YaHei'; font-size:16px; color:#535353;}
.sel1{width:177px; height:35px; border:1px solid #d8d8d8; float:left; margin-left:15px;font-family:'Microsoft YaHei'; font-size:16px; color:#535353; background:url(../images/zx_jiantou.jpg) no-repeat right center;appearance:none;  -moz-appearance:none;  -webkit-appearance:none; padding:0 10px;}
.sel1 option{font-family:'Microsoft YaHei'; font-size:16px; color:#535353;}
.zx_inp1{width:224px; float:left; height:35px;border:1px solid #d8d8d8; font-family:'Microsoft YaHei'; font-size:16px; color:#535353; padding:0 10px;}
.zx_sp2{float:left; height:35px; line-height:35px; font-family:'Microsoft YaHei'; font-size:16px; color:#b5b5b5; margin-left:10px;}
.sel2{width:224px; height:35px; border:1px solid #d8d8d8; float:left;font-family:'Microsoft YaHei'; font-size:16px; color:#59a302; background:url(../images/zx_jiantou.jpg) no-repeat right center;appearance:none;  -moz-appearance:none;  -webkit-appearance:none; padding:0 10px;}
.zx_btn{width:310px; height:54px; background:#59a302; border-radius:5px; border-bottom:3px solid #c3dba7; display:block; background:#59a302; font-family:'Microsoft YaHei'; font-size:18px; color:#fff; margin-top:22px;}
.zx_p2{width:85px; float:left; height:48px; line-height:48px; font-family:'Microsoft YaHei'; font-size:16px; color:#7a7a7a;}

.wan-spinner { width:68px; height:48px; float:left; border: 1px solid #ccc;}
.wan-spinner input { width:46px !important; height: 46px; float: left; font-family:SimSun; font-size:16px; line-height: 46px; font-weight:bold; text-align: center;}
.wan-spinner .minus { height: 23px; float: left; font-family:SimSun; font-size:16px; line-height: 23px; text-align: center;}
.wan-spinner .plus{ height: 23px; float: left; font-family:SimSun; font-size:16px; line-height: 23px; text-align: center; border-bottom: 1px solid #ccc;}
.wan-spinner input { border: none; border-right: 1px solid #dddddd; margin: 0; width: 40px;}
.wan-spinner .minus,.wan-spinner .plus { color: #000; cursor: pointer; text-decoration: none; width: 20px;}
.wan_txt{float:left; height:48px; text-align:center; line-height:48px; font-size:16px; color:#616161; font-family:SimSun; padding:0 10px;}

.pic_ul{width:312px;float:right;}
.pic_ul li{display:block; border-bottom:1px solid #e1e1e1; padding:15px 0; overflow:hidden;}
.pic_ul li .pic_img{width:75px;float:left; margin-right:25px;}
.pic_ul li .pic_img img{width:75px; height:68px; display:block; margin:0 auto;}
.pic_ul li .pic_p{display:block; height:30px; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:18px; color:#383838;}
.pic_ul li .pic_sp{display:block; height:24px; line-height:24px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#969696;}
.pic_ul li .pic_sp1{display:block; height:44px; line-height:22px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#969696;}


.foot{width:100%; float:left; padding:15px 35px; border-top:1px solid #e1e1e1; margin-top:25px; background:url(../images/foot_img.jpg) no-repeat 35px center;}
/* 本例子css */
.txtMarquee-left{ width:100%; position:relative;}
.txtMarquee-left .bd{ padding-left:50px;}
.txtMarquee-left .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:35px; line-height:35px;  text-align:left; _display:inline; width:auto !important; font-family:'Microsoft YaHei'; font-size:13px; color:#878787;}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{ color:#878787;  }

/*手机底部导航
.hot{width:100%; height:68px; background:#202020; position:fixed; bottom:0; left:0; z-index:99;}
.hot span{ color:#fff; font-size:16px; line-height:20px; padding-top:12px;}
.hot h6{ font-size:14px; line-height:26px; font-family:'Microsoft YaHei'; color:#fff;}
.hot .row div a{ display:block; color:#fff; padding:5px 0; margin-top:9px;}
.hot .row div:hover{ background:#000;}*/


@media (max-width:1080px) {
.zx_banner{background:url(../images/zx_banner.jpg) no-repeat -150px center; background-size:cover;}
.main{padding:0 1% 30px 1%;}
.boxbig{padding:0 1%;}
.zx_L{width:69%;}
.pic_ul{width:29%;}





}
@media (max-width:991px){
.wan-spinner {margin-bottom:10px;}
.wan_txt{margin-bottom:10px;}
.pic_ul li .pic_img{margin-right:10px;}



}

@media (max-width:767px){
.zx_banner{background:none; height:auto;}
.zx_banner img{width:100%; display:block;}
.main{position:relative; margin-top:-40px;}
.zx_L{width:100%;padding-top:0}
.zx_B{margin-bottom:10px;}
.zx_B1{width:310px;}

.zx_p1{width:70px;font-size:14px}
.zx_w{width:28px;}
.sel1{width:65%; margin-left:5px; font-size:14px;}
.sel1 option{ font-size:14px;}
.zx_inp1{width:65%; font-size:14px;}
.zx_sp2{ font-size:14px; margin-left:5px;}
.sel2{width:60%; height:35px; font-size:14px;}
.zx_btn{width:100%;}
.zx_p2{width:70px; font-size:14px;}
.pic_ul{width:100%;}

.foot{width:100%; padding:15px 1%; background:url(../images/foot_img.jpg) no-repeat left center;}
/* 本例子css */
.txtMarquee-left{ width:100%; position:relative;}
.txtMarquee-left .bd{ padding-left:40px;}
.txtMarquee-left .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:35px; line-height:35px;  text-align:left; _display:inline; width:auto !important; font-family:'Microsoft YaHei'; font-size:13px; color:#878787;}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{ color:#878787;  }
}

/*右侧客服*/
.consult_box{z-index: 800;text-align: center ;position: fixed;right: 15px;top:200px;width: 70px;min-height:200px;}
.newzx{background: url(../images/new_top.png) no-repeat top center;height: 79px;display: block;position: relative;}
.newzx span{display: block;position: absolute;left:0;right: 0;bottom: 5px;color: #fff;}
.newzx_yichu{border-left:1px solid #cb0d1c;border-right:1px solid #cb0d1c; border-bottom: 1px #e5e5e5 solid;height:80px;line-height:14px;background-color:#FFF;}
.newzx_yichu:hover{background-color: #cb0d1c;color:#FFF}
.con_a{padding-top: 58px;color: #999; display:block;background-color:#fff;background-image: url(../images/new_zixun2017.png);background-repeat: no-repeat;}
.con_a1{background-position: -69px -8px;height: 38px;}
.con_a2{background-position: -140px -8px;height: 20px;}
.con_a3{height: 20px;background-image: url(../images/new1.png);}
.con_a:hover{background-color: #cb0d1c;color: #fff;text-decoration: none}
.con_a1:hover{background-position: -69px -88px;}
.con_a2:hover{background-position: -140px -88px;}
.con_a3:hover{background-position: 0px -62px;}
a.goTop{padding-top:35px;height:80px;color: #fff;background: url(../images/new_bot.png) no-repeat top;color: #fff;display: block;text-decoration: none}
@media (min-width:1000px){.kefu{display:none;}}
@media (max-width:1000px) {
.consult_box{display:none;}

}
/*手机底部客服*/
.bottom{width: 100%;margin: 0 auto; position: fixed; bottom: 0px; left: 0px;background:#cb0d1c;z-index: 10;}
.bottom ul{width: 100%;overflow: hidden; margin: 0 auto;padding:0px}
.bottom ul li{width: 25%; border-right: 1px solid white; float: left; padding:6px 0px; text-align: center;padding-bottom: 2px;list-style: none;}
.bottom ul li img{display: block; margin: 0 auto; height:20px;max-width: 100%; width: 20px;}
.bottom ul li:last-child{border-right:0px;}
.bottom ul li a span{display:inline-block;font-size: 12px; color: white; margin: 0 auto; margin-top: 3px;}
@media (min-width:1000px){.bottom{display:none;}}
