@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0;}
li{ list-style:none;}
img{ border:0;}
body{}
.banner{ width:100%;}
.banner img{ width:100%; height:auto;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.banner{ margin-top:12vw;}
}
.renzhen{ width:100%; height:auto;}
.renzhen_sj{ width:100%; height:auto; display:none;}
.renzhen img{ width:100%; height:auto;}
.renzhen_sj img{ width:100%; height:auto;}
.shipin{ width:100%;}
.shipin video{ width:100%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.renzhen{ display:none;}
.renzhen_sj{ display:block;}
.shipin{ margin-top:1vw;}
}
.index{ width:100%;}
.index_1{ width:100%; overflow:hidden;}
.index_1_list{ float:left; width:24%; height:auto; margin-left:0.5%; margin-right:0.5%;}
.index_1_list img{ width:100%; height:auto;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.index_1_list{ width:49%; height:38vw; margin-bottom:2vw;}
}
.index_2{ width:100%; overflow:hidden;}
.index_2_bt{ width:76%; height:5vw; border-bottom:1px solid #858484; text-align:center; font-size:2.5vw; line-height:5vw;}
.index_2_1{ width:80%; margin-top:2vw;}
.index_2_1 a{ color:#333333;}
.index_2_1 li{ float:left; width:24%; margin-left:0.5%; margin-right:0.5%;}
.index_2_1_img{ width:100%; height:16vw;}
.index_2_1_img img{ width:100%;height:100%;}
.index_2_1_txt{ height:3vw; line-height:3vw; font-size:1.2vw; text-align:center;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.index_2_bt{ width:76%; height:10vw; border-bottom:1px solid #858484; text-align:center; font-size:6vw; line-height:10vw;}
.index_2_1{ width:100%; margin-top:2vw;}
.index_2_1 li{ float:left; width:49%; margin-left:0.5%; margin-right:0.5%;}
.index_2_1_txt{ height:6vw; line-height:6vw; font-size:3vw; margin-bottom:2vw;}
}
.index_3{ width:100%; overflow:hidden;}
.index_3_bt{ width:76%; height:5vw; border-bottom:1px solid #858484; text-align:center; font-size:2.5vw; line-height:5vw;}
.index_3_1{ width:80%; margin-top:2vw;}
.index_3_1 li{ width:100%; margin-bottom:2vw;}
.index_3_1_txt{ height:2vw; line-height:2vw; font-size:1vw; text-align:right; padding-right:2vw;}
.index_3_1_img{ width:100%;}
.index_3_1_img img{ width:100%; height:auto;}
.index_3_2{ width:16vw; height:4vw; line-height:4vw; border:1px solid #666666; border-radius:2vw; font-size:1.5vw; text-align:center; margin-top:2vw;}
.index_3_2 a{ color:#332f2e;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.index_3_bt{ width:76%; height:10vw; border-bottom:1px solid #858484; text-align:center; font-size:6vw; line-height:10vw;}
.index_3_1_txt{ height:6vw; line-height:6vw; font-size:3vw; text-align:right; padding-right:2vw; margin-bottom:2vw;}
.index_3_2{ width:50vw; height:8vw; line-height:8vw; border:1px solid #666666; border-radius:4vw; font-size:4vw; text-align:center; margin-top:3vw;}

}
.index_4{ width:100%; color:#4a4a4a; background:#e6e7e9; padding-top:3vw; margin-top:2vw; padding-bottom:3vw;}
.index_4_1{ text-align:center;}
.index_4_1 h2{line-height:3vw; font-size:2vw;}
.index_4_1_txt{ font-size:1vw; line-height:2vw; width:100%;}
.index_4_2{ width:90%; margin:0 auto; overflow:hidden; margin-top:2vw;}
.index_4_2_1{ float:left; width:40%;}
.index_4_2_1 video{ width:100%;}
.index_4_2_2{ float:left; width:58%; margin-left:2%;} 
.index_4_2_2 h3{line-height:4vw; font-size:1.5vw;}
.index_4_2_2_txt{ margin-top:1vw;}
.index_4_2_2_txt p{ margin-bottom:1vw; font-size:0.8vw; line-height:1.4vw; text-indent:2em; color:#727272;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.index_4_1 h2{line-height:10vw; font-size:6vw;}
.index_4_1_txt{ width:90%; margin:0 auto; font-size:3vw; line-height:5vw;}
.index_4_2_1{ float:none; width:100%;}
.index_4_2_2{ float:none; width:100%; margin-left:0;} 
.index_4_2_2 h3{line-height:8vw; font-size:5vw;}
.index_4_2_2_txt{ margin-top:2vw;}
.index_4_2_2_txt p{ margin-bottom:2vw; font-size:3vw; line-height:5vw; text-indent:2em; color:#727272;}

}

.fuchuang{ position:fixed; width:20vw; height:auto; top:50%; right:1%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.fuchuang{ display:none;}
}
.footer{ width:90%; padding-left:5%; padding-right:5%; margin:0 auto; background:#FFFFFF;}
.f_con{height: 12vw;padding-top:3vw;border-bottom:1px solid #d9d9d9;}
.f_con>ul{float: left; width:40%;}
.f_con>ul li{float: left;width:30%;}
.f_con>ul li h2{font-size: 1vw;font-weight:normal;color: #4b4c4e;line-height: 1vw;margin-bottom:1vw;}
.f_con>ul li p a{display: block;font-size: 0.8vw;color:#4b4c4e;line-height:1.4vw;}
.f_con>ul li p a:hover{color: #1474a2;}
.f_con>ul li.nomar{margin-right: 0;}
.us{float:left;width:30%;padding-right:2vw;border-right:1px solid #d9d9d9;height:10vw;}
.us h2{font-size: 1vw;font-weight:normal;color: #4b4c4e;line-height: 18px;margin-bottom:1.2vw;text-align: center;}
.us .tel{height:108px;}
.us .tel i{display: block;font-size: 1.7vw;color: #1474a2;font-family: "Ebrima";text-align: center;line-height:2vw;}
.us .tel span{display: block;font-size:0.8vw;color: #4b4c4e;text-align: center;line-height:1.3vw;}
.us .tel span em{display: block;color: #1474a2;}
.us .sao p{float: left;width: 4vw;margin-right:1px;}
.us .sao p img{display: block;width:4vw;height:4vw;}
.us .sao p span{display: block;font-size: 0.8vw;color: #4b4c4e;text-align: center;padding-top:2.4vw;line-height: 1vw;}
.liuyan{float: right;width:20%; margin-left:1%}
.liuyan h2{font-size: 1vw;font-weight:normal;color: #4b4c4e;line-height: 1vw;margin-bottom:1.1vw;text-align: center;}
.liuyan li{margin-bottom:0.3vw;height:2vw;}
.liuyan li label{float: left;width:15%;line-height: 2vw;font-size: 14px;color: #4b4c4e;height:2vw;overflow:hidden;}
.liuyan li input{float: left;width:80%;padding-left:0.3vw;height: 2vw;line-height:33px;border:1px solid #dcdcdc;font-size:0.7vw;color: #333;background: #fff;}
.liuyan li input::-webkit-input-placeholder{color: #d3d4d4;}
.liuyan li input:-moz-placeholder{color: #d3d4d4;}
.liuyan li input::-moz-placeholder{color: #d3d4d4;}
.liuyan li textarea{float: left;width:12vw;padding:0 0 0 10px;height: 10vw;line-height:1.2vw;border:1px solid #dcdcdc;font-size:0.7vw;color: #333;background: #fff;font-family:"Microsoft Yahei";}
.liuyan li textarea::-webkit-input-placeholder{color: #d3d4d4;}
.liuyan li textarea:-moz-placeholder{color: #d3d4d4;}
.liuyan li textarea::-moz-placeholder{color: #d3d4d4;}
.liuyan input.form-btn-submit{float: right;width:5vw;height:2vw;line-height: 2vw;text-align: center;font-size:0.8vw;color: #fff;background: #0073a2;border:0;margin-top:0.8vw;cursor:pointer;}
.liuyan input.form-btn-reset,.liuyan li span{display: none;}
.f_bt{height:6vw;}
.f_bt div.botlog{float: left;margin:1.5vw 3vw 0 0;}
.f_bt .gs{float: left;font-size: 0.7vw;color: #4b4c4e;line-height:6vw;opacity: 0.8;}
.f_bt .gs a.jing{color: #4b4c4e;padding-left:24px;background:url(../img/bei_ic.jpg) no-repeat left center;}
.f_bt .cang{float: right;text-align: right;margin: 1vw 0.5vw 0 0;}
.f_bt .cang span{display: block;font-size:0.8vw;color: #4b4c4e;line-height:2vw;}
.f_bt .cang a{color: #4b4c4e;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.f_con{ display:none;}
.botlog{ display:none;}
.f_bt{ height:auto;}
.f_bt .gs{ line-height:8vw; text-align:center; width:100%;}
.f_bt .gs{float: left;font-size: 2.5vw;color: #4b4c4e;line-height:8vw;opacity: 0.8;}
.gs a{ display:block; width:100%;}
}
.lm_banner{ width:100%; margin-top:2.8vw;}
.lm_banner img{ width:100%;}
.cp_lb{width:80%; margin:0 auto; background:#fff; padding-bottom:2vw; margin-bottom:2vw; padding-top:2vw;}
.cp_h{ width:86%; height:2vw; line-height:2vw; border-bottom:1px solid #999999; padding-left:0.5vw; font-size:1vw;}
.cp_fl{width:86%; margin:2vw auto; overflow:hidden; text-align:center; padding-bottom:2vw;}
.cp_fl a{ padding:1vw 0; line-height:1.2vw; border-bottom:solid 2px #e3e3e3 ; font-size:1vw; color:#666666; font-weight:bold; margin-left:3vw; margin-right:3vw;}
.cp_fl .on{ border-bottom:2px solid #00a0e8;}

.cp_list{ overflow:hidden; width:80%; margin:0 auto;}
.cp_list a{ color:#332f2e;}
.cp_list li{ float:left;  width:24%; margin-left:0.8%; border-radius:0.4vw; overflow:hidden;  background:#e5e5e5; margin-bottom:1vw;}
.cp_list_img{ width:100%;}
.cp_list_img img{ width:100%;}
.cp_list_txt{ height:2vw; line-height:2vw; font-size:0.8vw; text-align:center; margin-bottom:0.5vw;}
.cp_list_txt a{ color:#332f2e;}
.lb_fy{ width:80%; margin:0 auto; overflow:hidden; font-size:0.8vw; margin-bottom:0.5vw;}
.lb_fy span{ float:right; padding-right:0.5vw;}
.lb_fy a{ display:block; height:1.6vw; line-height:1.6vw; padding-left:0.4vw; padding-right:0.4vw; min-width:1vw; text-align:center; color:#FFFFFF; margin-right:0.3vw; float:left; background:#00a0ea;border-radius:0.4vw; }

@media screen and (max-width: 1024px) and (min-width: 0px){
.lm_banner{ width:100%; margin-top:10vw;}
.lm_banner img{ width:100%;}
.cp_lb{width:100%; margin:0 auto; background:#fff; padding-bottom:2vw; margin-bottom:2vw; padding-top:2vw;}
.cp_h{ width:96%; height:8vw; line-height:8vw; border-bottom:1px solid #999999; padding-left:0.5vw; font-size:4vw;}
.cp_fl{width:96%; margin:3vw auto; overflow:hidden; text-align:center; padding-bottom:2vw;}
.cp_fl a{ padding:1vw 0; line-height:8vw; border-bottom:solid 2px #e3e3e3 ; font-size:3vw; color:#666666; font-weight:bold; margin-left:6vw; margin-right:6vw;}
.cp_fl .on{ border-bottom:2px solid #00a0e8;}

.cp_list{ overflow:hidden; width:96%; margin:0 auto;}
.cp_list li{ float:left; width:49%; margin-left:0.5%; border-radius:1.4vw; overflow:hidden;  background:#e5e5e5; margin-bottom:1vw;}
.cp_list_txt{height:5vw; line-height:5vw; font-size:3vw; text-align:center; margin-bottom:2vw;}
.lb_fy{ width:96%; margin:0 auto; overflow:hidden; font-size:3vw; margin-bottom:2vw; margin-top:2vw;}
.lb_fy span{ float:right; padding-right:0.5vw;}
.lb_fy a{ display:block; height:6vw; line-height:6vw; padding-left:2vw; padding-right:2vw; min-width:1vw; text-align:center; color:#FFFFFF; margin-right:0.3vw; float:left; background:#00a0ea;border-radius:0.4vw; }

}
.xw_lb{width:100%; margin:0 auto; padding-bottom:2vw; margin-bottom:2vw; padding-top:2vw;}
.xw_list{ overflow:hidden; width:80%; margin:0 auto; margin-top:1vw; margin-bottom:2vw; background:#fff; padding-top:2vw;}
.xw_list li{ overflow:hidden; width:86%; margin:0 auto; border-bottom:1px solid #e3e3e3; padding-bottom:1.2vw; margin-top:1.2vw;}
.xw_list_img{ float:left; width:35%;}
.xw_list_img img{ width:100%;}
.xw_list_txt{ float:right; width:60%;}
.xw_list_txt h2{ line-height:1.2vw; font-size:1.2vw; margin-bottom:1.5vw;}
.xw_list_txt h2 a{ color:#000000;}
.xw_list_txt p{ width:100%; line-height:1.2vw; font-size:0.8vw; color:#686667;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.xw_list{ overflow:hidden; width:90%; margin:0 auto; margin-top:1vw; margin-bottom:2vw; background:#fff; padding-top:2vw;}
.xw_list_txt h2{ line-height:4.4vw; font-size:3.6vw; margin-bottom:1.2vw; font-weight:normal;}
.xw_list_txt p{ width:100%; line-height:2.4vw; font-size:2vw; color:#686667;}

}
.xw_xq{width:100%; margin:0 auto; padding-bottom:2vw; margin-bottom:2vw; padding-top:2vw;}
.xw_xq_txt{ width:70%; margin:0 auto; padding-left:5%; padding-right:5%; background:#fff; padding-top:2vw; padding-bottom:2vw; color:#696768;}
.xw_xq_txt h1{ line-height:4vw; font-size:2vw; text-align:center; margin-bottom:1vw; color:#000000;}
.xw_xq_txt p{ line-height:2vw; font-size:0.8vw;}
.xw_xq_txt img{ max-width:100%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.xw_xq_txt{ width:90%; margin:0 auto; padding-left:5%; padding-right:5%; background:#fff; padding-top:2vw; padding-bottom:2vw; color:#696768;}
.xw_xq_txt h1{ line-height:10vw; font-size:5vw; text-align:center; margin-bottom:2vw; color:#000000;}
.xw_xq_txt p{ line-height:5vw; font-size:3vw;}
}
.cp_xq{width:100%; margin:0 auto; padding-bottom:2vw; margin-bottom:2vw; padding-top:2vw;}
.cp_xq_cs{ width:70%; margin:0 auto; padding-left:5%; padding-right:5%; padding-top:2vw; color:#696768; overflow:hidden; background:#fff; margin-bottom:1.5vw;}
.cp_xq_cs_1{ float:left; width:58%; margin-bottom:3vw;}
.cp_xq_cs_1_1{ width:100%; line-height:3vw; font-size:1.5vw; color:#000000; float:left;}
.cp_xq_cs_1_x{ background:#0073a2; width:10%; margin:1vw auto; height:0.2vw; float:left;}
.cp_xq_cs_1_2{ width:100%; line-height:2.4vw; font-size:0.8vw; color:#000000; float:left; border-bottom:1px solid #0073a2; padding-bottom:5vw; margin-bottom:2vw;}
.cp_xq_cs_1_3{ width:100%; overflow:hidden;}
.cp_xq_cs_1_3_1{ float:left; background:url(images/phone2.png) left center no-repeat; padding-left:3vw;}
.cp_xq_cs_1_3_1 p{ line-height:1.5vw; font-size:1vw;}
.cp_xq_cs_1_3_2{ float:right; background:#0073a2; height:2.8vw; line-height:2.8vw; font-size:1vw; text-align:center; width:8vw;}
.cp_xq_cs_1_3_2 a{ color:#FFFFFF;}
.cp_xq_cs_2{ float:right; width:38%;}
.cp_xq_cs_2 img{ width:100%;}
.cp_xq_js{ width:70%; margin:0 auto; padding-left:5%; padding-right:5%; background:#fff; padding-top:2vw; padding-bottom:2vw; color:#696768; margin-bottom:1.5vw;}
.cp_xq_js p{ line-height:2vw; font-size:0.8vw;}
.cp_xq_js img{ max-width:100%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.cp_xq_cs{ width:86%; margin:0 auto; padding-left:5%; padding-right:5%; padding-top:2vw; color:#696768; background:#fff; margin-bottom:1.5vw;}
.cp_xq_cs_1{ float:none; width:100%; margin-bottom:3vw;}
.cp_xq_cs_1_1{ width:100%; line-height:8vw; font-size:5vw; color:#000000; float:left;}
.cp_xq_cs_1_x{ background:#0073a2; width:20%; margin:1vw auto; height:0.3vw; float:left;}
.cp_xq_cs_1_2{ width:100%; line-height:6vw; font-size:3vw; color:#000000; float:left; border-bottom:1px solid #0073a2; padding-bottom:5vw; margin-bottom:2vw;}
.cp_xq_cs_1_3{ width:100%; overflow:hidden;}
.cp_xq_cs_1_3_1{ float:left; background:url(images/phone2.png) left center no-repeat; padding-left:12vw;}
.cp_xq_cs_1_3_1 p{ line-height:6vw; font-size:3vw;}
.cp_xq_cs_1_3_2{ float:right; background:#0073a2; height:10vw; line-height:10vw; font-size:3vw; text-align:center; width:25vw;}
.cp_xq_cs_1_3_2 a{ color:#FFFFFF;}
.cp_xq_cs_2{ float:none; width:100%;}
.cp_xq_js{ width:86%; margin:0 auto; padding-left:5%; padding-right:5%; background:#fff; padding-top:2vw; padding-bottom:2vw;  color:#000000;}
.cp_xq_js h1{ line-height:10vw; font-size:5vw; text-align:center; margin-bottom:2vw; color:#000000;}
.cp_xq_js p{ line-height:5vw; font-size:3vw;}


}