*{margin: 0;padding: 0;}
html, body{position: relative;height: 100%;font-size: 14px;font-family:"Microsoft YaHei"; background:#fff;}
i,em{font-style: normal;}
li{list-style: none;}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@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: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;}}
/* 内页样式 */
/*产品列表页*/
.ci_on1{ position: relative;}
.ci_on1 em{ color: #0081ba; font-size: 1.45rem; display: inline-block; position: absolute; left: 0; top:1rem; width: 100%; text-align: center;}
.ci_on1 em span{ font-size: 1.75rem;}
.p_more{ display: block; width: 100%; background: #003358; left: 0;top:93.5%; padding-top: 0.9rem; height: 2.7rem;position:fixed; text-align: center;}
.p_more em b a{ display: inline-block; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 0.25rem; height: 1.9rem; line-height: 1.9rem; padding:0 2.6rem 0 1.5rem;position: relative;font-weight: normal;}
.p_more em b a:before{ content:""; position:absolute;height:0.96rem;width:0.96rem;left:80%;top:0.45rem;background:url(../nyimg/mos.gif) no-repeat; background-size: 0.96rem 0.96rem;}
.p_more em{ position: relative; display: inline-block;height: 2.7rem; width: 100%;}
.p_more em i{ display: inline-block; position: absolute; left: 0; width: 100%; bottom:3.6rem;background:url(../images/spn.png) repeat; border-top: 0.25rem solid #0081ba;}
.p_more em i a{ color: #fff; width: 50%; float: left; overflow:hidden; box-sizing: border-box; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid #707070; text-align: left; padding-left:4%;}
.p_more em i a:last-child{ border-bottom: none;}
.p_more em i a span{ padding-right: 0.5rem;}
.p_more2{ display: block; width: 100%; background: #003358; left: 0;top:92.5%; padding-top: 0.9rem; height: 2.7rem;position:absolute; text-align: center;}
.p_more2 b a{ display: inline-block; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 0.25rem; height: 1.9rem; line-height: 1.9rem; padding:0 2.6rem 0 1.5rem;position: relative;font-weight: normal;}
.p_more2 b a:before{ content:""; position:absolute;height:0.96rem;width:0.96rem;left:80%;top:0.45rem;background:url(../nyimg/mos.gif) no-repeat; background-size: 0.96rem 0.96rem;}
.p_more2 { position: relative; display: inline-block;height: 2.7rem; width: 100%;}
.p_more2 i{ display: inline-block; position: absolute; left: 0; width: 100%; bottom:3.6rem;background:url(../images/spn.png) repeat; border-top: 0.25rem solid #0081ba;}
.p_more2 i a{ color: #fff; width: 50%; float: left; box-sizing: border-box; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid #707070; text-align: left; padding-left:4%;}
.p_more2 i a:last-child{ border-bottom: none;}
.p_more2 i a span{ padding-right: 0.5rem;}
.p_more em,.p_more i{
opacity:1;
-webkit-animation-name:fadeInUp ;
animation-name: fadeInUp;
-webkit-animation-duration:2.8s;
animation-duration:2.8s;}
.mt3{ margin-top:3.5rem;}
.mb2{ margin-bottom:2.7rem;}
.ci_on1{ overflow: hidden;}
.ci_on1 ul{ margin: 0 3.1%; padding-top: 1.65rem; overflow: hidden;}
.ci_on1 ul li{ float: left; width: 48%; border: 1px solid #d9d9d9; margin-bottom: 1.5rem;}
.ci_on1 ul li:nth-child(2n){ float: right;}
.ci_on1 ul li a{ font-size: 0.92rem; color: #333;}
.ci_on1 ul li span{ display: block; text-align: center; padding: 0.35rem 0 1.1rem 0;white-space:nowrap;}
/*我们us*/
/*--------------------产品详情页--------------------------------------*/
img{ display: inline-block; width: 100%;}
.lon1{ overflow: hidden; clear: both;}
.lon1 h2{ height: 3.55rem; line-height: 3.55rem; background: #f5f5f5; text-align: center; font-weight: normal; color: #0081ba; font-size: 1.65rem; margin-bottom: 1.4rem;}
.lon1 dl dt{ font-size: 0; margin: 0 13.5%; text-align: center;}
.lon1 dl dt img{ width:auto; margin: 0 auto;}
.lon1 dl dt span{ display: block; font-size: 1.25rem; color: #333; padding: 0.6rem 0 2rem 0;}
.lon1 dl dd h3{ background: #0081ba; color: #fff; padding-left: 3.1%; line-height: 2.8rem; height: 2.8rem; font-size: 1.5rem;}
.lon1 dl dd p{ padding:0.5rem 3.1%; color: #333; font-size: 1.25rem; line-height: 1.85rem;}
.lon1 dl dd p span{ display: block;}
.lon1 dl dd p i{ display: block; font-weight: bold; color: #0081ba;}
.lon2 h4{ background: #f6f6f6; border-top: 0.25rem solid #0d87be; padding: 0 3.1%; margin-bottom: 2rem;}
.lon2 h4 span{ display: block; font-weight: normal;color: #333; font-size: 1.25rem; line-height: 1.85rem; padding-bottom: 1.88rem;}
.lon2 h4 strong{ display: block; padding: 1rem 0 0.5rem 0; color: #0081ba; font-size: 1.35rem;}
.lon2 h4 strong img{ display: inline-block; width: 1.6rem; padding-right: 0.35rem;}
.lon2{ overflow: hidden;}
.lon2 h3{ background: #0081ba; color: #fff; padding-left: 3.1%; line-height: 2.8rem; height: 2.8rem; font-size: 1.5rem; margin-bottom: 0.9rem;}
.lon2 dl{ margin: 0 3.1%;}
.lon2 dl dd p{color: #333; font-size: 1.25rem; line-height: 1.85rem; padding: 0.3rem 0 1.85rem 0 ;}
.lon3{ overflow: hidden;}
.lon3 h3{ padding-top: 1.5rem; border-top: 0.25rem solid #0d87be; padding-bottom: 0.95rem;text-align: center; color: #0081ba; font-size: 1.5rem;}
.ln_uu{ float: left; margin-left: 3.1%; width: 0.7rem; font-size: 0; padding-top:7.5rem;}
.ln_dd{ float: right; margin-right: 3.1%; width: 0.7rem; font-size: 0;padding-top:7.5rem;}
.ln_on{ overflow: hidden; float: left; width: 88%; margin-left:2px}
.ln_on ul li{ float: left; width:46.5%; box-sizing: border-box; margin: 0 1.65%; font-size: 0; text-align: center;}
.ln_on ul li span{ display: block; padding-top: 0.5rem; height: 3.4rem; color: #333; font-size: 1.2rem;}
/**/
.g_ft{position: relative; padding:1.9rem 0 2rem;font-size: 1.25rem;color: #6b6b6b;text-align: center;background: #f6f6f6; text-transform: uppercase;}
.g_ft .back{ display: inline-block; width: 10rem; height:1.7rem; text-align: center; line-height: 1.7rem; border: 1px solid #a3a3a3; border-radius: 1.5rem; color:#000;margin-bottom: 1.5rem;}
.g_ft a{color: #666;display: inline-block;padding: 0 2.2%; font-size:1.25rem;}
.g_ft i{ display:block; padding-bottom: 0.45rem;}
/*--------------------案例详情页--------------------------------------*/
.al_on1{ font-size: 0; position: relative;}
.al_on1 em{ display: block; position: absolute; left: 0; width: 100%; text-align: center; font-weight: normal; color: #333; font-size: 1.2rem; top:0.75rem;}
.al_on1 em i{ display: block; color: #0081ba; font-size: 1.65rem;}
.al_on2{ margin: 0 6.6%;}
.al_on2 h3{line-height: 3.55rem; text-align: center; font-weight: normal; color: #333; font-size: 1.4rem;}
.al_on2 dl dd p{ color: #616161; line-height: 1.75rem; padding: 0.5rem 0 1.76rem; font-size: 1.25rem;}
.al_on3{ margin: 0 3.1% 2.25rem; border:0.15rem solid #d9d9d9; box-sizing: border-box; padding: 1.3rem;}
.al_on3 dl{ overflow: hidden;}
.al_on3 dl dt{ float: right;background:url(../nyimg/al_phon.jpg) no-repeat center 0; background-size:10rem 19rem; width: 10rem; height: 19rem; color: #616161; font-size:0.89rem; text-align: center; line-height: 110%;}
.al_on3 dl dt span{ display: block;}
.al_on3 dl dt img{ padding: 3rem 0 0 1.4rem; width:7.2rem; display: block;}
.al_on3 dl dt i{ color: #333; font-size: 0.96rem; display: block; padding: 0.3rem 0;}
.al_on3 dl dt i span{ font-weight: bold;}
.al_on3 dl dd{ float: left; width: 50%;}
.al_on3 dl dd h3{ color: #0081ba; font-size: 1.35rem; font-weight: bold; padding-bottom: 0.65rem; border-bottom: 1px dashed #ccc;}
.al_on3 dl dd h3 span{ display: inline-block; width: 2.9rem; padding-right: 0.6rem;}
.al_on3 dl dd h3 span img{ vertical-align: middle;}
.al_on3 dl dd p{ color: #616161; font-size: 1.2rem; line-height: 1.55rem; padding: 0.9rem 0;}
.al_on3 dl dd em{ display: block; text-align: right; color: #333; font-size: 1.2rem;}
/*--------------------案例列表页--------------------------------------*/
.case2{ overflow: hidden; margin:1.4rem 3.1% 0; padding-bottom: 0.35rem; }
.case2 ul li{ float: left; margin: 0 6% 1.15rem 0; width: 29%; border-radius: 0.25rem; height: 5.25rem; font-size: 1.2rem; text-align: center; color: #fff; background: #0081ba; text-align: center; font-size: 1.12rem;}
.case2 ul li:nth-child(3n){ margin-right: 0;}.case2 ul li a{ color: #fff;}
.case2 ul li span{ display: block; width: 3.55rem; margin: 0 auto; font-size: 0; padding-top: 0.45rem;}
.case3{ margin: 0 3.1% 1.5rem; min-height:400px;}
.case3 dl{ overflow: hidden; padding: 0.75rem 0;border-top: 1px solid #e4e4e4;}
.case3 dl dt{ font-size: 0; width: 48%; float: left;}
.case3 dl dd{ float: right; width: 47.5%;}
.case3 dl dd h3{ font-weight: normal; color: #000; font-size: 1.1rem; padding: 0.3rem 0;}
.case3 dl dd h3 span{ display: block;}
.case3 dl dd p{ color: #6e6e6e; font-size: 1rem; line-height: 125%;}
.fenye{ margin: 0 3.1%; line-height: 2rem; height: 2rem; background: #f2f2f2; text-align: center; color: #0081ba;font-size: 1.1rem;}
.fenye a{ display: inline-block; float: left; height: 2rem; background: #c5edfe; color: #000; font-size: 1.1rem; padding: 0 1.5rem;}
.fenye a:nth-of-type(2){ float: right;}
.g_ft2{ background: none; padding-bottom: 2.5rem;}
/* */
.wrap{ width: 100%;max-width: 640px;margin: 0 auto;
min-width: 320px;
overflow:hidden;
-webkit-box-sizing: border-box;
/*position:relative;*/
font-size:1rem;
}
/**/
.g_prolis{position:relative; padding-top:4.2rem;}
/* 内页分页样式 */
/*12、联系我们----------------------------------*/
/* 内页分页样式 */
.g-page2{ height:2.5rem; overflow:hidden; font-size: 1.5rem;}/* 底部间距20px*/
.g-page2 .u-pup{background: #e2e2e2;}
.g-page2 .u-pup,.g-page2 .u-pne,.g-page2 .u-sa{display:block; width: 38%; text-align: center; color: #fff; background:#a9a9a9;font-size:0.86rem;height: 2.5rem;line-height: 2.5rem; float: left; }
.g-page2 p{ width:20%; display: inline-block;text-align: center;font-size: 1rem;color: #666; text-indent:0;}
.g-page2 .u-pne{ float: right; background: #c90a1c;}
.g-page{ margin: 0 3.1%; line-height: 2.5rem; height: 2.5rem; background: #f2f2f2; text-align: center; color: #0081ba;font-size: 1.1rem;}/* 底部间距20px*/
.g-page .u-pup{ display: inline-block; float: left; height: 2rem; background: #c5edfe; color: #000; font-size: 1.1rem; padding: 0 1.5rem;}
.g-page .u-pup,.g-page .u-pne,.g-page .u-sa{display:inline-block;font-size:1.35rem;height: 2.8rem;line-height: 2.8rem; text-align: center;width:39%; color: #fff;}
.g-page .u-pne{display: inline-block; float: right; height: 2rem; background: #c5edfe; color: #000; font-size: 1.1rem; padding: 0 1.5rem;}
.g-page p{ width:20%; display: inline-block;text-align: center;font-size: 1.45rem;color: #666; text-indent:0;}
.g-page .u-pnum{font-size: 1.4rem;color: #b10b19;}
/**/
/**/
.g_ft2{ border-top: none;}
/**/
.f_bot{ background:#333; height:4.8rem; overflow:hidden; max-width:640px; margin:0 auto; text-align:center;}
.f_bot ul li{ float:left; width:33.33%; box-sizing: border-box; border-right:1px solid #fff;height:4.8rem;}
.f_bot ul li a{ color:#fff; font-size:1rem;}
.f_bot ul li img{ display:block; width:2.2rem; margin:0 auto; padding-top:0.9rem;}
/* 内页分页样式 */
.g-page{ margin-bottom:20px;}/* 底部间距20px*/
.g-page .u-pup,.g-page .u-pne,.g-page .u-sa{border-radius:5px;display:inline-block;font-size:1em;height: 30px;line-height: 30px; text-align: center;width:15%;} /*上一页样式*/
.g-page p{ width:10%; display: inline-block;}
.g-page .pager-select{display:inline-block;padding:0 20px; margin: 0 10px; width:10%; height: 30px; line-height: 30px; position:relative; }
.g-page .page_number{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
/*.g-page .page_number:before{ width: 0; height:0; content: ""; position: absolute; border-top: 5px solid #aaa; border-left: 5px solid rgba(0,0,0,0);border-right: 5px solid rgba(0,0,0,0); left: 50%; margin-left:15px; top: 12px;}*/
.g-page .pager-select .page_number span{ padding: 0 2px; font-weight: bold;}
.g-page .select_box{ width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; text-align: center;}
.fenye{ margin: 0 3.1%; line-height: 2rem; height: 2rem; background: #f2f2f2; text-align: center; color: #0081ba;font-size: 1.1rem;}
.fenye a{ display: inline-block; float: left; height: 2rem; background: #c5edfe; color: #000; font-size: 1.1rem; padding: 0 1.5rem;}
.fenye a:nth-of-type(2){ float: right;}
.g_ft2{ background: none; padding-bottom: 2.5rem;}
/* 内页分页样式 */
/*内页分享样式*/
.m-share{ margin-bottom:23px; font-size:13px;} /*分享间距及文字大小*/
.m-share span{vertical-align:middle; line-height:25px; float:left; margin:0 10px 0 30px;} /*分享到样式*/
.m-share .m-ico{position:relative;width:320px; margin:0 auto;} /*分享外框样式*/
.m-share a{ margin-right:10px;} /*分享图标的间距*/
/*内页分享样式*/
.m-mcon, .procontent { border-top:1px solid #e6e6e6; padding:10px 14px 7px 10px; font-size:14px;color:#666; min-height:420px; line-height:26px; }/* 新闻内容 */
.m-mcon p, .procontent p { line-height:26px; word-spacing:10px;font-size:14px; color:#666; }
.swiper-slide img{ height:170px;}
.swiper-slide span{ text-align:center; line-height:2rem; display:block;}