@charset "utf-8";
/* CSS Document */


html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,em, img, strong,b, i,dl, dt, dd, ol, ul, li,form, label,table, caption,article, aside, canvas, details,  footer, header, menu, nav, section, time, mark, audio, video, input, select { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; font-family:"微软雅黑";box-sizing: border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);}
ul,li,a{list-style-type:none;text-decoration:none;color:#666;}
i,em{font-style:normal;}
body{font-size:14px;font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma; color:#666;background: #fff;}
.container{width:1200px;margin: 0 auto;margin-bottom: 5px;}
.clearfix::before,.clearfix::after{content: "."; height: 0; line-height: 0; display: block; visibility: hidden; clear: both;}


/*顶部header*/
.zhankong{ height:62px;}
.top-wrap{width:100%;background:#f5f5f5;border-bottom:1px solid #eee;position:fixed;top:0;left:0;z-index:9999;}
.top-wrap_ul{float:right;}
.top-wrap_ul > li{float:left;width:100px;line-height:36px;text-align:center;background:url(/templets/opfun/images/kcjieshao/shu.png) center right no-repeat;}
.top-wrap_ul > li:last-child{border:none;background:none;}
.top-wrap_ul > li > a{color:#666;font-size:12px;display:inline-block;}
.top-wrap_ul > li > a:hover,.header_ul > li > a.color{color:#cb010e;}

/*导航栏*/
.head-wrap{box-shadow: 2px 1px 10px rgba(0,0,0,.2);background:#fff;position:relative;z-index:1009;margin-bottom:15px;border-bottom:1px solid #e1e1e1;}
.head-fixed{position:fixed;left:0;top:30px;border-top:1px solid #e1e1e1;}
.header{position:relative; width:1200px;margin: 0 auto; }
.logo{height:59px;float:left;padding:15px 0 20px;}
.logo a{margin-right:10px;}
.logo a,.loge-text{float:left;}
.loge-text{position:relative;top:8px;border-left:1px solid #e5e5e5;padding:2px 0 0 10px;}
.head-tel{margin-left:15px;padding-top:24px;float:right;font-size:16px;color:#cb000e;line-height:22px;}
.head-tel strong{display:block;font-family:Impact;font-size:22px;font-weight:500;}
.nav{float:right;border-right:1px solid #e1e1e1;}
.nav>li{float:left;border-left:1px solid #e1e1e1;}
.nav>li>a{min-width:88px;text-align:center;float:left;font-size:16px;height:85px;line-height:85px;-webkit-transition:none;-moz-animation:none;transition:none;padding:5px 10px 0;}
.nav li .icon{margin-left:5px;display:inline;zoom:1;z-index:1;position:relative;top:-10px;}
.nav .active>a,.nav>li>a:hover{padding-top:0;border-top:5px solid #cb010e;color:#1aa9f3;height:84px;}
.nav-more-wrap{display:none;position:absolute;top:90px;left:0;width:100%;border-top:1px solid #e1e1e1;background:#eee;z-index:1000;}
.nav-more-wrap .sub-nav{float:left;width:20%;text-align:center;background:#2095f2;padding:15px 5px;}
.nav-more-wrap .sub-nav li a{color:#fff;display:block;line-height:36px;background:#2095f2;}
.nav-more-wrap .sub-nav .currnet a{background:#fff;color:#2095f2;}
.nav-content{float:left;width:60%;margin-left:5%;padding:20px 0;}
.nav-head{margin-bottom:15px;overflow:hidden;border-bottom:1px solid #ddd;line-height:34px;}
.nav-head .more{float:right;color:#666;}
.nav-head .name{font-size:16px;}
.nav-content .list{overflow:hidden;}
.nav-content .list li{float:left;width:200px;margin-right:30px;margin-bottom:30px;}
.nav-content .list .name{display:block;font-size:14px;font-weight:500;}
.nav-content .list .small{color:#666;}
/*面包屑*/
.postyy{padding-left:20px;font-size:15px;line-height:60px;}
.postyy a:hover{color:#e60012;}
/**footer**/

.footer .footer-bg{ max-width:1200px; min-width:980px; margin:0 auto;}
.footer .footer-bg .client li{ float:left; margin-top:30px;padding:0 10px 0 3%; border-right:1px solid #DDD;}
.footer .footer-bg .client .comp{width:35%; }
.footer .footer-bg .client .safe{ padding:0 5%;width:30%; }

.footer .footer-tit {margin-bottom:20px;}
.footer .footer-tit h4{font-weight:normal; float:left; font-size:16px;}
.footer .footer-tit span{ float:left; color:#B1B1B1;margin:2px 0 0 20px;}
.footer .footer-tit img{ margin-top:120px;}
.footer .company_logo{ height:38px; background:url("img/company_logo.png") no-repeat;}
.footer .safe_logo{ height:38px; background:url("img/company_logo.png") no-repeat 0 -38px;}

.footer .ad{ text-align: center;}
.footer .ad h4{font-weight:normal; font-size:16px;}
.footer .ad .ad-con{margin:20px 0;}

.footer .contact{box-shadow: 2px 1px 10px rgba(0,0,0,.2); height:150px; margin-top:10px;border-radius:5px;background:#fff;}
.footer .contact .contact-info{ float:left;}
.footer .contact .l-list{ width:63%;border-right:2px solid #f1f1f1;}
.footer .contact .l-list .explain-con{ position:relative;height:100px;}
.footer .contact .l-list .explain-con li{ float:left; margin-left:10%; margin-top:30px;}
.footer .contact .l-list .explain-con em{ font-size:40px; width:42px; height:42px; background:url("img/copyright_ico.png") no-repeat; display:inline-block;float: left;}

.footer .contact .l-list .explain-con em.ico_1{ background-position:0 0;}
.footer .contact .l-list .explain-con em.ico_2{ background-position:-48px 0;}
.footer .contact .l-list .explain-con em.ico_3{ background-position:-96px 0;}
.footer .contact .l-list .explain-con em.ico_4{ background-position:-145px 0;}

.footer .contact .l-list .explain-con em b{ display:none;}
.footer .contact .l-list .explain-con .con-div{display:inline-block; margin:5px 0 0 5px; float: left;}
.footer .contact .l-list .c-con{height:50px;border-top:2px solid #f1f1f1;}
.footer .contact .l-list .counflg-list{ position:relative; left:15px;}
.footer .contact .l-list .counflg-list li{ float:left;margin-left:15px; margin-top:15px;}
.footer .contact .l-list .counflg-list li a{ color:#333; display:inline-block; height:22px; padding-left:25px; background:url("img/country_logo.png") no-repeat;opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; }
.footer .contact .l-list .counflg-list li a:hover{opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";}
.footer .contact .l-list .counflg-list li a.pflag{ background-position:0 0;}
.footer .contact .l-list .counflg-list li a.dflag{ background-position:0 -22px;}
.footer .contact .l-list .counflg-list li a.fflag{ background-position:0 -44px;}
.footer .contact .l-list .counflg-list li a.eflag{ background-position:0 -66px;}
.footer .contact .l-list .counflg-list li a.xflag{ background-position:0 -88px;}
.footer .contact .l-list .counflg-list li a.yflag{ background-position:0 -110px;}
.footer .contact .l-list .flow-attention{ float:right; margin:15px 20px 0 0;}
.footer .contact .l-list .flow-attention li{ float:left; margin-left:20px;}
.footer .contact .l-list .flow-attention li span{ display:inline-block; float:left; width:22px; height:20px;background: url("img/copyright_ico.png") no-repeat; margin:0 5px;}
.footer .contact .l-list .flow-attention li span.sinawb{ background-position:0 -52px;}
.footer .contact .l-list .flow-attention li span.weixingz{ background-position:0 -75px;}
.footer .contact .l-list .flow-attention li a:hover{ color:#e81a41;}
.footer .contact .l-list .flow-attention li a:hover span.sinawb{ background-position:-29px -52px;}
.footer .contact .l-list .flow-attention li a:hover span.weixingz{ background-position:-29px -75px;}


.footer .contact .r-contact{ width:24%; text-align: center; float:right;}
.footer .contact .r-contact .contact-list li{ margin-top:15px;}
.footer .contact .r-contact .phone-icon{ display:inline-block; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; height:37px; background:url("img/copyright_ico.png") no-repeat -195px  0; padding-left:44px; font-size:28px;}
.footer .contact .r-contact .consult{display:inline-block; padding:2px 60px 5px 60px; font-weight:bold;font-size:16px; color:#fff;border-radius:5px;background:#e81a41;-webkit-transition: 0.25s;transition: 0.25s;}
.footer .contact .r-contact a:hover.consult{ background:#f6264d;}
.footer .contact .r-contact .qq-icon{display:inline-block;width:23px;height:25px;background: url("../img/copyright_ico.png") -75px -55px no-repeat;}
.wx_qrcord{ width:130px;height:150px; text-align:center; float:left; padding:10px 10px; border-right:2px solid #f1f1f1;font-size: 12px;}

@media screen and (max-width: 1220px){
    .footer .contact .l-list .explain-con li{ float:left; margin-left:6%;}
    .footer .contact .l-list{ width: 62%;}
    .wx_qrcord{padding:20px 15px; }
    .footer .contact .l-list .counflg-list{ position:relative; left:0px;}
    .footer .contact .l-list .counflg-list li{margin-left:12px;}
    .footer .contact .l-list .flow-attention {float: right; margin: 15px 10px 0 0; }
}

.foot_cflg{position:relative; left:100px; top:11px;}
.foot_cflg li{ float:left;}
.foot_cflg li a { display:block;  float:left; line-height:22px; margin-right:30px; color:#999;}
.foot_cflg li a:hover { color:#444;}
.foot_cflg li a.lion span.pflag{ background-position:-22px 0;}
.foot_cflg li a.lion span.dflag{ background-position:-22px -22px;}
.foot_cflg li a.lion span.fflag{ background-position:-22px -44px;}
.foot_cflg li a.lion span.eflag{ background-position:-22px -66px;}
.foot_cflg li a.lion span.xflag{ background-position:-22px -88px;}
.foot_cflg li a.lion span.yflag{ background-position:-22px -110px;}
.foot_cflg li a span{ display:inline-block; height:22px; width:22px; float:left; margin-right:5px;  background:url("img/country_logo.png")  no-repeat;}
.foot_cflg li a span.pflag{ background-position:0 0;}
.foot_cflg li a span.dflag{ background-position:0 -22px;}
.foot_cflg li a span.fflag{ background-position:0 -44px;}
.foot_cflg li a span.eflag{ background-position:0 -66px;}
.foot_cflg li a span.xflag{ background-position:0 -88px;}
.foot_cflg li a span.yflag{ background-position:0 -110px;}
.foot_cflg li a:hover span.pflag{ background-position:-22px 0;}
.foot_cflg li a:hover span.dflag{ background-position:-22px -22px;}
.foot_cflg li a:hover span.fflag{ background-position:-22px -44px;}
.foot_cflg li a:hover span.eflag{ background-position:-22px -66px;}
.foot_cflg li a:hover span.xflag{ background-position:-22px -88px;}
.foot_cflg li a:hover span.yflag{ background-position:-22px -110px;}
/***右侧客服****/
 #service{width:161px;height:290px;position:fixed;top:300px;right:0px; z-index:100;}
 #service li{width:161px;height:60px;}
 #service li img{float:right;}
 #service li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
 #service li a .shows{display:block;}
 #service li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
 #service li a.weixin_area .hides{display:none;position:absolute;right:143px;}
 #service li a.weixin_area .weixin{display:none;position:absolute;right:0;top:48px}
 #p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
 #p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
 #p1{width:47px;height:49px;float:left}


/*--reg-column--*/
.reg-column{width:100%; background:rgba(0,0,0,0.8);height: 80px; position:fixed; left:0;bottom:0; display:none; z-index:99;}
.reg-column .box{width:1200px; margin:0 auto; position:relative;padding:7px}
.reg-column .box .box1{position:relative;width: 70px; }
.reg-column .box .box1 div{background:url(column1.png);width: 48px;height: 48px;}
.reg-column .box .box2{width:295px; text-align:left;}
.reg-column .box .box2 input{width: 270px;height:48px; line-height:48px;display: block;text-align:center;color:#fff; color:#333;border-radius: 24px;overflow:hidden; border:none; font-size:18px;}
.reg-column .box .box2 input::-webkit-input-placeholder{color:#aaaaaa!important;}
.reg-column .box .box2 input:-moz-placeholder{color:#aaaaaa!important;}
.reg-column .box .box2 input::-moz-placeholder{color:#aaaaaa!important;}
.reg-column .box .box2 input:-ms-input-placeholder{color:#aaaaaa!important;}
.reg-column .box .box3{width: 180px;height: 48px; line-height:48px; display:block; cursor:pointer;font-size:20px;color:#fff; border:none; text-align:center;border-radius:20px; overflow:hidden;background-color: #3399fc;margin:0 auto!important;}
.reg-column .box .box4{width:61px; text-align:center; font-size:30px; color:#fff;}
.reg-column .box .box5{width: 200px;height: 48px; line-height:48px; display:block; cursor:pointer; font-size:20px; color:#fff; border:none; text-align:center;border-radius:20px; overflow:hidden;background-color: #3399fc; margin:0 auto!important;}
.reg-column .box .box6{ width:271px; text-align:center; font-size:20px; color:#fff;}
.reg-column .box .box7{width:148px; height:48px; line-height:48px; display:block;font-size:20px; color:#fff; border:none; text-align:center;border-radius:8px; overflow:hidden; background:#ff893a; margin:0 auto!important;}
.reg-column .box .box7 .fa{width:26px; height:25px; margin-bottom:-5px;background:url(../images/column2.png)center center no-repeat;}
.reg-column .modal-close{position:absolute;left: 106%;top:-5px;color:#fff;font-size:40px;cursor:pointer;}