@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
http://www.grwy.cn/
**/
html{font-size:100%;/* overflow-y:scroll; */-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
fieldset,img{border:0;vertical-align:top; }
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
em,i{font-style:normal;}
input,textarea{border:none;resize:none;outline:none;-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance:none;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
*{box-sizing:border-box;}

/*公用*/
body { font-family:'Microsoft Yahei',Arial;color:#666;font-size:.6rem;background:#fff;}
img{max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode:blicubic;}
.clearfix:after {clear:both;content:"";display:block;height:0;overflow:hidden;visibility:hidden; }
.clearfix {zoom:1}
.fl {float:left;}
.fr {float:right;}
.mb20{margin-bottom:20px;}
.eps {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.wrapper{width:100%;/* max-width:640px; */min-width:250px;margin:0 auto;position:relative;padding:2.3rem 0 2.7rem 0;overflow:hidden;}
.con{padding:0 2%;}

/* 字体图标 */
@font-face {
  font-family: 'iconfont';  /* project id 114953 */
  src: url('//at.alicdn.com/t/font_114953_jwn1yogewixusor.eot');
  src: url('//at.alicdn.com/t/font_114953_jwn1yogewixusor.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_114953_jwn1yogewixusor.woff') format('woff'),
  url('//at.alicdn.com/t/font_114953_jwn1yogewixusor.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_114953_jwn1yogewixusor.svg#iconfont') format('svg');
}


.iconfont {
  font-family:"iconfont" !important;
  font-size:18px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon_home::before{ content: "\e64d"; }
.icon_nav1::before{ content: "\e658"; }
.icon_nav2::before{ content: "\e667"; }
.icon_nav3::before{ content: "\e652"; }
.icon_nav4::before{ content: "\e641"; }
.icon_nav5::before{ content: "\e641"; }
.icon_nav6::before{ content: "\e650"; }
.icon_nav7::before{ content: "\e615"; }
.icon_ry::before{ content: "\e66c"; }
.icon_kf::before{ content: "\e605"; }
.icon_dh::before{ content: "\e602"; }
.icon_ly::before{ content: "\e606"; }
.icon_lx::before{ content: "\e63c"; }

/* 头部 */
.header{height:2.3rem;position:fixed;top:0;z-index:10;width:100%;/* max-width:640px; */margin:0 auto;}
.headMain{position:relative;text-align:center;background:#005ba8;height:2.3rem;}
.logo{display:table;height:2.3rem;text-align:center;width:100%;}
.logo a{display:table-cell;vertical-align:middle;}
.logo img{vertical-align:middle;max-height:1.4rem;}
.header .navMenu_icon,.header .lang{position:absolute;left:2%;top:0; height: 2.3rem;color:#fff;line-height:2.3rem;color:#fff;}
.header .navMenu_icon::before,.header .lang::before {content:" \e60e ";font-family:"iconfont" !important;font-size:1.4rem;}
.header .lang{right: 2%;left:auto;}
.header .lang::before{content:" \e60b ";font-size:1rem;}

.en{position: absolute;right: 4%;top: 20px;font-size: 16px;color: #fff;}

/*导航 */
.navbar{position:fixed;z-index:20;height:100%;top:2.3rem;/* overflow:hidden; */display:none;}
.navbar ul{height:100%;padding-top:1rem;overflow-x:hidden;overflow-y: auto;padding-left:.6rem;background:#383838;width:8rem;position:relative;z-index:2;}
.navbar ul li{height:1.8rem;line-height:1.8rem;border-bottom:1px solid #252525;}
.navbar ul li a{display:block;padding-left:.8rem;font-size:0.65rem;color:#555;border-radius:1rem 0 0 1rem ;height:1.8rem; opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms;color:#fff;}
.navbar ul li a i{font-size:1rem;margin-right:.5rem;float:left;}
.navbar .current{position:relative;top:auto;left:auto;}
.navbar ul li a:hover,.navbar ul li .current{background:#005ba8;}
.navbar ul li:first-child{border-top:none;}
.navbar ul li:nth-child(2) a{transition-delay:240ms;}
.navbar ul li:nth-child(3) a{transition-delay:320ms;}
.navbar ul li:nth-child(4) a{transition-delay:400ms;}
.navbar ul li:nth-child(5) a{transition-delay:480ms;}
.navbar ul li:nth-child(6) a{transition-delay:540ms;}
.navbar ul li:nth-child(7) a{transition-delay:620ms;}
.navbar ul li:nth-child(8) a{transition-delay:680ms;}
.navbar ul li:nth-child(9) a{transition-delay:740ms;}
.navbar ul li:nth-child(9) a{transition-delay:800ms;}
.navbar ul li:nth-child(10) a{transition-delay:860ms;}
.navbar ul li:nth-child(11) a{transition-delay:940ms;}
.navbar ul.show li a{ opacity:1;transform: translateX(0);}
.floatmask{width:100%;height:100%;background:#000;opacity:0.5;position:fixed;top:2.3rem;z-index:1;display:none;overflow:hidden;transition:all 0.5s;/* max-width:640px; */margin:0 auto;}

/* BANNER */
.mainBox{position:relative;}
.banner{ position:relative;overflow:hidden;/* max-width:640px; */}
.banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.banner .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.banner .hd li.on{ background:#014f9f;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;}
.banner .bd li img{ background:url('images/loading.gif') center center no-repeat;vertical-align:top; width:100%;}

/*  重要新闻 */
.conBox1{padding:0 2%;overflow:hidden;}
.conBox1 li{width:100%;margin-bottom:.4rem;position:relative;}
.conBox1 li img{width:100%;}
.conBox1 li h4{font-size:0.7rem;margin:5px 0;color:#333;}

/*  关于 */
.about{background:#005ba8;padding:1.0rem 2%;color:#fff;text-align:center;}
.about .tie{font-size:.8rem;line-height:.8rem;margin-bottom:0.75rem;}
.about .tie span{display:block;position:relative;font-size:0.6rem;padding-top:0.625rem;}
.about .tie span:before{content:"";position:absolute;left:50%;top:0.4rem;width:1.25rem;height:1px;background:#fff;margin-left:-0.625rem;}
.about .font{text-align:left;line-height:1.6;margin-bottom:20px;}
.about .more{display:inline-block;width:30%;border:1px solid #fff;text-align:center;padding:.3rem 0;color:#fff;}
.about .more:hover{background:#fff;color:#005ba8;}

.homeMenu{padding:.8rem 2%;overflow:hidden;}
.homeMenu li{float:left;width:50%;text-align:center;border-bottom:1px solid #ececec;border-right:1px solid #ececec;padding:20px 0;}
.homeMenu li h4{color:#333;font-size:0.7rem;margin:10px 0 5px 0;}
.homeMenu li i{width: 58px;height: 48px;display: inline-block;overflow: hidden;background: url(../images/why_icon.png)no-repeat center;background-position: 0 0}
.homeMenu li:nth-child(1) i{background-position: 0 0}
.homeMenu li:nth-child(2) i{background-position: -65px -6px}
.homeMenu li:nth-child(3) i{background-position: -134px -6px}
.homeMenu li:nth-child(4) i{background-position: -202px -6px}
.homeMenu li:nth-child(5) i{background-position: -269px -6px}
.homeMenu li:nth-child(6) i{background-position: -336px -6px}


/*  产品 */
.product{background: url('../images/pro_bg.jpg') no-repeat;background-size:cover;padding:.8rem 0;color:#fff;}
.hTitle{text-align:center;font-size:0.8rem;color:#fff;font-weight:normal;position:relative;margin-bottom:1.0rem;position: relative;padding-bottom:10px;}
.hTitle span{font-size:14px;color: #666;display: block;}
.hTitle:after{content:"";position:absolute;left:50%;bottom:0;width:1.5rem;height:1px;background:#fff;margin-left:-0.7rem;}

.product .menu{text-align:center;margin-bottom:20px;}
.product .menu a{display:inline-block;text-align:center;border:1px solid #fff;border-radius:3px;color:#fff;margin:0 5px;padding:5px 15px;}
.product .menu .on{background:#0062bb;border:1px solid #0062bb;color:#fff;}
.product .proMain ul{text-align: center}
.product .proMain ul a{padding: 10px 16px;
color: #333;
background: #fff;
margin-right: 6px;
margin-bottom: 6px;
display: inline-block;}

/* 推荐产品 */
.products{margin-bottom:10px;overflow:hidden;border-bottom:4px solid #f4f4f4;background: #f4f4f4;}
.products .proMain{padding:20px 2%;overflow:hidden;}
.products .proMain li{float:left;width:49%;height: 173px; margin-right:2%;margin-bottom:2%;overflow:hidden;position:relative;text-align:center;}
.products .proMain li:nth-child(2n){margin-right:0;}
.products .proMain li span{display:block;height:1.5rem;line-height:1.5rem;text-align:center;}
.products .proMain li .pic{height: 134px;line-height: 134px;text-align: center;}
.products .proMain li .pic img{max-width:100%;height: 134px;}

/* 资讯中心 */
.news{padding:.8rem 2%;}
.newsMenu{overflow:hidden;margin-bottom:5px;margin:0 -.08rem;}
.newsMenu li{float:left;width:33.3%;padding:.08rem;padding-bottom:.1rem;}
.newsMenu li a{display:block;background:#eee;text-align:center;width:100%;padding:.3rem 0;}
.newsMain{overflow:hidden;margin-top:20px;}
.newsMain li.n1{position:relative;max-height:8rem;overflow:hidden;}
.newsMain li.n1 img{width:100%;}
.newsMain li.n1 h4{position:absolute;bottom:0;left:0;width:100%;color:#fff;padding:8px 2%;background: rgba(0, 0, 0, .8)}

.newsMain li.n2{padding:10px 0;border-top:1px dotted #ddd;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;}

/* 合作伙伴 */
.partner{background:#f4f4f4;padding:.8rem 2%;}
.hTitle2{color:#222;}
.hTitle2:after{background:#888;}
.partner ul{margin-left:-3px;overflow:hidden;}
.partner li{float:left;width:24%;text-align:center;padding:0 3px 3px 0;background: #fff;margin: 0 5px 5px 0;}
.partner li a{width: 100%;height: 58px;display: block;line-height: 58px;text-align: center}
.partner li img{max-width: 100%;max-height: 58px;}
.partner li:nth-child(4n){margin-right: 0;}

/* 底部 */
.footer .backtop{height:1.2rem;line-height:1.2rem;background:#005ba8;color:#fff;padding-right:3%;text-align:right;font-size:0.7rem;text-transform: uppercase;}
.footCopy{text-align:center;padding:10px 0 15px 0;font-size:0.6rem;line-height:1.2rem;}
.footCopy .wx span{display:block;}
.footCopy .wx img{max-width:40%;}
.footMenu{height:2rem;position:fixed;bottom:0;z-index:10;width:100%;text-align:center;background-color:#005ba8;display:table;/* max-width:640px; */margin:0 auto;}
.footMenu ul{overflow:hidden;color:#fff;padding-top:;display:table-cell;vertical-align:middle;}
.footMenu li{float:left;width:50%;text-align:center;font-size:0.5rem;vertical-align:middle;border-left:1px solid rgba(255,255,255,.6);}
.footMenu li:nth-child(1){border-left:none;}
.footMenu li a{color:#fff;}
.footMenu li i{font-size:.8rem;}
.footMenu li span{display:block;}

/* 搜索 */
.search{padding:2%;position:relative;}
.search form{border:1px solid #d7d7d7;border-radius:3px;width:100%;display:block;height:1.6rem;line-height:1.6rem;}
.search .sear_text{width:88%;padding-left:3%;height:100%;line-height:1.6rem;float:left;}
.search .sear_btn{width:12%;height:100%;float:left;background:none;position:relative;z-index:2;font-family:"iconfont" !important;color:#333;font-size:.8rem}
/* .search::before{position:absolute;font-size: 0.9rem;text-align:center;content:" \e64a ";font-family:"iconfont" !important;color:#333;top:.6rem;right:6%;} */
.listWrapper .search{border-bottom:none;margin-bottom:15px;padding:0;}
.listWrapper  .search::before{top:.3rem;right:3%;}

/* 关于 */
/* .listBanner{height:4rem;-webkit-background-size:cover;background-size:cover;background-repeat: no-repeat;background-position: center center;} */
.aTie{text-align:center;font-size:0.875rem;font-weight:normal;color:#000;margin-bottom:0.75rem;text-transform: uppercase;}
.aTie span{font-size:0.5rem;font-family:Arial;color:#b8b8b8;display:block;color:#b8b8b8;}
.aboutBox1{text-align:center;}
.aboutBox1 .txt{margin-top:15px;text-align:left;}
.aboutBox2{background:#005ba8;padding:5%;color:#fff;margin-top:1rem;}
.aboutBox3{margin:1rem 0;overflow:hidden;}
.aboutBox3 img{width:100%;}

.aboutBox3 li{position:relative;margin-bottom:0.7rem;}
.aboutBox3 li h4{font-size:0.75rem;color:#111;font-weight:normal;position:relative;margin-top:8px;}
.aboutBox4{background:#f3f3f3;padding:1rem 2%;overflow:hidden;}
.aboutBox4 li{padding:1rem 5%;color:#fff;padding-left:2rem;background:#005ca9 url('../images/ab_bg.png') no-repeat right center;background-size:80%;margin-bottom:.2rem;font-size:.5rem;}
.aboutBox4 li i{float:left;font-size:1.5rem;margin-left:-1.5rem;line-height:1;}
/* .aboutBox4 li:nth-child(2){background:#6fba2c url('../images/ab_bg.png') no-repeat right center;} */
/* .aboutBox4 li:nth-child(2){background:#6fba2c url('../images/ab_bg.png') no-repeat right center;text-align:right;padding:1rem 2rem 1rem 5%;}
.aboutBox4 li:nth-child(2) i{float:right;margin-left:0;margin-right:-1.5rem;}
 */

.ideaBox1 {background:#f1f1f1;padding:1rem 2%;margin-bottom:1rem;overflow:hidden;}
.ideaBox1 li{color:#737373;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd;}
.ideaBox1 li h4{font-weight:normal;font-size:0.8rem;color:#111;margin-bottom:10px;}

.ideaBox2 .font ul{background:#005ba8;color:#77b2e5;padding:3%;margin-bottom:15px;}
.ideaBox2 .font li{margin-bottom:10px;}
.ideaBox2 .font li strong{color:#fff;font-size:0.6rem;}
.ideaBox2 .font2 ul{color:#baff7c;background:#6eb92b}


/*分页样式*/
.page{clear:both;text-align:center;padding-bottom:1.5rem;height:1rem;position:relative;padding-top:1.2rem;}
.page a,.page span{height:1rem;line-height:1rem;padding:0 .3rem;margin:0 .1rem;font-size:0.5rem;background-color:#949494;border-radius:3px;color:#fff;display:inline-block;border:1px solid #888;}
.page span{background:#333;border:1px solid #111;}

/*分类样式*/
.breadCrumb {position:relative;height:1.8rem;width: 100%;overflow: hidden;margin:0 auto;background:#ddd;margin-bottom:1rem;padding:0 2%;line-height:1.8rem;color:#333;}
.breadCrumb a{float:right;color:#005ba8}
.breadCrumb a i{font-size:.8rem;font-family:"iconfont" !important;margin-right:5px;position:relative;top:3px;}


.listMenu {position:relative;height:1.8rem;width: 100%;overflow: hidden;margin:0 auto;background:#ddd;margin-bottom:1rem;}
.listMenu .scroller {position:absolute;}
.listMenu .scroller li {height:1.8rem;color:#333;float: left;line-height: 1rem;font-size: .62rem;line-height:1.8rem;}
.listMenu .scroller li a{color:#333;display:block;text-align:center;padding:0 .5rem}
.listMenu .scroller li.cur{background:#005ba8}
.listMenu .scroller li.cur a{color:#fff;}

.listWrapper{padding:0 2% 5% 2%;overflow:hidden;}
.picList{overflow:hidden;margin-bottom:20px;}
.picList li{ width:32%;float:left;text-align:center;margin-right:2%;margin-bottom:5px;size:5rem;}
.picList li:nth-child(3n){margin-right:0;}
.picList li img{padding:0.1rem;border:1px solid #ddd;}

/* 解决方案封面 */
.solution li{float:left;width:100%;position:relative;border-bottom:1px solid #d3d3d3;margin-bottom:30px;}
.solution li a{display:block;color:#888;padding-bottom:30px;}
.solution li h3{font-size:.7rem;color:#000;margin-bottom:20px;font-weight:normal;}
.solution li h3 i{float:left;width:65px;height:50px;background-repeat: no-repeat;background-position: center center;transition:all 0.3s;}
.partnerBox .tie{font-size:.8rem;color:#222;margin-bottom:.6rem;text-transform: uppercase;}
.partnerBox .tie span{display:block;font-size:.5rem;color:#888;}

/* 图片列表 */
.listPic{overflow:hidden;margin-bottom:20px;width:102%;}
.listPic li{ width:49%; float:left;text-align:center;padding-right:2%;margin-bottom:10px;}
/* .listPic li:nth-child(2n){padding-right:0%;} */
.listPic li img{padding:0.1rem;max-height: 220px;}
.listPic li span{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:2%;}
.proList li a{display:block;border:1px solid #ddd;}
.proList li span{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background:#f1f1f1;border-top:1px solid #ddd;text-align:center;padding:2%;}
.partnerList li img{height:3.6rem;}
.partnerList li span{height:1.2rem;}

/* 图文列表详情 */
.productList{overflow:hidden;margin-bottom:20px;}
.productList li{display: table;width: 100%;height: auto;border-bottom:1px solid #ccc;overflow: hidden;text-overflow: ellipsis;white-space: normal;padding:2% 0;}
.productList li.pImg{display: table-cell; vertical-align: middle;border:1px solid #ccc;}
.productList div{ line-height: 1rem;padding-left: .25rem;padding-right: .15rem;display: table-cell;width: auto;height: auto;vertical-align: middle;width:75%;padding-left:5%;line-height:.8rem;font-size:.5rem;}
.productList div h5{margin-bottom:.2rem;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.productList div h5 a{color:#333;}
.productList div h5 a:hover{color:#ff3811;}

/* 产品详情 */
.proShow .title{text-align:center;font-size:.8rem;color:#333;margin-bottom:.6rem;}
.proShow_img{width:100%;height:auto;text-align:center;margin-bottom:15px;}
.proShow .tie{height:1.4rem;line-height:1.4rem;background:#ddd;margin-bottom:10px;}
.proShow .tie span{display:inline-block;width:5rem;color:#fff;background:#333;text-align:center;}
.product_detail{margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:15px;}
.proShow_img{ position:relative;overflow:hidden;/* max-width:640px; */}
.proShow_img .bd{ position:relative; z-index:0; }
.proShow_img .bd li{ position:relative; text-align:center;}
.proShow_img .bd li img{ background:url(images/loading.gif) center center no-repeat;vertical-align:top; width:100%;}
.proShow_img .prev,.proShow_img .next{ position:absolute; left:0.75rem; top:50%;margin-top:-.6rem; display:block; width:23px; height:27px; line-height:27px; text-align:center;width:1.8rem;text-align:center;line-height:1.8rem;background:#000;opacity:.7;height:1.8rem;border-radius:.2rem;}
.proShow_img .hd span img{max-width:70%;vertical-align: middle;}
.proShow_img .next{ left:auto; right:0.75rem;}
.proShow_tab{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}
.proShow_tab .hd{ height:1.5rem; line-height:1.5rem;font-size:.7rem; background:#f1f1f1; border-bottom:1px solid #005ba8; position:relative;margin-bottom:10px;}
.proShow_tab .hd ul{ position:absolute; height:1.5rem; top:0; overflow:hidden;  }
.proShow_tab .hd ul li{ float:left; padding:0 10px; color:#666;  }
.proShow_tab .hd ul .on{ border:2px solid #005ba8; border-bottom-color:#fff; background:#fff; color:#005ba8; }

/* 新闻列表详情 */
.newsList li,.history li h4{height:1.6rem;line-height:1.6rem;border-bottom:1px solid #ddd;position:relative;padding:0 10% 0 5%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li::before{background:#666;content: "";height:3px;left:2%;position: absolute;top:.8rem;width:3px;border-radius:50%;}
.newsList li::after,.downList li a::after,.history li h4::after{position:absolute;font-size: 0.8rem;right:2%;top:3px; content:" \e62c ";font-family:"iconfont" !important;}
.newsDetail .tie{text-align:center;font-size:.7rem;color:#333;padding-bottom: .2rem;}
.newsDetail .time{text-align:center;color:#888;border-bottom:1px solid #ddd;padding-bottom: .3rem;margin-bottom:.8rem;}
.newsDetail .font{border-bottom:1px solid #ddd;margin-bottom:.6rem;}
.newsDetail .font,.pageN{padding-bottom:.6rem;}
.listWrapper .prea{line-height:1rem;}
.downList li {padding-right: 3%;}
.downList li::after{display:none;}
.downList li a{display:block;position: relative;}
.downList li a::after{content:"\e66f";}
.history li{overflow:hidden;border:1px solid #0062bb;border-radius:3px;background:#fcfff7;padding:2%;}
.history li span{width:38%;padding-right:2%;}
.history li h5{height:0.8rem;padding-left:2%;color:#015ba8;margin-bottom:5px;font-size:.7rem;}
.history li p{padding:2%;}
.history li{/* border-bottom:1px solid #ddd; */margin-bottom:.6rem;}
.jobList dl{padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid #ddd;}
.jobList dt h5{font-weight:bold;}

/*常见问题列表*/
.faqList li{float: left;width: 100%; padding-bottom: 10px;border-bottom: 1px dashed #666;margin-bottom: 10px;}
.faqList li h4 b{color: #ec1f1f;}
.faqList li p b{color: #0062bb;}

/* 留言 */
.feedback ul{overflow:hidden;margin-bottom:10px;}
.feedback li{margin-bottom:10px;position:relative;}
.feedback li input{height:1.5rem;line-height:1.5rem;border:1px solid #ddd;border-radius:3px;width:100%;padding:0 2% 0 8%; -webkit-appearance:none;}
.feedback li textarea{height:5rem;border:1px solid #ddd;border-radius:3px;width:100%;padding:.3rem 2% .3rem 8%;}
.feedback li.code input{width:20%;float:left;margin-right:5px;padding-left:2%;}
.feedback .button{width:100%;height:1.5rem;line-height:1.5rem;background:#333;text-align:center;font-size:14px;color:#fff;}
.feedback li::before {position:absolute;font-size: 0.8rem;left:2%;top:.3rem; content:" \e632";font-family:"iconfont" !important;}
.feedback li.f2::before{content: "\e636"}
.feedback li.f3::before{content: "\e639";}
.feedback li.tarea::before{content: "\e638"}
.feedback li.code::before{content: "";}


/*应用产品*/
.relation_pro h2{font-size:16px;color: #000;}
.relation_pro .swiper-slide{text-align: center}
.relation_pro .rel_next,.relation_pro .rel-prev{background-size: 60%;}
.relation_pro .rel_next{right: 0}
.relation_pro .rel-prev{left: 0;}