@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}

/* -- 广告 -- */
.ban{position: relative;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban img { line-height: 0}
.ban_j{position: absolute;bottom:0;left:36%;z-index: 9;font-size:0;line-height: 0}
.ban_j img{display:inline-block;width:4.05rem;}


/* -- 引子 -- */
.yz{height: 56.95rem;background: url(../images/yz_bg.jpg) no-repeat center; background-size: 100% 56.95rem;}
.yz h2{height:4.6rem;padding-top: 1.3rem;margin:0 auto;width: 23.25rem;}
.yz h2 img{width: 100%;display: block;}

.yz_1{margin:31.15rem 3.125% 0 3.125%;}
.yz_1 p{font-size:1.15rem;color:#585757;line-height:2.25rem;display: block;padding-left:12%;position: relative;}
.yz_1 p:after{position: absolute;left: 6.53%;top: 0.85rem;background: url(../images/jt.png) no-repeat;content: " ";background-size:0.3rem 0.5rem;height:0.5rem;width:6px;}

/* -- 解决方案 -- */
.f_a{height: 48.25rem;background: url(../images/f_abg.jpg) no-repeat center; background-size: 100% 48.25rem;}
.f_a h2{padding-top: 2.5rem;text-align: center;}
.f_a h2 em{font-size:2.2rem;color:#37ae8e;display: block;line-height:2.2rem;font-weight: bold;}
.f_a h2 span{font-size:1.1rem;color:#ffffff;display: block;line-height:2.0rem;background: #37ae8e;width: 54.68%;margin:1.0rem auto 0;border-radius: 20px;letter-spacing: 2px;}

.f_a1{background: #ffffff;border-radius: 5px;box-sizing: border-box;height:36.5rem;margin:0.95rem 2.5% 0 2.5%;}
.f_a1 ul{padding-top:0.35rem;}
.f_a1 ul li{width: 32.07%;float: left;background: #f5f5f5;height: 7.5rem;text-align: center;margin-bottom:0.2rem;margin-right: 1%;}
.f_a1 ul li a{display:block;line-height: 0;outline:none;-webkit-tap-highlight-color:transparent;}
.f_a1 ul li i{width:5rem;display: block;margin:1.25rem auto 0;}
.f_a1 ul li i img{width: 100%;display: block;}
.f_a1 ul li h4{text-align: center;margin-top:0.4rem;font-size:1.3rem;color:#333333;display: block;line-height:1.3rem;}

.f_a1 ul li:first-child{margin-left: 1%;}
.f_a1 ul li:nth-child(3){margin-right:0;}
.f_a1 ul li:nth-child(4){margin-left: 1%;}
.f_a1 ul li:nth-child(6){margin-right:0;}
.f_a1 ul li:nth-child(7){margin-left: 1%;}
.f_a1 ul li:nth-child(9){margin-right:0;}
.f_a1 ul li:nth-child(10){margin-left: 1%;}
.f_a1 ul li:last-child{margin-right:0;}

.f_a1 .zx{height:2.7rem;width:8.4rem;display: block;font-size:1.2rem;color:#ffffff;line-height:2.7rem;background: url(../images/zx_bg.png) no-repeat center;background-size:100%;text-align: center;margin-top:1.0rem;float: left;margin-left: 35%;}
.f_a1 b{width:6.75rem;display: block;font-size: 1.2rem;color:#afafaf;height: 1.3rem;line-height: 1.3rem;float: right;margin-top:1.65rem;font-weight: normal;margin-right: 4%;background: url(../images/gd_g.png) no-repeat right;background-size: 1.3rem 1.3rem;}
.f_a1 b a{color: #afafaf;}

/* -- 客户案例 -- */
.al{height:55.7rem;background: url(../images/al_bg.jpg) no-repeat center; background-size: 100% 55.7rem;}

.al h2{padding-top:2.75rem;text-align: center;}
.al h2 em{font-size:2.2rem;color:#37ae8e;display: block;line-height:2.2rem;font-weight: bold;}
.al h2 span{font-size:1.1rem;color:#ffffff;display: block;line-height:2.0rem;background: #37ae8e;width: 63.68%;margin:1.0rem auto 0;border-radius: 20px;letter-spacing: 2px;}

.al .tit1{box-sizing: border-box;margin:1.5rem 3.1% 0 3.1%;}

.al .tit1 li{float: left;border:0.05rem solid #dedede;height:2.7rem;line-height:2.7rem;box-sizing: border-box;border-radius: 10px;width:25%;text-align: center;position: relative;margin-bottom:0.2rem;background: #fafafa;}
.al .tit1 li:last-child{margin-right: 0;}
.al .tit1 li em{font-size:1.2rem;color: #2f2f2f;display: block;line-height: 2.7rem;}
.al .tit1 li em a{color: #2f2f2f;}
.al .tit1 li:hover{background: #37ae8e;border: 0.05rem solid #37ae8e;}
.al .tit1 li:hover em a{color:#ffffff;}


.al .al_con{margin:1.5rem 3.1% 0 3.1%;}
.al .al_con dl{position: relative;float: left;margin-bottom:0.45rem;box-sizing: border-box;border: 1px solid #e1e1e1;border-left: none;}
.al .al_con dt{width:44.6%;display: block;float: left;}
.al .al_con dt img{ width: 100%; display:block;position: relative;}
.al .al_con dd{float:left;width: 55.4%;}
.al .al_con dd h4{font-size: 1.2rem;line-height: 1.5rem;display: block;padding-top: 1.0rem;margin-left: 1.0rem;}
.al .al_con dd h4 a{color: #3c3c3c;}
.al .al_con dd p{font-size:1.0rem;color:#666666;display: block;line-height: 1.5rem;margin-left: 1rem;padding-top: 0.5rem;width: 89%;}
.al .al_con dd p a{font-size: 1.0rem;color: #37ae8e;display: inline-block;}

.al .zx{height:2.7rem;width:8.4rem;display: block;font-size:1.2rem;color:#ffffff;line-height:2.7rem;background: url(../images/zx_bg.png) no-repeat center;background-size:100%;text-align: center;margin-top:1.0rem;float: left;margin-left: 35%;}
.al b{width:6.75rem;display: block;font-size: 1.2rem;color:#afafaf;height: 1.3rem;line-height: 1.3rem;float: right;margin-top:1.65rem;font-weight: normal;margin-right: 4%;background: url(../images/gd_g.png) no-repeat right;background-size: 1.3rem 1.3rem;}
.al b a{color: #afafaf;}

/* -- 客户案例 -- */
.yj{height:41.9rem;background: url(../images/yj1_bg.jpg) no-repeat center; background-size: 100% 41.9rem;}
.yj h2{padding-top:2.9rem;text-align: center;}
.yj h2 em{font-size:2.2rem;color:#37ae8e;display: block;line-height:2.2rem;font-weight: bold;}
.yj h2 span{font-size:1.1rem;color:#ffffff;display: block;line-height:2.0rem;background: #37ae8e;width:88.68%;margin:1.0rem auto 0;border-radius: 20px;}



.yj .tit2{height:3.75rem;margin:1.25rem 3.1% 0 3.1%;}
.yj .tit2 li{float: left;height:3.75rem;line-height:3.75rem;margin-right:0.43%;width:24.6%;text-align: center;position: relative;background: #ffffff;}
.yj .tit2 li:last-child{margin-right: 0;}
.yj .tit2 li em{font-size:1.2rem;color: #000000;display: block;line-height:3.75rem;font-weight: bold;}
.yj .tit2 li.cur{background: #37ae8e;}
.yj .tit2 li.cur em{color: #ffffff;}
.yj .tit2 li:hover:after,.tit2 .cur:after{position: absolute;left:37%;bottom:-0.9rem;height:0.9rem;width:1.75rem;content: "";background: url(../images/aft.png) no-repeat;background-size:1.75rem 0.9rem;z-index: 10;}


.yj .yj_con{margin:0 3.1% 0 3.1%;}
.yj .yj_con dl{position: relative;}
.yj .yj_con dt img{ width: 100%; display:block;position: relative;}

.yj .yj_con dd{height:5.85rem;background: #ffffff;padding-top: 0.5rem;}
.yj .yj_con dd p{padding-left:2.45rem;font-size: 1.1rem;line-height: 1.5rem;display: block;padding-top: 0.25rem;position: relative;}
.yj .yj_con dd p:after{position: absolute;left:5%;top:0.9rem;height:0.3rem;width:0.3rem;content: "";background:#e62129;background-size:0.3rem 0.3rem;z-index: 10;border-radius: 20px;box-sizing: border-box;}


.yj .zxdh{height: 4.8rem;margin:0.65rem 3.1% 0 3.1%;background: url(../images/yg_bg.jpg) no-repeat center;background-size: 100% 4.8rem;}

.yj .zxdh p{height: 3.0rem;text-align: left;float: left;margin-top: 0.8rem;margin-left: 1.15rem;}
.yj .zxdh p em{font-size: 1.0rem;line-height: 1.0rem;color: #ffffff;display: block;font-family: "思源黑体 CN";font-weight: normal;}
.yj .zxdh p span{font-size: 1.8rem;line-height: 1.8rem;font-weight: bold;display: block;color: #ffffff;padding-top: 0.3rem;}
.yj .zxdh .zx{height:2.7rem;width:8.4rem;display: block;font-size:1.2rem;color:#ffffff;line-height:2.7rem;background: url(../images/zx_bg.png) no-repeat center;background-size:100%;text-align: center;margin-top:1.0rem;float:right;margin-right:1.25rem;}

/* -- 客户案例 -- */

.ys{height:47.5rem;background: url(../images/ys_bg.jpg) no-repeat center; background-size: 100% 44.5rem;position: relative;}
.ys h2{padding-top:3.0rem;text-align: center;margin-bottom:0.8rem;}
.ys h2 em{font-size:2.2rem;color:#37ae8e;display: block;line-height:2.2rem;font-weight: bold;}
.ys h2 span{font-size:1.1rem;color:#ffffff;display: block;line-height:2.0rem;background: #37ae8e;width:72.68%;margin:1.0rem auto 0;border-radius: 20px;}


.ys .ys_t{ margin:0 3.125%;}
.ys .ys_t dl{position: relative;}
.ys .ys_t dl dt img{width: 100%;display: block;}

.ys .ys_t dl dd{height:15rem;background:#f5f5f5;}

.ys .ys_t dl dd h4{padding-top: 1.5rem;height: 4.45rem;}
.ys .ys_t dl dd h4 em{height: 4.45rem;width:5.9rem;display: block;float: left;margin-left: 1.8rem;}
.ys .ys_t dl dd h4 em img{width: 100%;display: block;}
.ys .ys_t dl dd h4 i{font-size: 1.2rem;font-weight: bold;line-height: 1.4rem;display: block;float: left;color: #37ae8e;margin-left: 1.5rem;padding-top: 1.75rem;}
.ys .ys_t dl dd p{font-size:1.0rem;color:#333333;display: block;line-height: 1.5rem;width: 94%;margin: 0.5rem auto 0;}

.ys .sprev{position: absolute;left:26%;bottom:1.3rem;width:1.05rem;height:2.1rem;background:url(../images/l_t.png) no-repeat center;z-index: 10;background-size:1.05rem 2.1rem;}
.ys .snext{position: absolute;right:26%;bottom:1.3rem;width:1.05rem;height:2.1rem;background:url(../images/r_t.png) no-repeat center;z-index: 10; background-size:1.05rem 2.1rem;}

.ys .swiper-pagination{position: relative;  background-size: 100% 3.3rem;height: 3.3rem; line-height: 3.3rem;bottom: -1rem;}
.ys .swiper-pagination .swiper-pagination-bullet{opacity: 1;width:1.1rem; height:1.1rem;margin: 0 0.45rem;background: #aeaeae;border-radius: 10px;}
.ys .swiper-pagination .swiper-pagination-bullet-active{ background: #37ae8e;}


/* -- 产品中心 -- */
.cp{height:50.15rem;background: url(../images/cp_bg.jpg) no-repeat center; background-size: 100% 50.15rem;}
.cp h2{padding-top:1.5rem;text-align: center;margin-bottom:0.8rem;}
.cp h2 em{font-size:2.2rem;color:#37ae8e;display: block;line-height:2.2rem;font-weight: bold;}
.cp h2 span{font-size:1.1rem;color:#ffffff;display: block;line-height:2.0rem;background: #37ae8e;width:72.68%;margin:1.0rem auto 0;border-radius: 20px;}

.cp ul{margin:0 3.1%;}
.cp ul li{float:left;width: 48%;margin-right:4%;margin-bottom:1.1rem;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.cp ul li i img{width: 100%;display: block;}
.cp ul li h4{height: 3.0rem;text-align: center;line-height:3.0rem;background: #37ae8e;width: 100%;}
.cp ul li h4 a{font-size:1.1rem;color:#ffffff;display: block;font-weight: bold;}

.cp ul li:nth-child(2){margin-right:0;}
.cp ul li:nth-child(3){margin-bottom:0;}
.cp ul li:last-child{margin-right:0;margin-bottom: 0;}

.cp b{width:6.75rem;display: block;font-size: 1.2rem;color:#afafaf;height: 1.3rem;line-height: 1.3rem;float: right;margin-top:1.65rem;font-weight: normal;margin-right: 4%;background: url(../images/gd_g.png) no-repeat right;background-size: 1.3rem 1.3rem;}
.cp b a{color: #afafaf;}


/* -- 新闻资讯 -- */
.news{height:41.0rem;background: url(../images/nsw_bg1.jpg) no-repeat center; background-size: 100% 41.0rem;}
.news h2{padding-top: 2.7rem;text-align: center;margin-bottom:0.8rem;}
.news h2 em{font-size:2.2rem;color:#37ae8e;display: block;line-height:2.2rem;font-weight: bold;}
.news h2 span{font-size:1.1rem;color:#ffffff;display: block;line-height:2.0rem;background: #37ae8e;width:53.68%;margin:1.0rem auto 0;border-radius: 20px;}

.news h3{height:3.0rem;margin:1.6rem 3.1% 0rem 3.1%;background: url(../images/n_bg.jpg) repeat-x;background-size: 100% 3.0rem;}
.news h3 span{float: left;width:24%;height: 3.0rem;line-height: 3.0rem;text-align: center;font-size: 1.2rem;color: #000000;}
.news h3 span.cur{font-weight: bold;background: #37ae8e;color: #ffffff;}
.news h3 i a{float: right;font-size: 0.9rem;color: #000000;text-transform: uppercase;line-height: 3.0rem;margin-right: 1%;}

.new_con dl{height:8.6rem;border-bottom: 1px solid #d3e2ea;background: #ffffff;margin:0rem 3.1%;padding-top: 1rem;}
.new_con dl dt{float: left;width:44.3%;margin-left: 0.65rem;}
.new_con dl dt img{width: 100%;display: block;}
.new_con dd{float: left;width: 53.3%;}
.new_con dd h4{font-size: 1.2rem;color: #232323;line-height: 1.5rem;padding:1.25rem 0 0rem 0.8rem;font-weight:normal;}
.new_con dd h4 a{color: #232323;}
.new_con dd p{font-size: 1rem;color: #666666;line-height:1.4rem;padding-left: 0.8rem;padding-top: 0.2rem;}
.new_con dd p .xq{font-size:1.0rem;color: #37ae8e;display: inline-block;}

.new_list{height: 15.35rem;background: #ffffff;margin:0 3.125%;}
.new_list li{float: left;height: 7.2rem;border-bottom: 1px solid #d3e2ea;box-sizing: border-box;}
.new_list h5{height: 3.5rem;width: 3.65rem;float: left;padding:1.4rem 0 0 2.5rem;text-align: center;}
.new_list h5 b{font-size:2.0rem;color:#1d1d1d;display: block;line-height:2.0rem;}
.new_list h5 i{font-size:0.8rem;color:#bbbbbb;display: block;line-height:0.8rem;padding-top:0.5rem;}

.new_list h4{font-size: 1.2rem;color: #212121;line-height: 1.5rem;padding:1.25rem 0 0rem 0.8rem;font-weight:normal;float: left;}
.new_list h4 a{color: #232323;}
.new_list p{font-size: 1rem;color: #666666;line-height:1.4rem;padding-left: 0.8rem;padding-top: 0.2rem;float: left;width: 70%;}
.new_list p .xq{font-size:1.0rem;color: #37ae8e;display: inline-block;}
.new_list li:last-child{border-bottom:none;}

/* -- 关于我们 -- */
.abt{height:37.35rem;background: url(../images/abt_1.jpg) no-repeat center; background-size: 100% 37.35rem;}
.abt h2{padding-top: 3.3rem;text-align: center;}
.abt h2 em{font-size: 2.2rem;font-weight: bold;display: block;line-height: 2.2rem;color: #ffffff;}
.abt h2 span{font-size: 1.1rem;color: #ffffff;display: block;line-height: 1.1rem;padding-top: 0.85rem;}
.abt p{font-size:1.0rem;color:#fefefe;display: block;text-align: center;line-height:1.5rem;width: 90%;margin:2.15rem auto 0;}

.abt .gdsss{text-align: center;margin-top: 0.5rem;font-size:1.0rem;color:#fefefe;display: block;text-align: center;}

.abt1{height: 14.5rem;background: #ffffff;margin:4.5rem 3.125% 0 3.125%;border: 1px solid #dedede;box-sizing: border-box;}

.abt1 ul li{ float: left;text-align: center;width: 34.3%;height: 3.75rem;border-right: 1px solid #d4d4d4;box-sizing: border-box;margin-top: 2.0rem;}
.abt1 ul li b{ display: inline-block;font-size:2.4rem;line-height: 100%;color: #37ae8e;font-weight:bold;vertical-align:bottom;}
.abt1 ul li i{margin-left: 0.2rem;display: inline-block;width:2rem;line-height:0.9rem;font-size:0.9rem;color: #232323;text-align: center;font-weight:bold;}
.abt1 ul li span{ display: block;font-size:0.95rem; line-height:1.4rem; color: #232323; font-weight:normal;}

.abt1 ul li:nth-child(2){width: 31.25%;}
.abt1 ul li:nth-child(3){border-right: none;}
.abt1 ul li:nth-child(4){width: 50%;}
.abt1 ul li:last-child{border-right: none;width: 50%;}



/**/
@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;}}

@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;
    }
}