@charset "utf-8";
.wrap img{display:block;width:100%;}

.tit{text-align: center;font-weight: normal;border-bottom: 1px solid #e0e0e0;position: relative;}
.tit:after{position: absolute;width: 3.5rem;height: 3px;content: "";background: #da3730;left: 50%;margin-left: -1.7rem;bottom: -2px;}
.tit b{display: block;font-size: 1.5rem;color: #000;line-height: 1.5rem;}
.tit i{display: block;font-size: 0.6rem;color: #b5b5b5;font-family: Arial;text-transform: uppercase;line-height: 2.2rem;}
/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #da3730;}
/*pro*/
.pro{padding: 3.8rem 0 0;}
.pro h2{margin-bottom: 1.5rem;}
.pro_ctg{border: 2px solid #efefef;border-bottom: 1px solid #efefef;margin: 0 1.5% 0.7rem;}
.pro_ctg a{float: left;width: 25%;height: 5.2rem;line-height: 5.2rem;text-align: center;box-sizing: border-box;font-size: 1.2rem;color: #666;border-bottom: 1px solid #efefef;border-right: 1px solid #efefef;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}
.pro_ctg a:nth-child(4n){border-right: 0;}
.pro_ctg a:nth-child(1),.pro_ctg a:nth-child(2),.pro_ctg a:nth-child(3),.pro_ctg a:nth-child(4){color: #407fe9;}
.pro dl{height: 17.3rem;background: #f6f6f6;margin: 0 1.5% 1.1rem;position: relative;}
.pro dt{float: right;width: 19.5rem;}
.pro dd{position: absolute;width: 42%;left: 5%;top: 0;}
.pro dd h3 img{width: auto;height: 1.8rem;padding: 2.7rem 0 1.4rem;}
.pro dd h3 a{display: block;font-size: 1.2rem;color: #407fe9;line-height: 2rem;font-weight: bold;height: 2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_desc{font-size: 1.1rem;color: #666;line-height: 1.5rem;height: 3.7rem;}
.pro dd .xq{display: block;width: 6.6rem;height: 2.3rem;line-height: 2.3rem;text-align: center;font-size: 1rem;color: #fff;background: #da3730;}
.pro_list{margin: 0 1.5%;}
.pro_list li{float: left;width: 49%;margin-bottom: 1.5rem;}
.pro_list li:nth-child(2n){float: right;}
.pro_list li span{display: block;height: 2.1rem;line-height: 2.1rem;text-align: center;font-size: 1.2rem;color: #fff;background: #bdbdbd;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.xuan{padding: 8.7rem 1.5% 2.5rem;background: #407fe9;margin-top: -7.8rem;}
.xuan li{height: 2.6rem;margin-bottom: 0.9rem;}
.xuan li label{float: left;font-size: 1.2rem;color: #fff;line-height: 2.6rem;width: 3.8rem;}
.xuan li input{float: left;width: 74%;padding: 0 10px;height: 2.6rem;line-height: 2.6rem;font-size: 1rem;color: #333;border:0;background: #fff;outline: 0;box-sizing: border-box;}
.xuan li i{float: left;font-size: 1.2rem;color: #fff;line-height: 2.6rem;margin-left: 0.4rem;}
.xuan .submit{display: block;width: 10rem;height: 2.8rem;line-height: 2.8rem;font-size: 1.2rem;color: #fff;background: #da3730;border: 0;outline: 0;cursor: pointer;margin: 1.3rem auto 0;}
/*way*/
.way{padding: 4rem 0 2rem;background: #f6f6f6;}
.way h3{margin: 2rem 1.5% 0.6rem;height: 8.5rem;font-weight: normal;}
.way h3 span{float: left;width: 32%;height: 3.5rem;line-height: 3.5rem;text-align: center;font-size: 1.2rem;color: #fff;background: #407fe9;border-radius: 0.2rem;margin-right: 2%;margin-bottom: 0.5rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.way h3 span:nth-child(3n){margin-right: 0;}
.way h3 span.cur{color: #fff;background: #da3730;}
.way_con{margin: 0 1.5%;}
.way_con dt{border: 3px solid #dcdcdc;}
.way_con dd{padding: 0 1rem;}
.way_con dd h4{font-size: 1.2rem;color: #407fe9;line-height: 1.5rem;margin: 1.7rem 0 1.2rem;height: 1.5rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.way_con dd h4 a{color: #407fe9;font-weight: bold;}
.way_desc p{font-size: 1.2rem;color: #666;line-height: 2rem;}
.way_desc p b{color: #407fe9;}
.way_con dd .xq{display: block;width: 9rem;height: 3rem;line-height: 3rem;font-size: 1.2rem;color: #fff;background: #407fe9;border: 0;outline: 0;cursor: pointer;margin: 1.2rem auto 0;text-align: center;}
/*his*/
.his{padding: 4rem 0 3.2rem;}
.his h2{margin-bottom: 1.6rem;}
.his ul{padding: 0 9%;position: relative;}
.his li{float: left;width: 43.5%;background: #eee;padding: 0.9rem 0.5rem 0.6rem;text-align: center;margin-bottom: 2.5rem;position: relative;box-sizing: border-box;}
.his li h3{font-size: 1.2rem;color: #666;line-height: 1.2rem;font-weight: bold;margin-bottom: 0.7rem;}
.his li p{font-size: 1.1rem;color: #666;line-height: 1.5rem;}
.his li:nth-child(3n-1){float: right;transform: translateY(5.5rem);}
.his li:nth-child(2){transform: translateY(4.5rem);}
.his li:first-child{height: 7rem;padding: 2rem 0.5rem 0;}
.his li.clear{clear: both;height: 0;width: 0;padding: 0;}
.his li:after{position: absolute;width: 0;height: 0;border: 0.75rem solid transparent;border-left-color: #ededed;content: "";top: 50%;right: -1.5rem;margin-top: -0.75rem;}
.his li:before{position: absolute;width: 0.6rem;height: 0.6rem;border: 1px solid #989898;border-radius: 100%;content: "";top: 50%;margin-top: -0.3rem;right: -2rem;background: #fff;z-index: 2;box-sizing: border-box;}
.his li:nth-child(3n-1):before{right: auto;left: -2rem;}
.his li:nth-child(3n-1):after{right: auto;left: -1.5rem;border: 0.75rem solid transparent;border-right-color: #ededed;}
.his li:last-child{margin-bottom: 0;}
.his ul:before{position: absolute;width: 1px;left: 50%;top: 0;height: 100%;background: #dedede;content: "";}

/*abt*/
.abt{background: #f6f6f6;padding: 4rem 0 3.2rem;}
.abt h2{margin-bottom: 1rem;}
.abt dl{margin: 0 1.5%;}
.abt dt{border: 0.25rem solid #fff;}
.abt dd{padding: 0 1rem;}
.abt dd h3{font-size: 1.2rem;color: #000;line-height: 1.2rem;font-weight: bold;padding-top: 2rem;}
.abt_desc p{font-size: 1.1rem;color: #666;line-height: 1.5rem;margin-top: 1.4rem;}
.abt dd .xq{display: block;width: 8rem;height: 2.7rem;line-height: 2.7rem;font-size: 1.1rem;color: #fff;text-align: center;background: #407fe9;margin-top: 3rem;}

/*news*/
.news{padding: 4rem 1.5% 2rem;}
.news h3{height: 2.6rem;border-bottom: 1px solid #eaeaea;margin-bottom: 1.5rem;font-weight: normal;}
.news h3 span{float: left;font-size: 1.2rem;color: #000;height: 2.5rem;line-height: 1.6rem;margin-right: 3rem;}
.news h3 span img{float: left;width: 1.6rem;margin-right: 0.6rem;}
.news h3 span.cur{border-bottom: 3px solid #2c62af;}
.new_con dt{float: left;width: 43.5%;}
.new_con dd{float: right;width: 53%;}
.new_con dd h4{font-size: 1.2rem;line-height: 1.2rem;margin-bottom: 1rem;}
.new_con dd h4 a{color: #666;font-weight: bold;}
.new_con dd p{font-size: 1.1rem;line-height: 1.5rem;color: #666;}
.new_list{padding-top: 1rem;border-top: 1px dashed #bfbfbf;margin-top: 1.4rem;}
.new_list p{height: 2rem;line-height: 2rem;font-size: 1.1rem;color: #666;padding-left: 1.3rem;position: relative;}
.new_list p:after{position: absolute;content: ">";left: 0;top: 0;}
.new_list p a{display: block;color: #666;height: 2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}











/**/
/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}