/* CSS Document */
.mian{position: relative;margin-left: auto;margin-right: auto;min-width: 320px;max-width: 640px;overflow: hidden;background-color: #fff;font-family: Microsoft YaHei;}
a{text-decoration: none;color: #666;}
@media screen and (min-width:320px){html{font-size: 75%;}}
@media screen and (min-width:375px){html{font-size: 87.5%;}}
@media screen and (min-width:480px){html{font-size: 87.5%;}}
@media screen and (min-width:540px){html{font-size: 112.5%;}}
@media screen and (min-width:550px){html{font-size: 125%;}}
@media screen and (min-width:640px){html{font-size: 150%;}}
/*标题*/
article{overflow: hidden;width: 100%;margin-top: 5%;text-align: center;}
article h2{font-size: 1.5rem;color: #FF0401; padding-bottom:2%}
article h2 a{color: #FF0401}
article p{font-size:.7rem;color: #d2d2d2;margin-top: 0.2rem;font-family: Arial;text-transform: uppercase}
article i{background: url("../images/webtitle_line.png") no-repeat center;width: 100%;height: 3px;background-size: 100%;display: block;margin-top:.25rem;}
section.section{width:98%;margin-left: auto;margin-right: auto;}
a.More{margin: .2rem auto;text-align: center;font-size: .9rem;color: #FF0401;border: 1px solid #FF0401;padding: .5rem;width: 20%;text-transform: uppercase;border-radius: 5px;display: block;}
/*header*/
header{overflow: hidden;padding: 4% 0;width: 100%;background: #fff url("../images/hdline.png") no-repeat center top;background-size: 100%;}
header h1 img{display: block;max-width: 100%; width:100%}
header h1{width: 40%;float: left;padding-top:8px;}
header h2{float: right;width: 58%;color: #999;font-size: 1.15rem;font-weight: normal; padding-top:1rem;}
header h2 p{font-size: 1rem;color: #999;margin-top: .4rem;font-weight: normal;}
header h2 p a{color: #ffba00;font-weight: bold;}
/*nav*/
nav{overflow: hidden;width: 100%;background-color: #FF0401;}
nav a{width: 25%;float: left;text-align: center;font-size: 1rem;color: #fff;padding: .75rem 0;display: block;border-right: 1px solid #fff;box-sizing: border-box;border-bottom: 1px solid #f1f1f1;white-space: nowrap;}
nav a:nth-child(4n){border-right: none}

nav a:last-child{ display:none;}

/*banner*/
.banner{position: relative;width: 100%}
.banner img{display: block;width: 100%;}
.banner .btn{position: absolute;left: 0;bottom: 1rem;overflow: hidden;width: 100%;text-align: center}
.banner .btn span{width: .8rem;height: .8rem;margin: 0 .1rem;border-radius: 1rem;background-color: #fff;display: inline-block}
.banner .btn span.on{background-color: #01d267}
/*Service*/
.Service{overflow: hidden;width: 100%;}
.Service .list{margin-top: 4%;overflow: hidden;width: 100%;text-align: center}
.Service .list li{width: 31%;display: inline-block;position: relative;background: #000;margin: 0 .5%;margin-bottom: .3rem;}
.Service .list li img{opacity: 0.6;width: 100%;display: block}
.Service .list li span{display: block;width: 100%;font-size:.9rem;color: #fff;position: absolute;left: 0;top: 48%;}
.Service .list li:last-of-type img{opacity: 1}
/*case*/
.case, .case .list{overflow: hidden;width: 100%;}
.case{padding-bottom: 4%;}
.case .list{margin-top: 4%;}
.case .list li{width: 48%;/*height: 11rem;*/float: left;margin-bottom: .5rem;text-align: center;}
.case .list li img{display: block;width: 100%;}
.case .list li span{display: block;font-size: .9rem;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: .5rem 0;}
.case .list li:nth-child(2n){float: right}
/*Customer*/
.Customer, .Customer .list{overflow: hidden;width: 100%;}
.Customer{background: #eee}
.Customer article p{font-size: .85rem;color: #999}
.Customer .list{margin-top: 4%;}
.Customer .list li{width: 48%;float: left;margin-bottom: .5rem;background-color: #fff;padding-bottom: .8rem;}
.Customer .list li img{display: block;width: 100%;}
.Customer .list li h3{display: block;font-size: 1rem;color: #FF0401;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: .5rem 1rem;margin-top: .3rem;}
.Customer .list li p{font-size: .85rem;color: #666666;line-height: 1.4rem;margin-top: .2rem;padding: 0 1rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Customer .list li:nth-child(2n){float: right}
.Customer a.More{margin: 3% auto 4%}
/*Answer*/
.Answer{overflow: hidden;width: 100%;padding-bottom: 3%:}
.Answer .answerBox{margin-top: 4%;}
.Answer dl{padding: .5rem 4%;width: 100%;box-sizing: border-box;overflow: hidden}
.Answer dl dt{width: 5%;float: left;}
.Answer dl dt img{width: 100%;display: block}
.Answer dl dd{float: right;width: 94%;font-size: 1rem;color: #666666;margin-top: .1rem;white-space: nowrap;text-overflow: ellipsis;}
.Answer dl:nth-child(2n){background-color: #eee}
.Answer dl:nth-child(2n) dd{color: #FF0401}
/*advantage*/
.advantage{overflow: hidden;width: 100%}
.advantage article img{display: block;width: 100%;}
.advantage dl{padding: 1rem 0;overflow: hidden;width: 100%;border-bottom: 1px solid #e5e5e5}
.advantage dl dt, .advantage dl dd{width: 49%;}
.advantage dl dt{float: right}
.advantage dl dt img{display: block;width: 100%;}
.advantage dl dd{float: left;position: relative;z-index: 7777; padding-left:1%;}
.advantage dl dd h3{font-size: 1rem;color: #FF0401;margin-bottom: .5rem;overflow: hidden; line-height:47px;}
.advantage dl dd h3 img{display: block;float: left;width: 15%;margin-right: .5rem;}
.advantage dl dd p{line-height: 1.4rem;font-size: .85rem;color: #666666;white-space: nowrap}
.advantage dl:last-of-type{border-bottom: none}
/*Principle*/
.Principle img{display: block;width: 100%;}
/*Government*/
.Government{overflow: hidden;width: 100%;background: #eee}
.Government .list{margin-top: 4%;overflow: hidden}
.Government .list li{width: 25%;background: #FF0401;float: left;padding: 1rem 0;text-align: center}
.Government .list li:nth-child(2n){background: #f9a733}
.Government .list li img{display: inline-block;width: 50%;}
.Government .list li span{display: block;width: 100%;font-size: 1rem;color: #fff}
.Government .More{margin: 4% auto 5%;}
.Government article p{color: #999999}
/*关于我们*/
.aB{overflow: hidden;background-color: #fff;width: 100%;padding-bottom: 1.5rem;}
.aB .abDl{margin-top: 4%;overflow: hidden;}
.aB dt img{display: block;width: 100%;box-sizing: border-box;border: 5px solid #fff}
.aB dd p{font-size: .9rem;color: #666666;line-height: 1.5rem;overflow: hidden;text-align: justify;margin: 3% 2%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.aB .More{margin-top: 3%;}
/*新闻*/
.new{overflow: hidden;width: 100%;padding-bottom: 3%;}
.new .newNav{display: inline-block;width: 100%;background-color: #FF0401}
.new .newNav li{float: left;width: 50%;text-align: center;padding: .6rem 0;font-size: 0.95rem;position: relative;box-sizing: border-box;border-right: 1px solid #fff}
.new .newNav li a{color: #fff}
.new .newNav li i{display: none;background: url("../images/new_li.png") no-repeat center;width: 1rem;height: .5rem;background-size: 100%;position: absolute;left: 50%;margin-left: -.5rem;bottom: -.5rem;}
.new .newNav li:nth-child(3){width: 34%;border-right: none}
.new .newNav li.on{background-color: #ffba00;}
.new .newNav li.on a{color: #fff;}
.new .newNav li.on i{display: block}
.new .newNav li:last-of-type{border-right: none}
.new .newBox, .new .newCon, .new .li, .new .dl{overflow: hidden;width: 100%;}
.new .newBox{margin: 3% 2%; width:96%;}
.new .li{margin-top: 3%;}
.new .li li{box-sizing: border-box;padding:.5rem 0;font-size: 1rem;border-bottom: 1px solid #cccccc;overflow: hidden;}
.new .li li a{white-space:nowrap;text-overflow:ellipsis;display:block;width:69%;float:left;color:#333333;overflow: hidden;}
.new .li li span{display: block;width: 28%;float: right;text-align: right;color: #cccccc}
/*地址*/
.addRess{overflow: hidden;width: 100%;background: #eee;padding-bottom: 3.5rem;}
.addRess dl{overflow: hidden;padding: 1.5rem 0;width: 100%;}
.addRess dl dt{width: 25%;float: left;}
.addRess dl dt img{display: block;width: 100%;}
.addRess dl dd{width: 72%;float: right}
.addRess dl dd h3{font-weight: normal;font-size: 1rem;color: #FF0401;}
.addRess dl dd h3 a{color: #FF0401;font-weight: bold}
.addRess dl dd p{font-size: .85rem;color: #666666;line-height: 1.5rem;}
.addRess dl dd p a{color: #666}
.addRess dl dd p:first-of-type{margin-top: .3rem;}
/*底部*/
footer{position: fixed;bottom: 0;left: 0;background: #FF0401;width: 100%;overflow: hidden;  z-index:9999;}
footer img{display: block;width: 114%;}
footer a{display: block;float: left;width: 25%;text-align: center;padding: .75rem 0 .75rem 0;box-sizing: border-box;border-left: 1px solid #fff;}
footer a:first-child{border-left: none;}
footer em{display: block;width: 1.875rem;height: 1.875rem;margin: 0 auto;}
footer span{display: block;font-size: 1rem;color: #fff;margin: .2rem 0;}
footer a.on{background: #ffba00;}

.index_xy{width: 100%;overflow: hidden; line-height:2em;background-image: url(../images/xy_bg.png); background-size:cover;}
.index_xy .title h3{ line-height:1.5em; font-size:1rem;}
.xy{overflow: hidden;margin:30px 10px 50px;z-index: 2;}
.xy .xy_l h2{font-size:2rem;color: #000;margin-top:10px; margin-bottom:10px;font-weight: bold; line-height:1.2em;}
.xy .xy_l h3{color: #000;line-height:1em;}
.xy .xy_l h3 span strong{font-size:1rem;}
.xy .xy_l hr{width: 20px;margin-top: 25px;margin-bottom: 25px;}
.xy .xy_l h4{font-size:.9rem;color: #000;margin-bottom: 18px; line-height:2em;}
.xy .xy_l p{line-height: 1.6em;font-size:.9rem;color: #b5b5b5;margin-bottom:0;}
.xy .xy_l p span{color: #000;}
.xy_banner{width: 100%;overflow: hidden;height: 35px;margin-top: 40px;margin-bottom: 60px;}
.xy_banner .xy_one{width:20%;color: #fff;height: 35px;line-height: 35px;background-color: #ff6029;text-align: center;float: left;}
.xy_banner .xy_one img{position: relative;top: 0px;}
.xy_banner .xy_two{width: 80%;float: left;height: 35px;line-height: 35px;}
.g_banner_u{width: 100%;overflow: hidden;height: 35px;}
.g_banner_u li{width: 100%;height: 35px;line-height: 35px;text-align: center;    white-space: nowrap;    overflow: hidden;text-overflow: ellipsis;}
.g_banner_u li a{color: #5d5d5d;font-size:1rem;}
.xy .xy_a{width: 300px;display: block;height: 52px;line-height: 52px;border: 1px solid #444444;color: #444444;font-size:1rem; margin:0 auto; text-align:center;}
.xy .two{width: 580px;float: right;margin-top: 50px;}
.xy .two img{width: 580px;height: 368px;}
.index_xy .xy_bg{position: absolute;right: 0;top: 0;z-index: 1}

.index-hbg{ padding-top:10px;}
.index-commer{width: 100%;margin: 10px auto 10px auto;}
.index-commer ul{ overflow:auto; zoom:1;}
.index-commer ul li{float: left;width:50%;box-sizing: border-box;border: 10px solid #fff;text-align: center; background:#f0f0f0; padding-top:20px; padding-bottom:30px; border-radius:15px;}
.index-commer ul li img{width:90%;margin: 15px auto;}
.st{width: 80px;height: 80px;margin: auto;}
.t1{background: url(../images/1.png) center no-repeat;}
.t2{background: url(../images/2.png) center no-repeat;}
.t3{background: url(../images/4.png) center no-repeat;}
.t4{background: url(../images/3.png) center no-repeat;}
.index-commer ul li:hover .t1{background-image: url(../images/1-1.png);}
.index-commer ul li:hover .t2{background-image: url(../images/2-2.png);}
.index-commer ul li:hover .t3{background-image: url(../images/4-4.png);}
.index-commer ul li:hover .t4{background-image: url(../images/3-3.png);}
.index-commer ul li h2{font-size:1rem;text-align: center;color: #333;font-weight:500; padding-top:10px;}
.index-commer ul li p{text-align: center;color: #999; padding:0px 10px; font-size:.8rem;}
.index-commer-more{margin-top: 30px;width: 245px;height: 45px;text-align: center;line-height: 45px;font-size: 24px;color: #007944;border: 2px solid #007944;border-radius: 30px;margin: auto;cursor: pointer;}

#Validform_msg{ display:none!important;}