@charset "utf-8";
/* CSS Document */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
ol , ul ,li{list-style:none;}
body{font-size: 68%;}

.mian{min-width: 320px;max-width: 640px;margin: 0 auto;overflow: hidden;position: relative;
background:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
/* 根据设计稿决定  750px    1rem=64px;(750/10) */

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}
.fl{float: left;}
.fr{float: right;}






/*表单*/
.form-count{display: flex;padding-bottom: 10px;}
.bdyy-1 {
    overflow: hidden;
    width: 100%;
    padding: 2rem 0;
    background-color:#FFF;
}.bdyy-2 {
    width: 96%;
    margin: 0 auto;
    background: 
    #fff;
    overflow: hidden;
    padding: 20px 0 20px 0;
        padding-top: 20px;
}
.bdyy-2 h3 {
    font-size: 2.2em;
    color: #333;
    text-align: center;
    margin: 0.5rem 0;
    font-weight: bold;
}.form-count .split-count {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: solid 0.027rem 
    #E8E8E8;
    height: 1.2rem;
    margin: 0 1.213rem;
}.form-count .count-text {
    font-family: PingFangSC-Regular;
    font-size: 1rem;
    color: 
    #505050;
}.form-count .count-text-num {
    margin: 0 0.133rem;
    font-size: 1rem;
    color: 
    red;
}.form-count .split-count {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: solid 0.027rem 
    #E8E8E8;
    height: 0.8rem;
    margin: 0 1.213rem;
}
/* 字体引用 End */

.Conter{width: 96%;margin: 0 auto;}

/*头部开始*/
.fieldset, img{ width:100%}
.g-hd{ font-size: 1rem; }
.g-hd .m-tel{ text-align: center; color: #FFF; background: #0067cb; padding: 0.5rem 0 0.8rem; border-bottom: 1px solid #cacaca;}
.g-hd .m-tel b{ font-size: 1.6rem; color: #ffa900; padding-left: 0.5rem; }
.g-hd .m-tel p{color: #FFF; font-size:1.1rem;}
.g-hd .m-con{padding: 0.8rem 0 0.5rem;}
.g-hd .m-logo{ float: left; width:28%; padding-left:3%; padding-top:.4rem;}
.g-hd h1{ width: 62%; float: right; font-size:1.0333rem; color: #000; font-weight: bold; line-height: 2.1rem;border-left: 1px dashed #afaeae; padding-left:10px; }
.g-hd h1 b{}
.m-con img{ width:100% !important;}
.m-con h1 img{ width:10% !important;}

/*头部结束*/

.g-ser{ width: 93.6%; margin: 0 auto;  position: relative; font-size: 1rem; border: 0.4rem solid #e8e8e8;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; margin-top:1rem;}
.g-ser .inp01{ float: left; width: 65%; padding-left: 4%; height: 2.3rem; font-size: 0.92rem; color: #979696; border:none; }
.g-ser span{float: right; width: 16%; height: 2rem;line-height: 2rem; overflow: hidden; text-align: center; background: #ffa900; color: #fff; border-left: 0.5rem solid #e8e8e8;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.g-ser .u-in{ width: 13%;height: 2rem;  position: absolute; right:0; top:0; border: none; background: none; cursor: pointer; }

/*产品中心*/
.gg-pro{ width:100%;background:#f5f5f5;}
.g-pro{ margin: 0 auto; font-size: 1rem; padding-top:1rem; }
.g-pro p{margin-bottom: 2rem;}
.g-pro p a{ float: left;  width: 50%; line-height: 2.2rem; height: 2.2rem; color: #666; background:url(/skin/images/pro_ic.png) no-repeat 0 center; background-size: 0.25rem; padding-left: 0.6rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; font-size: 0.77em;}

.mpro2{width: 100%; margin: 0 auto; font-size: 1rem; /*padding-top:1rem;*/ background:#f5f5f5;padding-bottom:5%}
.mpro2 li{float: left; width: 48%; margin-left:1.5%;margin-bottom: 0.8rem;font-size: 0.8rem;}
.mpro2 li:nth-child(2n){ margin-right: 0; }
.mpro2 li span{display: block; text-align: center; color: #000; padding: 0.3rem 0; background:#eeeeee; margin-top:-2%; font-weight:bold}

.mpro2 .ckgdP {width: 8rem;height: 2rem;line-height: 2rem;border: 1px solid #000;margin: 0.4rem auto 0 auto;border-radius: 5px;font-size: 0.8rem;}
.mpro2 .ckgdP a {display: block;height: 1rem;color: #000;}


/* Footer YangFangLing 2019年6月3日 */
.Footer{background-color: #fff;overflow: hidden;}

.FooterTop{padding: 1.5rem 3% 5rem;text-align: center;}
.FooterTop p{color: #666;font-size: .8rem;line-height: 1.5rem;}
.FooterTop p img{ width:30%}
.FooterTop p a{color: #666;}

.footerBottom{width: 100%;position: fixed;left: 0;bottom: 0;background: #0060c3;z-index: 999;}
.footerBottom .mainCon{position: relative;}
.footerBottom .mainCon ul{float: left;width: 100%;display: flex;}
.footerBottom li{text-align: center;flex: 1;border-left: 1px #fff solid;}
.footerBottom li:first-child{border-left: none;}
.footerBottom li a{padding: .5rem 0;box-sizing: border-box;display: block;}
.footerBottom li span{display: block;box-sizing: border-box;}
.footerBottom li img{display: block;width: 1.667rem;height: 1.667rem;position: relative;margin: 0 auto;}
.footerBottom li em{display: block;font-size: 1.2em;color: #fff;margin-top: .2rem;}
.footerBottom li:first-child a{border-left: none;}
/* Footer End */

#neiyehead {display:none;}

.g_pro{padding-top: 1rem;}
.g_pro h2{height: 9rem;text-align: center;font-size: 2.4rem;color: #1a1a1a;position: relative;}
.g_pro h2 a{color: #1a1a1a;font-weight: bold;}
.g_pro h2 em{display: block;font-size: 1.2rem;color: #1a1a1a;font-weight: normal;}
.g_pro h2:before{content: "";position: absolute;width: 0.7rem;height: 0.5rem;background:url(/skin/images/title1.png) no-repeat;background-size: 100%;left:30%;top:1.3rem;}
.g_pro h2:after{content: "";position: absolute;width: 0.7rem;height: 0.5rem;background:url(/skin/images/title1.png) no-repeat;background-size: 100%;right:30%;top:1.3rem;}
.g_pro .fllst{margin: 0 0 0 3%;height:13rem;}

.g_pro .fllst li{float: left;width: 25.8%;margin-right: 8%;font-size: 0.8rem;color: #1a1a1a;font-weight: bold;border-top: 0.1rem solid #e3e3e3;padding-top: 0.5rem;}
.g_pro .fllst li a{color: #1a1a1a}
.g_pro .fllst li:nth-child(3n){margin-right: 0;}
.g_pro .fllst li em{display: block;color: #d8d8d8;font-size: 0.6rem;font-weight: normal;height: 1.3rem;padding-top: 0.3rem;}
.g_pro .fllst li i{display: block;width: 4.3rem;height: 3rem;}
.g_pro .fllst li i img{width: 100%;display: block;}
.g_pro .fllst li:hover a,.g_pro .fllst .cur a{color: #e15616;}

/*PRO*/

.g_pro .cptj{height: 32rem;position: relative;}
.g_pro .cptj dl{margin: 0 3%;overflow: hidden;}
.g_pro .cptj dt,.g_pro .cptj dt img{width: 100%;display: block;}
.g_pro .cptj dd{background:url(/skin/images/cpdd.jpg) no-repeat;background-size: 100%;height: 10rem;padding:1.1rem 5% 0; }
.g_pro .cptj h3{position: relative; height:5rem;font-size: 1.2rem;color: #222222;font-weight: normal;}
.g_pro .cptj h3 a{color: #222222;}
.g_pro .cptj h3 em{display: block;font-size: 0.6rem;color: #dfdfe0;}
.g_pro .cptj h3:before{content: "";position: absolute;background:url(/skin/images/title1.png) no-repeat;background-size: 100%;width: 0.7rem;height: 0.5rem;left:0;top:3rem;}
.g_pro .cptj p{font-size: 1.1rem;line-height: 1.7rem;color: #696969;}
.g_pro .cptj .swiper-pagination-bullets {top:18rem;position: absolute;}
.g_pro .cptj .swiper-pagination-bullets .swiper-pagination-bullet{color: #a9a9a9;text-align: center;line-height: 1.2rem; width: 1.2rem;height: 1.2rem;background: #fff;border-radius: 50%;font-size: 0.9rem;}
.g_pro .cptj .swiper-pagination-bullets .swiper-pagination-bullet-active{color: #fff;background: #e15616;}
.g_pro .cplst{margin: 0 4%; padding-top: 1.5rem; overflow: hidden;}
.g_pro .cplst .swiper-slide{height: 21rem;width: 96%;margin: 0 auto;padding-left: 0.2%;}
.g_pro .cplst .cpimg{width: 96%;display: block;box-shadow: 0.05rem 0.1rem 0.5rem #dfdddd;}
.g_pro .cplst .cpimg img{width: 100%; display: block;}
.g_pro .cplst .cpimg em{display: block;width: 100%;height: 3.2rem;line-height: 3.2rem;text-align: center;overflow: hidden;font-size: 1.2rem;color: #222222;border-top: 1px solid #ededed;box-sizing:border-box;}
.g_pro .swiper-pagination-clickable .swiper-pagination-bullet{background: #434343;width: 0.6rem;height: 0.6rem;margin: 0 0.5rem;}
.g_pro .swiper-pagination-clickable  .swiper-pagination-bullet-active{background: #1ca3db;width: 3rem;border-radius: 2rem;}
.g_pro .swiper-pagination-bullets{top: 13rem;}


/*优势*/

.g_ys3{position: relative; background:#0060c4;/*background:url(/skin/images/pzbg.jpg) no-repeat;*/background-size: 100%;padding-top:0.5rem; height:41rem;}
.g_ys3 h2{height: 5.3rem;text-align: center;font-size: 2.4rem;color: #fff;position: relative;font-weight: bold;}
.g_ys3 h2 a{color: #fff;}
.g_ys3 h2 em{display: block;font-size:0.9rem;color: #fff;font-weight: normal;padding-top: 0.2rem;}
.g_ys3 h2:before{content: "";position: absolute;width: 0.7rem;height: 0.5rem;background:url(/skin/images/title2.png) no-repeat;background-size: 100%;left:20%;top:1.3rem;}
.g_ys3 h2:after{content: "";position: absolute;width: 0.7rem;height: 0.5rem;background:url(/skin/images/title2.png) no-repeat;background-size: 100%;right:20%;top:1.3rem;}
.g_ys3 .tabs2{height: 6.3rem;margin: 0 3%;}
.g_ys3 .tabs2 a{display: block;float: left;width: 24.2%;margin-right: 1%;background: #2d90f8;padding: 0.5rem 0 0 0;height: 5rem; text-align: center;font-size: 1rem;color: #fff;font-weight: bold;}
.g_ys3 .tabs2 a:nth-child(4){margin-right: 0;}
.g_ys3 .tabs2 em{display: block;width: 5.5rem;height:2.7rem; overflow: hidden;margin: 0 auto;}
.g_ys3 .tabs2 em img{width: 5.5rem;height: 4.8rem; display: block;}
.g_ys3 .tabs2 .active em img{margin-top: -2.2rem;}
.g_ys3 .tabs2 .active {color: #0060c4;font-weight: bold;background: #fff;}
.g_ys3 dl{margin: 0 3%;}
.g_ys3 dt,.g_ys dt img{width: 100%;display: block;}
.g_ys3 dd{background: #fff;padding: 1.1rem 2% 1rem;height:6.8rem}
.g_ys3 h3{height: 4.5rem;position: relative;font-size: 1.5rem;color: #202020;font-weight: bold;}
.g_ys3 h3 em{display: inline-block;font-size: 1.2rem;color: #202020;padding-left: 0.3rem;}
.g_ys3 h3 span{display: block;float: none;font-size: 0.6rem;color: #CCC;font-weight: normal;letter-spacing: 0.1rem;}
.g_ys3 h3:before{content: "";position: absolute;background:url(/skin/images/title1.png) no-repeat;background-size: 100%;width: 0.7rem;height: 0.5rem;left:0;top:3.5rem;}
.g_ys3 p{line-height: 1.7rem;color: #585858;font-size: 1.0333rem;}

.g_ys3 .swiper-pagination-bullets {/*top:52rem;position: absolute;*/bottom: 2rem;}
.g_ys3 .swiper-pagination-bullets .swiper-pagination-bullet{ width: 0.7rem;height: 0.7rem;margin:0 0.5rem; background: #fff;}
.g_ys3 .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 3rem;border-radius: 2rem;}

/*案例*/
.g_an{padding-top: 1rem; padding-bottom:5%;}
.g_an h2{height:4rem;text-align: center;font-size: 1.5rem;color: #1a1a1a;position: relative; padding-top:0.3rem;}
.g_an h2 a{color: #1a1a1a;font-weight: bold;}
.g_an h2 em{display: block;font-size: 1rem;color: #1a1a1a;font-weight: normal; padding-top:0.5rem;padding-bottom:0.5rem;}
.g_an h2:before{content: "";position: absolute;width: 0.7rem;height: 0.5rem;background:url(/skin/images/title1.png) no-repeat;background-size: 100%;left:30%;top:1.3rem;}
.g_an h2:after{content: "";position: absolute;width: 0.7rem;height: 0.5rem;background:url(/skin/images/title1.png) no-repeat;background-size: 100%;right:30%;top:1.3rem;}
.g_an .anlst{margin: 0 3%;height:9.5rem; }
.g_an .anlst li{float: left;width:25%;border: 1px solid #f2f2f2;text-align: center;/*font-size: 0.8rem;*/color: #161616;box-sizing:border-box;height: 3.6rem;line-height: 3.6rem;border-right: none;border-bottom: none;}
.g_an .anlst li a{color: #161616;}
.g_an .anlst li:nth-child(4n){border-right:1px solid #f2f2f2;}
.g_an .anlst li:nth-child(3),.g_an .anlst li:nth-child(4),.g_an .anlst li:nth-child(5),.g_an .anlst li:nth-child(6),.g_an .anlst li:nth-child(7),.g_an .anlst li:nth-child(8){border-bottom:1px solid #f2f2f2;}
.g_an .anlst li:hover{background: #e15616;color: #fff;}
.g_an .anlst li:hover a{color: #fff;}
.g_an .m_an{background:url(/skin/images/anbg.jpg) no-repeat;background-size: 100%;position: relative;}
.g_an dl{margin: 0 12.5%;overflow: hidden;}
.g_an dt,.g_an dt img{width: 100%;display: block;}
.g_an p{height: 3.6rem;line-height: 3.6rem;text-align: center;font-size: 1rem;color: #1c1c1c;overflow: hidden;}
.m_an .swiper-button-next,.m_an .swiper-button-prev{position: absolute;width: 1.6rem;height: 2.8rem;top:7.5rem;}
.m_an .swiper-button-next{background: url(/skin/images/rjt.png) no-repeat;background-size: 100%;right:2%;}
.m_an .swiper-button-prev{background: url(/skin/images/ljt.png) no-repeat;background-size: 100%;left:2%;}
.m_an .swiper-pagination-bullets {position: absolute;left:12.5%!important;width: 75%!important;}
.m_an .swiper-pagination-bullets .swiper-pagination-bullet{ width: 10%;height: 0.15rem;background: #e9e9e9;border-radius: 0}
.m_an .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #e15616;}



/*fanfanfan*/
@media screen and (min-width:320px){
.g_ys3{ height:36.2rem;}
.g_ys3 .swiper-pagination-bullets{ bottom:2rem;}
}
@media screen and (min-width:360px){
.g_ys3{ height:36.2rem;}

}
@media screen and (min-width:375px){
.g_ys3{ height:40rem;}
.g-hd h1{ font-size:1.15rem;}

}
@media screen and (min-width:414px){
.g_ys3{ height: 42rem;}
.g-hd h1{ font-size:1.15rem;}

}