@font-face {font-family:PingFangSCRegular;src:url('PingFangSCRegular.ttf')}

@font-face {font-family: "iconfont"; src: url('iconfont.ttf') format('truetype');}

.iconfont { font-family: "iconfont" !important; display: inline-block; vertical-align: middle; margin: 0 5px; font-size: 1.5rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px; -moz-osx-font-smoothing: grayscale;}

.iconfont-long-arrow-right:before { content: "\E779"}
.iconfont-search:before { content: "\E6BA"}
.iconfont-earth:before { content: "\E668"}
.iconfont-arrow-left:before { content: "\E63D"}
.iconfont-arrow-right:before { content: "\E63E"}
.iconfont-arrow-down:before { content: "\E69D"}
.iconfont-totop:before { content: "\E605"}


* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;margin: 0; padding: 0; font-weight: lighter;}
html,
body {font-family: "PingFangSCRegular", '微软雅黑', 'Microsoft YaHei', 'hanSansCN_Medium', 'Arial', 'Helvetica Neue', 'Helvetica', 'STHeiTi', 'arial', 'sans-serif'; -webkit-font-smoothing: antialiased; font-size:14px; line-height:1.5; color:#333; font-weight:lighter;}
body{ overflow-x:hidden;}
ul,li {list-style: none; }
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: lighter; }
a{ color:#000; text-decoration: none; cursor: pointer; }
a:hover{color:#3265E7;}
em,i {display: inline-block; vertical-align: middle; font-style: normal; }
select {border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
input{outline: none; border:none; }
::-webkit-input-placeholder {color: #999; }
button {border: none;outline: none; }

.mt30{ margin-top:30px; width:100%; text-align:center;}
.mb30{ margin-bottom:30px;}

.imgZoom img,
.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 公共按钮 */
.common_btns{display:inline-block; border:1px solid #808080; border-radius:25px; padding:10px 15px 10px 30px; font-size:14px; color:#333; transition:all .3s ease;}
.common_btns i{font-size:18px; line-height:1; margin:0 10px; transition:transform .3s ease; margin-top:-5px;}
.common_btns .t{display:inline-block; vertical-align:middle; transition:transform .3s ease;}
.common_btns:hover{color:#fff; background:#3265E7; border-color:#3265E7;}
.common_btns:hover i{transform:translateX(5px);}
.common_btns:hover .t{transform:translateX(4px);}

.common_btns.white{border-color:#fff; color:#fff;}
.common_btns.white:hover{}



/*单行溢出*/
.one-txt-cut{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*多行溢出 手机端使用*/
.txt-cut{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; /* -webkit-line-clamp: 2; */ -webkit-box-orient: vertical;}

/*滚动条样式*/
::-webkit-scrollbar {width: 5px; height: 10px; }
::-webkit-scrollbar-button:vertical {display: none; }
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {background-color: #ffffff00; }
::-webkit-scrollbar-thumb {border-radius: 5px; background-color: rgba(0, 0, 0, 0.3); }
::-webkit-scrollbar-thumb:vertical:hover {background-color: rgba(0, 0, 0, 0.35); }
::-webkit-scrollbar-thumb:vertical:active {background-color: rgba(0, 0, 0, 0.38); }


.wrapper{ width:1200px; margin:0 auto;}

#header { position: sticky; top: 0; z-index: 1000; width: 100%; background:#fff; background:url("../images/bg.jpg") center/cover repeat;border-top:#3265E7 solid 3px; box-shadow: 0 3px 8px rgba(0, 0, 41, 0.16);}
#header .header_box{ height:150px; display:flex; justify-content:center; align-items:center;}
#header .logo{ display:block; height:110px;}
#header .logo img{ display:block; height:100%;}



/*footer*/
#footer {background:#1f1f1f; overflow:hidden;}
/*lx*/
#footer .box{ display:flex;}
#footer .f-left{ width:50%; padding:50px 50px 50px 0;}
#footer .f-tit{overflow:hidden;}
#footer .f-tit h3{ font-size:30px; line-height:150%; color:#fff; letter-spacing:0.1rem;}

#footer .f-lx {padding:15px 0;}
#footer .f-lx li{ height:70px; background:url(../images/f1.png) 0 center no-repeat;}
#footer .f-lx li.f2{background-image:url(../images/f2.png);}
#footer .f-lx li.f3{background-image:url(../images/f3.png)}
#footer .f-lx li div{ color:#6f6f6f; height:70px; overflow:hidden; font-size:14px; padding-left:65px;}
#footer .f-lx li strong{ display: block; color:#fff; font-size:14px; margin-top:15px;}
/*ly*/
#footer .f-ly{width:50%; padding:50px 0 50px 50px;}
#footer .f-ly ::-webkit-input-placeholder {color: #555;} 
#footer .f-ly dl{ display:flex; flex-wrap:wrap;}
#footer .f-ly dt{ width:49%; margin-right:2%; margin-top:15px;}
#footer .f-ly dt:nth-child(2n){ margin-right:0;}
#footer .f-ly dt input{width:100%; color: #ccc; padding:15px; background: none;border:1px solid #3b3b3b;}
#footer .f-ly dd{ width:100%; margin-top:15px;}
#footer .f-ly dd textarea{width:100%; height:120px;padding:10px;border:1px solid #3b3b3b;background: none; color: #ccc;}
#footer .f-ly .btn {display: block; width:200px;color: #fff; background:#5b5b5b; border:0;cursor: pointer;font-size:14px;padding: 15px 0;text-align: center; margin-top:15px}
#footer .f-ly input.btn:hover{background:#333;}
#footer .f-ly span{display:inline-block; margin-left:20px; margin-top:5px;}
	
/*图片加载中div图层，用于遮挡页面*/
#loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 15000; display:none;}
#loading img {position: absolute;top: 50%;left: 50%;width: 90px;height: 90px;margin-top: -45px;margin-left: -45px;}

.f-copy{ text-align:center; font-size:14px; color:#8b8b8b; border-top:#434343 solid 1px;}
.f-copy p{padding:20px 0;}
.f-copy span{ display:inline-block; margin: 0 2.5px;}
.f-copy a{padding:0 8px; color:#8b8b8b}
.f-copy a:hover{color:#fff;}


/*backtop*/
.back-top {position: fixed; bottom: 45px; right: 15px; width: 45px; height: 45px; line-height:45px; text-align:center; background:#191919; display: none; z-index: 300;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
.back-top i{color:#fff; font-size:20px; }
.back-top:hover {background: #464748}


/*分页样式开始*/
.turnover {text-align:center; margin:50px 0; font-size:14px; width:100%;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block;padding:0 15px; height:40px; line-height:40px; margin-left:5px;text-align:center;}
.turnover a, .turnover .disabled {background:#fff;border:1px solid #dedede;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #3265E7;background:#3265E7;color:#fff;  }
.turnover .disabled{ color:#999;}


@media (max-width: 768px) {
	
	body {font-size: 0.925rem; }
	
	.wrapper{width: 100%;}	
	
	#header .header_box{ height:70px; padding: 0 1rem;}
	#header .logo{ height:40px;}

	/*lx*/
	#footer .box{ display: block;}
	#footer .f-left{ width:100%; padding:1.5rem;}
	#footer .f-tit h3{ font-size:1rem;}
	
	#footer .f-lx {padding:1rem 0;}
	#footer .f-lx li{ height:50px; background-size:auto 50px}
	#footer .f-lx li div{ height:50px; font-size:0.825rem; padding-left:55px;}
	#footer .f-lx li strong{ font-size:0.925rem; margin-top:5px;}
	/*ly*/
	#footer .f-ly{ display:none;}
	

	.f-copy{ font-size:0.825rem;}
	.f-copy p{padding:1rem 0;}

	/*分页样式开始*/
	.turnover {margin:25px 0; font-size:1rem;}
	.turnover a, .turnover .current, .turnover .disabled{padding:0 10px; height:30px; line-height:30px;}

}