@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none;}
/* remember to define focus styles! */
:focus {outline:0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style:normal;font-weight:normal !important;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:none;font-variant:normal;}

input, button, textarea,
select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;*font-family:"Microsoft YaHei",Arial;resize: none;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline:none;}
body {line-height: 1.5; font-family:Arial; font-size:14px; color:#666666;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;
/*表格自动换行111*/
table-layout:fixed;word-wrap:break-word;}
caption, th{text-align:center;}
/*caption, th {text-align: left;}*/
sup, sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a{transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}

/*------------浮动-----------------*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clear10{ clear:both; height:10px; overflow:hidden;}
.clear15{ clear:both; height:15px; overflow:hidden;}
.clear20{ clear:both; height:20px; overflow:hidden;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px!important;}
.textover{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;filter:alpha(opacity=50);}
a{color: #666666; }
a:hover,a.cur,.cur a{ color: #0081ff;}
.ft84{font-size:84px;}
.ft70{font-size:70px;}
.ft60{font-size:48px;}
.ft48{font-size: 48px;}
.ft40{font-size: 40px;}
.ft36{font-size: 36px;}
.ft34{font-size: 34px;}
.ft30{font-size: 30px;}
.ft28{font-size: 28px;}
.ft24{font-size: 24px;}
.ft26{font-size: 26px;}
.ft16{font-size: 16px;}
.ft44{font-size: 44px;}
.ft48{font-size: 48px;}
.ft54{font-size: 54px;}
.ft62{font-size: 54px;}
.ptb100{padding: 100px 0;}
.ptb138{padding: 138px 0 138px;}
.ptb40{padding: 40px 0;}
.pt80{padding: 80px;}
.ptb70{padding: 68px 0 68px;}
.ptb80{padding: 80px 0 80px;}
.ptb20{padding: 20px 0 20px;}
.ptb50{padding: 50px 0 0;}
.w80{width:80%;margin:0 auto;}
.center{text-align:center;}
.add{height:100%;overflow:hidden;-position:fixed;}






.wap{width: 90%; max-width: 1600px; margin: 0 auto;}
.waps{width: 94%; max-width: 1600px; margin: 0 auto;}
.wapsc{width: 90%; max-width: 1200px; margin: 0 auto;}
:lang(zh-hk) body,body{font-family: "microsoft yahei", "Arial", sans-serif;}
body{color: #666666; font-size: 14px;  width: 100%;  position: relative;overflow-x:hidden ; background: #fff; }
/*:first-child  filter:alpha(opacity=50);*/
/*img{display: block;}*/

html{ position: relative; width: 100%;}
input.but{cursor: pointer;}


.head img{max-width: 100%;}
.head{ position: fixed; z-index: 40; width: 100%; transition: all 0.5s;}
.head .logo{float: left; padding: 24px 0;}
.head .logo img{display: block;width: 150px;}
.head .right{float: right; padding: 24px 0 0;}
.head .right .dh{float: left; line-height: 44px;}
.head .right .dh a{font-size: 20px; color: #fff;font-family:'AvantGarde-Book';}
.head .right .dh a img{display: inline-block; vertical-align: middle; padding-bottom: 0.3em; padding-right: 0.3em;}
.head .right .yuyss{float: left; margin-left: 53px;}
.head .right .yuyss a{position:relative;float: left; width: 40px; height: 40px; line-height: 40px; margin-right: 10px;text-align: center; border-radius: 50%; border: 2px solid #d4d4d4; text-transform: uppercase;}

.head .right .yuyss a:hover{border-color: #49d3fe!important;}
.scl .right  .yuyss a:hover{border-color: #0081FF!important;}
.scl .nav ul li .yj{color:#333!important;}
.scl .right .dh a{color:#0081ff!important;}
.scl .right .yuyss a{border:2px solid #d4d4d4!important;}
.head .nav{ margin-left: 1%;display:inline-block;}
.head .nav ul li{float: left; position: relative;}

.head .head_ewm{display:none;position:absolute;left: -30px; max-width: none;}

.head  .qq_tips{display:none;position:absolute;left: -10px; max-width: none;width:150px;background:#fff;border-radius:10px;line-height:20px;padding:10px;color:#333;font-size:12px; box-shadow: 0 0 8px 5px rgba(0,0,0,0.08);}

.entry-trangle-top{  
            position:absolute;  
            top:-8px;  
            left:20px;  
            width:0;  
            height:0;  
            border-left:8px solid transparent;  
            border-right:8px solid transparent;  
            border-bottom:8px solid #fff;  
        }  
.head .nav .nav-m {display:none;}
.head .nav ul li .yj{display: block;color: #fff;opacity:0.7; padding: 0 22px; line-height: 90px; font-size: 16px; transition:0s; -webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; -o-transition:0s;}
.head .nav ul li .yj.cur,.head .nav ul li:hover .yj{opacity:1; -background: url(../images/dhh1.png) no-repeat center bottom;}
.head .navlin{display: none;}
.head .nav ul li .erj{position: absolute;left:-30px; top:70px; width: 200px; text-align: center; background: #fff; border: 1px solid #eee; border-radius:5px; padding: 5px 0; display: none;padding-bottom: 20px;transition:all 0.3s ease-in-out;transform:rotate3d(1,0,0,-90deg);transform-origin:50% 0%;justify-content: center;}

.head .nav ul li:hover .erj{display: block;}
.head .nav ul li .erj .w1200 dl{float: left;width: 100%;margin-top: 20px;}
.head .nav ul li .erj .w1200 dt{font-size: 16px;}
.head .nav ul li .erj .w1200 dd{color: #666666;margin-top: 5px;font-size: 12px;}
.head .nav ul li .erj .w1200{max-width: 800px;}


/*客服*/
.flex-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	display: -ms-flex;

}

.flex-con {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
	 -ms-flex: 1; /* 兼容IE */
    overflow: auto;
	 
	
	
}

.flex-vertical {
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
}
.contactus .conter::-webkit-scrollbar {
	width:5px;
} /* 这是针对缺省样式 (必须的) */


.contactus .conter::-webkit-scrollbar-track {
	background-color:rgba(0,0,0,0);
	border-radius:10px;
} /* 滚动条的滑轨背景颜色 */


.contactus .conter::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.1); 
	border-radius:10px;
} /* 滑块颜色 */


.contactus .conter::-webkit-scrollbar-button {
	background-color:rgba(0,0,0,0);
	height: 0;
} /* 滑轨两头的监听按钮颜色 */


.contactus .conter::-webkit-scrollbar-corner {
	background-color: black;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
.contactus {position: fixed; right: 0px; bottom: 0px; _position: absolute; width: 230px; height: 100%; background: #009aff; z-index: 99999999999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; }
.contactus .hoverbtn{width:30px; height:129px; padding-top:20px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-30px; font-size:14px; color:#fff; background:#009aff; -webkit-border-radius: 3px 0px  0px 3px; -moz-border-radius: 3px 0px  0px 3px; -o-border-radius: 3px 0px  0px 3px;      border-radius: 3px 0px  0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;} 
.contactus .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;}
.contactus .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;}
.hoverimg2{background:url(../images/hoverbtnbg1.png) no-repeat; } 
.contactus .conter{padding:30px  0 20px 30px;}
.contactus .conter .con1{ border-bottom:1px solid #fff; padding:20px 0;  }
.contactus .conter .con1 dl dt{width:31px; height:31px; float:left;    position: relative;top: 32px;}
.contactus  dl .f0{ line-height: 30px;margin-bottom:10px;  font-size:16px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;    margin-right: 10px;}
.contactus  dl .f1{ line-height: 24px;  font-size:14px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;}
.contactus  dl .f2{ position: relative;   color:#fff; height:30px;line-height: 30px;}
.contactus  dl .f2 img{display:inline-block; vertical-align:middle;padding-right:5px;}
.contactus  dl .f2 .ewm{display:inline-block; vertical-align:middle;margin-left:10px;}
.contactus  dl .f2 .ewm_h {display:none;position:absolute;right:10px;top:-100px;}
.contactmask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;}


.banner {background-image:url(../images/bg-products.jpg);background-size:cover;background-position:center;height:400px;}
.table {height:100%;display:table;margin:0 auto;width:100%;}
.table-cell {display:table-cell;vertical-align:middle;}
.banner-txt{width:50%;margin:0 auto;color:#FFFFFF;text-align:center;}
.banner-txt h3{font-size:48px;line-height:90px;}
.banner-txt h4{font-size:24px;font-weight:100;}
.banner-txt h4 img{display:inline-block;vertical-align:middle;padding-right:10px;}
.banner-txt h5{font-size:16px;line-height:40px;color:#999999;margin-bottom:50px;}
.banner-txt .banner-more{font-size:16px;background: #009aff;background: linear-gradient(to right,#009aff 0%,#50dbff 100%);padding:10px 40px;color:#fff;border-radius:30px;}
.banner-txt .banner-more:hover{box-shadow: 0 0 1.5em rgba(33,97,215,0.9);}


.frhome{width:1420px;margin:0 auto;clear:both;overflow: hidden;position: relative;}
.frhometit h3{font-size:36px;text-align:center;color:#333;}
.frhometit h4{font-size:28px;text-align:center;color:#333;}
.frhometit p{font-size:14px;line-height: 30px;text-align:center;color:#8b8989;}
.frhometit p span{color:#0081ff;}
.frproducts{margin-top:50px;width:100%;overflow:hidden;}
.frproducts ul li{width:32.3%;height:374px;overflow:hidden;float:left;margin-right:1%;border:2px solid #e8e8e8;text-align:center;transition: all .5s;}
.frproducts ul li:hover{border:2px solid #0081ff;}
-.frproducts ul li:hover h3{color:#0979e6;}
.frproducts ul li:last-child{margin-right:0;}
.frproducts ul li img{margin-top:70px;}
.frproducts ul li h3{font-size:28px;margin: 20px auto;}
.frproducts ul li p{width:80%;margin:0 auto 70px auto;font-size:14px;}
.frproducts ul li a {
	padding-top: 50px;
	position: relative;
}
.frproducts ul li a img {
	position:relative;
	
	top:0px;
	
}
.frprodcts_more{width:100%;height:60px;margin-top:10px;}
.frprodcts_more ul li{float:left;height:60px;text-align:center;}
.frprodcts_more ul li a{color:#fff;font-size:14px;line-height:60px;}
.frprodcts_more ul li:first-child{background:linear-gradient(to right,#0076f8 0%,#0076f8 100%);border-right:1px solid #fffdfd3d;width:33.2%;}
.frprodcts_more ul li:nth-child(2){background:linear-gradient(to right,#0076f8 0%,#1baffb 100%);border-right:1px solid #fffdfd3d;width:33.2%;}
.frprodcts_more ul li:last-child{background:linear-gradient(to right,#1baffb 0%,#1baffb 100%);border-right:1px solid #fffdfd3d;width:33.3%;}
.frproducts_tag {margin-top:30px;}

.frproducts_tag ul li{width:14%;float:left;margin-bottom:10px;height: 50px;}
.frproducts_tag ul li .frproducts_tag_ico{float:left;width:32px;display:inline-block;vertical-align:middle;padding-top:5px;}
.frproducts_tag ul li .frproducts_tag_ico img{width:100%;}
.frproducts_tag ul li .frproducts_tag_txt{float:left;margin-left:10px;}
.frproducts_tag ul li .frproducts_tag_txt h4{font-size: 16px;color: #373d40;line-height:20px;}
.frproducts_tag ul li .frproducts_tag_txt span{font-size: 12px; color: #a6a8ae;}
.bggrey{background:#f5f7f8;width:100%;clear:both;margin-top:20px;}
.frnews{margin-top:50px;overflow: hidden;}
.frnews .news_con{width:31.3%;float:left;margin-right:3%;overflow:hidden;}
.frnews .news_con:last-child{margin-right:0;}
.frnews .news_con .news_con_tit{width:100%;}
.frnews .news_con .news_con_tit h4{font-size:30px;line-height:80px;color:#000;}
.frnews .news_con ul li{width:100%;line-height:40px;font-size:14px;}
.frnews .news_con ul li .news_tit{float:left;width:70%;overflow:hidden;height:40px;white-space: nowrap;text-overflow: ellipsis;}
.frnews .news_con ul li .news_date{float:right;width:30%;text-align:right;color:#8b8989;}
.frnews .news_con ul li span{color:#FF0000;}
.frnews .news_con .news_con_img img{width:100%;}
.news_more {width:100%;clear:both;margin:50px 0;text-align:center;}
.news_more a {border:1px solid #ccc;padding:10px 50px;}
.news_more a:hover {border:1px solid #0081ff;}
.circle{width:5px;height:5px; display:inline-block;background:#a6a7a9;margin-right:5px;-border-radius:10px;position: relative;top:-2px;}

.frbank {width:90%;margin:0 auto;margin-top:50px;text-align:center;}
.frbank ul li {width:150px;display:inline-block;margin:0 25px;margin-bottom:50px;}
.frbank ul li img {width:100%;}
.footer {background:url(../images/web-floor-bg.jpg) no-repeat center top #131420;}
.footer .foot_left {width:70%;float:left;padding:20px;}
.footer .foot_right {width:25%;float:right;}
.footer .foot_tag {width:100%;line-height:50px;color:#fff;margin-top:20px;font-size:14px;border-bottom:1px dashed #7a7a7e;display:inline-block;}
.footer .foot_tag .foot_tag_tit {width:100%;height:30px;}
.footer .foot_tag .foot_tag_link {width:100%}
.footer .foot_tag a {color:#fff;display:inline-block;margin-right:20px;}
.footer .foot_tag a:hover,a.cur,.cur a {color:#0081ff;}
.footer .foot_contact {color:#fff;width:60%;float:left;}
.footer .foot_contact span {line-height:50px;}
.footer .foot_contact p {line-height:30px;}
.footer .foot_nav {color:#fff;width:40%;float:left;}
.footer .foot_nav ul li{width:100%;}
.footer .foot_nav span {line-height:50px;}
.footer .foot_nav ul a {line-height:30px;color:#fff;display:inline-block;margin-right:20px;border:1px solid #666;padding:0 10px;margin-bottom:10px;-line-height:20px;border-radius:20px;}
.footer .foot_nav ul a:hover{color:#0081ff;}
.footer .foot_right .foot_ewm {padding-top:70px;text-align:left;}
.footer .foot_right .foot_ewm p {color:#fff;margin-left: 25px;}
.footer .foot_copyright {background:#000;width:100%;line-height:50px;padding-left:20px;}
.footer .foot_tit {width:80%;line-height:40px;overflow:hidden;border-bottom:1px dashed #666;margin-bottom:10px;}
.footer .foot_contact .br{line-height:normal;}
.icon-iphone:before {content:"";background:url(../images/icon.png) 5px 6px no-repeat;}
.icon-qq:before {content:"";background:url(../images/icon.png)  5px -46px no-repeat;}
.icon-adress:before {content:"";background:url(../images/icon.png)  5px -98px no-repeat;}
.icon-iphone:before,.icon-qq:before,.icon-adress:before {display:block;margin-right:10px;float:left;width:20px;height:20px;border-radius:5px;margin-top:2px;}

/*新闻资讯*/
.banner_news {background-image:url(../images/news.jpg);background-size:cover;background-position:center;height:200px;}
.news_list {margin:30px 0;}
.news_list ul li{height:50px;line-height:50px;border-bottom:1px dashed #ddd;}
.news_list ul li .news_list_tit{float:left;width:70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_list ul li .news_list_tit span{color:#FF0000;}
.news_list ul li .news_list_date{float:right;width:30%;text-align:right;}
.pages{text-align:center;}
.pages_m{display:none;}
.pages a{border:1px solid #ccc;display:inline-block;margin-right:5px;padding:5px 15px;}

/*文章页*/
.crumbs_nav{line-height:30px;margin-bottom:10px;}
.crumbs_nav a{-color: #0081ff;}
.news_inside_con{width:90%;margin:0 auto;}
.news_inside_con .news_title{font-size: 22px;color: #333333;font-weight: bold;margin-bottom:10px;}
.news_inside_con .news_time{color: #8b8989; font-size: 14px;line-height:30px;width:100%;border-bottom:1px dashed #ccc;margin-bottom:20px;overflow:hidden;}
.news_inside_con .news_article{padding: 15px 0;border-bottom:1px dashed #ccc;}
.news_related{width: 100%;margin-top:30px;}
.news_related .news_con .news_con_tit {}
.news_related .news_con .news_con_tit h4 { font-size: 20px;color: #000;line-height: 50px;display: inline;}
.news_related .news_related_list{width:31%;float:left;margin-right:3%;overflow:hidden;}
.news_related_list:last-child{margin-right:0;}
.news_related_list .news_con_tit{width:100%;}
.news_related_list .news_con_tit h4{font-size:30px;line-height:80px;color:#000;}
.news_related_list ul li{width:100%;line-height:30px;font-size:14px;}
.news_related_list ul li .news_tit{float:left;width:100%;overflow:hidden;height:35px;white-space: nowrap;text-overflow: ellipsis;}
.news_related_list ul li .news_date{float:right;width:20%;text-align:right;color:#8b8989;}
.news_related_list ul li span{color:#FF0000;}
.news_related .news_related_more{float:right;line-height: 50px;}

/*联系我们*/
.banner_contact {background-image:url(../images/contact.jpg);background-size:cover;background-position:center;height:200px;}
.contact_con{width:90%;margin:0 auto;margin-top:50px;}
.contact_con  .contact_base{width:100%;overflow: hidden;}
.contact_con  .contact_base_con{width:29%;float:left;}
.contact_con .contact_base .contact_base_con{text-align:center;margin-left:50px;}
.contact_con .contact_base .contact_base_con ul li {width:100%;float:left;font-size:16px;color:#333;text-align:left;margin-bottom:10px;}
.contact_con .contact_base .contact_base_con ul li i{width:28px;height:30px;display: inline-block;vertical-align: middle;}
.contact_con .contact_base .contact_base_con ul li b{font-size:18px;}
.contact_con  .line{width:1px;height:100px;background:#ccc;float:left;margin-top:20px;}
.tel1{background:url(../images/tel-1.png) no-repeat center top;background-size:100%;}
.mail1{background:url(../images/mail-1.png) no-repeat center top;background-size:100%;}
.user1{background:url(../images/user-1.png) no-repeat center top;background-size:100%;}
.address1{background:url(../images/address-1.png) no-repeat center top;background-size:100%;}
.qq1{background:url(../images/fxico3-1.png) no-repeat center top;background-size:100%;}
.wx1{background:url(../images/fxico1-1.png) no-repeat center top;background-size:100%;}
.contact_con  .contact_more{clear:both;color:#333;margin-left:50px;margin-top:50px;margin-bottom:50px;}
.contact_con .contact_more ul li{line-height:40px;position:relative;}
.contact_con .contact_more  b{font-size:18px;line-height:50px;}
.contact_con .contact_more ul li i{width:30px;height:30px;display: inline-block;vertical-align: middle;}
.contact_con .contact_more ul li img{display:inline-block;vertical-align:middle;margin-left:10px;position:relative;}
.contact_con .contact_more ul li .contact_more_ewm_h{position:absolute;top:-15px;}
.ab_map{ width:90%;margin:0 auto; height:587px; font-size:12px; border-bottom:#e3dddd 1px solid; border-top:#e3dddd 1px solid; position:relative; z-index:0}
.c_name {display:inline-block;width:150px;}
.c_qq { display: inline-block;width: 220px;}
.c_wx {display: inline-block;width: 250px;}
/*关于我们*/
.tlzfAbTop::before {
    content: '';
    background: url(../images/ico5.png) no-repeat bottom left;
    width: 203px;
    height: 135px;
    position: absolute;
    top: 0;
	background-size:100%;
    
}
.about_con{width:70%;margin:0 auto;line-height:30px;margin-top:30px;}
.about_super{width:80%;margin:0 auto;margin-top:50px;text-align:center;}
.about_super ul li{width:31%;float:left;margin-left:3%;background:#fff;padding-top:40px;height:250px;box-shadow: 0 0 8px 5px rgba(0,0,0,0.08);border-radius:5px;}
.about_super ul li img{width:50px;}
.about_super ul li:first-child{margin-left:0;}
.about_super ul li h3{font-size:24px;margin-top: 10px;}
.about_super_trait{margin-top:20px;text-align:center;}
.about_super_trait  span{display:inline-block;margin-left:10px;color:#8b8989;}
.about_super_trait .check{width:30px;height:30px;display: inline-block;vertical-align: middle;background:url(../images/check.png) no-repeat center top;background-size:100%;}
.banner_about_m{background-image:url(../images/banner_about_m.jpg);background-size:cover;background-position:center;height:400px;position:relative;margin-top:-200px;z-index:-1;padding:100px 50px;}
.banner_about_m h4{color:#fff;font-size:36px;margin-top:100px;margin-bottom:50px;}
.banner_about_m p{color:#fff;line-height:30px;}
.honor_con{width:90%;margin:0 auto;margin-top:50px;text-align:center;}
.honor_con ul li{width:30%; display:inline-block;   margin-right: 1.3%;float:left;border:1px solid #ccc;padding:10px;margin-bottom: 20px;}
.honor_con ul li i{height: 100%;background:#f5f7f8;display:inline-block;overflow: hidden;width: 100%;}
.honor_con ul li i img {width: 90%;margin:10px auto;display: block;transition: all .5s;}
.honor_con ul li i:hover img {transform: scale(1.1);}

/*企业文化*/
.banner_culture {background-image:url(../images/aboutpic1.jpg);background-size:cover;background-position:center;height:200px;}
.culture_left{float:left;width:20%;}
.culture_left h3{font-size:36px;color:#333;}
.culture_right{float:right;width:80%;}
.culture_right::before {
    content: '';
    background: url(../images/ico5.png) no-repeat bottom left;
	background-size:50%;
    width: 203px;
    height: 135px;
    position: absolute;
    top: 0;
    
}
.culture_right::after{
    content: '';
    background: url(../images/ico7.png) no-repeat bottom right;
	background-size:50%;
    width: 203px;
    height: 135px;
    position: absolute;
    bottom: 0;
	right:0;
    
}
.culture_right p{padding: 30px 150px;}
.contact_flow{margin-top:50px;display: inline-block;margin-bottom:50px;}
.contact_flow ul li{float:left;width:15%;text-align: center;}
.contact_flow .deng{ 
    background: url(../images/deng-img.png) no-repeat bottom;width:56px;height:50px;float:left;margin-top:30px;}
.contact_flow ul li i{width:163px;height:163px;display: inline-block;font-size:18px;font-weight:bold;color:#3a76e7;font-style:normal;text-align:center;line-height:163px;}
.contact_flow ul li:first-child i{background:url(../images/flow-yuan-img1.png) no-repeat;background-size: 100%;}
.contact_flow ul li:nth-child(3) i{background:url(../images/flow-yuan-img2.png) no-repeat;background-size: 100%;}
.contact_flow ul li:nth-child(5) i{background:url(../images/flow-yuan-img3.png) no-repeat;background-size: 100%;}
.contact_flow ul li:nth-child(7) i{background:url(../images/flow-yuan-img4.png) no-repeat;background-size: 100%;}
.contact_flow ul li:last-child i{background:url(../images/flow-yuan-img5.png) no-repeat;background-size: 100%;}
.contact_flow ul li p{width:80%;margin:0 auto;}
.banner_culture_m {background-image:url(../images/hhbg.jpg);background-size:cover;background-position:center;height:300px;text-align:center;}
.banner_culture_m  h4{font-size:36px;color:#fff;line-height:50px;text-align:center;}
.banner_culture_m  .blue_div{background:#0081ff;width:5%;height:3px;margin:10px auto 30px;}
.banner_culture_m  p{color:#fff;}

/*人才招聘*/

.banner_recruitment {background-image:url(../images/banner_join.jpg);background-size:cover;background-position:center;height:200px;}
.recruitment_con{margin-top:50px;}
.recruitment_con ul li{float: left;
    width: 43%;
    margin-right: 2%;
    margin-bottom: 20px;
    box-shadow: 0 5px 13px 2px #f3f3f3;
    cursor: pointer;
    padding: 30px;
    color: #333;
    font-size: 16px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

.recruitment_con ul li:nth-child(2n){margin-right:0px;}
.recruitment_con ul li h4{font-size:24px;line-height:50px;}
.recruitment_con ul li p{text-align:left; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.recruitment_con_img {width:70px;height: 70px;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.recruitment_con ul li .img1{background:url(../images/sales.png) no-repeat center top;background-size:100%; }
.recruitment_con ul li .img2{background:url(../images/android.png) no-repeat center top; background-size:100%;}
.recruitment_con ul li .img3{background:url(../images/ios.png) no-repeat center top;background-size:100%; }
.recruitment_con ul li .img4{background:url(../images/asp.png) no-repeat center top;background-size:100%; }
.recruitment_con ul li .img5{background:url(../images/web.png) no-repeat center top; background-size:100%;}
.recruitment_con ul li:hover{background:#409eff;color:#FFFFFF;}
.recruitment_con ul li:hover p{color:#fff;}
.recruitment_con ul li:hover .img1{background:url(../images/sales-1.png) no-repeat center top;background-size:100%;}
.recruitment_con ul li:hover .img2{background:url(../images/android-1.png) no-repeat center top;background-size:100%;}
.recruitment_con ul li:hover .img3{background:url(../images/ios-1.png) no-repeat center top;background-size:100%;}
.recruitment_con ul li:hover .img4{background:url(../images/asp-1.png) no-repeat center top;background-size:100%;}
.recruitment_con ul li:hover .img5{background:url(../images/web-1.png) no-repeat center top;background-size:100%;}

/*解决方案*/
.banner_pay {background-image:url(../images/yshbh1.jpg);background-size:cover;background-position:center;height:200px;}
.logout-news-breadcrumb {background-color:#fff;border-bottom:1px solid #e4e8ee;padding-top:16px;padding-bottom:15px;}
.logout-news-breadcrumb-container {max-width:1200px;margin:0 auto;}
.logout-news-breadcrumb-goback {font-size:14px;color:#8b93a7!important;line-height:20px;}
.logout-news-breadcrumb-goback:hover {color:#108ee9!important;box-sizing:border-box;}
.logout-news-breadcrumb-home {font-size:18px;color:#333!important;line-height:25px;}
.logout-news-breadcrumb-home:hover {color:#108ee9!important;}
.logout-news-breadcrumb-icon-jinru {height:14px;line-height:0;font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;float:left;color:#8b93a7;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.logout-news-list-wrap {width:100%;background:#fff;}
.logout-news-list-container {-max-width:1200px;margin:0 auto;position:relative;}
.logout-news-list-pagination {padding:40px 0 80px;position:absolute;right:0;}
.logout-news-list-layout {float:left;}
.logout-news-list-newsBoxs {min-height:840px;padding-bottom:80px;}
.logout-news-list-newsBoxs:after {content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0;box-sizing:border-box;}
.logout-solution-box {width:100%;height:100%;padding:0 40px;background:rgba(0,0,0,.4);text-align:center;position:relative;-webkit-transition:all .7s;transition:all .7s;display:block;border-radius:4px;overflow:hidden;box-sizing:border-box;}
.logout-solution-box-background {width:30%;height:384px;margin-right:24px;border-radius:4px;float:left;}
.logout-solution-box-background:nth-child(3n+3) {margin-right:0;}
.logout-solution-box-background:nth-child(-n+3):nth-child(n+1) {margin-top:40px}
.logout-solution-box-background:nth-child(-n+6):nth-child(n+4) {margin-top:32px}
.logout-solution-box-icon {width:44px;height:44px;margin:auto;margin-top:135px;-webkit-transition:all .5s;transition:all .5s}
.logout-solution-box-icon img {width:100%;height:100%}
.logout-news-list-layout .logout-solution-box .logout-solution-box-name {font-size:24px;color:#fff;margin-top:24px;line-height:33px;-webkit-transition:all .5s;transition:all .5s}
.logout-solution-box-span {width:24px;height:4px;background:#fff;-webkit-transition:all .5s;transition:all .5s;margin:auto;margin-top:24px}
.logout-solution-box .logout-solution-box-introduce {width:100%;font-size:14px;line-height:24px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-transition:all .5s;transition:all .5s;margin-top:136px}
.logout-solution-box .logout-solution-box-introduce span{color:#fff;line-height:24px;}
.logout-solution-box-href {width:144px;height:40px;padding:9px 18px;border:1px solid #fff;border-radius:2px;text-decoration:none;-webkit-transition:all .5s;transition:all .5s;margin:auto;margin-top:32px;color:#fff}
.logout-solution-box-href span {font-size:16px;line-height:22px}
.logout-solution-box-href .icon-jinru {width:8px;height:22px;line-height:22px;font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;float:right;color:#fff;font-size:16px}
.logout-solution-box-href:hover {background:#fff;color:#108ee9}
.logout-solution-box-href:hover .icon-jinru {color:#108ee9}
.logout-solution-box:hover {cursor:pointer;background:rgba(2,137,255,.8)}
.logout-solution-box:hover .logout-solution-box-icon {margin-top:-44px}
.logout-solution-box:hover .logout-solution-box-name {margin-top:106px}
.logout-solution-box:hover .logout-solution-box-span {margin-top:28px}
.logout-solution-box:hover .logout-solution-box-introduce {margin-top:16px}
.logout-solution-box:hover .logout-solution-box-href {margin-top:32px}
.logout-news-list-layout .bg1{background: url(../images/solution1.jpg) rgb(244, 245, 250);background-size:cover;background-position:center;}
.logout-news-list-layout .bg2{background: url(../images/solution2.jpg) rgb(244, 245, 250);background-size:cover;background-position:center;}
.logout-news-list-layout .bg3{background: url(../images/solution3.jpg) rgb(244, 245, 250);background-size:cover;background-position:center;}
.logout-news-list-layout .bg4{background: url(../images/solution4.jpg) rgb(244, 245, 250);background-size:cover;background-position:center;}
.logout-news-list-layout .bg5{background: url(../images/solution7.jpg) rgb(244, 245, 250);background-size:cover;background-position:center;}
.solution_con{margin-top:50px;}
.solution_con ul li{width:48%;float:left;margin-right:2%;}
.solution_con ul li img{width:100%;}
.solution_con ul li h4{font-size:24px;line-height:50px;margin-top: 30px;}
.solution_con ul li i{width:14px;height:14px;vertical-align:middle;background:url(../images/angle.png) no-repeat;background-size: 100%;display:inline-block;}
.solution_con ul li p{text-align:left;}


.banner_black{width:100%;height:80px;background:#2a5b9e;}
.error{width:340px;margin:0 auto;text-align:left;}
.error .tits {font-size: 20px;line-height: 24px;color: #333;font-weight: bold;}
.error .tit { font-size: 16px; line-height: 32px;color: #aaa;margin-top: 20px;}
.error .tit1 {margin-top: 20px;}
.error .tit1 a{font-size: 14px;line-height: 20px;color: #0081ff;}



.banner_game {background-image:url(../images/game.jpg);background-size:cover;background-position:center;height:200px;}
.blue{display:block;text-align:center;color:#108ee9;margin-bottom:20px;}
.superiority{margin-top:50px;}
.superiority ul li .fr_con{float:left;width:20%;margin-left:10%;text-align:left;padding:20px;padding-left:10%;}
.superiority ul li .vs_con{float:left;width:20%;color:#108ee9;font-weight:bold;}
.superiority ul li .vs_con img{width:100%;  }
.superiority ul li .vs_con .vs{width:150px;}
.fr_edition_table{width:90%;margin:0 auto;}
.fr_edition_table ul li{height:50px;text-align:center;line-height:50px;border-bottom:1px solid #ccc;overflow: hidden;}
.fr_edition_table ul li:last-child{border:0;}
.fr_edition_table .table_head{width:100%;}
.fr_edition_table .table_head h4{text-align:center;font-size:30px;line-height:50px;padding-top:20px;}
.fr_edition_table .title{height:80px;line-height:80px;font-size:18px;}
.fr_edition_table ul li>div{height:100%;}
.fr_edition_table ul li>div img{vertical-align: middle;}
.fr_edition_table ul li .function{width:34%;float:left;background:#fff;}
.fr_edition_table ul li .ultimate{width:22%;float:left;background:#2186d2;color:#fff;}
.fr_edition_table ul li .enterprise{width:22%;float:left;background:#44a6ef;color:#fff;}
.fr_edition_table ul li .personal{width:22%;float:left;background:#70bef7;color:#fff;}
.superiority ul li .other_con{float:left;width:30%;text-align:left;padding-top:20px;}
.superiority ul li .title{line-height:150px;font-weight:bold;font-size:18px;text-align:center;padding-top:0;}
.superiority ul li .title2{line-height:150px;font-weight:bold;font-size:18px;text-align:left;padding-top:0;margin-left:50px;}
.superiority ul li{text-align:center;width:100%;overflow:hidden;min-height:100px;}
.ling{ width: 50px;height:50px; margin:20px auto 10px;transform: rotate(45deg);-ms-transform:rotate(45deg);  overflow: hidden; } .ling > img { max-width: 100%;transform: rotate(-45deg) scale(1.42);-ms-transform:rotate(-45deg);-ms-transform: scale(1.42);  }
.technology{margin-top:30px;}
.technology ul li {
    float: left;
    width: calc(22% - 27px);
    margin-left: 46px;
    padding: 18px 0;
}
.technology ul li .con {
    position: relative;
}
.technology ul li .img  {
    overflow: hidden;
    position: relative;
}
.technology ul li .img img {
    display: block;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transform: scale(1);
    transform: scale(1);
	  max-width: 100%;
}
.technology ul li .txt {
    position: absolute;
    width: 90%;
    padding: 0 5%;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    text-align: center;
    color: #fff;
    line-height: 2.5em;
}
.technology ul li .txt p{color:#fff;line-height:40px;}
.technology ul li .img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.banner_api {background-image:url(../images/api.jpg);background-size:cover;background-position:center;height:200px;}
.api_funtion{width:90%;margin:0 auto;}
.api_funtion li{float: left;width: calc(50% - 20px);margin-top: 40px;}
.api_funtion li:nth-child(2n) {float: right;}
.api_funtion li .con { position: relative;color: #fff;padding: 50px 0 50px;}
.api_funtion li .whbfb {background: #000000; opacity: 0.6;position: absolute; top: 0; left: 0;width: 100%;height: 100%;}
.api_funtion li:hover .whbfb{background: #0081FF; opacity: 0.8;}
.api_funtion li .con .txt{position: relative; z-index: 3; padding: 10px 5%;text-align:left;}
.api_funtion li .con .txt h3{padding-bottom: 0.8em; margin-bottom: 1em; position: relative;color: #fff!important;text-align:left;font-size:24px;}
.api_funtion li .con .txt h3:before{content: ''; position: absolute; bottom: 0; left: 0; width: 1.5em; height: 2px; background: #0081ff;}
.api_funtion li:hover .con .txt h3:before{background:#39b54a;}
.api_funtion li .con .txt p{height: 3.6em; line-height: 1.8em;color: #fff!important;text-align:left;font-size:16px;}
.trgnqh{border-bottom: 1px solid #D0D0D0;}
.trgnqh a{float: left; width: 50%; text-align: center; padding-bottom: 1.5em; border-bottom: 2px solid transparent;}
.trgnqh a.cur{border-bottom-color:#0081FF;}
.trgnqh a img{display: inline-block; vertical-align: middle;}
.trgnqh a span{font-size:24px;display: inline-block; vertical-align: middle; padding-left: 0.6em; color: #000000; font-weight: bold;}
.trlbqh{padding-top: 4%;}
.trlbqh .con{display: none;}
.w40{width:40%;margin:0 auto;overflow:hidden;}
.api_function_det{width:90%;margin:50px auto;}
.api_function_det ul li{width:20%;float:left;text-align:center;margin-left:6.66%;height:250px;margin-bottom:20px;}
.api_function_det ul li:first-child{margin-left:0;}
.api_function_det ul li:nth-child(5){margin-left:0;}
.api_function_det ul li img{width:50px;}
.api_function_det ul li h4{font-size:24px;line-height:50px;}
.api_function_det ul li p{font-size:14px;text-align: left;}

.white_content {
    display: none;
    position: fixed;
    top: 10%;
    left: 20%;
    width: 60%;
    height: 65%;
    border: 1px solid #c3c2bf;
    background-color: white;
    overflow: auto;
    z-index: 999999;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .white_content .close {
        -position: fixed;
        display: block;
        background: #009aff;
        height: 50px;
        width: 100%;
        text-align: center;
        color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .white_content .close .close_tit {
            font-size: 16px;
            text-align: center;
            display: inline-block;
            line-height: 50px;
            color: #fff;
            margin: 0;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            float: left;
            width: 95%;
        }

        .white_content .close .close_btn {
            font-size: 16px;
            float: right;
            position: relative;
            right: 10px;
            color: #fff;
            line-height: 50px;
            cursor: pointer;
        }

.flex-wrap2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex-vertical2 {
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
}
.white_content #wrap {
    height: 100%;
}
.SPoint {
cursor:pointer;
}
@media screen and (max-width:1650px) {
	.head .nav ul li .yj{padding: 0 10px; background-size: calc(2em + 48px) !important; background-size: -moz-calc(2em + 48px) !important;background-size: -webkit-calc(2em + 48px) !important;}
	.head .nav{margin-left:1%;}
	
}
@media screen and (max-width:1520px) {
	.head .nav{float: right; margin-left:0; margin-right: 40px;}
	.head .right .yuyss{margin-left: 40px;}
}

@media only screen and (min-width: 1370px) and (max-width:1520px){
    .head{height: 70px;}
	.head .nav ul li .yj{line-height: 40px;}
	.head .logo{padding:20px 0;}
	.head .right{padding: 20px 0 0;}
    .head .nav{padding: 20px 0 0;}
    .frproducts_tag ul li{width:20%;}
	.head .nav ul li .erj {top:40px;}
}
@media screen and (max-width:1370px) {
	.head .right{padding:5px 0;}
	.head .right .dh a{font-size: 0; display: block; height: 30px; width: 30px; border-radius: 50%; border: 2px solid #fff;}
	.scl .right .dh a{border: 2px solid #0081ff;}
	.head .right .dh a img{margin: 8px auto; display: block;}
	.head .right .dh a span{display: none;}
	.head .right .yuyss{display:none;}
	
	.head .right .yuyss a{width: 30px; height: 30px; line-height: 30px;border: 2px solid #0081FF; color: #0081FF;}
	.head .nav .nav-m{display:block;}
    .head .nav .nav-m img{display:inline-block;vertical-align: middle;}
    .head .nav .nav-m a{display:inline-block!important;}
	
	/*.head .right .yuyss a:last-child{background: url(../images/ssico2.png) no-repeat center;}*/
	.head .right .yuyss a img{opacity: 0;}
	.head .right .yuyss{margin-left: 10px;}
	.head .navlin{ width: 22px; height: 20px; margin-right: 0px; margin-top: 8px; display: block; }
	.head .navlin span{display: block; width: 100%; height: 2px; background: #fff; position: relative; transition:.3s; -webkit-transition:.3s;}
	.head .navlin span:nth-child(2),.head .navlin span:nth-child(3){margin-top: 5px;}
	.head .navlin.cur span:nth-child(3){display: none;}
	.head .navlin.cur span:nth-child(1){transform:rotate(45deg); -webkit-transform:rotate(45deg); top: 7px;}
	.head .navlin.cur span:nth-child(2){transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top: 0px;}
	.navs{position: fixed; top: 69px; left: 100%; background: rgba(0,0,0,0.8); height: calc(100% - 59px);height: -moz-calc(100% - 59px);height: -webkit-calc(100% - 59px); width: 100%;}
	.nav .navs ul{position: absolute; top: 0px; left: 25%; width: 75%; height: calc(100% - 20px);height: -moz-calc(100% - 20px);height: -webkit-calc(100% - 20px); padding: 10px 0; background: #fff;overflow-y: auto;}
	.nav .navs ul li{line-height: 40px; width: 80%; padding: 0 10%;}
	.head .nav ul li a:before{height: 2px; display: none;}
	.head .logo{width: 140px; padding: 2px;}
	.head{padding: 12px 0;}
	.head .nav{margin-right: 15px;padding: 5px 0;}
	.head .nav ul li{padding-bottom: 10px;}
	.head .nav ul li .erj{display: block!important;transform:none; width: 100%; position: relative; left: 0; top: 0; text-align: left; border: 0; padding: 0; padding-left: 10px;}
	.head .nav ul li .erj a{display: inline-block; line-height: 30px;}
	.head .nav ul li .yj,.head .nav ul li span.yj{line-height: 34px; color: #666; background: none !important; padding: 0;}
	.head .nav ul li .erj .w1200 dl{width: 100%;margin-top: 10px;line-height: 1.5;}
	.banner{height:350px;}
	.banner-txt{width:80%;}
	.banner-txt h3 {font-size: 36px;line-height: 50px;margin-bottom:20px;}
	.banner-txt h5 { font-size: 14px;line-height:24px;}
	.banner-txt h4{font-size:18px;font-weight:100;margin-bottom:20px;}
    .banner-txt h4 img{display:inline-block;vertical-align:middle;padding-right:10px;width:24px;}
    .frhome{width:90%;margin:0 auto;}
        .frproducts_tag ul li {
            width: 25%;
        }
    .frnews {width:90%;margin:0 auto;}
    .frnews .news_con{width:47%;margin-bottom:20px;}
    .frnews .news_con .news_con_tit h4{font-size:24px;line-height: 50px;}
	.contact_con  .contact_base_con{width:28%;}
   .honor_con ul li{width:29%; }
   .contact_flow ul li{width:15%;height:230px;}
   .contact_flow .deng{ background-size:70%;}
.logout-solution-box:hover .logout-solution-box-name {margin-top:36px}
.logout-solution-box {padding:0 20px;}
.superiority ul li .fr_con{width:30%;margin-left:5%;padding-left:0;}
.superiority ul li .other_con{width:30%;}
.superiority ul li .title2{margin-left:0;text-align:center;}
 .api_funtion li .con .txt p{font-size:14px;}
 .api_funtion li .con .txt h3{font-size:20px;}
   
}
@media screen and (min-width:800px)and (max-width:1370px) 
{.frproducts ul li{width:32%;}
 .frprodcts_more ul li{width:32%!important;}
 .head .nav ul li .erj{display: block!important;}
.contact_con  .contact_base_con{width:25%;}
.honor_con ul li{width:25%;float:none; }
 .contact_flow ul li{width:28%;}
 .contact_flow .deng{ background-size:100%;}
 .recruitment_con ul li{width:40%;}
 .w40{width:60%;}
 .w80{width:100%;}
 .technology ul li{width: calc(26.33% - 9px);}
.api_function_det ul li{width:30%;margin-left:5%;margin-bottom:20px;}
.api_function_det ul li:nth-child(5){margin-left:3%;}
.api_function_det ul li:nth-child(4){margin-left:0;}
.api_function_det ul li:nth-child(7){margin-left:0;}
}
@media screen and (max-width:800px) 
{html { overflow-x: hidden;}
.ptb80 {padding: 30px 0 30px;}
.ptb50 {padding: 10px 0 0;}
.ptb20{padding: 0 0 30px;}
.frhome{width:100%;}
.frproducts ul li{width:90%;    margin: 0 auto;margin-bottom:10px;float:none;}
.frprodcts_more{display:none;}
.frhometit h3 {font-size: 28px;margin-top: 30px;width:90%;margin:0 auto;margin-top: 30px;}
.frhometit .about_super h3{margin-top:0;}

.frhometit h4 {font-size: 20px;margin-top: 30px;width:90%;margin:0 auto;margin-top: 30px;}
.frhometit .about_super h4{margin-top:0;}

.frhometit p{width:90%;margin:0 auto;}
.frproducts ul li:last-child { margin-right:auto;}

.frproducts ul li h3{font-size:24px}
.frproducts_tag{width:90%;margin:0 auto;}
.frproducts_tag ul li{width:30%;margin-right:2%;border:1px solid #ccc;text-align:center;padding:5px 0;height:30px;line-height:30px;}
.frproducts_tag ul li .frproducts_tag_ico{display:none;}
.frproducts_tag ul li .frproducts_tag_txt span{display:none;}
.frproducts_tag ul li .frproducts_tag_txt{float:none;margin-left:0;}
.frproducts_tag ul li .frproducts_tag_txt h4{line-height:30px;font-size: 14px;}
.frproducts ul li img{width:60px;}
.frnews .news_con ul li .news_tit{width:100%;height: 30px;}
.frnews .news_con ul li .news_date{float:left;line-height:24px;font-size:12px;text-align:left;margin-left:10px;}
.frnews .news_con{width:90%;margin:20px auto;margin-left:auto;float:none;}
.frnews .news_con:last-child{margin-right:auto;}
.frbank ul li {width:120px;margin:0 15px;margin-bottom: 30px;}
.footer .foot_left{width:90%;}
.footer .foot_nav{width:100%;margin-top:20px;}
.footer .foot_contact{width:100%;}
.footer .foot_tag{line-height:30px;margin-bottom:10px;}
.footer .foot_tag .foot_tag_link { margin-bottom: 10px;}
.footer .foot_tit {width: 100%;}
.footer .foot_right .foot_ewm {padding-top: 20px;text-align:center;}
.footer .foot_right{width:100%;}
.footer .foot_contact .br{display:block;margin-left:30px;}
.footer .foot_copyright .center{text-align:left;}
.banner_news {height:100px;}
.banner_contact {height:100px;}
.banner_culture {height:100px;}
.banner_recruitment{height:100px;}
.banner_pay {height:100px;}
.banner_game{height:100px;}
.banner_api{height:100px;}
.banner_black {height:70px;}
.news_list{width:90%;margin:0 auto;margin-top:20px;}
.news_list ul li{height:60px;line-height:30px;}
.news_list ul li .news_list_tit{width:100%;}
.news_list ul li .news_list_date{width:100%;float:left;text-align:left;font-size:12px;color:#8b8989;margin-left:10px;}
.pages{display:none;}
.pages_m{display:block;width:100%;height:50px;text-align:center;margin:20px 0;}
.pages_m li{float:left;width:50%;}
.pages_m a{font-weight:bold;line-height:50px;font-size:16px;color:#0081ff;border:1px solid #0081ff;;padding:5px 10px;margin-right:10px;}
.pages_m .unclick{border:1px solid #CCC;color:#ccc;}

.news_related .news_related_list{width:100%;}
.news_related_list ul li .news_tit{width:100%;height: 30px;}
.news_related_list ul li .news_date{float:left;width:100%;text-align:left;font-size:12px;}
.footer .foot_right .foot_ewm p {margin-left: 0px;}
.contact_more ul li .br{display:block;margin-top:0;}
.contact_con  .contact_base_con{width:100%;}
.line{display:none;}
.contact_con .contact_base .contact_base_con {margin-left:20px;width: 90%;}
.contact_con .contact_more {margin-left:20px;}
.contact_con .contact_base .contact_base_con ul li b {font-size: 16px;}
.contact_con .contact_more b {font-size: 16px;}
.ab_map{ width:90%; height:307px;margin:0 auto;}
.about_con { width: 80%;}
.about_super ul li{width:100%;margin-bottom:20px;margin-left:0;height:180px;}
.about_super ul li h3{font-size:20px;}
.about_super ul li img {width: 30px;}
.about_super_trait {margin-top: 10px;}
.banner_about_m{height:600px;margin-top:-100px;    padding: 50px 50px;}
 .banner_about_m h4{font-size:24px;margin-top:30px;margin-bottom:30px;}
 .w80{width:100%;}
 .honor_con ul li{width:95%; }
 .culture_left{width:100%;text-align:center;}
 .culture_left h3{font-size:28px;}
 .culture_right{width:100%;}
 .culture_right p {padding: 30px 30px;}
 .contact_flow ul li{width:100px;}
 .contact_flow ul li i{width:100px;height:100px;width:100%;line-height:100px;font-size:16px;}
.contact_flow ul li {height: 200px;}
 .contact_flow .deng{ background-size:100%;width:30px;margin-top:0;}
 .contact_flow ul li p{width:95%;}
 .banner_culture_m  h4{font-size:28px;line-height:30px;}
 .banner_culture_m .blue_div{width:10%;margin:10px auto 10px;}
 .banner_culture_m {height:150px;}
 .recruitment_con_img {width:50px;height: 50px;}
  .recruitment_con ul li{width:80%;margin-right:0;margin:0 auto;float:none;margin-bottom:10px;}
  .recruitment_con ul li:nth-child(2n) {
    margin-right: auto;
}
.recruitment_con ul li h4{font-size:20px;}
.logout-solution-box-background {width:100%;height:350px;}
.logout-solution-box-icon {margin-top: 35px;}  
.logout-solution-box .logout-solution-box-introduce {margin-top: 26px;}

.solution_con ul li{width:90%;margin:0 auto;float:none;margin-bottom:20px;}
.solution_con ul li h4{font-size:18px;margin-top:0;} 
.error_img{width:100%;}
.tlzfAbTop::before { width: 130px;height: 90px;}
.logout-solution-box-span{margin-top:10px;}
.contact_con .contact_more ul li .contact_more_ewm_h {
        position: absolute;
        top: -10px;
        right: 10px;
    }
.superiority {margin-top: 20px;}
.superiority ul li .title{line-height:80px;}
.superiority ul li .title2{line-height:80px;}
.superiority ul li .other_con{padding-left:5%;}
.superiority ul li .vs_con .vs {
    width: 80px;
}
.technology ul li{width: 42%;margin-left:5%;line-height:20px;}

.technology ul li .txt p{line-height:20px;height:40px;padding:10px 0;width:100%;}
.fr_edition_table ul li{height:auto;line-height:30px;}
.fr_edition_table ul li img{width:20%;}
.fr_edition_table .table_head h4{font-size:24px;}
.fr_edition_table ul .title .function{line-height: 80px;}
.fr_edition_table ul li .function{width:38%;padding-left:1%;padding-right:1%;line-height:24px;}
.fr_edition_table ul li .ultimate{width:20%;}
.fr_edition_table ul li .enterprise{width:20%;}
.fr_edition_table ul li .personal{width:20%;}
.fr_edition_table ul li>div {
    display: inline-block;
    padding-bottom: 800px;
    margin-bottom: -800px;
}
.api_funtion li{width:100%;margin-top:10px;}
 .api_funtion li .con .txt h3{font-size:16px;}
 .api_funtion li .con { padding: 0px 0 100px;}
 .api_function_det ul li{width:48%;margin-left:4%;margin-bottom:20px;}
.api_function_det ul li:nth-child(2n-1){margin-left:0;}
.w40{width:90%;}
.trgnqh a img{display:none;}
.trgnqh a span{font-size:16px;}
.api_function_det ul li{height:200px;}
.api_function_det ul li img {width: 30px;}
.api_function_det ul li h4 {font-size: 16px; line-height: 30px;}
.api_function_det ul li p{line-height:20px;}
}
.animation{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;}
.animation.srcospcur{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}


@keyframes wraptopscl {
	0% { 
		-webkit-transform: translate(0,-100%);
		transform: translate(0,-100%);

	}
	100% { 
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

.scl{background:#fff;-webkit-animation: wraptopscl .5s; animation: wraptopscl .5s;box-shadow: 0 10px 18px rgba(0,0,0,0.08);}
.scl-m{background: #0081ff!important;}
.scrolltop{width:40px;height:40px;background:#009aff;position:fixed;bottom:50px;right:0px;}
.scrolltop img{width:100%;}
.scrolltop:hover{background:#1da2f9;}