*{margin:0;padding:0;}
body{font-size:14px;font-family:"Microsoft YaHei",sans-serif;}
h1,h2,h3,h4,h5,h6,p,em{padding:0; margin:0;}
ol,ul{margin:0;}
ol li,ul li{list-style:none;}
a{ text-decoration:none;}
img{height:auto;max-width:100%;}
.mt-15{margin-top:15px!important;}
.mt-30{margin-top:30px!important;}
.mt-50{margin-top:50px!important;}
.mt-70{margin-top:70px!important;}
.mt-100{margin-top:100px!important;}
.mb-15{margin-bottom:15px!important;}
.mb-30{margin-bottom:30px!important;}
.mb-50{margin-bottom:50px!important;}
.mb-70{margin-bottom:70px!important;}
.mb-100{margin-bottom:100px!important;}
.ml-15{margin-left:15px!important;}
.ml-30{margin-left:30px!important;}
.ml-50{margin-left:50px!important;}
.mr-15{margin-right:15px!important;}
.mr-30{margin-right:30px!important;}
.mr-50{margin-right:50px!important;}
.pb-70{padding-bottom:70px!important;}

.header-area{position:relative;z-index:1000;width:100%;}
.header-area .top-header-area{position:relative;z-index:1;width:100%;height:90px;}
.header-area .top-header-area .top{ width:100%;}
.header-area .top-header-area .logo{width:18%; float:left; padding-top:18px;}
.header-area .top-header-area .logo img{width:95%; float:left;}
.header-area .top-header-area .logo-txt p{width:40%; float:left; padding-left:10px;line-height:90px; font-size:20px;color:#666;}
.header-area .top-header-area .tel{width:20%; float:right; height:40px; margin-top:25px;}
.header-area .top-header-area .tel .phone{width:23%;float:left;height:40px;background: url(../img/iphone.png) no-repeat;}
.header-area .top-header-area .tel h3{width:74%; float:left; font-size:14px; color:#999999; font-weight:500; padding:0; margin:0; line-height:16px;}
.header-area .top-header-area .tel p{width:74%; float:left;padding:0; margin:0;line-height:28px;}
.header-area .top-header-area .tel p a{ font-size:24px;color:#de1620;}

.header-area .egames-main-menu{position:relative;width:100%;height:48px;border-bottom:2px red solid;box-shadow:0 0 2px rgba(0,0,0,.2);}
.header-area .egames-main-menu .classy-navbar{padding:0;height:46px;padding-top:15px;}
.header-area .egames-main-menu .classy-navbar .nav-brand{margin-right:30px;max-width:160px;}
.header-area .egames-main-menu .classy-navbar .classynav ul li a{padding:0 34px; margin-top:0px;color:#666;text-transform:capitalize;font-weight:500;font-size:16px;}
.header-area .egames-main-menu .classy-navbar .classynav ul li a:focus,.header-area .egames-main-menu .classy-navbar .classynav ul li a:hover{color:#de1620;}
.header-area .egames-main-menu .classy-navbar .classynav ul li a.on{color:#de1620; font-weight:600;}
.header-area .egames-main-menu .classy-navbar .classynav>ul>li:first-child a{padding-left:0;}
.header-area .egames-main-menu .classy-navbar .classynav ul li ul li a{padding:0 20px;margin-top:0px;color:#404040;font-size:14px;line-height:34px;}
.header-area .egames-main-menu .top-social-info a{display:inline-block;margin-left:30px;color:#545454;font-size:14px; padding-bottom:16px;}


.hc-tj{ width:100%; float:left;background:#f5f5f5; padding:15px 0;}
.hc-tj ul{overflow:hidden;}
.hc-tj li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:20px 0 10px 0;width:33%;border-right:1px solid #d7d7d7;text-align:center;-o-box-sizing:border-box;}
.hc-tj li:last-child{border-right:none;}
.hc-tj li h3{color:#de1620;font-size:50px;font-family:tahoma;line-height:22px;}
.hc-tj li h3 sup{position:relative;top:-20px;left:5px;font-size:20px;}
.hc-tj li p{padding-top:15px;color:#444;font-size:15px;line-height:18px;}

.hc-tit{text-align:center; margin-bottom:25px;}
.hc-tit h2{color:#222;font-size:22px;font-weight:600; line-height:16px;}
.hc-tit p{color:#666;text-transform:uppercase;font-size:14px;line-height:26px;}
.hc-tit span{display:block;margin:12px auto 0;width:30px;height:3px;background-color:#de1620;}

.about{width:100%; float:left;background:#fff; padding:30px 0;}
.about-left{ width:48%;float:left;}
.about-left iframe{ width:100%; height:320px; padding:0; margin:0;}
.about-right{ width:48%;float:right;}
.about-right h3{ font-size:22px; margin-bottom:10px; margin-top:10px;font-weight:600;}
.about-right em{ font-size:16px; font-style:normal; margin-right:10px;}
.about-right p{ font-size:14px;margin-top:15px;margin-bottom:15px; line-height:22px;color:#666; text-indent:2em;}
.about-right .more{display:block;margin-top:15px;width:120px;height:36px;border:1px solid #DE1620;color:#DE1620;text-align:center;font-size:14px;line-height:36px;border-radius:5px;}
.about-right .more:hover{background:#DE1620;color:#FFF; text-decoration:none;}

.hc-ys{width:100%; float:left;background:#fff; padding:30px 0;}
.hc-ys ul{width:100%; float:left;}
.hc-ys li{position:relative;float:left;margin:0 15px 20px 15px;width:30.6%;height:320px;background:#f5f5f5;}
.hc-ys li a:hover{box-shadow:0 0 20px rgba(0,0,0,.1);}
.hc-ys li a{ text-decoration:none;position:relative;z-index:11;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px;height:100%;-o-box-sizing:border-box;}
.hc-ys li:after{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:block;border-top:1px solid #de1620;border-bottom:1px solid #de1620;content:"";opacity:0;transition:all .3s;transform:scale(0,1);}
.hc-ys li:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:block;border-right:1px solid #de1620;border-left:1px solid #de1620;content:"";opacity:0;transition:all .3s;transform:scale(1,0);}
.hc-ys li:hover:after{opacity:1;transform:scale(1);}
.hc-ys li:hover:before{opacity:1;transform:scale(1);}
.hc-ys li .ico{margin:0 auto;width:90px;height:90px;}
.hc-ys li .ico img{position:relative;top:0;display:block;width:100%;height:100%;transition:all .3s;}
.hc-ys li:hover .ico img{position:relative;top:-3px;}
.hc-ys li h3{margin-top:8px;color:#0f0f12;text-align:center;font-size:22px;line-height:56px;}
.hc-ys li span{display:block;margin:0 auto;width:20px;height:2px;background:#de1620;}
.hc-ys li p{margin-top:20px;color:#666;font-size:15px;line-height:22px; font-weight:300;}


.hc-kc{width:100%; float:left;background:#fff;overflow:hidden; padding:50px 5px;background:url(../img/h-bg.jpg) no-repeat center;}
.hc-kc .a-slide{float:left;width:600px;}
.hc-kc .a-slide .tab-content{ height:330px;}
.hc-kc .a-slide .tab-content h4{color:#444;font-size:30px;line-height:20px;}
.hc-kc .a-slide .tab-content h2{color:#0f0f12;font-weight:700;font-size:50px;line-height:80px;}
.hc-kc .a-slide .tab-content p{color:#444;font-size:16px;line-height:24px; margin-bottom:5px;}
.hc-kc .a-slide .tab-content .btn{display:block;margin-top:20px;width:140px;height:40px;border:1px solid #DE1620;color:#DE1620;text-align:center;font-size:14px;line-height:28px;}
.hc-kc .a-slide .tab-content .btn:hover{background:#DE1620;color:#FFF;}
.hc-kc .a-slide .nav{ margin-top:0px; border:0;}
.hc-kc .a-slide .nav-tabs{width:600px; height:65px;margin:0 auto;}
.hc-kc .a-slide .nav-tabs li{width:110px; float:left;}
.hc-kc .a-slide .nav-tabs li a{position:relative;float:left;margin-right:20px;padding-top:10px;width:70px;height:65px;background:#444;color:#FFF;text-align:center;font-size:16px;line-height:24px;cursor:pointer;}
.hc-kc .a-slide .nav-tabs li a.active{background:#DE1620;color: #FFFFFF;border:1px solid #DE1620; text-decoration:none;}

.hc-kc .shipin{width:420px; height:240px;margin-bottom:15px;}
.hc-kc .a-sign .yingshi-n{ width:100%; margin:0 auto;overflow:hidden;}
.hc-kc .a-sign .yingshi-n ul{ float:left;width:100%; margin-top:0px; margin-bottom:0px;}
.hc-kc .a-sign .yingshi-n ul li{ width:420px; padding:0px;float:left;color:#fff;}
.hc-kc .a-sign .yingshi-pic { width:420px; height:240px;background:#aaa; margin-bottom:20px;}
.hc-kc .a-sign .yingshi-pic img{ width:420px; height:240px;}
.hc-kc .a-sign .yingshi-title{font-size:16px; line-height:40px; text-align:center;}
.hc-kc .a-sign .yingshi-type{font-size:13px; text-align:center;}
.hc-kc .a-sign .yingshi-title a{color:#fff;}
.hc-kc .a-sign .yingshi-title a:hover{color:#fff; text-decoration:underline;}
.hc-kc .a-sign .yingshi-n ul li{position:relative;overflow:hidden;height: auto;}
.hc-kc .a-sign .yingshi-n ul li > a{display:block;}

.hc-kc .a-sign .yingshi-n ul li .link-overlay{width:420px; height:240px;position: absolute;top:0px;left:0px;bottom: 0;right: 0;background: rgba(20,22,23,0.2);text-decoration:none;}
.hc-kc .a-sign .yingshi-n ul li .link-overlay:before{display: block;width: 40px;height: 40px;position: absolute;top:50%;left: 50%;margin: -20px 0 0 -18px;border-radius: 50%;background: transparent;text-align: center;font: 14px/40px 'FontAwesome';transform: scale(0.8);opacity: 0;box-shadow: 0px 0px 0px 2px rgba(255,255,255,.75);color:#fff;-webkit-transform: scale(1);transform: scale(1);opacity: 1;text-decoration:none;}
.hc-kc .a-sign .yingshi-n ul li .yingshi-pic:hover .link-overlay{background: rgba(0,0,0,0);-webkit-transition: background-color 0.2s ease;transition: background-color 0.2s ease;}
.hc-kc .a-sign .yingshi-n ul li .yingshi-pic:hover .link-overlay:before{-webkit-transition: opacity 0.2s ease;transition: opacity 0.2s ease;text-decoration:none;}


.hc-kc .a-sign{float:right;padding:0px 20px;width:450px;height:400px;}
.hc-kc .a-sign h2{color:#222;font-size:20px;line-height:40px;text-align: center;}
.hc-kc .a-sign ul{margin-top:8px;}
.hc-kc .a-sign li{margin-bottom:10px;width: 50%;float: left;}
.hc-kc .a-sign input.t1:focus{border:1px solid #DE1620;}
.hc-kc .a-sign li .t1{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:25px;width:190px;height:42px;border:1px solid #eee;background:#fff;/*background:url(../img/h-ico2.png) no-repeat 12px center;*/color:#999;font-size:14px;line-height:42px;-o-box-sizing:border-box;}
.hc-kc .a-sign li .t2{background:0 0;}
.hc-kc .a-sign li h3{padding-left:10px;color:#DE1620;font-size:14px;line-height:40px;}
.hc-kc .a-sign li .btn{width:190px;height:42px;border:none;background:#DE1620;color:#FFF;text-align:center;font-size:16px;line-height:32px;cursor:pointer;transition:all .3s; margin-top:0px;}
.hc-kc .a-sign li .btn:hover{background:#c7101a;}
.hc-kc .a-sign .zxkc{ width:100%; float:left; margin-top:15px;}
.hc-kc .a-sign .zxkc h3{font-size:14px; font-weight:600;}
.hc-kc .a-sign .zxkc p{width:100%; float:left; line-height:20px; padding:0; margin-bottom:5px; text-indent:2px; color:#DE1620;}
.hc-kc .a-sign .zxkc p span{ margin-right:10px;}
.hc-kc .a-sign .zxkc p em{ font-style:normal;}

.hc-al{width:100%; float:left;background:#fff; padding:30px 0;}
.hc-al .hc-tit{ margin-bottom:10px;}
.hc-al img{display:block;transition:all .4s;}
.hc-al li:hover img{transform:scale(1.1);}
.hc-al .case-l{ width:50%; float:left;}
.hc-al .case-r{ width:50%; float:right;}
.hc-al .case-d{ width:100%; float:left; margin-top:10px;}
.hc-al .i1{ width:45%; float:left; margin-left:15px; margin-top:15px;}
.hc-al .i2{ width:92.5%; float:left;margin-top:15px;margin-left:15px;}
.hc-al li a{display:block;overflow:hidden;}
.hc-al .btn{display:block;margin:20px auto 0;width:142px;height:42px;background:#DE1620;color:#FFF;text-align:center;font-size:14px;line-height:30px;}
.hc-al .btn:hover{border:1px solid #DE1620;color:#DE1620; background:#FFFFFF;}

.hc-ds{width:100%; float:left;background:#fff; padding:30px 0;}
.hc-ds .tab-w{width:100%;float:left;}
.hc-ds .tab-w .tab-content {margin-bottom:35px;float:left;}
.hc-ds .tab-w .tab-content .img{width:38%;height:100%;overflow: hidden;float: left;margin-top:0px;}
.hc-ds .tab-w .tab-content img{display: block;width: 100%;height: 100%;}
.hc-ds .tab-w .tab-content .txt{width:58%;padding-top:0px;float: right;}
.hc-ds .tab-w .tab-content .txt h2{color: #222222;font-size:26px;line-height:54px;}
.hc-ds .tab-w .tab-content .txt h2 span{color: #222222;font-size: 16px;padding-left: 16px;}
.hc-ds .tab-w .tab-content .txt p{color: #666666;font-size: 14px;line-height: 30px;margin-bottom: 20px;}
.hc-ds .tab-w .tab-content .txt h6{color: #666666;font-size: 14px;line-height: 30px;margin-bottom: 20px;}
.hc-ds .tab-w .nav{ margin-top:0px; border:0;}
.hc-ds .tab-w .nav-tabs{width:440px; height:42px;margin:0 auto;}
.hc-ds .tab-w .nav-tabs li{width:110px; float:left;}
.hc-ds .tab-w .nav-tabs li a{color:#666666;width:110px;height:42px;line-height: 42px;border:1px solid #e7e7e7;border-radius:21px; padding:8px 20px;text-decoration:none;}
.hc-ds .tab-w .nav-tabs li a.active{background:#DE1620;color: #FFFFFF;border: 1px solid #DE1620; text-decoration:none;}

.hc-bg img{width:100%;float:left;}

.hc-ld{width:100%; float:left;background:#fff;padding:30px 0;}
.hc-ld .case-d{ width:100%; float:left; margin-top:10px;}
.hc-ld .btn{display:block;margin:20px auto 0;width:142px;height:42px;background:#DE1620;color:#FFF;text-align:center;font-size:14px;line-height:30px;}
.hc-ld .btn:hover{border:1px solid #DE1620;color:#DE1620; background:#FFFFFF;}
.hc-ld-l{ float:left; width:49.35%;position:relative;}
.hc-ld-l img{ width:100%;}
.hc-ld-l span{ float:left; left:0px; bottom:0px;position:absolute;width:100%; height:42px; line-height:40px; background:#000;filter: alpha(opacity=65); -moz-opacity: 0.65;-khtml-opacity: 0.65;opacity: 0.65; text-align:center;font-size:13px;color:#fff;overflow:hidden;}
.hc-ld-r{float:right;width:49%;}
.hc-ld-r ul{width:100%; float:left; margin-left:15px;}
.hc-ld-r ul li{ float:left; width:47%; margin:0px 15px 15px 0px;position:relative;}
.hc-ld-r ul li img{ width:100%;}
.hc-ld-r ul li span{float:left; left:0px; bottom:0px;position:absolute; width:100%; height:32px; line-height:32px; background:#000;filter: alpha(opacity=65); -moz-opacity: 0.65;-khtml-opacity: 0.65;opacity: 0.65; text-align:center; font-size:13px;color:#fff;overflow:hidden;}



.hc-wt{width:100%; float:left;background:#fff;overflow:hidden; padding:20px 5px 20px 5px;background:url(../img/h-bg.jpg) no-repeat center;}
.hc-wt .a-slide{float:left;width:700px;}
.hc-wt .bds .txt{position:relative;float:left;margin-top:20px;padding-bottom:13px;width:100%;/*background:#FFF;*/}
.hc-wt .bds h2{color:#333;font-size:28px; margin-bottom:15px;}
.hc-wt .bds p{color:#333;font-size:14px;line-height:22px;}
.hc-wt .bds dl{float:left;margin-left:5px;padding-top:20px;}
.hc-wt .bds dt{margin-bottom:8px;color:#333;font-size:18px;line-height:46px;}
.hc-wt .bds dd{float:left;margin-bottom:8px;width:330px;}
.hc-wt .bds dd h3{float:left;margin-right:10px;width:28px;height:28px;border-radius:50%;background:#DE1620;color:#FFF;text-align:center;font-size:14px;line-height:28px;}
.hc-wt .bds dd p{color:#333;font-size:16px;line-height:28px;}

.hc-wt .a-sign{float:right;padding:30px 30px;width:350px;height:410px;background:#FFF;}
.hc-wt .a-sign h2{color:#222;font-size:24px;line-height:40px;}
.hc-wt .a-sign ul{margin-top:8px;}
.hc-wt .a-sign li{margin-bottom:10px;}
.hc-wt .a-sign input.t1:focus{border:1px solid #DE1620;}
.hc-wt .a-sign li .t1{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:25px;width:290px;height:42px;border:1px solid #eee;background:#f9f9f9;background:url(../img/h-ico2.png) no-repeat 12px center;color:#999;font-size:14px;line-height:42px;-o-box-sizing:border-box;}
.hc-wt .a-sign li .t2{background:0 0;}
.hc-wt .a-sign li h3{padding-left:10px;color:#DE1620;font-size:14px;line-height:40px;}
.hc-wt .a-sign li .btn{width:290px;height:42px;border:none;background:#DE1620;color:#FFF;text-align:center;font-size:16px;line-height:32px;cursor:pointer;transition:all .3s; margin-top:10px;}
.hc-wt .a-sign li .btn:hover{background:#c7101a;}
.hc-wt .a-sign .zxkc{ width:100%; float:left; margin-top:15px;}
.hc-wt .a-sign .zxkc h3{font-size:14px; font-weight:600;}
.hc-wt .a-sign .zxkc p{width:100%; float:left; line-height:20px; padding:0; margin-bottom:5px; text-indent:2px; color:#DE1620;}
.hc-wt .a-sign .zxkc p span{ margin-right:10px;}
.hc-wt .a-sign .zxkc p em{ font-style:normal;}


.hc-news{width:100%; float:left;background:#fff;overflow:hidden; padding:30px 5px 20px 5px;}
.hc-news-l{width:65%; float:left;}
.hc-news-r{width:31%; float:right;}
.hc-news .nav{ margin-top:0px; border:0;}
.hc-news .nav-tabs{overflow:hidden;height:46px;background:#f1f1f1;}
.hc-news .nav-tabs li{width:110px; float:left;}
.hc-news .nav-tabs li a{color:#666666;width:110px;height:42px;line-height: 46px;padding:8px 20px;text-decoration:none;font-size:16px;}
.hc-news .nav-tabs li a.active{background:#DE1620;color: #FFFFFF;border: 1px solid #DE1620; text-decoration:none;}
.hc-news .nav-tabs .gd{width:54%;text-align:right;font-size:13px;}
.hc-news .nav-tabs .gd a{width:54%;text-align:right;font-size:13px;}
.hc-news .tab-content ul{margin-top:20px;}
.hc-news .tab-content li{overflow:hidden;margin-bottom:10px;border-bottom: 1px #eee solid;padding-bottom: 10px;}
.hc-news .tab-content li .img{float:left;overflow:hidden;width:150px; height:90px;}
.hc-news .tab-content li .img img{display:block;width:100%;height:100%;}
.hc-news .tab-content li .txt{float:left;margin-left:22px;width:540px;}
.hc-news .tab-content li .txt h2{color:#222;font-size:16px;line-height:20px;}
.hc-news .tab-content li .txt p{margin-bottom:5px;color:#888;font-size:14px;line-height:24px;}
.hc-news .tab-content li:hover h2,.hc-news .tab-content li:hover h3{color:#DE1620;}
.hc-news .tab-content li .txt h5{color:#999;font-size:13px;line-height:22px;}
.hc-news .tab-content li h3{float:left;overflow:hidden;padding-left:15px;width:590px;background: url(../img/h-img17.png) no-repeat left center;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:20px;word-break:keep-all;}
.hc-news .tab-content li h6{float:right;color:#999;font-size:14px;line-height:22px;}
.hc-news .tab-content li:last-child{margin-bottom:0;}

.hc-news-r .rt{float:right;overflow:hidden;padding:0px 30px 30px 10px;width:100%;background:#FFF;}
.hc-news-r .rt .bd{overflow:hidden;padding-top:20px;width:100%;height:440px;}
.hc-news-r .rt .hd{height:42px;border-bottom:1px solid #e5e5e5;}
.hc-news-r .rt .hd h2{position:relative;bottom:1px;float:left;display:inline-block;border-bottom:2px solid #DE1620;color:#3a3a3c;font-size:16px;line-height:42px;}
.hc-news-r .rt .hd .more{float:right;display:block;padding-right:15px;background:url(../img/h-img14.png) no-repeat right center;color:#999;font-size:13px;line-height:44px;}
.hc-news-r .rt .hd .more:hover{color:#DE1620;}
.hc-news-r .rt li{padding:20px 0;border-bottom:1px dashed #EEE;}
.hc-news-r .rt dl:last-child{border-bottom:none;}
.hc-news-r .rt h2{overflow:hidden;margin-bottom:10px;}
.hc-news-r .rt h2 i,.hc-news-r .rt h4 i{float:left;display:block;width:27px;height:24px;background:url(../img/h-img15.png) no-repeat left center;}
.hc-news-r .rt h2 p,.hc-news-r .rt h4 p{float:left;margin-left:10px;width:262px;color:#666;font-size:14px;line-height:24px;}
.hc-news-r .rt h4{overflow:hidden;}
.hc-news-r .rt h4 i{background:url(../img/h-img16.png) no-repeat left center;}
.hc-news-r .rt h4 p{color:#333;}


.footer{width:100%; float:left;background:#0c1119;overflow:hidden; padding:50px 5px 0px 5px;}
.footer .hcbox{width:100%; float:left;padding-bottom:35px;border-bottom:1px solid #172030;}
.footer dl{float:left;width:280px;}
.footer dt{color:#FFF;font-weight:700;font-size:14px;line-height:36px;}
.footer dd{color:#8e939d;font-size:12px;line-height:16px;}
.footer dd a{display:block;color:#8e939d;font-size:14px;}
.footer dd a:hover{color:#DE1620;}
.footer dl.d1{width:228px; margin-left:30px;}
.footer dl.d1 dd{float:left;width:102px;}
.footer dl.d2{text-align:right; float:right; margin-top:12px;width:240px;}
.footer dl.d2 dt{font-size:13px;width:100%;}
.footer dl.d2 dd{display:inline-block;margin-left:12px;}
.footer dl.d2 dd img{display:block;width:100%;height:100%;margin-right: 10px;}


.copy{background:#0c1119; width:100%;height:30px; color:#FFFFFF;}
.copy span{float:left;color:#FFFFFF;font-size:12px;line-height:30px; width:50%; text-align:left;}
.copy p{float:right;color:#FFFFFF;font-size:12px;line-height:30px;width:50%; text-align:right;}
.yc1{ display:none;}

.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:42px;padding:7px 6px 15px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(../img/bg_online_service_new.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:12px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}


.ke-high{
    background-color:#f5f5f5;
    overflow: hidden;padding: 50px 0 60px;
}
.ke-high .list{
    margin-top: 40px;
}
.ke-high .list ul{
	width: 105%;
}
.ke-high .list li:hover .img img{
    transform:scale(1.05);
    -ms-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
    -moz-transform:scale(1.05);
}
.ke-high .list li{
    background-color:#ffffff;
    float: left;
    margin-bottom:40px;width:31.5%;margin-right:15px;position: relative;
}
.ke-high .list li:hover{
	box-shadow: 0 0 6px 4px #eee;
}
.ke-high .list li i{
	display: block;background: rgba(255,255,255,1);box-shadow: 0 0 4px 1px #f1f1f1;position: absolute;bottom: -10px;height: 10px;left: 0;right: 0;margin: 0 11px;z-index: 11;opacity: 0.7;
}
.ke-high .list li i.i2{
	margin: 0 22px;background: rgba(255,255,255,1);bottom: -20px;z-index: 1;opacity: 0.5;
}
.ke-high .list li a{
	display: block;position: relative;z-index: 111;background: #fff;box-shadow: 0 0 4px 4px #f1f1f1;
}
.ke-high .list li .img{
    width: 100%;
    height: 242px;
    overflow: hidden;
}
.ke-high .list li .img img{
    transition: all 0.3s;
    width: 100%;
    height: 100%;
    display: block;
}
.ke-high .list li .txt{
    padding: 14px 20px 22px 20px;
}
.ke-high .list li .txt h2{
    color:#333333;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 12px;
}
.ke-high .list li:hover .txt h2{
	color: #de1620;
} 
.ke-high .list li .txt dl{
    color:#9b9b9b;
    font-size: 16px;
    line-height: 20px;overflow: hidden;
}
.ke-high .list li .txt dd{
    float: left;width: 50px;padding-left: 30px;
}
.ke-high .list li .txt .s1{
    background: url(../img/k-img.png) no-repeat left center;height: 18px;display: block;
}
.ke-high .list li .txt .s2{
    background: url(../img/k-img2.png) no-repeat left center;height: 18px;display: block;width: 100px;
}
.ke-high .list li .txt .s3{
    background: url(../img/k-img1.png) no-repeat left center;height: 18px;display: block;float: right;width: auto;
}
.picture_box .content{ width:100%;}
.picture_box .content ul{ width:100%; margin-top:20px;}
.picture_box .content ul li{ float:left;}
.main_box_inner_left {
    float: left;
    margin: 0 0 30px 0;
    width: 25%;
    text-align: left;
}.nav_box {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}.nav_title {
    overflow: hidden;
    padding: 0;
    background: #dc3545;
    text-align: left;
}.nav_title p {
    display: inline-block;
    padding-left: 20px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
}.nav_menu {
    clear: both;
    display: block!important;
}.nav_menu ul {
    float: left;
    clear: both;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    background: #F2F2F2;
    text-align: center;
}.nav_menu li {
    position: relative;
    float: left;
    padding: 0;
    width: 100%;
    text-align: left;
	    border-bottom: 2px solid #fff;
}.nav_menu li a {
    position: relative;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 10px 5px 10px 15px;
    color: #666;
    text-decoration: none;
    font-size: 16px;
    line-height: 32px;
}.main_box_inner_right {
    float: right;
    overflow: hidden;
    padding: 0;
    width: 72%;
    background: #FFF;
    text-align: left;
}.current_location {
    clear: both;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ddd;
    color: #333;
    text-align: center;
}.current_location ul {
    margin: 0 auto;
    padding: 0px;
}.current_location_1 {
    float: left;
    line-height: 50px;
    font-size: 15px;
}.current_location a {
    color: #333;
}.sublanmu_content {
    padding: 10px 0px;
    text-align: left;
}.articleinfor .title {
    padding: 15px 5% 0 5%;
    text-align: center;
}
.articleinfor .title h1{
    font-size:24px;
}
.content {
    float: left;
    margin: 0px 0 40px 0;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
}
.content li{float:left; width:100%; margin:5px 0}
.col-xs-12{float:left; width:100%;}
.date{ float:left; width:30%;}
.date img{ float:left; width:98%;}
.desc{ float:right; width:68%;}
.desc a{ font-size:16px; margin-bottom:10px;}
.desc p{ font-size:14px; margin-top:10px;margin-bottom:10px;}
.desc span{float:left; width:100%;}
.pager{float:left;margin:10px 0 20px 0;width:100%;color:#333;text-align:center;font-size:13px;}
.pager a{margin:0 2px;padding:2px 8px;color:#333;}
.pager a.on{margin:0 2px;padding:2px 8px;color:#333;}
.pager a:hover{margin:0 2px;padding:2px 8px;color:#333;}
.content .col-sm-3{ float:left;height:195px;}
.content .col-sm-3 .desc{ float:left; width:100%; height:66px;}
.content .col-sm-3 .picture{ float:left;width:100%;}
.content .col-sm-3 .picture img{ width:100%;}
.content .seo .picture img{ width:100%;}
.pager_next_prev{ float:left;width:100%;}
.article_info video{ width:100%;}


.uit-tit {
    text-align: center;margin-bottom: 160px;
}.uit-tit h2.ypc {
    display: block;
}
.h-enter .uit-tit h2 {
    margin-bottom: 15px;
}
.uit-tit h2 {
    font-size: 36px;
    color: #222222;
    line-height: 54px;
}.uit-tit h2.yph {
    display: none;
}.uit-tit h3.ypc {
    display: block;
}
.uit-tit h3 {
    color: #666;
    font-size: 18px;
}
.uit-tit h3 {
    font-size:16px;
    color: #444444;
    line-height: 30px;
    text-transform: uppercase;
	font-weight:300;
}.uit-tit span {
    width: 20px;
    height: 2px;
    background-color: #de1620;
    margin: 12px auto 0;
    display: block;
}

.h-enter {
    overflow: hidden;
    padding: 50px 0 30px;
	    width: 100%;
    float: left;
	background:#f5f5f5;
}.wap {
    width: 1180px;
    margin: 0 auto;
}
.h-enter .main {
    position: relative;
    z-index: 1;
    margin-top: 30px;
}.h-enter .main .bg {
    height: 230px;
    background-color: #fff;
    margin: auto;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}.h-enter .main .bg .font {
    width: 65px;
    height: 100%;
    line-height: 27px;
    font-size: 20px;
    color: #fff;
    background-color: #de1620;
    padding: 18px 10px;
    margin: -18px auto 0;
    position: relative;
    z-index: 1;
    .over: ;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: center;
}.h-enter .main .list {
    position: relative;
    z-index: 2;
}.h-enter .main .list .item:nth-child(1) {
    padding-left: 84px;
}
.h-enter .main .list .item:nth-child(2) {
    padding-left: 84px;
}
.h-enter .main .list .item {
    width: 50%;
    font-size: 0;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin-top: -140px;
}.h-enter .main .list .item .img {
    width: 225px;
    margin-right: 22px;
    display: inline-block;
    vertical-align: middle;
}.h-enter .main .list .item img {
    width: 100%;
    display: block;
}.h-enter .main .list .item .qrcode {
    width: 180px;
    font-size: 14px;
    color: #666;
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}.h-enter .main .list .item .qrcode img {
    margin-bottom: 10px;
}
.h-enter .main .list .item img {
    width: 100%;
    display: block;
}.h-enter .main .list .item .btn {
    display: none;
}


@media only screen and (min-width:768px) and (max-width:991px){
.header-area .egames-main-menu .classy-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.header-area .egames-main-menu .classy-navbar .classynav>ul>li:first-child a{padding-left:10px;}
.header-area .egames-main-menu .top-social-info a{margin-right:30px;margin-left:0;}
}

@media only screen and (max-width:767px){
	.hc-wt .a-sign h2 {
    color: #222;
    font-size: 18px;
    line-height: 40px;
}
	.hc-wt .bds dd p {
    color: #333;
    font-size: 13px;
    line-height: 16px;
}
	.hc-news {
    width: 100%;
    float: left;
    background: #fff;
    overflow: hidden;
    padding: 10px 5px 20px 5px;
}
.hc-ld{display:none;}
.hc-bg{display:none;}
.yc{ display:none;}
.yc1{ display: block;}
.header-area .top-header-area{position:relative;z-index:1;width:100%;height:70px;}
.header-area .top-header-area .logo{width:45%; float:left; padding-top:15px;}
.header-area .top-header-area .logo img{width:100%; float:left;}
.header-area .top-header-area .logo-txt p{ display:none;}
.header-area .top-header-area .tel{width:40%; float:right; height:40px; margin-top:22px;}
.header-area .top-header-area .tel .phone{width:24%;float:left;background: url(../img/iphone.png) no-repeat;background-size:24px 24px;}
.header-area .top-header-area .tel h3{width:70%; float:left; font-size:12px; color:#999999; font-weight:500; padding:0; margin:0; line-height:10px;}
.header-area .top-header-area .tel p{width:70%; float:left;padding:0; margin:0;line-height:20px;}
.header-area .top-header-area .tel p a{ font-size:15px;color:#de1620;}
.header-area .egames-main-menu .top-social-info{ float:left; width:90%;}
.header-area .egames-main-menu .classy-navbar .classynav ul li a{margin-top:0px;}
.header-area .egames-main-menu .classy-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.header-area .egames-main-menu .classy-navbar .classynav>ul>li:first-child a{padding-left:10px;}
.header-area .egames-main-menu .top-social-info a{margin-right:15px;margin-left:0;padding-bottom:0px;}
.header-area .egames-main-menu .classy-navbar {
    padding: 0;
    height: 46px;
    padding-top: 0px;
}
.hc-tj li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:15px 0 20px 0;width:33%;border-right:1px solid #d7d7d7;text-align:center;-o-box-sizing:border-box;}
.hc-tj li:nth-child(2n){/*border-right:none;*/}
.hc-tj li h3{color:#de1620;font-size:32px;font-family:tahoma;line-height:5px;}
.hc-tj li h3 sup{position:relative;top:-15px;left:5px;font-size:18px;}
.hc-tj li p{padding-top:15px;color:#444;font-size:13px;line-height:22px;}

.iabout{width:100%;float:left;}
.iabout-left{ width:100%;float:left;}
.iabout-left iframe{ width:100%; height:200px; padding:0; margin:0;}
.iabout-right{ width:100%;float:right;}
.iabout-right h3{ font-size:22px; margin-bottom:10px; margin-top:10px;font-weight:600;}
.iabout-right em{ font-size:16px; font-style:normal; margin-right:10px;}
.iabout-right p{ font-size:14px;margin-top:15px;margin-bottom:15px; line-height:22px;color:#666;}
.iabout-right .more{width:100px;height:32px;line-height: 32px; font-size:13px;color: #FFF;background:#de1620;display: block; text-align:center;border-radius:5px;}

.hc-ys{width:100%; float:left;background:#fff; padding:30px 0;}
.hc-ys ul{width:100%; float:left;}
.hc-ys li{margin:0 0px 20px 15px;width:43.5%;height:270px;}
.hc-ys li a{padding:15px;}
.hc-ys li .ico{margin:0 auto;width:80px;height:80px;}
.hc-ys li h3{margin-top:10px;color:#0f0f12;text-align:center;font-size:16px;line-height:20px;}
.hc-ys li span{display:block;margin:0 auto;width:20px;height:2px;background:#de1620;}
.hc-ys li p{margin-top:20px;color:#666;font-size:14px;line-height:22px; font-weight:500;}

.hc-kc{padding:10px 5px;background:url(../img/h-bg.jpg) no-repeat center;}
.hc-kc .a-slide{float:left;width:100%;}
.hc-kc .a-slide .tab-content{ height:330px;}
.hc-kc .a-slide .tab-content h4{color:#444;font-size:30px;line-height:20px;}
.hc-kc .a-slide .tab-content h2{color:#0f0f12;font-weight:700;font-size:50px;line-height:80px;}
.hc-kc .a-slide .tab-content p{color:#444;font-size:16px;line-height:24px; margin-bottom:5px;}
.hc-kc .a-slide .tab-content .btn{display:block;margin-top:20px;width:140px;height:40px;border:1px solid #DE1620;color:#DE1620;text-align:center;font-size:14px;line-height:28px;}
.hc-kc .a-slide .tab-content .btn:hover{background:#DE1620;color:#FFF;}
.hc-kc .a-slide .nav{ margin-top:0px; border:0;}
.hc-kc .a-slide .nav-tabs{width:100%; height:65px;margin:0 auto;}
.hc-kc .a-slide .nav-tabs li{width:20%; float:left;}
.hc-kc .a-slide .nav-tabs li a{position:relative;float:left;margin-right:5px;padding-top:10px;width:55px;height:65px;background:#444;color:#FFF;text-align:center;font-size:16px;line-height:24px;cursor:pointer;}
.hc-kc .a-slide .nav-tabs li a.active{background:#DE1620;color: #FFFFFF;border:1px solid #DE1620; text-decoration:none;}
.hc-kc .a-sign{float:right;padding:30px 30px;width:350px;height:410px;background:#FFF;}
.hc-kc .a-sign h2{color:#222;font-size:24px;line-height:40px;}
.hc-kc .a-sign ul{margin-top:8px;}
.hc-kc .a-sign li{margin-bottom:10px;}
.hc-kc .a-sign input.t1:focus{border:1px solid #DE1620;}
.hc-kc .a-sign li .t1{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:25px;width:290px;height:42px;border:1px solid #eee;background:#f9f9f9;background:url(../img/h-ico2.png) no-repeat 12px center;color:#999;font-size:14px;line-height:42px;-o-box-sizing:border-box;}
.hc-kc .a-sign li .t2{background:0 0;}
.hc-kc .a-sign li h3{padding-left:10px;color:#DE1620;font-size:14px;line-height:40px;}
.hc-kc .a-sign li .btn{width:290px;height:42px;border:none;background:#DE1620;color:#FFF;text-align:center;font-size:16px;line-height:32px;cursor:pointer;transition:all .3s; margin-top:10px;}
.hc-kc .a-sign li .btn:hover{background:#c7101a;}
.hc-kc .a-sign .zxkc{ width:100%; float:left; margin-top:15px;}
.hc-kc .a-sign .zxkc h3{font-size:14px; font-weight:600;}
.hc-kc .a-sign .zxkc p{width:100%; float:left; line-height:20px; padding:0; margin-bottom:5px; text-indent:2px; color:#DE1620;}
.hc-kc .a-sign .zxkc p span{ margin-right:10px;}
.hc-kc .a-sign .zxkc p em{ font-style:normal;}

.hc-ds .tab-w .nav-tabs {
    width: 100%;
    height: 42px;
    margin: 0 auto;
}
.hc-kc{padding:10px 5px;background:url(../img/h-bg.jpg) center;}
.hc-kc .a-sign{float:right;margin-top:20px;padding:15px 15px;width:100%;}
.hc-kc .a-sign ul{width:100%;}
.hc-kc .a-sign li{width:100%;}
.hc-kc .a-sign li .t1{width:100%;}
.hc-kc .a-sign li .btn{width:100%;}
.hc-al .case-l{width:100%;}
.hc-al .i1{width:44%;}
.hc-al .case-r{width:100%;}
.hc-ds .tab-w .tab-content .img{width:100%;}
.hc-ds .tab-w .tab-content .txt{width:100%;}
.hc-ds .tab-w .tab-content{margin-bottom:10px;}
.hc-ds .tab-w .nav-tabs li{margin:0 6px;width:65px;}
.hc-ds .tab-w .nav-tabs li a{padding:5px 10px;width:65px;}
.hc-ld-l{width:100%;}
.hc-ld-r{width:100%;}
.hc-ld-r ul li{margin:10px 15px 5px 0;width:45.4%;}
.hc-wt{background:url(../img/h-bg.jpg);}
.hc-wt .a-slide{float:left;width:100%;}
.hc-wt .bds dd{width:50%;}
.hc-wt .a-sign{padding:15px 15px;width:100%;}
.hc-wt .a-sign ul{width:100%;}
.hc-wt .a-sign li{width:100%;}
.hc-wt .a-sign li .t1{width:100%;}
.hc-wt .a-sign li .btn{width:100%;}
.hc-news-l{width:100%;}
.hc-news-r{width:100%;}
.hc-news .tab-content li .img{width:10%;}
.hc-news .tab-content li .txt{width:82%;}
.footer dl.d1{margin-left:0;width:208px;}
.footer dl.d2{float:left;margin-top:12px;text-align:left;}
.footer dl.d2 dd img{display:block;margin-left:0;width:70%;height:100%;}
.footer dl.d2 dd{display:inline-block;margin-left:0;}
.copy p{float:left;width:100%;color:#FFF;text-align:left;font-size:12px;line-height:30px;}
.copy span{float:left;width:100%;color:#FFF;text-align:left;font-size:12px;line-height:30px;}
.hc-news .tab-content li .img img {
    display: block;
    width: 100%;
    height: 20%;
}
.ke-high .list li{
    background-color:#ffffff;
    float: left;
    margin-bottom:40px;width:95.5%;margin-right:0px;position: relative;
}
.ke-high .list li .img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.h-enter {
    padding: 30px 0;
    background-size: auto 100% !important;
}
.wap {
    width: auto;
}
.h-enter .main .bg {
    height: auto;
    background-color: transparent;
    margin: 20px auto 30px;
    position: static;
}
.h-enter .main .bg .font {
    width: 100%;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    background-color: transparent;
    padding: 0;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}.h-enter .main .bg .font i {
    display: none;
}.h-enter .main .list .item[class] {
    /* width: 50%; */
    padding: 0;
}.h-enter .main .list .item[class] .img {
    width: 80%;
    margin: 0 auto;
    display: block;
}.h-enter .main .list .item[class] .qrcode {
    display: none;
}.h-enter .main .list .item[class] .btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background-color: #c7101a;
    margin: 20px auto 0;
    display: block;
    text-align: center;
}

}