/* 基本配置 */
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 100px;}
body{background-color:#fff;font-family:'Microsoft YaHei','YaHei','SimHei','Hei';font-size: 14px;}
@font-face {
    font-family: DINCond-Bold;
    src: url('fonts/DINCond-Bold.eot'),url('fonts/DINCond-Bold.otf');
}
header{ display:block; width:100%; min-width:1200px;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}
.mainwrapper{width:1200px;margin:0 auto;clear:both;float:none; position:relative;}
.imgbanner{text-align:center;width:1200px;margin:8px auto 0 auto;}
.imgbanner a{display:block;margin-bottom:8px;width:1200px;}
.imgbanner img{width:1200px;}
.imgbanner embed{display:block;margin-bottom:8px !important;width:1200px;height:45px;}
.halfbanner a{width:496px;margin-bottom:0px;}
.imgbanner iframe{margin-bottom:8px !important;width:1200px;height:45px;}
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;font-size:0;}
h1, h2, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: bold;}
* html .clearfix{height:1%;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.block{ display:block;}
.mr-auto{ margin:0 auto;}
.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}
li{list-style-type:none;}
img {object-fit: cover;}
.none{ display:none !important;}

/***********颜色配置*********/
.color{ color:#ff552e}
.bg_color{ background:#ff552e !important; color:#fff !important;}
.bg_color2{ background:#222222 !important; color:#fff !important;}
.bg_white{ background:#fff !important; color:#666 !important;}
.white{ color:#fff;}
.gray{ color:#666666}
.lgray{ color:#CCCCCC}
.white{ color:#fff;}
.blue{ color:#3c5a96}
.lblue{ color:#1597e1}
.red{ color:#FF0000}
.orange{ color:#f50;}
.lorange{ color:#fef0d7;}
.pink{ color:#FF9999}
.black{ color:#000;}
.pur{ color:#9e0979}
.green{ color:#32B16C}
.main_color {color: #999 !important}
.menu_color {color: #ff552e !important}

.blank{height:0px;clear:both;font-size:0px;overflow:hidden;}
.blank5{height:5px;clear:both;font-size:1px;overflow:hidden;}
.blank10{height:10px;clear:both;font-size:1px;overflow:hidden;}
.blank15{height:15px;clear:both;font-size:1px;overflow:hidden;}
.blank20{height:20px;clear:both;font-size:1px;overflow:hidden;}
.blank25{height:25px;clear:both;font-size:1px;overflow:hidden;}
.blank30{height:30px;clear:both;font-size:1px;overflow:hidden;}
.blank35{height:35px;clear:both;font-size:1px;overflow:hidden;}
.blank40{height:40px;clear:both;font-size:1px;overflow:hidden;}

.none{display:none;}
.block{display: block;}

.wapper{width:1200px;}

/**herder**/
.head_clearfix{height:75px; background:#fff;}
#head{width:100%; background: rgba(255,255,255, .96);/*background-image:url(top.jpg);*/background-repeat:no-repeat;background-position:center top; min-width:1200px;-webkit-box-shadow:0 0 8px 3px rgba(229, 237, 244, .5);-moz-box-shadow:0 0 8px 3px rgba(229, 237, 244, .5);box-shadow:0 0 8px 3px rgba(229, 237, 244, .5); border-bottom:0px solid #f2f2f2; margin-bottom:0px;position:fixed; top:0; z-index:999;}

.sitenavbg {display:none;}
#header{height:75px;padding-top:0px;overflow:hidden; min-width:1200px; position:relative;}
#logo{ height:80px; width:300px; overflow:hidden;}
#header h3{ position:absolute;color:#333; font-size:20px; padding-left:20px; line-height:40px; left:250px; top:17px;}
#header h3:before{ position:absolute; left:0; top:4px; content:" "; border-left:1px solid #ccc; height:32px;}
.pull-right{ height:50px; margin-top:18px; margin-right:0; float:right;}
/*.pull-right #td_profile{ display:none;}*/
.more-list{ float:left; position:relative; margin-top:4px;}
.more-list .anchors{position: relative;margin: 0 15px;padding-bottom: 10px;float: left;font-size: 16px;color: #333;line-height: 30px;}
.more-list .anchorsActive {color: #00a0e9;border-bottom: 4px solid #00a0e9;}
.pull-right #td_userinfomore{ padding:0 15px !important;}
.pull-right .logout{margin-right:0;}
#header .login{ font-size:16px; margin-top:2px !important;}
#header #userlogin{ font-size:16px; margin-top:5px;}
#header .vertical{ display:none;}
#userlogin a {padding: 5px 16px;text-align: center;width: 60px;height: 30px;line-height: 30px;font-style: 16px;border-radius: 5px;}
#headlogin{margin-left: 40px;color: #fff;background: #00a0e9;}
#headregister{background-color:#fff;border:1px solid#ccc;margin-left:10px;color:#333;}


/**正文**/
.main{ width:100%; min-width:1200px; margin:0 auto 20px auto; font-size:14px; color:#666;}
.main a{ color:#666;}

.banner_new{ width:100%; height:552px; background:#dedff0 url(../images/company_bg.jpg) no-repeat center; overflow:hidden;}
.swiper-button-next{ background:url(../images/next.png) no-repeat 5px 10px; width:30px; right:-25px}
.swiper-button-prev{background:url(../images/prev.png) no-repeat 5px 10px; width:30px; left:-25px;}
#swiper1{font-size:0; width:100%; margin:0 auto; height:552px;}
#swiper1 a{ font-size:0;}
#swiper1 .swiper-slide{ overflow:hidden;}
.item_text{position:absolute;top:0;left:0;display:block;width:100%;height:550px;}
.item_text > ul{width:1200px;height:540px;margin:0 auto;padding:38px 0 0 98px;-webkit-box-sizing:border-box;box-sizing:border-box; text-align:left; position:relative;}
.item_text > ul li:nth-child(1){width:540px;margin-top:62px;float:left;}
.item_text > ul li:nth-child(2){width:540px;float:right;}
.item_text > ul li img{/*width:540px;height:430px;*/}
.item_text > ul li h2{font-size:36px;color:#333;margin-bottom:20px;line-height:50px;}
.item_text > ul li p{font-size:18px;color:#666;margin-bottom:40px;line-height:34px; text-align:justify;}
.item_text > ul li div{height:40px;}
.item_text > ul li div div{height:40px;line-height:40px;border-radius:4px;text-align:center;font-size:18px;float:left;cursor:pointer;}
.item_text > ul li div div:nth-child(1){width:148px;margin-right:24px;background-color:#00a0e9; color:#fff; font-size:14px;}
.item_text > ul li div div:nth-child(1):hover{background-color:#00a0e9;}
.item_text > ul li div div:nth-child(1)a{display:block;color:#fff;}
.item_text > ul li div div:nth-child(2){width:264px;color:#FF6B54;background-color:#fff;}
.item_text > ul li div div:nth-child(2):hover{background-color:#f5f5f5;}
.item_text .click_send_link a{ color:#fff; font-size:18px !important;}
#swiper-p1{bottom:60px;}
.vision{ position:absolute; left:70px; bottom:10px; }
.slickButtons{width:1200px;height:50px;line-height:50px;position:absolute;top:187px;left:0;right:0;z-index:99;margin:auto;}
.slickButtons .itemPrev,.slickButtons .itemNext{width:50px;height:50px;line-height:50px;border-radius:50%;background:#FFFFFF;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,0.10);box-shadow:0 2px 10px 0 rgba(0,0,0,0.10);-webkit-transition:opacity.5s;-o-transition:opacity.5s;transition:opacity.5s;color:#CCCCCC;outline:none;border:none;position:absolute;top:0;margin-top:0;font-size:24px; display:none;}
.slickButtons .itemPrev i,.slickButtons .itemNext i{ font-size:30px; font-weight:bold;}
.slickButtons .itemPrev {left: 0;}
.slickButtons .itemNext {right: 0;}


.goodness_box{width:1200px;height:240px;margin:0 auto;position:relative; line-height:1;}
.goodness{width:100%;height:240px;-webkit-box-shadow:0 4px 20px 0 rgba(229,237,244,0.5);box-shadow:0 4px 20px 0 rgba(229,237,244,0.5);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:99;top:-50px;background-color:#fff;padding:45px 60px 0;}
.goodness > h2,.together > h2{font-weight:normal;font-size:32px;text-align:center;margin-bottom:30px; color:#333;}
.goodness li,.together li{float:left;width:300px;height:80px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #e6e6e6;text-align:center;}
.goodness .width_240{width:240px;}
.goodness li p,.together li p{margin:6px 0 0 0;color:#999;font-size:20px;}
.goodness li:last-child,together li:last-child{border-right:none;}
.goodness li h2,.together li h2{font-family:'Microsoft Yahei',sans-serif;font-weight:normal;font-size:64px;color:#00a0e9;margin-top:-20px;font-weight:bold;}
.goodness li h2 i,.together li h2 i{font-family:DINCond-Bold, Arial, Helvetica, sans-serif;font-style:normal;font-size:64px;color:#00a0e9;font-weight:normal;}
.goodness li h2 span,.together li h2 span{font-size:22px;}
.goodness li h2 p,together li h2 p{font-size:20px;color:#999;text-align:center;}

.service{width: 1220px;margin: 0 auto;padding-top: 45px; overflow:hidden;}
.service .title{position: relative;margin-bottom: 60px; text-align:center; font-size:32px; color:#333;}
.service .text {font-size: 18px;margin-top: -30px;margin-bottom: 60px;text-align: center;color: #666666;}
.service .item{ margin-bottom:40px; height:320px;width:1220px;}
.service .item ul li{position:relative;float:left;width:285px;height:300px;max-width:285px;max-height:300px;margin:10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;text-align:center;-webkit-transition:all.4s cubic-bezier(.4,0,.2,1);-o-transition:all.4s cubic-bezier(.4,0,.2,1);transition:all.4s cubic-bezier(.4,0,.2,1);}
.service .item ul li:nth-child(40){ margin-right:0px;}
.service .item_mask {position:absolute;left:0;right:0;top:0;bottom:0;background: rgba(22,26,29,.75);-webkit-transition:all.4s cubic-bezier(.4,0,.2,1);-o-transition:all.4s cubic-bezier(.4,0,.2,1);transition:all.4s cubic-bezier(.4,0,.2,1); cursor:pointer;}
.service .mask_cont{position:absolute;left:0;right:0;top:60px;bottom:0;-webkit-transition:all.4s cubic-bezier(.4,0,.2,1);-o-transition:all.4s cubic-bezier(.4,0,.2,1);transition:all.4s cubic-bezier(.4,0,.2,1); font-size:14px;}
.service .mask_cont .tit{font-size:20px;color:#FFFFFF;text-align:center;line-height:20px;margin-top:20px;-webkit-transition:all.4s cubic-bezier(.4,0,.2,1);-o-transition:all.4s cubic-bezier(.4,0,.2,1);transition:all.4s cubic-bezier(.4,0,.2,1);}
.service .mask_cont .panel{padding:0;margin:0;margin-top:0px;font-size:0;line-height:0;margin-top:20px;-webkit-transition:all.4s cubic-bezier(.4,0,.2,1);-o-transition:all.4s cubic-bezier(.4,0,.2,1);transition:all.4s cubic-bezier(.4,0,.2,1);}
.service .mask_cont .line{width:20px;height:2px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);}
.service .mask_cont .txt{font-size:14px;color:#FFFFFF;letter-spacing:0;text-align:center;line-height:24px;margin:0;margin-top:0px;padding:0;margin-top:14px;font-weight:700;-webkit-transition:all.4s cubic-bezier(.4,0,.2,1);-o-transition:all.4s cubic-bezier(.4,0,.2,1);transition:all.4s cubic-bezier(.4,0,.2,1);}
.service .mask_cont .cont_btn{display:inline-block;border:1px solid#fff;border-radius:4px;width:120px;height:38px;line-height:38px;font-size:14px;color:#fff;text-decoration:none;margin-top:10px;opacity:0;-webkit-transition:all.4s cubic-bezier(.4,0,.2,1);-o-transition:all.4s cubic-bezier(.4,0,.2,1);transition:all.4s cubic-bezier(.4,0,.2,1);-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;}
.service .mask_cont .cont_btn:hover{ background:#fff; color:#00a0e9;}
.service .bottom{width:320px;height:28px;display:block;font-size:20px;color:#5188a6;cursor:pointer;margin:80px auto;}
.service .bottom a{ color:#00a0e9;}

.adv_hover .item_mask .mask_cont .tit {margin-top: 16px;}
.adv_hover .item_mask .mask_cont .txt {opacity: 0; height:20px; overflow:hidden;}
.adv_hover .item_mask .mask_cont .panel {margin-top: 18px;}
.adv_hover .item_mask .mask_cont {top: 26px;}
.adv_hover .item_mask {background: rgba(22,26,29,.35);}
.adv_hover .item_mask .mask_cont .cont_btn {    margin-top: -30px;    opacity: 1;}

/**item_model**/
.adv_item .item_model{width:610px;height:620px;position:absolute;z-index:2;display:none;background:#FFFFFF;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,0.20);box-shadow:0 4px 20px 0 rgba(0,0,0,0.20);-webkit-box-sizing:border-box;box-sizing:border-box;}
.adv_item .item_model:before{content:"";position:absolute;}
.item_model .model_close{display:inline-block;position:absolute;width:30px;height:30px; font-size:20px;line-height:28px;text-align:center;top:5px;right:5px;cursor:pointer;/*background:url(../images/close.png) no-repeat; background-size:100%;*/}
.item_model .model_close i:hover{color:#00a0e9; }
.item_model .model_close i{font-size:20px;font-weight:bold;color:#999999;}
.item_model .model_left{position:relative;float:left;width:260px;height:536px;margin-right:15px;margin-left:30px;margin-top:42px;margin-bottom:42px;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../img/before_login/tab_sucai_bg.png);background-size:260px 536px; border-radius:5px; overflow:hidden;}
.item_model .model_left .model_none_bg{background:none;}
.item_model .model_left .model_none_bg img{width:260px;height:536px;margin-top:0;}
.item_model .model_left img{width:194px;height:379px;margin-top:69px;border-radius:5px;}
.item_model .model_right{position:relative;float:right;width:250px;height:590px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:30px;margin-right:30px;}
.item_model .model_right_cont{width:250px;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.item_model .model_right .model_right_cont .mr_title{height:24px;line-height:24px;text-align:left;font-size:18px;color:#333333;margin-bottom:30px;font-weight:bold;}
.item_model .model_right .model_right_cont .mr_cont{font-size:14px;width:100%;color:#666666;letter-spacing:0;text-align:left;line-height:34px;}
.item_model .model_right .mr_cont a{color:#5188A6;display:block;}
.item_model .model_right .model_right_cont .mr_btn{width:160px;height:40px;font-size:18px;color:#FFFFFF;text-align:center;border-radius:4px;line-height:40px;cursor:pointer;display:inline-block;margin-top:30px;}
.item_model .model_right .model_right_cont .mr_btn.mr_btn_enable{background-color:#00a0e9;}
.item_model .model_right .model_right_cont .mr_btn.mr_btn_disable{background-color:#ccc;}
.item_model .model_right .model_right_cont .mr_btn.mr_btn_enable:hover{background-color:#f57a7c;}
.model_1,.model_2{top: -150px; left:285px}
.model_3,.model_4 {top: -150px; right:285px;}
.model_1:before,.model_2:before{border-right:10px solid#FFFFFF;border-top:10px solid transparent;border-bottom:10px solid transparent;right:100%;top:300px;}
.model_3:before,.model_4:before{border-left:10px solid#FFFFFF;border-top:10px solid transparent;border-bottom:10px solid transparent;left:100%;top:300px;}


/*cooperate*/
.cooperate{ width:100%; background:#f5f7f8; height:500px;}
.cooperate .title{ font-size:30px; text-align:center; line-height:50px; padding:50px 0 30px 0; }
.cooperate_mask_left{position:absolute;top:100px;left:0;z-index:99;width:150px;height:340px;background:-webkit-gradient(linear,right top,left top,from(rgba(245,247,248,0)),to(rgba(245,247,248,1)));background:-webkit-linear-gradient(right,rgba(245,247,248,0),rgba(245,247,248,1));background:-o-linear-gradient(right,rgba(245,247,248,0),rgba(245,247,248,1));background:linear-gradient(to left,rgba(245,247,248,0),rgba(245,247,248,1));pointer-events:none;}
.cooperate_mask_right{position:absolute;top:100px;right:0;z-index:99;width:150px;height:340px;background:-webkit-gradient(linear,right top,left top,from(rgba(245,247,248,1)),to(rgba(245,247,248,0)));background:-webkit-linear-gradient(right,rgba(245,247,248,1),rgba(245,247,248,0));background:-o-linear-gradient(right,rgba(245,247,248,1),rgba(245,247,248,0));background:linear-gradient(to left,rgba(245,247,248,1),rgba(245,247,248,0));pointer-events:none;}
.cooperate .item{ width:100%; clear:both; overflow:hidden;}
.cooperate .item ul{ height:240px; width:195px; float:left;}
.cooperate .item li{ width:155px; height:66px; padding:10px 7px; margin:20px 10px; background:#fff; display:inline-block;}
.cooperate .item li img{ width:100%; height:100%;object-fit: contain; }
#swiper2 .swiper-slide{ height:240px; width:195px; float:left;}
#swiper2 .swiper-slide li{ width:155px; height:66px; padding:10px 7px; margin:20px 10px; background:#fff; display:inline-block;}
#swiper2 .swiper-slide img{ width:100%; height:100%;object-fit: contain; }



.layui-layer{ border-radius:5px !important; }
.layer-qr{ width:200px; height:220px; overflow:hidden; text-align:center; margin:10px; color:#666; line-height:1;}
.layer-qr img{ width:100%; height:auto;}
.invalid{ padding:3px 8px; background:#efefef;}


.content{ width: 1220px; margin:-40px auto 30px auto; overflow:auto;}
.content .mainleft{ width:240px; height:100%; min-height:356px;/*-webkit-box-shadow:0 4px 20px 0 rgba(229,237,244,0.5);-moz-box-shadow:0 4px 20px 0 rgba(229,237,244,0.5);box-shadow:0 4px 20px 0 rgba(229,237,244,0.5); border-bottom:1px solid #f2f2f2;*/ margin:10px; float:left;padding:20px 0;}
.content .main_left_menu{ width:100%; overflow:hidden; }
.content .main_left_menu a{ width:100%; display:block; height:45px; line-height:45px; padding-left:35px; font-size:16px;}
.content .current{ position:relative;color:#00a0e9;}
.content .current:before{ position:absolute; left:0; top:7px; content:" "; border-left:4px solid #00a0e9; height:32px;}

.content .mainright{ width:900px; height:100%; min-height:356px;-webkit-box-shadow:0 4px 20px 0 rgba(229,237,244,0.5);-moz-box-shadow:0 4px 20px 0 rgba(229,237,244,0.5);box-shadow:0 4px 20px 0 rgba(229,237,244,0.5); border-bottom:1px solid #f2f2f2; margin:10px; float:right; padding:20px;}
.content .mainright .txt{font-size:15px; line-height:2; padding:10px;}
.content .mainright .tit{ font-size:24px; font-weight:bold; text-align:center;padding:10px; color:#000;}
.content .mainright h2{ font-size:18px; font-weight:bold; color:#000;}
.content .mainright h3{ font-size:16px; font-weight:bold; color:#333;}
.content .mainright p{text-indent:2em; margin-bottom:15px; text-align:justify;}
.content .mainright em {font-style: italic !important; color:#333;}
.content .mainright .center{ text-align:center; width:100%;}

.content .tab {height: 40px;padding: 10px 40px 20px;}
.content .tab a {display: block;float: left;margin-right: 10px;padding: 0 30px;height: 40px;background: #f5f5f5;line-height: 40px;text-align: center;font-size: 16px;color: #666;}
.content .tab a.active,.content .tab a:hover {background: #00a0e9;color: #fff;}
.content .require{border-bottom: 1px dashed #999;padding: 20px 0; color:#666; margin-bottom:20px;}
.content .require strong{ color:#333;}
.content .joinus{ position:relative; margin:10px 0 30px 0px; }
.content .joinus h2{ margin-bottom:0px; font-size:24px;}
.content .joinus h3{ margin-bottom:0px; font-size:20px;}
.content .joinus h6{ font-weight:bold; color:#333; padding:10px 0 0 0;}
.content .joinus ul{ padding-left:0px; color:#777;}
.content .mainright .more{border-top: 1px dashed #999; padding:20px 0; margin:10px;}

.content .btn_link{width: 148px;margin-right: 24px;background-color: #00a0e9;color: #fff;font-size: 14px;height: 40px;line-height: 40px;border-radius: 4px;text-align: center;font-size: 18px;cursor: pointer; display:block; margin:15px 0;}
.content .btn_link a{ color:#fff; font-size:18px !important;}

#companycontent h5 {padding: 0px 0px 15px 28px;margin: 0;font-weight: bold;color: #00a0e9;font-size: 18px; position:relative;}
#companycontent h5:before{ position:absolute; left:0; top:0px; content:" "; border-left:0px solid #00a0e9; height:32px;}
#companycontent .pcontent img {float: left;margin-bottom: 15px;}
#companycontent .pcontent table {float: right;border-left: 1px solid #ddd;border-top: 1px solid #ddd; width:400px;}
#companycontent .pcontent table th, #companycontent .pcontent table td {font-size:12px; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 5px;}
#companycontent .pcontent table th {color:#fff; background-color:#FF8400;}
#companycontent .pcontent1 p{ text-indent:inherit; margin-bottom:10px;}

.banner_ad{ width:100%; height:270px; background:#dedff0; overflow:hidden;}
.banner_ad .item_text{ height:270px;}
.banner_ad .item_text ul{ height:270px; padding:20px 0px; width:1200px; position:relative;}
.banner_ad .item_text > ul li:nth-child(1){ margin-top:20px;}
.banner_ad .item_text > ul li:nth-child(2){ float:none; width:auto;}
.banner_ad .vision_ad{ position:absolute; right:0px; bottom:-10px;}



#footer{ padding:20px 0;}