@charset "utf-8";
/*
	外贸狼公共文件
	CSS Document 
	做外贸就用外贸狼
	网址：www.waimaolang.cn
	QQ：1918761727
*/

.sk-img{ display: block; width: 100%; height: auto; }

/*Header*/
.sk-header{ height: 150px; }
.header{ background: #fff; height: 150px; min-height: 60px; border-bottom: 1px solid #ddd; }
.header .sk-head-padding{ padding: 0 65px; position: relative; z-index: 99998; }
.logo{ padding: 10px 0; float: left; }
.logo-img{ max-height: 60px; display: block; width: auto; }

.header-top{ background: #000; text-align: center; height: 60px; line-height: 60px; color: #ffffff; font-size: 20px;}
.header-top a{ margin-left: 20px; height: 20px; font-size: 14px; display: inline-block; font-weight: 400; color: rgba(104,190,255,1); line-height: 20px; }
.header-top a:hover{ color: #ff8300; }
@media ( max-width: 768px){
	.header-top{ font-size: 14px;}
}
@media ( max-width: 640px){
	.header-top{ line-height: 22px; height: auto; padding: 9px 10px; }
	.header-top a{ display: none;}
}

.navigation{ float: right; }
.nav-ul{  }
.nav-ul .nav-li{ float: left; padding: 0 16px; line-height: 90px; height: 90px; position: relative;}
.nav-ul .nav-li .nav-a{ font-size: 16px;  color: #333333; font-weight: 600; position: relative; display: block; }
.nav-ul .nav-li .active{ color: #ff8300; }
.nav-ul .nav-li .nav-a:after{
	content: "";
	width: 10%;
	margin: 0 auto;
	height: 3px;
	background: #ecce00;
	position: absolute;
	bottom: 0;
	left: 40%;
	opacity: 0;
	-moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }

.nav-ul .nav-li:hover .nav-a,.nav-ul .nav-li .active{ color: #ff8300; }
.nav-ul .nav-li:hover .nav-a:after,.nav-ul .nav-li .active:after{ width: 100%; left: 0; opacity: 1; }
.nav-ul .nav-li .nav-crm{ color: #ff8300; font-size: 16px; font-weight: 600; }
.nav-ul .nav-li .nav-comtact{ background: #ffebd7; border:2px solid #ff8300; font-size: 16px; text-align: center; font-weight: 600; width: 90px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 25px; display: block; height: 42px; line-height: 38px; border-radius: 6px; cursor: pointer; position: relative; }
.nav-ul .nav-li .nav-img{ position: absolute; left: 0px; top: 16px; height: 16px; width: auto; display: block; }
.header *{ transition: all 0s; }

.nav-ul .nav-li .nav-li-dl{ display: none; position: absolute; background-color: #ffffff; z-index: 100; width: 190px; box-shadow: 0px 3px 8px #e0e0e0; }
.nav-ul .nav-li .nav-li-dl dd{ line-height: 36px; padding: 0 12px; border-bottom: 1px solid #ececec; transition: all .8s; }
.nav-ul .nav-li .nav-li-dl dd a{ font-size: 14px;display: block; color: #333; transition: color .4s; }
.nav-ul .nav-li:hover .nav-li-dl{ display: block; }
.nav-ul .nav-li .nav-li-dl dd:hover{ background-color: #ff8300; border-color: #ff8300; }
.nav-ul .nav-li .nav-li-dl dd:hover a{ color: #ffffff; }

.sk-tuichu{ position: relative; }
.nav-ul .nav-li .sk-tuichu-name{ position: absolute; display: none; background: #ff8300; border-radius:3px; color: #ffffff; line-height: 25px; padding: 6px 0px 10px 0px; top: 68px; text-align: left; width: 90px; }
.nav-ul .sk-tuichu:hover .sk-tuichu-name{ display: block; }

.nav-ul .nav-li .sk-tuichu-name-span{ display: block; border-bottom: 1px solid #ffca91; line-height: 28px; padding: 3px 10px; transition: all .8s; cursor: pointer; }
.nav-ul .nav-li .sk-tuichu-name-span:hover{ background: #ffca91; color: #000; }

/*手机导航*/
.sk-icon-navicon{ float: right; margin-top: 30px; display: none; }
.sk-icon-navicon .fa{ display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; cursor: pointer; font-size: 26px; }

.sk-nav-mobile{ padding: 0; overflow-y: auto; height: calc(100% - 132px); display: none; transform: translateX(-100%); transition: all 0.6s; background: #222;  z-index: 100000; }
.sk-nav-ul .sk-nav-li{ position: relative; }
.sk-nav-ul .sk-nav-li .nav-a{ display: block; padding-left: 20px; color: #fff; height: 50px; line-height: 50px; border-bottom: 1px solid #080808; position: relative; }
.sk-nav-ul .sk-nav-li .fa{ color:#888;font-size:2.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:10px;}
.sk-nav-ul .sk-nav-li .nav-img{ margin-left: 10px; }

.sk-nav-mobile .menu{overflow:hidden;font-size:.938rem;background:#151515;padding:15px; z-index: 9999;}
.sk-nav-mobile .menu a{ width:48%; display: inline-block; background:#ef7e00; border-radius: 4px; color:#fff; text-align:center; height:45px; line-height:45px;}
.sk-nav-mobile .menu a i{margin-right:5px;position:relative;font-style:normal;color:#fff;font-size:1.2rem;}


/*浮动导航*/
.header-fixed{ position: fixed; width: 100%; z-index: 99999; height: 120px; box-shadow: 0px 2px 8px 0px #505050; }
.header-fixed .logo-img{ max-height: 50px; }
.header-fixed .logo{ padding: 5px 0; }
.header-fixed .nav-ul .nav-li{ line-height: 60px; height: 60px; }
.header-fixed .nav-ul .nav-li .nav-comtact{ margin-top: 10px; }
.header-fixed .nav-ul .nav-li .sk-tuichu-name{ top: 54px; }
.header-fixed .nav-ul .nav-li .nav-img{ top: 3px; }
.header-fixed .sk-icon-navicon{ margin-top: 15px; }

.head_open{ height: 100%; overflow: hidden; transition: all 0.8s; visibility: visible; background: rgba(255,255,255,.9); position: fixed; width: 100%; z-index: 10000; }
.head_open .sk-nav-mobile { display: block; width: 100%; transform: translateX(0); }

/*Footer*/
.footer{ background: #ff8300; text-align: center; padding: 25px 0; }
.footer .foot-logo{  margin-bottom: 25px; }
.footer .foot-logo-img{ display: inline-block; max-height: 75px; width: auto; }
.footer .foot-nav .foot-nav-a{ font-size: 16px; color: #fff; margin: 0 15px; display: inline-block; }
.footer .foot-nav .foot-nav-a:hover{ color: #fff0e0; }
.footer .foot-text{ font-size: 18px; color: #fff; margin: 25px 0; }
.footer .foot-copyright,.footer .copyright-a{ font-size: 12px; color: #fff0e0; }
.footer .copyright-a{ margin-left: 6px; }

/*Slideshow*/
.sk-banner{ width: 100%; height: auto; display: block; }

/*all function*/
.sk-all-function{ background: #ECEEF3; width: 100%; padding: 30px 0 25px 0;  }
.sk-all-function .sk-all-function-main{ margin: 0px auto; width: 97%; background: #fff; border-radius: 3px; border: 1px solid #ddd; }
.sk-all-function .sk-all-classification{ padding: 10px 0; border-bottom: 1px solid #ddd; background: #FAFAFA; }
.sk-all-classification .sk-classification-li{ width: 25%; max-width: 250px; float: left; }
.sk-all-classification .sk-classification-li-a{ border: 2px solid #ddd; border-radius: 3px; overflow: hidden; float: left; padding: 3px; margin: 3px 6px; }
.sk-all-classification .sk-classification-img{ display: block; width: 100%; height: auto; }
.sk-all-classification .active,.sk-all-classification .sk-classification-li-a:hover{ border-color: #ff8300; }

/*全部功能左边*/
.all-main{ padding-bottom: 60px; }
.all-left-btn{ display: none; }
.all-main-left{ float: left; width: 230px; background: #FAFAFA; border-right: 1px solid #ddd; }
.all-left-title{ background: #ff8300 url(../images/left-title.jpg); background-position: 10px top; background-repeat: no-repeat; padding: 12px 9px 15px 9px; }
.all-left-title .all-left-title-h{ font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 8px; padding-left: 32px; }
.all-left-title .all-left-title-p{ font-size: 14px; color: #fff; text-align: center; }
.all-left-menu{  }
.all-left-menu .all-left-dl{ padding: 35px 0 10px 0; border-bottom:  1px solid #ddd; }
.all-left-menu .all-left-dt{ background: url(../images/menu-title.png) no-repeat 15px center; margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #FF7F00; padding-left: 40px; }
.all-left-menu .all-left-dd{ margin-bottom: 1px; }
.all-left-menu .all-left-a{ font-size: 14px; display: block; padding: 10px 10px 10px 38px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.all-left-menu .all-icon{ font-size: 12px; color: #ff8300; margin-right: 8px; }
.all-left-menu .all-left-dd:hover,
.all-left-menu .active{ background: #ff8300; }
.all-left-menu .all-left-dd:hover .all-left-a,
.all-left-menu .all-left-dd:hover .all-icon,
.all-left-menu .active .all-left-a,
.all-left-menu .active .all-icon{ color: #fff; transition: all .5s; }
.all-left-menu .all-left-dd .all-left-new{ position: absolute; left: 0; top: 13px; display: inline-block; background: #ec4f38; border-radius: 2px; width: 28px; height: 14px; line-height: 11px; text-align: center; font-size: 12px; color: #fff; margin-left: 8px; }

/*全部功能中间*/
.all-main-center{ max-width: 720px; float: left; width: 65%; padding: 42px 30px 30px 30px; min-height: 300px; }
.all-main-content{ font-size: 16px; line-height: 2.13; letter-spacing: 0.2px; word-break:break-all; }

.sk-all-text{ text-align: center; font-size: 18px; padding: 15px; color: #ff8300; font-weight: bold; margin: 60px auto 30px auto; width: 95%; background: #fbfbfb; border-radius: 5px; line-height: 2.13; }
.sk-box-btn{ text-align: center; }
.sk-box-btn .sk-btn{ display: inline-block; cursor: pointer; border-radius: 4px; background-color: #ffce24; border: solid 1px #cda500; text-align: center; line-height: 42px; font-size: 18px; font-weight: 600; letter-spacing: 0.5px; color: #333333; padding: 7px 20px; }
.sk-box-btn .sk-btn:hover{ background-color: #ff8300; border: solid 1px #cfa700; }

/*全部功能右边*/
.all-main-right{ width: 200px; float: left; margin-left: 8px; }
.all-right-com { padding-top: 42px; }
.all-right-com .sk-btn{ padding: 1px 10px; width: 90%; }
.all-right-com-img{ border-radius: 10px; overflow: hidden; margin-top: 25px; }
.all-right-com-img img{ width: 100%; height: auto; display: block; }

.all-right-list{ margin-top: 25px; position: relative; padding-bottom: 16px; }

.all-right-list .all-list-box{ border-left: solid 1px #efefef; padding-bottom: 20px; padding-left: 8px; font-size: 16px; font-weight: 300; line-height: 1.88; color: #333333; margin-left: 3px; padding-top: 5px; }
.all-right-list .all-list-year{ font-weight: 600; font-size: 18px; color: #ff8300; position: relative; }
.all-right-list .fa-caret-right{ margin-right: 8px; font-size: 14px; position: absolute; left: -9px; top: 9px; color: #539cdb; z-index: 1; }
.all-right-list .all-list-month{ font-size: 17px; font-weight: 600; position: relative; }
.all-right-list .all-list-dian{ display: block; width: 6px; height: 6px; background-color: #ff8300; position: absolute; top: 13px; left: -11px; z-index: 1; border-radius: 50%; }
.all-right-list .all-list-text{ font-size: 16px; font-weight: 300; margin-bottom: 15px; }

.all-right-list .all-more-height{ height: auto; overflow: hidden; }
.all-right-list .all-more{ position: absolute; z-index: 9; bottom: 0px; width: 100%; padding-top: 0px; background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff)); background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%); cursor: pointer; }
.all-right-list .all-more .all-more-a{ border-left: solid 1px #efefef; margin-left: 3px; position: relative; padding: 6px 8px 6px; font-size: 15px; font-weight: 300; line-height: 1.88; color: #4a71bd; display: block; background: #fff; }
.all-right-list .all-more .all-list-dian{ top: 17px; left: -3px; }

/*全部功能列表*/
.sk-list-title{ font-weight: bold; font-size: 22px; color: #ff8300; }
.sk-list-title .sk-list-title-time{ display: inline-block; border: 1px solid #878787; border-radius: 5px; padding: 0 3px; font-size: 14px; color: #878787; font-weight: normal; margin-left: 45px; }
.sk-list-bar{ display: block; width: 100%; margin: 5px auto 30px; }
.sk-list-bar .sk-list-progress-bar{ width: 50%; height: 6px; background: #ddd; border: 0; border-radius: 5px; display: inline-block; }
.sk-list-bar .sk-list-progress-bar:before{ content: "" ; display: block; width: 0%; height: 6px; background: #ff8300; border-radius: 5px; }
.sk-list-bar .sk-list-bar-text{ font-size: 12px; color: #999; display: ]inline-block; margin-left: 10px; }

.sk-list-ul{  }
.sk-list-ul .sk-list-li{ position: relative; display: block; height: 50px; padding-left: 35px; }
.sk-list-ul .sk-list-li:before{ content: ""; display: block; width: 24px; height: 24px; position: absolute; left: 3px; top: 13px; border-radius: 50%; background-color: #d9e7f8; background-repeat: no-repeat; background-position: center center; z-index: 2; background-size: 50%; }
.sk-list-ul .sk-list-li-vo:before{ background-image: url(../images/icon-list.png); }
.sk-list-ul .sk-list-li-be:before{ background-image: url(../images/icon-list-be.png); }
.sk-list-ul .sk-list-li .sk-list-li-span{ border-bottom: 1px solid #ddd; display: block; height: 49px; line-height: 49px; color: #333; font-size: 14px; padding-left: 10px; cursor: pointer; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; }
.sk-list-ul .sk-list-li .sk-list-li-span:hover{ background: #fbfbfb; color: #ff8300; }


.sk-video-layer{ padding: 20px; width: 800px; height: 500px; background: #ffffff; margin: 0 auto; display: none; }
.sk-video-layer-title{ text-align: center; color: #000; font-size: 17px; line-height: 32px; background: url(../images/icon-headset.png) no-repeat 245px center; padding-left: 42px; margin: 15px 0; }
.sk-video-layer-main{ padding: 25px 0; }
.sk-video-layer-left{ width: 50%; float: left; text-align: center; border-right: 1px solid #ddd; padding-bottom: 25px; }
.sk-video-layer-left .sk-video-layer-font{ font-size: 16px; line-height: 2; }
.sk-video-layer-left .sk-video-layer-img{ display: inline-block; height: auto; max-width: 200px; margin: 12px 0 20px 0; }
.f-color-orange{ color: #ff8300; }
.sk-video-layer-left .sk-video-layer-text{ font-size: 14px; font-weight: bold; }

.sk-video-layer-right{ width: 50%; float: right; padding-left: 50px; }
.sk-video-layer-right .sk-video-right-title{ font-size: 18px; font-weight: bold; }
.sk-video-layer-right .sk-video-right-title-span{ float: right; font-size: 13px; color: #97B0D2; margin-right: 30px; }
.sk-video-layer-right .sk-video-right-menu{ font-size: 16px; margin: 20px auto 16px; }
.sk-video-layer-right .sk-video-right-text{ font-size: 15px; line-height: 2; }
.sk-video-layer-right .sk-video-right-red{ font-size: 16px; line-height: 2.13; color: #FF2626; margin: 12px auto 20px; }
.sk-video-layer-right .sk-box-btn{ text-align: left; }

/*新闻资讯*/
.sk-banner-img,.sk-banner-img img{ width: 100%; height: auto; display: block; font-size: 0; }

.sk-newslist-main{  background: #ffffff; width: 100%; padding: 30px 0 25px 0; }
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s linear;}

.sk-newslist .sk-newslist-li{float:left;width:31%;margin:0 1.1%;border:1px solid #e5e4e4;padding:20px;margin-bottom:40px;transition:all 0.3s;}
.sk-newslist .sk-newslist-li .date{font-size:1.429em;font-family:Arial;display:block;margin-bottom:20px;line-height:1.4;}
.sk-newslist .sk-newslist-li .date i {font-style:normal;display:block;font-size:1.8em;margin-bottom:6px;font-weight:bold;position:relative;}
.sk-newslist .sk-newslist-li .date i:after{content:"";position:absolute;height:1px;width:70px;left:0;bottom:0;background:#bababa;}
.sk-newslist .sk-newslist-li .pImg{padding-top:66%;margin-bottom:10px;}
.sk-newslist .sk-newslist-li h4{min-height:60px;font-size:1.286em;}
.sk-newslist .sk-newslist-li h4 a{color:#333; font-weight: normal;}
.sk-newslist .sk-newslist-li h4 a:hover{color:#ff8300;}
.sk-newslist .sk-newslist-li p{min-height:60px; color: #666; clear: both;}
.sk-newslist .sk-newslist-li .more{display:block;width:140px;height:34px;line-height:32px;border:1px solid #e5e4e4;text-align:center;border-radius:16px;margin-top:10px;box-shadow:0 0 8px #ccc; float: right;}
.sk-newslist .sk-newslist-li .more i{font-family:"宋体";color:#278ed4;font-style:normal;font-weight:bold;margin-left:4px;}
.sk-newslist .sk-newslist-li:hover img{transform:scale(1.1);}
.sk-newslist .sk-newslist-li:hover{box-shadow:0 0 8px #ccc;}
.sk-newslist .sk-newslist-li .more:hover i{color:#ff8300;}

/*分页样式*/
.pagination{padding:25px 0 15px;text-align:center;overflow:hidden;}
.pagination li{ display: inline-block; }
.pagination a{font-size:16px;line-height:30px;display:inline-block;height:30px;padding:0 14px;text-align:center;color:#555;margin-left:3px; background: #f9f9f9; }
.pagination a:hover{text-decoration:none;color:#fff;background:#555;}
.pagination span{line-height:30px;display:inline-block; height:30px;padding:0 14px;text-align:center; background:#555;color:#fff; margin-left:3px; }
.pagination .a1_page,.pagination .previous_page,.pagination .next_page{display:none;}
.pagination .first_page,.pagination .Last_page{border:1px solid #ddd;font-size:14px;}

/*  新闻详情 */
.sk-breadCrumb{text-align:right;font-size:1rem; margin-bottom:50px; color: #666; }
.sk-breadCrumb a,.breadCrumb span{ color: #666; }

.sk-newsShow{padding:50px 0 100px;}
.sk-showTie{border-bottom:1px solid #d9d0bf;overflow:hidden;margin-bottom:20px;padding-bottom:20px;}
.sk-showTie h2{font-size:20px;color:#333;margin-bottom:25px; font-weight: normal;}
.jsfwMain{margin-top:100px;}
.sk-showTie .txt .fa{color:#454545;position:relative;font-size:1.143em;margin-right:12px;}
.sk-showTie .txt .s{ padding-left:22px; }
.sk-showTie .bshare-custom{margin-top:-30px;}
.sk-showCon{ font-size: 16px; }
.sk-showCon img { display: inline-block; font-size: 0; width: auto !important; max-width: 100% !important; margin: 0 auto; height: auto !important; }
.sk-showCon{line-height:2;}
.sk-showPage{border-top:1px solid #ddd; padding-top:40px;margin-top:30px; font-size: 15px;}
.sk-showPage p{margin-bottom:10px;}
.sk-showPage .back{float:right;width:130px;height:40px;line-height:40px;background:#ddd;text-align:center;margin-top:-55px;}
.sk-showPage .back i{position:relative;margin-right:8px;font-size:1rem;}
.sk-showPage .back:hover{background:#ff8300;color:#fff;}
.sk-showPage .back:hover .fa{ color: #ffffff; }

.sk-all-video-right-ul::-webkit-scrollbar {
 width: 5px;
}
 .sk-all-video-right-ul::-webkit-scrollbar-track {
 background-color:#424242;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius:2px;
}
 .sk-all-video-right-ul::-webkit-scrollbar-thumb {
 background-color:#616060;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius:2px;
}

/*视频播放*/
.sk-all-video{ width: 96%; margin: auto; }
.sk-all-video-title{ font-size: 16px; margin-bottom: 20px; }
.sk-all-video-title a{ font-weight: bold; }
.sk-all-video-main{ background: #333; position: relative; height: 520px; }
.sk-all-video-left{ padding-right: 390px; height: 100%; background: #000; }
.sk-all-video-left *{ transition: all .3s; }
.sk-all-video-left-open{ padding-right: 0; }
.sk-all-video-right { width: 390px; background: #4e4d4d; padding: 10px 15px; position: absolute; right: 0px; top: 0; z-index: 98; height: 100%; }
.sk-all-video-right .sk-all-video-right-title{ font-size: 20px; color: #ffffff; }
.sk-all-video-right .sk-all-video-right-ul{ margin: 10px 0; padding-bottom: 5px; height: calc(100% - 42px); overflow-y: auto; }
.sk-all-video-right .sk-all-video-right-li{ border-bottom: 1px solid #545454; padding: 0px 5px; position: relative; }
.sk-all-video-right .sk-all-video-right-a{ font-size: 13px; color: #fbfbfb; height: 40px; padding-right: 60px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.sk-all-video-right .sk-all-video-right-a .fa{ font-size: 16px; margin-right: 6px; }
.sk-all-video-right .sk-all-video-right-li:hover,.sk-all-video-right .sk-all-video-right-li.active{ background: #3e3d3d; }
.sk-all-video-right .sk-all-video-right-span{ font-size: 14px; position: absolute; right: 5px; top: 0; height: 40px; line-height: 40px; z-index: 10; color: #ffffff; }
.sk-all-video-right .sk-all-video-btn a{ display: block; background: #dbe2f4; border: 2px solid #8d96b3; border-radius: 4px; height: 36px; line-height: 32px; width: 120px; text-align: center; font-size: 16px; }
/*视频收缩*/
.sk-all-video-main .sk-video-btn{ position: absolute; right: 390px; top: 40%; z-index: 99; display: block; width: 22px; height: 42px; }
.sk-all-video-main .sk-video-btn .fa{ font-size: 14px; display: block; height: 42px; line-height: 42px; width: 22px; color: #fff; text-align: center; background: #009fde; border-top-left-radius: 6px; border-bottom-left-radius: 6px; cursor: pointer; }

/*用户名登录*/
::-webkit-input-placeholder{ color: #cedde4; }
::-moz-placeholder{ color: #cedde4; }
:-ms-input-placeholder{ color: #cedde4; }
*:after,*:before{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ text-decoration: none; -webkit-font-smoothing: antialiased; }
.sk-html-body{ width: 100%; height: 100%; overflow: hidden; }
.sk-login-main{ width: 100%; height: 100%; margin: 0 auto; }

.sk-login-main .sk-login-banner{ width: calc(100% - 420px); height: 100%; }
.sk-login-banner .rslides,.sk-login-banner .callbacks_container{ height: 100%; }
.sk-login-banner .slider-li{ height: 100%; }
.sk-login-banner .slider-li .slider-li-img{ height:100%; background-size:cover; background-position: center; background-repeat: no-repeat; }
.sk-login-main .sk-login-right{ width: 420px; height: 100%; background: #fff url(../images/login-bj.jpg) no-repeat center bottom; background-size: 100%; box-shadow: -2px 0px 10px rgba(255,255,255,.6); z-index: 99; position: relative; }

.sk-login-right .sk-login-content{ position: absolute; width: 100%; margin: auto; display: block; left: 0px; right: 0px; top: 15%; }
.sk-login-title{ position: relative; text-align: center; padding-top: 20px; }

.sk-login-right .sk-login-title-wml{ font-size: 48px; color: #000; font-weight: bold; letter-spacing: 8px; display: inline-block; }
.sk-login-right .sk-login-title-wml .logo-img{ max-height: 65px; display: block; }
.sk-login-right .sk-login-title-r{ font-size: 36px; color: #333; display: inline-block; position: absolute; top:8px;  }
.sk-login-right .sk-login-title-dlym{ font-size: 24px; color: #333; display: inline-block; margin-left: 10px; }

.sk-login-right .sk-login-form{ width: 100%; margin: 50px auto 0 auto; }
.sk-login-right .sk-login-input{ width: 75%; margin: 0 auto 25px auto; }
.sk-login-right .sk-login-input-text{ width: 100%; height: 45px; padding: 0 12px; background: #fff; border:1px solid #ddd; border-radius: 2px; outline: none; font-size: 16px; color: #666; }
.sk-login-right .sk-login-button{ padding-top: 15px; }
.sk-login-right .sk-login-button-btn{ width: 100%; height: 45px; text-align: center; outline: none; background: #00B1EE; border:1px solid #00B1EE; border-radius: 2px; font-size: 18px; color: #fff; cursor: pointer; }
.sk-login-right .sk-login-input-text:hover,.sk-login-right .sk-login-input-text:focus{ border-color: #00B1EE; }
.sk-login-right .sk-login-button-btn:hover,.sk-login-right .sk-login-button-btn:focus{ background: #ef7e00; border-color: #ef7e00; }

.sk-login-right .sk-login-text{ width: 75%; margin: 0 auto; }
/*记住我选择按钮*/
.sk-login-pretty{ line-height: 1; position: relative; display: inline-block; margin: 0; }
.sk-login-checkbox{ position: absolute; z-index: 99999999; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; cursor: pointer; opacity: 0; }
.sk-login-label{ display: inline-block; max-width: 100%; font-size: 15px; }
.sk-login-label .fa-check{ width: 15px; height: 15px; display: block; position: relative; font-size: 1em !important; position: relative; display: inline-block; box-sizing: initial; margin-right: 2px; padding: 1px; text-align: center; }
.sk-login-label .fa-check:before{ position: relative; z-index: 999; left: 0; display: inline-block; vertical-align: bottom; color: transparent; background-color: #fff; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: scale(0); transform: scale(0); }
.sk-login-label .fa-check:after{ position: absolute; top: 0; content: ""; left: 0; width: 100%; height: 100%; color: transparent; border: 1px solid #b9b9b9; border-radius: 0;     -webkit-transition: all .5s ease; transition: all .5s ease; }
.sk-login-pretty>input[type='checkbox']:checked ~ label>i:before{ -webkit-transform: scale(1); transform: scale(1); }
.sk-login-pretty>input[type='checkbox']:checked+label>i:before{ color: #fff; background-color: #ef7e00 !important; }
.sk-login-pretty>input[type='checkbox']:checked ~ label>i:after{ -webkit-transform: scale(0); transform: scale(0); }
.sk-login-pretty input:checked ~ label i:after {-webkit-transform: scale(1) !important; transform: scale(1) !important; }
.sk-login-pretty input:checked+label i:after{ border-color: #ef7e00; background-color: #ef7e00 !important; }

.sk-login-forget-a{ font-size: 15px; color: #333; }
.sk-login-label:hover,.sk-login-forget-a:hover{ color: #ef7e00; }

.sk-login-copyright{ font-size: 16px; text-align: center; color: #736e6e; position: absolute; bottom: 35px; left: 0px; right: 0px; }

/*修改密码*/
.sk-password{ display: none; }
.sk-password-main{ max-width: 360px; height: auto; padding: 10px 20px 20px 20px; }
.sk-password-main .sk-password-text{ position: relative; margin-bottom: 12px; }
.sk-password-main .sk-password-label{ line-height: 32px; font-size: 16px; }
.sk-password-main .sk-password-input{ width: 100%; height: 36px; padding: 0 12px; background: #fff; border:1px solid #ddd; border-radius: 2px; outline: none; font-size: 16px; color: #666; }
.sk-password-main .sk-password-submit{ margin-top: 5px; width: 100%; height: 45px; text-align: center; outline: none; background: #00B1EE; border:1px solid #00B1EE; border-radius: 2px; font-size: 18px; color: #fff; cursor: pointer; }
.sk-password-main .sk-password-input:hover,.sk-password-main .sk-password-input:focus{ border-color: #00B1EE; }
.sk-password-main .sk-password-submit:hover,.sk-password-main .sk-password-submit:focus{ background: #ef7e00; border-color: #ef7e00; }

/*测评申请*/
.wml-evaluation{ border: 3px solid #ff8000; background-color: #fbfbfb; padding: 45px 60px; line-height: 36px; margin-top: 30px; }
.wml-evaluation h2{ margin-bottom: 20px; }
.wml-evaluation-text{ color: #ff0000; font-size: 15px; line-height: 28px; }
.h-contact-info-p .wml-evaluation-li{ padding: 52px 12px !important; }
.wml-evaluation-iframe{ display: block; height: 528px; }
.wml-evaluation-iframe .wml-evaluation-iframe-box{ display:block; border:none; overflow:auto; height: 528px; width: 100%; }

/*404页面*/
.sk-main{ width: 80%; margin: 5% auto 0; }
.sk-main-left{ text-align: left; width: 50%; float: left; }
.sk-main-left-500{ font-size: 120px; line-height: 110px; font-weight: bold; color: #ff8300; }
.sk-main-left-title{ font-size: 36px; color: #333; font-weight: bold; }
.sk-main-left-text{ font-size: 24px; line-height: 36px; padding-top: 50px; }
.sk-main-left-text a{ color: #00b6ff; }
.sk-main-left-text .error{ color: #ff0000; word-break: break-all; }
.sk-main-left-btn{ padding-top: 30px; padding-left: 30px; }
.sk-main-left-btn a{ display: block; text-align: center;  height: 48px; line-height: 48px; width: 180px; border-radius: 3px; border: 2px solid #5e696f; margin-top: 20px; text-decoration: none; color:#383d40; font-size: 18px; transform:rotate(10deg);
-moz-transform:rotate(10deg); /* Firefox 4 */
-webkit-transform:rotate(10deg); /* Safari and Chrome */
-o-transform:rotate(10deg); /* Opera */ }
.sk-main-left-btn a:hover{ background: #ff8300; border-color: #ff8300; color: #fff; transition: all .8s; }
.sk-main-right{ width: 50%; float: right; }
.sk-main-right img{ width: 90%; height: auto; display: block; margin: auto; }


/* online */
#online_qq_layer { z-index: 9999; position: fixed; right: 0px; top: 0; margin: 150px 0 0 0; }
#online_qq_layer *{ transition: unset; }
*html #online_qq_layer {
    position: absolute;
    transition: unset;
    top: expression(eval(document.documentElement.scrollTop));
}
.onlineMenu li.tli,.newpage { background: url(../images/float_s.gif) no-repeat; }

.sk-online{ background: #ff8300; width: 180px; padding: 8px; margin-left: -1px; float: left; display: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.sk-online .onlineMenu{ background: #ffffff; padding: 10px; border-radius: 4px; }
.sk-online .onlineMenu h3 { height: 36px; line-height: 36px; color: #00a0e9; font-size: 16px; font-weight: normal; overflow: hidden; border-bottom: solid 1px #ACE5F9; }

.sk-online .wyzx { padding: 8px; margin: 8px 0; border-radius: 4px; overflow: hidden; background: #ffffff url(../images/dianji.png); background-position: 10px center; background-repeat: no-repeat; }
.sk-online .wyzx a{ font-size: 20px; display: block; padding: 5px 5px 5px 30px; color: #00a0e9; }

.sk-online .onlineMenu li.phone { background-position: 0px -244px; font-size: 14px; padding: 0 0 0 28px; text-align: left; }
.sk-online .onlineMenu li a.newpage { display: block; height: 36px; font-size: 15px; padding: 0 0 0 28px; line-height: 36px; text-align: left; overflow: hidden; background-position: 5px -100px; }

#online_qq_tab { width: 34px; float: left; margin: 120px 0 0 0; position: relative; z-index: 9; }
#online_qq_tab a { display: block; width: 100%; height: 135px; line-height: 999em; overflow: hidden; border-top-left-radius: 3px; border-bottom-left-radius: 3px;  background: #ff8300 url(../images/online_qq_tab.png) no-repeat; }
#online_qq_tab a#floatShow { background-position: 0px center; }
#online_qq_tab a#floatHide { background-position: -36px center; }

.sk-online .onlineMenu li { height: 36px; line-height: 35px; border-bottom: solid 1px #E6E5E4; text-align: center; }
.sk-online .onlineMenu li a{ display: block; }
.sk-online .onlineMenu li span{ display: block; float: left; font-size: 15px; margin-left: 12px;}
.sk-online .onlineMenu li img{ display: block; float: left; margin-top: 7px; }

/*新增页面，电商系统*/
.download_content_top { padding:50px 0; }
.download_content_top li{ width: 33.3%; height: 180px; float: left; text-align: center; }
.download_content_top li h2 { font-size: 20px; color: #333333; }
.download_content_top .p1 { font-size: 12px; color: #888888; line-height: 26px; }
.download_content_top .p2 { font-size: 14px; color: #333333; font-weight: 800; line-height: 24px; }

.wml-beeecshop-more{ background: url(../images/download_10.jpg); height: 225px; }
.wml-beeecshop-more .width-main{ text-align: center; padding-top: 50px; }
.wml-beeecshop-more h3{ font-size: 26px; color: #ffffff; text-align: center; font-weight: 400; padding-bottom: 25px; }
.wml-beeecshop-more a{ display: inline-block; width: 200px; height: 40px; border-radius: 40px; background-color: #fff; outline: none; border: 0; font-size: 16px; color: #000000; text-align: center; line-height: 38px; }
.wml-beeecshop-more a:hover{ background-color: #ff8300; color: #ffffff; }



@media (max-width: 1500px){
	.header .sk-head-padding{ padding: 0 25px; }
	.nav-ul .nav-li{ padding: 0 14px; }
	.nav-ul .nav-li .nav-a,.nav-ul .nav-li .nav-comtact{ font-size: 16px; font-weight: normal; }
}

@media (max-width: 1366px){
	.nav-ul .nav-li{ padding: 0 12px; }
	/*.sk-all-video-right .sk-all-video-right-ul{ height: 360px; }*/
	.sk-all-video-main{ min-height: 430px; }
	.nav-ul .nav-li{ padding: 0 12px; }
	.nav-ul .nav-li .nav-a,.nav-ul .nav-li .nav-comtact{ font-size: 15px;}
}
@media (max-width: 1300px){
	.header .sk-head-padding{ padding: 0 20px; }
	.nav-ul .nav-li{ padding: 0 8px; }
	.nav-ul .nav-li .nav-a,.nav-ul .nav-li .nav-comtact{ font-size: 15px; font-weight: normal; }
	.nav-ul .nav-li .nav-comtact{ width: 70px; }
}
@media (max-width: 1200px){
	.width-main{
		width: 100%;
	}
	.sk-newslist-main{ padding: 20px 15px; }
	.sk-all-function .sk-all-function-main{ width: 98%; }
	.header .sk-head-padding{ padding: 0 30px; }
	.logo-img{ max-height: 60px; }
	.nav-ul .nav-li{ padding: 0 8px; }
	.nav-ul .nav-li .nav-a,.nav-ul .nav-li .nav-comtact{ font-size: 14px;}
	.all-main-center { max-width: 530px; padding: 42px 10px 30px 10px; }

	.sk-all-video-main{ height: auto; }
	.sk-all-video-right .sk-all-video-right-ul{ height: auto; }
	.sk-all-video-right{ position: static; width: 100%; }
	.sk-all-video-left{ padding-right: 0px; height: 430px; }
	.sk-all-video-main{ width: 100%; }
	.sk-all-video-main .sk-video-btn{ display: none; }

	.sk-main{ width: 90%; }
	.sk-main-left-text{ padding-top: 25px; }
	.sk-main-left-500{ font-size: 100px; }
}

@media (max-width: 1130px){
	.navigation{ display: none; }
  	.sk-icon-navicon{ display: block; }
}


@media (max-width: 1024px){
  	.sk-newslist .sk-newslist-li h4{ font-size: 1.143em; }

  	.all-main{ position: relative; }
  	.all-main-left{ display: none; position: absolute; left: -230px; top: 0; z-index: 11; animation: leftOpen .8s;
-moz-animation: leftOpen .8s;	/* Firefox */
-webkit-animation: leftOpen .8s;	/* Safari 和 Chrome */
-o-animation: leftOpen .8s; }
  	.all-main-center { max-width: 720px; width: calc( 100% - 220px); padding: 42px 10px 30px 10px; }
  	.all-left-btn{ display: block; position: absolute; top: 0px; left: 0px; z-index: 12; background: #00a1ff; font-size: 14px; color: #ffffff; padding: 6px 10px; cursor: pointer; }
  	.all-main-left-open{ left: 0px; display: block; }

  	.sk-main{ width: 96%; }

  	.wml-evaluation{ width: 98%; height: auto; margin: auto; padding: 8px; line-height: 28px; }
  	.h-contact-info-p .wml-evaluation-li{ padding: 20px 12px !important; }
  	.wml-evaluation-iframe-main{ padding: 20px 15px !important; }

}

@media ( max-width: 923px){
	.sk-newslist{ padding: 10px; }
	.sk-newslist .sk-newslist-li{width:48%;margin-left:0;margin-right:0;}
  	.sk-newslist .sk-newslist-li:nth-child(2n){float:right;}
  	.sk-video-layer{ width: 100%; height: 100%; overflow-y: auto; padding: 10px; }
  	.sk-video-layer-title{ background-position: 15px center; text-align: left; }
  	.sk-video-layer-left{ width: 100%; border-right: 0; margin: auto; float: none; }
  	.sk-video-layer-right{ width: 100%; float: none; padding-left: 0; }

  	.sk-main-left{ width: 30%; }
  	.sk-main-right{ width: 70%; }
  	.sk-main-left-title{ font-size: 24px; }
  	.sk-main-left-text{ font-size: 18px; }
  	.sk-main-left-btn{ padding-left: 0; }
}

@media ( max-width: 768px){
	.footer .foot-nav .foot-nav-a{
		width: 30%;
		margin: 5px 0;
	}
	.footer{ padding: 25px 10px; }
	.foot-copyright{ line-height: 2.13; }
	.sk-newsShow{ padding: 15px 0 50px; }
	.sk-breadCrumb{ display: none; }
	.sk-all-video-title{ font-size: 15px; }
	.sk-showPage .back{float:none;width:100%;display:block;margin-top:15px;}
	.sk-all-video-right .sk-all-video-right-span{ font-size: 12px; }
	.sk-all-video-right .sk-all-video-right-a{ font-size: 13px; }
	.sk-all-video-right{ padding: 10px 5px; }
	.sk-all-video-left{ height: 310px; }

	.layui-layer-page .layui-layer-content{ overflow-y: auto !important; height: 100% !important; }
  	.layui-layer-setwin .layui-layer-close2{ right: -18px !important; top: -18px !important; }

  	.sk-main-left{ float: none; width: 100%; padding-left: 45px; }
  	.sk-main-right{ float: none; width: 100%; margin-top: 45px; }

}

@media (max-width: 640px){
	.sk-newslist .sk-newslist-li{ padding: 30px 10px; width: 49%; }
	.sk-all-classification .sk-classification-li{ width: 33.33333%; }
	.sk-all-classification .sk-classification-li-a{ margin: 3px 5px; }
	.all-main-center{ width: 100%; float: none; }
	.all-main-right{ float: none; margin: 0px auto; width: 60%; }
	.sk-all-video-left{ height: 260px; }
	.sk-login-main .sk-login-banner{ display: none; }
	.sk-login-main .sk-login-right{ width: 100%; float: none; box-shadow: none; }
	.sk-login-right .sk-login-form{ margin-top: 30px; }
	.sk-login-right .sk-login-input,.sk-login-right .sk-login-text{ width: 85%; }
	.sk-newslist-main{ padding: 15px 10px; }
	.sk-showCon{ font-size: 14px; }
	.sk-showPage{ font-size: 12px; }

	#topcontrol{ bottom: 10px !important; right: 10px !important; width: 32px; }

	.wml-evaluation-iframe{ height: auto; }
	.wml-evaluation-iframe .wml-evaluation-iframe-box{ height: 665px; }
	#online_qq_layer { margin: 10% 0 0 0; }
}

@media (max-width: 480px) and (min-width: 320px){
	.sk-newslist .sk-newslist-li,.sk-newslist .sk-newslist-li:nth-child(2n){float:none;width:100%;font-size:.875rem;}
	.sk-newslist .sk-newslist-li .date{  }
	.sk-newslist .sk-newslist-li h4,.sk-newslist .sk-newslist-li p{min-height:auto;margin-bottom:10px;}
	.all-main-right{ width: 90%; }
	.header .sk-head-padding{ padding: 0 15px; }
	.sk-header,.header{ height: 132px; }
	.logo-img{ max-height: 50px; }
	.sk-icon-navicon{ margin-top: 23px; }
	.sk-list-ul .sk-list-li{ padding-left: 28px; }
	.sk-all-text{ font-size: 15px; padding: 15px 10px; width: 98%; }
	.sk-all-video-left{ height: 220px; }
	.sk-login-right .sk-login-title-wml{ font-size: 36px; }
	.sk-login-right .sk-login-title-dlym{ font-size: 20px; }
	.sk-login-right .sk-login-title-r{ font-size: 24px; }
	.sk-login-title{ padding-top: 10px; }
	.sk-login-right .sk-login-input,.sk-login-right .sk-login-text{ width: 90%; }
	.sk-login-copyright{ font-size: 14px; }
	.sk-all-function{ padding-top: 12px; }
}

.header-fixed{ height: 120px; }
.head_open{ height:100%; }


.wml-index-product{ display: block; background-color: #ffffff; padding-bottom: 50px; }
.wml-index-product-box{ display: block; clear: both;}

.wml-index-banner{ width: 100%; height: auto; font-size: 0; display: block; background-color: #fdbe01; padding: 12px 0; }
.wml-index-banner .wml-index-banner-img{ max-width: 100%; height: auto; margin: 0 auto;}
.wml-index-banner .wml-index-banner-pc{ display: block;}
.wml-index-banner .wml-index-banner-mobile{ display: none;}

.wml-index-service{ padding: 30px 0; }
.wml-index-service .wml-index-service-img{ width: 45%; height: auto; display: block; font-size: 0; }
.wml-index-service .wml-index-service-img img{ width: 100%; height: auto; display: block; }
.wml-index-service .wml-index-service-box{ width: 45%; padding-top: 55px;}
.wml-index-service .wml-index-service-title{ height: 28px; font-size: 20px; font-weight: 600; color: rgba(0,0,0,1); line-height: 28px; }
.wml-index-service .wml-index-service-text{ font-size: 16px; width: 400px; font-weight: 400; color: rgba(102,102,102,1); line-height: 30px; display: block; margin: 20px 0; }
.wml-index-service .wml-index-service-href{ display: inline-block; padding: 10px 20px; background-color: #0DAEFF; color: #ffffff; border-radius: 3px; }
.wml-index-service .wml-index-service-href:hover{ background-color: #138cca; color: #ffffff; }

.wml-index-shangxueyuan{ background-color: #ffffff; }
.wml-index-amazon{ background-color: #fbfbfb; }
.wml-index-waimaolang{ background-color: #ffffff; }
.wml-index-aizidong{ background-color: #fbfbfb; }
.wml-index-website{ background-color: #ffffff; }
.wml-index-shangcheng{ background-color: #fbfbfb; }
.wml-index-crm{ background-color: #ffffff; }
.wml-index-yunying{ background-color: #ffffff; }

@media (max-width: 1200px){
	.wml-index-service .wml-index-service-text{ width: 100%; }
	.wml-index-product .width-main{ width: 96%;}
}

@media (max-width: 768px){
	.wml-index-banner .wml-index-banner-pc{ display: none;}
	.wml-index-banner .wml-index-banner-mobile{ display: block;}
	.wml-index-service .wml-index-service-img{ width: 90%; margin: auto; float: none;}
	.wml-index-service .wml-index-service-box{ width: 90%; margin: auto; float: none;}
	.wml-index-service .wml-index-service-text{ width: 100%;}
}