﻿.wrap{ padding-top:70px;}	
.wrap img{ width:100%;}	
@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:84.4%;}}
@media screen and (min-width:375px) {html { font-size:86.6%;}} /*ipone6*/
@media screen and (min-width:400px) {html { font-size:87%;}}
@media screen and (min-width:414px) {html { font-size:96%;}} /*ipone6P*/
@media screen and (min-width:480px) {html { font-size:112.5%;}}
@media screen and (min-width:550px) {html { font-size:131.25%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}
/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*合作客户*/
.g-hz .m-bt,.g-ys .m-bt,.g-fuw .m-bt,.g-plan .m-bt,.g-hzz .m-bt{display: block;width: 100%;text-align: center;font-size:18px;color: #ee1d23;font-weight: bold;height:2rem;position: relative; padding-top:30px; margin-bottom:30px; }
.g-hz .m-bt i,.g-ys .m-bt i,.g-fuw .m-bt i,.g-plan .m-bt i,.g-hzz .m-bt i{display: block; font-family:Arial, Helvetica, sans-serif;font-size: 0.75rem;color: #e0e0e0;font-weight: normal;text-transform: uppercase;}
.g-hz .m-bt:before,.g-ys .m-bt:before,.g-fuw .m-bt:before,.g-plan .m-bt:before,.g-hzz .m-bt:before{ content:"";width: 11.83rem;height: 1px;background: #ccc;position: absolute;bottom: 0;left: 5.75rem;}
.g-hz .m-bt:after,.g-ys .m-bt:after,.g-fuw .m-bt:after,.g-plan .m-bt:after,.g-hzz .m-bt:after{ content:"";width: 11.83rem;height: 1px;background: #ccc;position: absolute;bottom: -0.25rem;left: 9rem;}

/*合作客户*/
.g-hzz{ padding:1rem 0 1rem;}
.g-hzz ul{width:94%; margin:0 auto;}
.g-hzz ul li{width:49%;float: left; margin-right:1%; margin-top:20px;overflow: hidden;}
.g-hzz ul li:nth-child(2n){ float:right; margin-right:0;}
.g-hzz ul li img{width:100%;border:#e5e5e5 1px solid;}
.g-hzz ul li p{width:100%; height:30px; line-height:30px; background:#eee; text-align:center; font-size:1rem; }

/*产品图片*/
.g-cp{ width:98%;margin:0 auto; margin-bottom:30px;}
.g-cp .m-cnt{width:100%;}
.g-cp .m-cnt li{ width:32%; margin-right:1%; margin-bottom:1%;text-align:center;height:40px;line-height:40px; border:1px solid #bfbfbf; background:#fff;float:left;font-size:12px;color: #000;}
.g-cp .m-cnt li:nth-child(3n){ margin-right:0; float:right;}
.g-cp .m-cnt li a{color: #000}
.g-cp .m-cnt li.cur{  background:#ee1d23;}
.g-cp .m-cnt li.cur a{ color: #fff;}

.g-cp .m-box .con{ clear:both; width:98%; margin:0 auto;}
.g-cp .m-box ul li{width:48%;float: left; margin-bottom:5%;}
.g-cp .m-box ul li:nth-child(2n){ float:right;}
.g-cp .m-box ul li img{width:100%;}
.g-cp .m-box ul li span{font-size:0.8rem;color:#fff;display: block;width:100%;text-align: center;height: 1.67rem;line-height: 1.67rem;text-transform: uppercase;background:#ee1d23;}
.g-cp .m-box ul li span a{font-size:0.8rem;color:#fff;display: block;width:100%;text-align: center;height: 1.67rem;line-height: 1.67rem;text-transform: uppercase;background:#ee1d23;}
.g-cp .m-box ul li:nth-child(2n){ margin-right:0; float:right;}

/*走进*/
.g-about{ width:100%; overflow:hidden;}
.g-about dl{ width:98%; margin:0 auto;}
.g-about dl dt a{ width:48%; float:left; margin-bottom:4%;}
.g-about dl dt a:nth-child(2n){ margin-right:0; float:right;}
.g-about dl dt a img{width:100%;}
.g-about dl dd{ width:100%; margin-bottom:20px;}
.g-about dl dd a{ width:100%;font-size:1rem;  color:#6e6e6e; line-height:2rem; padding:0.5rem 0 0;display: inline-block;}
.g-about dl dd a img{ max-width:100%;}
/**/
.g-news{ width:100%; height:18rem; overflow:hidden;}
.g-news .m-cnt{ height:2.5rem; width:100%; background:#333;}
.g-news .m-cnt li{ width:50%; text-align:center;height: 2.5rem;line-height: 2.5rem; float:left;font-size: 1rem;color: #fff;overflow: hidden;}
.g-news .m-cnt li.z-on{ background:#ee1d23;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:25rem; margin:0 auto; padding:0.75rem 0 0;}
.g-news .m-box ul li{ height:1.75rem; line-height:1.75rem;overflow: hidden; background:url(../images/p.png) left center no-repeat; border-bottom:1px solid #eee;}
.g-news .m-box ul li a{font-size:1rem; color:#333;display: inline-block; width:96%; padding-left:15px;white-space: nowrap;overflow: hidden;}
.g-news .m-box ul li span{ font-size:1rem;  color:#333;float: right;}

/*服务*/
.g-fuw{ width:25rem; height:15rem; overflow:hidden; margin:0 auto; padding-top:20px;}
.g-fuw .sclwrap_box{ height:16.5rem;overflow: hidden;}
.g-fuw .m-box .con{ display:inline; float:left;}
.g-fuw dl{width:31.5%;float: left; border:#dfdfdf 1px solid; margin-top:20px; overflow: hidden; margin-right:1%;}
.g-fuw dl dt{width:100%;line-height: 0;}
.g-fuw dl dt img{width:100%;}

.page{ clear:both; margin-bottom:20px;}
.digg4  { padding:3px; margin:3px; text-align:center; font-family:Tahoma, Arial, Helvetica, Sans-serif;  font-size: 1rem;}
.digg4  a,.digg4 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; margin:2px; color:#aaa; text-decoration:none;}
.digg4  a:hover { border:1px solid #a0a0a0; }
/*分类*/
.g-fenl{ width:100%; padding:0 0 0.9rem;background: #f8f8f8; overflow:hidden;}
.g-fenl .m-bt{height: 3.031em;line-height: 3.031em;display: block;color: #333;background: #f4f4f4;padding: 0 1.125em;border-top: 1px solid #fff;font-size: 1.125em;}
/*表格*/
.comm_table { border-collapse: collapse; width:98%; margin:0 auto;border-spacing: 0; font-size: 12px; }
.comm_table tr { }
.comm_table tr:hover td { background: #FFFFFC; }
.comm_table td { padding: 8px; border: 1px solid #ddd; }
.comm_table th { padding: 8px; border: 1px solid #ddd; background: #30323A; color: #fff; vertical-align: bottom; }
.verifycode { margin: 5px; }
/*表单*/
.input { width: 100%; padding: 5px; height: 34px; line-height: 20px; border: 1px solid #ddd;display: block; }
.input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
textarea.input { border: solid 1px #ddd; height: auto; width:90%; }
.label label { display: block; font-size: 12px; font-weight: bold; }
.form_group { overflow: hidden; }
.form_x .form_group .label { float: left; width: 15%; text-align: right; padding: 7px 7px 7px 0; }
.form_x .form_group .finput { float: right; width: 85%; }
.form_x .form_button { margin-left: 15px; }
.form_auto .input { width: auto; display: inline-block; }
.form_auto textarea.input { width:90%; }
/*按钮*/
.btn { padding: 6px 15px; border: 1px solid #ddd; cursor: pointer; display: inline-block; line-height: 18px; margin: 0; }
.btn:hover { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.btn_bg_black { background: #30323A; border-color: #30323A; color: #fff; }
.btn_bg_white { background: #fff; border-color: #ddd; color: #000; }
.btn_bg_blue { background: #17B4F2; border-color: #17B4F2; color: #fff; }
.btn_bg_green { background: #52D852; border-color: #52D852; color: #fff; }
.btn_bg_red { background: #FC3939; border-color: #FC3939; color: #fff; }
.btn_bg_yellow { background: #FF9A14; border-color: #FF9A14; color: #fff; }
.btn_bg_gray { background: #999; border-color: #999; color: #fff; }
.btn_bg_black:hover, .btn_bg_black:focus { background: #D30D15; border-color: #D30D15; color: #fff; }
.btn_bg_white:hover, .btn_bg_white:focus { background: #999; border-color: #999; color: #fff; }
.btn_bg_blue:hover, .btn_bg_blue:focus { background: #0996FF; border-color: #0996FF; color: #fff; }
.btn_bg_green:hover, .btn_bg_green:focus { background: #5CB85C; border-color: #5CB85C; color: #fff; }
.btn_bg_red:hover, .btn_bg_red:focus { background: #30323A; border-color: #30323A; color: #fff; }
.btn_bg_yellow:hover, .btn_bg_yellow:focus { background: #30323A; border-color: #30323A; color: #fff; }
.btn_bg_gray:hover, .btn_bg_gray:focus { background: #A59999; border-color: #A59999; color: #fff; }
/*分页样式*/
.page_turner {margin:0 auto; text-align:center; width:50%;}
.page_turner a, .page_turner span { background: #fff; color:#000; float: left; display: block; border: 1px solid #CBD0D4; padding: 6px 12px; margin-left: 4px; line-height: 16px; margin-bottom:10px;}
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #FC3939; border: 1px solid #FC3939; color: #FFF; }
#total { color: #24252B; }
/************NEWS************/
.newslist li{display:block;margin:0 auto; transition:all .35s; }
.newslist li>a{ position:relative; display:block; width:98%;padding:10px 0; margin:0 auto; transition:all .35s;}
.newslist li>a:after{ position:absolute;z-index:3;left:0;bottom:0; width:100%;height:1px; background:#ccc;content:''; transition:all .35s;}
.newslist li:last-child a:after{opacity:0;}
.newslist li a .img{ width:40%;float: left; text-align:left; overflow:hidden;border-radius:30px 0 30px 0;border: 3px solid #fff;transition:all 1s;}
.newslist li a .img>img{width:100%; height:auto; max-height:180pxtransition:all 1s;}
.newslist li a .con{display:block;width:58%; float:right;}
.newslist li a h3{font-weight: normal;font-size:1rem;color: #000;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newslist li a p.text{font-size:12px;line-height:20px;color:#000; margin-top:5px;}
.newslist li a p.date{font-size:12px;color: #000;margin-top:5px;padding-left: 20px; background: url(../images/indnews1.png) no-repeat 0 1px;}
.newslist li a:hover .img img{transform: scale(1.1);}
.newslist li a:hover .img{border: 3px solid #ee1d23;}
.newslist li a:hover h3{color: #ee1d23;}
.newslist li a:hover p.text{color: #333;}
.newslist li:hover{box-shadow: 5px 5px 35px rgba(0,0,0,.08);}
.newslist li:hover a:after{ background:none;}

.nes{ width:98%; margin:0 auto; margin-bottom:30px;}
.nes a{width:32%; background:#eee; height:40px; line-height:40px; color:#000; display:inline-block; text-align:center; float:left;  border-radius:0px 20px 20px 20px; margin-right:1.5%;}
.nes a:nth-child(3n){ margin-right:0; float:right;}
.nes a:hover{width:32%; background:#ee1d23; height:40px; line-height:40px; color:#fff; display:inline-block; text-align:center; float:left; border-radius:0px 20px 20px 20px;}
.nes a:hover:nth-child(3n){ margin-right:0; float:right;}

.yingyong{ width:98%; margin:0 auto;}
.yingyong a{ width:48%;border:2px solid #fff; display:inline-block; background:#fff; margin-bottom:10px; color:#000;}
.yingyong a:nth-child(2n){ float:right;}
.yingyong a img{width:100%;}
.yingyong a p{ text-align:center; height:40px; background:#eee;line-height:40px; font-size:12px;}
.yingyong a:hover{border:2px solid #ee1d23;}



/*详情*/
.js-silder{position: relative;min-width: 320px; width:100%; margin-bottom:30px;}
.silder-scroll{width: 100%;overflow: hidden;}
.silder-main{position: relative;width: 100%;overflow: hidden;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%;}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{width: 100%;text-align: center;}
.silder-ctrl-prev,.silder-ctrl-next{position: absolute;top: 0;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "宋体";font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left:20px;text-align: left;}
.silder-ctrl-next{right:20px;text-align: right;}
.silder-ctrl-prev>span,.silder-ctrl-next>span{position: absolute;top: 50%;margin-top: -40px;}
.silder-ctrl-prev>span{left: 0;}
.silder-ctrl-next>span{right: 0;}
@media (max-width: 768px){.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;}}

.axqdiv{background:#efefef; margin-bottom:10px; clear:both; display:inline-block; width:100%;}
.axqdiv font{width:20%; display:block; text-align:center;float:left;line-height:50px; font-weight:bold; color:#000; font-size:14px;}
.axqdiv span{width:75%; display:block; line-height:50px; font-size:14px; color:#000; }



.nabout_num {overflow: hidden;padding:10px 0; width:100%;margin: 0 auto; background: #e80014;}
.nabout_num ul {font-style: normal;display: flex;justify-content: space-around;align-items: center;}
.nabout_num li {display: flex; flex-direction: column; align-items: center;position:relative;width:25%;}
.nabout_num li:after {content: ''; width: 1px;height: 100%;background: #fff; position: absolute;right:0px;top: 0;opacity:0.3;}
.nabout_num li:last-child:after {display:none;}
.nabout_num li span {font-size:30px; font-family: "Akrobat";font-weight: normal;    line-height:50px;color: #fff;}
.nabout_num li p {font-size: 12px; line-height: 36px;color: #fff;}
.nabout_num li em {font-size: 12px;position:absolute;top:5px;background: #fff;color: #e80014;border-radius: 50%;width: 20px;height: 20px;text-align: center;font-size: 15px;}
.nabout_num li:nth-child(1) em {right:15%;}
.nabout_num li:nth-child(2) em {right: 10%;}
.nabout_num li:nth-child(3) em {right: 5%;}
.nabout_num li:nth-child(4) em {right: 15%;}


