@charset "UTF-8";
/* CSS Document */
@font-face{
	font-family:'SourceHanSansCN-Regular';
	src:url('../fonts/SourceHanSansCN-Regular.eot');
	src:url('../fonts/SourceHanSansCN-Regular.eot?#iefix')format('embedded-opentype'),
	url('../fonts/SourceHanSansCN-Regular.woff')format('woff'),
	url('../fonts/SourceHanSansCN-Regular.ttf')format('truetype'),
	url('../fonts/SourceHanSansCN-Regular.svg#webfont34M5alKg')format('svg');
	font-weight:normal;
	font-style:normal;
 }

body {
    font-family: 'SourceHanSansCN-Regular','Microsoft YaHei','微软雅黑','SimSun','宋体',Arial;
    margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #FFFFFF;
}

html {
    font-size: 62.5%;
	width: 100%;
	height: 100%;
}

img {
    border: 0;
    vertical-align: middle;
}

ul, ol, li, div {
    margin: 0;
    padding: 0;
}

ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    padding-block-start: 0;
    padding-block-end: 0;
}
ul:after{
	display: block;
	content: ' ';
	clear: both;
}

li {
    list-style: none;
}

p {
    margin-block-start: 0;
    margin-block-end: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

a {
    color: #191a1c;
    text-decoration: none
}

    a:hover {
        text-decoration: none;
        -webkit-transition: background-color .2s ease;
        -moz-transition: background-color .2s ease;
        -ms-transition: background-color .2s ease;
        -o-transition: background-color .2s ease;
        transition: background-color .2s ease
    }

hr {
    /*border: 0;*/
}

.clear {
    clear: both;
}

.clearfix {
    zoom: 1;
}

    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.m-t-0{margin-top: 0 !important;}
.m-b-0{margin-bottom: 0 !important;}

.no-border {
    border: 0 !important;
}

.bg-white {
    background: #fff !important;
}
.bg-grey{background: #f5f5f5 !important;}
.show {
    display: block !important;
}

.hide {
    display: none !important;
}
.bold{font-weight: bold !important;}
img {
    width: 100%;
}

button {
    outline: none;
    cursor: pointer;
    border: 0;
}

input, textarea {
    outline: none;
}



.wrap {
    width: 100%;
	/*max-width: 1920px;*/
	min-height: 100%;
    margin: 0 auto;
    text-align: center;
	background-size: 100%;
	position: relative;
}

/** 顶部导航 **/
#head {
	/*overflow-x:hidden;*/
}
.header {
    width: 100%;
    height: 98px;
    background: rgba(255,255,255,0.7);
    text-align: center;
	position: relative;
	border-bottom: 2px solid #d1d1d4;
	z-index: 99;
}
.header > .box{
	width: 100%;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .logo {
    width: 163px;
    height: 26px;

    display:flex; align-items:center;
}

.header .menu{
    text-align: center;
	position: relative;
}
.header .menu ul{
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}

.header .menu > ul:after{
    content:'';
    clear:both;
    display:inline-block;
}

    .header .menu li {
        float: left;
        color: #191a1c;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        position: relative;
		height: 100px;
    }
	.header .menu > ul > li:first-child {
	    padding-left: 0;
	}
	.header .menu > ul > li:last-child {
	    padding-right: 0;
	}

        .header .menu li a {
            font-size: 15px;
            width:100%;
            display: inline-block;
            line-height: 60px;
			padding-left: 2px;
			padding-right: 2px;
			margin-top: 20px;
        }
		
		.header .menu li a > i {
		    display: inline-block;
			width: 16px;
			height: 10px;
			margin-left: 10px;
			background: url(../images/icon_arrow_down.png) no-repeat center;
			background-size: cover;
		}

        .header .menu li.cur > a {
            color: #019cdf;
            border-bottom: 2px solid #019cdf;
        }
		
		.header .menu li.cur > a > i {
		    background: url(../images/icon_arrow_down_cur.png) no-repeat center;
		    background-size: cover;
		}

        .header .menu li a:hover {
            color: #019cdf;
        }

    .header .menu > ul > li > a:hover {
        border-bottom: 2px solid #019cdf;
    }
	
	.header .menu > ul > li > a:hover > i {
	    background: url(../images/icon_arrow_down_cur.png) no-repeat center;
	    background-size: cover;
	}

    .header .menu .sub {
		display: none;
        background: #FFFFFF;
        z-index: 90;
        min-width:100%;
        width:max-content;
		text-align: center;
		position: absolute;
		left: 0;
		top: 100px;
    }
	.header .menu .sub li{
		float: unset;
		display: block;
		padding: 5px 15px;
		height: 40px;
	}
	.header .menu .sub li a{
		width: auto;
		line-height: 40px;
		margin-top: unset;
	}



/**主容器**/
.container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}


/*菜单 tab*/
.container .menu{
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #F0F0F0;
}
.container .menu .box{
	width: 100%;
	height: 60px;
	max-width: 1200px;
	margin: 0 auto;
}
.container .menu ul:after{
	display: block;
	content: ' ';
	clear: both;
}
.container .menu ul li{
	float: left;
	font-size: 20px;
	margin-right: 40px;
}
.container .menu ul li:last-child{
	margin-right: 0;
}
.container .menu ul li a{
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding-left: 8px;
	padding-right: 8px;
}
.container .menu ul li a:hover,.container .menu ul li a.cur{
	color: #009BE1;
	border-bottom: 3px solid #009BE1;
}

/** 底部 **/
.footer {
    width: 100%;
    /*height: 440px;*/
    background: #191a1c;
    text-align: center;
}
.footer div,.footer p,.footer a{color: #FFFFFF;}
.footer .box{
    width:100%;
    max-width:1200px;
    /*height:350px;*/
    margin:0 auto;
	padding-top: 60px;
}
.footer .box ul{
}
.footer .box ul:after{
	display: block;
	content: ' ';
	clear: both;
}
.footer .box ul li{
	float: left;
	width: 200px;
	text-align: left;
}
.footer .box ul li:first-child{
	width: calc(100% - 800px);
	min-height: 100px;
}
.footer .box ul li:first-child > img{
	width: unset;
	margin-top: 10px;
}
.footer .box ul li:first-child > div{
	margin-top: 40px;
	font-size: 16px;
	line-height: 32px;
}
.footer .box ul li:first-child > div > p:nth-child(2){
	font-size: 24px;
	line-height: 48px;
}
.footer .box ul li:first-child > div > p:nth-child(3){
	display: flex;
	align-items: center;
	padding-top: 20px;
}
.footer .box ul li:first-child > div a{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 15px;
}
.footer .box ul li:first-child > div a.qq{
	width: 24px;
	height: 24px;
	background: url(../images/icon_QQ.png) no-repeat center;
	background-size: cover;
}
.footer .box ul li:first-child > div a.wechat{
	background: url(../images/icon_WeChat.png) no-repeat center;
	background-size: cover;
}
.footer .box ul li:first-child > div a.sina{
	background: url(../images/icon_sina.png) no-repeat center;
	background-size: cover;
}
.footer .box ul li > p:nth-child(1){
	font-size: 20px;
	margin-bottom: 15px;
}
.footer .box ul li > p{
	font-size: 16px;
	line-height: 38px;
}
.footer .box > div{
	width: 100%;
	text-align: left;
	margin-top: 60px;
	font-size: 14px;
	color: #d1d1d2;
}
.footer .box > div label{
	
}
.footer .box > div a{
	color: #d1d1d2;
	margin-right: 15px;
}
.footer .copyright{
    width:100%;
    height:30px;
    background-color:#000;
    color:#fff;
    line-height:30px;
}

/*引导语*/
.guide{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #191a1c;
}
.guide .box{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}
.guide i{
	display: inline-block;
	width: 17px;
	height: 11px;
	background: url(../images/icon_guide_arrow_right.png) no-repeat center;
	margin-left: 10px;
	margin-right: 10px;
}

/*翻页*/

.paging{
	width: 100%;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
/*.paging > div:nth-child(1){
	display: flex;
	align-items: center;
}
.paging > div:nth-child(1) a,.paging > div:nth-child(1) span{
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 10px;
}
.paging > div:nth-child(1) a:hover,.paging > div:nth-child(1) .cur{
	background-color: #009BE1;
	color: #FFFFFF;
}
.paging > div:nth-child(1) a.pre{
	background: url(../images/paging/btn_pre_cur.png) no-repeat center;
	background-size: cover;
}
.paging > div:nth-child(1) a.next{
	background: url(../images/paging/btn_next_cur.png) no-repeat center;
	background-size: cover;
}
.paging > div:nth-child(1) span.pre{
	background: url(../images/paging/btn_pre.png) no-repeat center;
	background-size: cover;
}
.paging > div:nth-child(1) span.next{
	background: url(../images/paging/btn_next.png) no-repeat center;
	background-size: cover;
}
.paging > div:nth-child(2){
	margin-left: 140px;
}
.paging > div:nth-child(2) input{
	width: 40px;
	border: 0;
	border-bottom: 1px solid #333333;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
}*/



/*兼容屏幕*/
@media screen and (max-width:1060px) {
	.header .menu li {
		padding-left: 0.8rem;
		padding-right:0.8rem;
	}
}
@media screen and (max-width:1020px) {

	.footer .box ul {
		width: 100%;
	}
	.footer .box ul li:first-child{
		margin:13% 0 0 10%;
		width: 25%;
	}
	.footer .box ul li:not(:first-child){
		margin-left: 10%;
		width: 20%;
	}
	.footer .box ul li:not(:first-child) p:nth-child(1){
		margin-top: 10%;
	}
}

.h5-menu-btn {
    display:none;
}
.left-menu {
    display:none;
}

/*其他页面的引导图*/
.banner > .box > img:nth-child(2){
    display:none;
}

/*
手机端
*/
@media screen and (max-width:640px) 
{
    html{font-size:12px;}
    /** h5 部分 **/
    .h5-menu-btn{ 
        display:block;
        margin-right:1rem;
    }
    .h5-menu-btn a { 
        display: inline-block; 
        vertical-align: middle; 
        width: 2.3rem; height: 2.3rem; 
        padding:0.2rem; margin-top:0.6rem;
        -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
    .h5-menu-btn a span { position: relative; display: block; width: 100%; height: 2px; margin: 0 auto 0.6rem; background: #352b2b; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
    .h5-menu-btn a.active span { background: #666; }
    .h5-menu-btn a.active span:nth-child(1) { top: 0.8rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    .h5-menu-btn a.active span:nth-child(2) { opacity: 0; }
    .h5-menu-btn a.active span:nth-child(3) { top: -0.8rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    
    .header{
        height:5rem;
        position:fixed !important;
        top:0;
        left:0;
        z-index:9999;
    }
    .header .box{
        justify-content:space-between;
    }
    .header .nav{
        height:100%;
    }
    .header .nav > div{
        padding:0;
        height:100%;
        background:#fff;
    }
    .header .box .logo{
        width:12rem;
        height:2.8rem;
        margin-left:1rem;
    }
    .header .box .logo img{
        height:unset;
    }
    .header .menu{ display:none;}

    .left-menu{
        display:block;
        width:100%; height:calc(100vh - 5.1rem);
        background:#fff;
        position:fixed; top:5.1rem; left:100vw; z-index:9999;
    }
    .left-menu .search-box{
        height:4rem;
        border-bottom:1px solid rgba(0,0,0,.1);
    }
    .left-menu .search-box form{
        display:flex;
        align-items:center;
        height:100%;
    }
    .left-menu .search-box i{
        display:inline-block;
        width:2rem;
        height:2rem;
        background:url(../images/search.png) no-repeat center;
        background-size:cover;
        margin-left:2rem;
    }
    .left-menu .search-box input{
        border:0;
        width:calc(100% - 7.5rem);
        height:3rem;
        margin-left:0.6rem;
    }
    .left-menu > ul{

    }
    .left-menu > ul > li{
        border-bottom:1px solid rgba(0,0,0,.1);
    }
    .left-menu > ul > li > span,.left-menu > ul > li > a{
        font-size:1.3rem;
        color:#333;
        height:4rem;
        display:flex; align-items:center; justify-content:space-between;
        border-bottom:1px solid rgba(0,0,0,.1);
        padding-left:2rem;
    }
    .left-menu > ul > li > span i{
        display:inline-block;
        width:16px;
        height:10px;
        background:url(../images/arrow_down.png) no-repeat center;
        background-size:cover;
        margin-right:2rem;
    }
    .left-menu > ul > li.cur > span i{
        background:url(../images/arrow_up_hover.png) no-repeat center;
        background-size:cover;
    }
    .left-menu > ul > li > ul{
        display:none;
        padding:1rem 0;
    }
    .left-menu > ul > li.cur > ul{
        display:block;
    }
    .left-menu > ul > li > ul > li{
        display:inline-block;
        width:100%; height:3rem;
        text-align:left;
    }
    .left-menu > ul > li > ul > li a{
        display:inline-block;
        margin-left:3rem;
        font-size:1.3rem;
        color:#a9a9a9;
        width:calc(100% - 3rem); height:3rem; line-height:3rem;
    }

    .footer{ 
        height:unset;
        background:#ececec;
        margin-top:1rem;
    }
    .footer div, .footer p, .footer a {
        color:#191a1c;
    }
    .footer .box ul li:nth-child(1),.footer .box ul li:nth-child(2),.footer .box ul li:nth-child(4),.footer .box ul li:nth-child(5),.footer .box > div {
        display:none;
    }
    .footer .box ul li:nth-child(3) {
        margin-left:unset;
        width:calc(100% - 3rem);
        margin-left:1.5rem;
    }
    .footer .box ul li:nth-child(3) > p {
        text-align:center;
    }
    .footer .box ul li:nth-child(3) > p:nth-child(1) {
        margin-top:1rem;
        margin-bottom:0;
    }
    .footer .box ul li:nth-child(3) > p:nth-child(n+2) {
        display:inline-block;
        width:6rem;
        font-size:1.2rem;
    }

    .footer .box {
        padding-top:1rem;
    }
    .footer .copyright {
        background:#ececec;
        color:#191a1c;
        padding-bottom:6rem;
        margin-top:2rem;
        font-size:1rem;
    }
    

    .container{
        width:100%;
    }

    /*其他页面的引导图*/
    .banner > .box > img:nth-child(1){
        display:none;
    }
    .banner > .box > img:nth-child(2){
        display:block;
    }

    .tab-box{
        width:100%;
        height:3.8rem;
    }
    .tab-box ul li{
        margin-right:2rem;
        height:3.8rem;
    }
    .tab-box ul li a{
        font-size:1.2rem;
        height:3.8rem;
        line-height:3.85rem;
    }

    .tit-box{
        margin-bottom:1rem;
    }
    .tit-box p{
        font-size:1.6rem;
    }

    .pages{
        padding-top:1rem;
        padding-bottom:1rem;
    }
    .pages span{
        width:2rem; height:2rem;
    }
    .pages a{
        width:2rem; height:2rem;
        font-size:1.2rem;
    }

    .guide{
        /*height:3rem;*/
        min-height:3rem;
        line-height:3rem;
        margin-top:5rem;
        font-size:1.2rem;
    }
    .guide label {
        margin-left:1.5rem;
    }

    .container > .main > .tit{
        padding-top:1rem;
        padding-bottom:1rem;
    }
    .container > .info > .tit span:nth-child(1){
        font-size:1.8rem;
    }
    .container > .info > .tit span:nth-child(2){
        font-size:1.2rem;
        margin-top:1rem;
    }
    .container > .main > .tit > img{
        width:100%;
    }

    .feedback-box{
        margin-bottom:1rem;
    }
    .feedback-box .f-left{
        display:none;
    }
    .feedback-box .f-right{
        width:100%;
    }

    .paging .layui-laypage-count,.paging .layui-laypage-skip,.paging .jumpPage,.paging .prev,.paging .next {
		display:none !important;
	}
}