@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:"Arial",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:"Arial";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
:focus{outline:0;}
.ys-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:"Arial"; 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:750px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}

input,option,select,textarea{font-family:arial}
input::-webkit-input-placeholder{color:#999;font-family:arial;font-size:1.2rem}
input::-moz-placeholder{color:#999;font-family:arial;font-size:1.2rem}
input:-moz-placeholder{color:#999;font-family:arial;font-size:1.2rem}
input:-ms-input-placeholder{color:#999;font-family:arial;font-size:1.2rem}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.flex{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}


/* -- 广告 -- */
.g-adv{position:relative;width:100%;height:auto;z-index:1;font-size:0}
.g-adv ul li{position:relative}
.g-adv .swiper-pagination{height:.6rem;bottom:8%}
.g-adv .swiper-pagination-bullet{width:.85rem;height:.85rem;background:#fff;opacity:1;margin:0 .6rem!important;vertical-align:top;border-radius:50%;position:relative}
.g-adv .swiper-pagination-bullet-active{background:#0060aa;opacity:1}

/* -- 标题字体样式 -- */
.bk-title{background: url(/mobile/images/t-tb.png) no-repeat left bottom;background-size: 7.4rem 0.4rem;}
.bk-title em{text-transform:uppercase;font-size:2.3rem;font-weight:bold;line-height:2.3rem;color:#333333;display:block;}

/*关于*/
.about{height:47.65rem;padding: 0 4%;}
.about h2{text-align: center;height:3.6rem;padding-top: 3.9rem;}
.about h2 em{font-size: 2.4rem;color: #333333;font-weight: bold;text-transform: uppercase;font-family: "Arial";}

.about p{font-size: 1.2rem;line-height: 2.25rem;color: #666666;padding-top: 2rem;}


.about-1{margin-top: 2.15rem;border-top: 0.05rem solid #e3e3e3;box-sizing: border-box;border-left: 0.05rem solid #e3e3e3;}


.about-1 ul li{float: left;width: 50%;border-bottom: 0.05rem solid #e3e3e3;border-right:  0.05rem solid #e3e3e3;box-sizing: border-box;text-align: center;height:7.5rem;}
.about-1 ul li i{height:3rem;width: 3rem;display: block;float: left;margin-top: 2.3rem;margin-left:2%;}
.about-1 ul li i img{width: 100%;display: block;}
.about-1 ul li h3{float: left;text-align: left;padding-top: 1.5rem;margin-left: 2%;}
.about-1 ul li h3 em{font-size:1.1rem;color: #808080;display: block;}
.about-1 ul li h3 span{font-size:1.1rem;color: #333333;display: block;}
.about-1 ul li h3 span b{font-size:2.8rem;color: #333333;display:inline-block;}
.about-1 ul li h3 strong{font-size:1.3rem;color:#333333;display: block;line-height: 1.3rem;}
.about .more{height:3.5rem;width:14rem;line-height:3.5rem;text-align: center;display: block;font-size: 1.3rem;color: #ffffff;font-weight: bold;background: #0060aa;margin: 2.5rem auto 0;}


/*产品*/
.cpt{height: 65.25rem;background: #f1f1f2;}
.cpt h2{text-align: center;height:3.6rem;padding-top:4rem;}
.cpt h2 em{font-size: 2.4rem;color: #333333;font-weight: bold;text-transform: uppercase;font-family: "Arial";}

.cpt .cpt-c{overflow:hidden;margin:1.7rem 7.33% 0 7.33%;position: relative;}
.cpt .cpt-c dl dt{position: relative;z-index: 99;}
.cpt .cpt-c dl dt img{width: 70%;display: block;padding: 0 15%;}

.cpt .cpt-c dl dd{height: 36.6rem;background: #ffffff;box-shadow:0 0 1rem 0 rgba(216,224,230,0.9);position:relative;margin-top: -16rem;z-index: 1;margin-bottom: 2rem;}

.cpt .cpt-c dl dd h4{margin-bottom: 1rem;font-size:1.5rem;font-weight:bold;line-height:1.5rem;color:#333333;display:block;font-weight: bold;padding-top:17.85rem;text-align: center;}
.cpt .cpt-c dl dd p{margin: 0 auto;width: 86%;font-size:1.2rem;font-weight:normal;line-height:2.25rem;color:#808080;display:block;}

.cpt .cpt-c dl dd .mos{height:3.5rem;width:14rem;line-height:3.5rem;text-align: center;display: block;font-size: 1.3rem;color: #ffffff;font-weight: bold;background: #0060aa;margin:1.55rem auto 0;}

.cpt .cpt-c .swiper-pagination{position:relative;line-height:0;bottom:0;}
.cpt .cpt-c .swiper-pagination .swiper-pagination-bullet{width:1.05rem;height:1.05rem;background:url(/mobile/images/dian.png) no-repeat;background-size: 1.05rem 1.05rem;opacity:1;margin:0 .35rem}
.cpt .cpt-c .swiper-pagination .swiper-pagination-bullet-active{width:1.05rem;background:url(/mobile/images/dians.png) no-repeat;background-size: 1.05rem 1.05rem;}

.cpt .gds1{font-size: 1.3rem;color: #333333;display: block;text-align: center;margin-top: 2.35rem;font-weight: bold;position: relative;background: url(/mobile/images/tr1.jpg) no-repeat 49.8% 0.8rem;background-size: 12rem 0.4rem;}

/*Solutions*/
.Solutions{height: 37.7rem;background: url(/mobile/images/Solutions-bg.jpg) no-repeat center;background-size: 100% 37.7rem;padding: 0 4%;}
.Solutions h2{text-align: center;height:6.75rem;padding-top:5rem;}
.Solutions h2 em{font-size: 2.4rem;color: #ffffff;font-weight: bold;text-transform: uppercase;font-family: "Arial";}

.so_con{padding-bottom:5.5rem;margin-top: 2.5rem;}
.so_con li{box-shadow:0 0 .5rem 0 rgba(216,224,231,0.9);position: relative;}
.so_con li i{box-sizing: border-box;display: block;}
.so_con li i img{display: block;width: 100%;}
.so_con li h4{min-height: 3.25rem;text-align: center;width: 100%;padding: 1.5rem 0;background: #fff;}
.so_con li h4 em{font-size: 1.3rem;line-height: 1.8rem;color: #333333;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.so_con .prev{position: absolute;left:39%;bottom:0rem;width:3rem;height:3rem;background:url(/mobile/images/left.png) no-repeat center;z-index: 10;background-size: 3rem 3rem;}
.so_con .next{position: absolute;right:39%;bottom:0rem;width:3rem;height:3rem;background:url(/mobile/images/right.png) no-repeat center;z-index: 10; background-size:3rem 3rem;}



/*优势*/
.ys{height: 54.2rem;background: #f0f1f2;}
.ys h2{text-align: center;height:3.6rem;padding-top:4.5rem;}
.ys h2 em{font-size: 2.4rem;color: #333333;font-weight: bold;text-transform: uppercase;font-family: "Arial";}
.ys .ys-c{overflow:hidden;margin-left: 4%;margin-top: 2.5rem;}
.ys .ys-c dl{background:#fff;margin-bottom: 2.5rem;}
.ys .ys-c dl dd{box-shadow:0 0 .5rem 0 rgba(216,224,231,0.9);height:19.25rem;box-sizing:border-box;position: relative;overflow: hidden;padding-left: 2.5rem;}
.ys .ys-c dl dd h3{display: block;padding-top:0.5rem;height: 4.75rem}
.ys .ys-c dl dd h3 em{padding-top: 1.5rem;font-size:1.8rem;color:#1a1a1a ;display: block;float: left;font-weight: bold;}
.ys .ys-c dl dd h3 b{float: right;height: 4.75rem;width: 4.75rem;margin-right: 4%;}
.ys .ys-c dk dd h3 b img{width: 100%;display: block;}
.ys .ys-c dl dd p{font-size:1.2rem;font-weight:normal;line-height:2.1rem;color:#666666;display:block;position: relative;z-index: 99;}
.ys .ys-c dl dd i{font-size: 11.85rem;line-height: 100%;color: #eef2f7;display: block;position: absolute;bottom: -1.78rem;right: 0;z-index: 0;font-weight: bold;}


.ys .ys-c .swiper-pagination{position:relative;line-height:0;bottom:0;}
.ys .ys-c .swiper-pagination .swiper-pagination-bullet{width:1.05rem;height:1.05rem;background:url(/mobile/images/dian.png) no-repeat;background-size: 1.05rem 1.05rem;opacity:1;margin:0 .35rem}
.ys .ys-c .swiper-pagination .swiper-pagination-bullet-active{width:1.05rem;background:url(/mobile/images/dians.png) no-repeat;background-size: 1.05rem 1.05rem;}


/*新闻*/
.news{height: 44rem;background: #ffffff;padding: 0 4%;}
.news h2{text-align: center;height:3.6rem;padding-top:4.5rem;}
.news h2 em{font-size: 2.4rem;color: #333333;font-weight: bold;text-transform: uppercase;font-family: "Arial";}

.news1{margin-top: 1.55rem;overflow: hidden;}
.news1 dl{float: left;height:9.5rem;padding-top: 1rem;}
.news1 dl dt{width: 43%;float: left;}
.news1 dl dt img{width: 100%;display: block;}
.news1 dl dd{width:54%;float:right;}
.news1 dl dd h4 a{font-size: 1.3rem;line-height: 2.1rem;color: #1a1a1a;display: block;font-weight: normal;padding-top: 0.7rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.news1 dl dd .gds{font-size:1.2rem;color:#0060aa;display: block;line-height: 1.2rem;padding-top: 1.9rem;font-weight: bold;}





/*表单*/
.bd{height:43.75rem;background: #ffffff;padding: 0 6%;}
.bd .form-r{background: #f0f1f2;width: 100%;}
.bd .form-r h4{font-size: 2rem;font-weight: bold;display: block;color: #0060aa;padding-top: 3.9rem;text-align: center;margin-bottom: 2.15rem;}
.bd .form-r ul{margin: 0 11.36%;overflow: hidden;}
.bd .form-r ul li {float: left;width: 100%;height:3.5rem;box-sizing: border-box;margin-bottom: 0.75rem;position: relative;}
.bd .form-r ul li input[type='text'] {font-size:1.2rem;font-weight: normal;line-height:3.5rem;color: #4c4c4c;height:3.5rem;border: 0.05rem solid #dcddde;width: 100%;box-sizing: border-box;text-indent: 1rem;padding-right: 10px;outline: 0;border-radius: 5px;  }
.bd .form-r ul li textarea{font-size:1.2rem;font-weight: normal;color: #4c4c4c;display: block;font-family: "Arial";padding-top:1.35rem;  padding-left: 0;  height:10rem;  width: 100%;  padding-left: 4%;  border: 0.05rem solid #dcddde;  border-radius: 5px;  box-sizing: border-box; }
.bd .form-r ul li:nth-of-type(4){  height: 10rem;  }
.bd .form-r ul li input[type='SUBMIT']  {  height: 3.5rem;  width: 14rem;  display: block;  text-align: center;  background: #0060aa;  font-size: 1.3rem;  font-weight: bold;  text-transform: uppercase;  color: #ffffff;  }
.bd .form-r ul li:nth-of-type(5){height: 3.5rem;width: 14rem;display: block;margin-top: 0.75rem;margin-left: 22%;  }


.bd .form-r ul li .btn {width: 100%;height: 3.5rem;display:block;}
.bd .form-r ul li .btn span {float: left;width: 0;height: 0;border-width: 8px;border-style: solid;border-color: #0060aa transparent transparent transparent;position: absolute;right: 2rem;top: 1.6rem;}
.bd .form-r ul li .options {width: 100%;position: absolute;right: 0;top: 3.5rem;z-index: 99;padding: 0;display: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0.8rem 0 0;font-size: 1.2rem;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #e2e2e2;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.bd .form-r ul li .options span {font-size: 1.2rem;line-height: 3rem;color: #666;padding: 0 1rem;-o-transition: all .3s ease;transition: all .3s ease;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.bd .form-r ul li .options span:hover { background: #f4f4f4 }
input::-webkit-input-placeholder{color:#4c4c4c;font-family:Verdana;font-size:12px;text-transform:capitalize}
input::-moz-placeholder{color:#4c4c4c;font-family:Verdana;font-size:12px;text-transform:capitalize}
input:-moz-placeholder{color:#4c4c4c;font-family:Verdana;font-size:12px;text-transform:capitalize}
input:-ms-input-placeholder{color:#4c4c4c;font-family:Verdana;font-size:12px;text-transform:capitalize}