@font-face{

	font-family:"AB-R";

	src: url("../other/OPPOSans-R.ttf") format("opentype");

}



* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;margin: 0; padding: 0; font-weight: normal; }

html,

body {font-family: "AB-R", '微软雅黑', '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;}

ul,li {list-style: none; }

h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: 400; }

a{ color:#333; text-decoration: none; cursor: pointer; }

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;}



/*单行溢出*/

.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: fixed; top: 0; z-index: 1000; width: 100%; background: rgba(34, 34, 34, 0.8); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }

#header .header_box{ height:70px; display:flex; justify-content:space-between; align-items:center;}

#header .logo{ height:45px;}

#header .logo img{ display:block; height:100%;}



#header .top_menu{ width:30px; height:24px; position:relative; display:none;}

#header .top_menu i{ display:block; background:#fff; height:2px; margin-top:11px; transition: 0.3s;}

#header .top_menu::before, 

#header .top_menu::after { position: absolute; left: 0; width: 100%; height: 2px; content: ''; transition: 0.3s; background:#fff; transform-origin: 7.5%;} 

#header .top_menu::before{ top:0;}

#header .top_menu::after { bottom:0;}

#header .top_menu.open_menu i {-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0;}

#header .top_menu.open_menu::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin:0}

#header .top_menu.open_menu::before {-webkit-transform: rotate(45deg);transform: rotate(45deg);transform-origin:0}



#header .nav>ul{ display:flex;}

#header .nav>ul>li{ position:relative;}

#header .nav>ul>li>a{ display:block; height:70px; line-height:70px; font-size:16px; color:#fff; font-weight:500; padding:0 35px;}

#header .nav>ul>li.on>a{color:#0052d9;}



#header .sub{ position:absolute; left:0; top:70px; width:200px; overflow:hidden; border-radius: 5px; background:#fff; padding:0; box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.15); padding:15px; display:none;}

#header .sub li{}

#header .sub li a{ display:block; border-bottom: 0px solid rgba(153, 153, 153, 0.1); color: #0e0101; font-size: 14px; line-height: 45px; padding:0 0 0 20px;}

#header .sub li:hover a{ color:#1a3170;}





#header .langsearch{ display:flex; height: 70px; justify-content:center; align-items:center; position:relative;}

#header .langsearch .search { width: 21px; height: 20px; margin-right: 27px; cursor:pointer;}

#header .langsearch .h-search { width: 300px; z-index: 2; position:absolute; top: 70px; right: 0; background: #fff; box-shadow: 0px 10px 15px 0px rgba(36, 31, 31, 0.03); display:none;}

#header .langsearch .h-search form{ display:flex;}

#header .langsearch .h-search input{ width:240px; padding:0 10px;}

#header .langsearch .h-search button{ width:60px; height:40px; background:#333 url(../images/s.png) no-repeat center center; background-size: 30px;}

#header .langsearch .lang { width: 23px; height: 20px; cursor:pointer;}

#header .langsearch .h-lang { width: 110px; padding:12px 0; z-index: 2000; position:absolute; top: 70px; right: -45px; background: #fff; box-shadow: 0px 10px 15px 0px rgba(36, 31, 31, 0.03); display:none;}

#header .langsearch .h-lang a { display:block; width: 100%; font-size: 16px; color: #666666; line-height: 42px; text-align: center;}

#header .langsearch .h-lang a:hover{ background:#f8f8f8;}









#footer{background: #222222; padding:50px 0 0;}

.foot-box{ display:flex; justify-content:space-between;}

.foot-box .f-link { display:flex;}

.foot-box .f-link dl{ margin-right:100px;}

.foot-box .f-link dt{ margin-bottom: 15px; font-size: 14px; letter-spacing: 3px; text-transform: capitalize; color: #ffffff;}

.foot-box .f-link dd a{ display:block; color:#999; font-size:13px; margin-bottom:10px;}

.foot-box .f-link dd a:hover{ color:#fff;}



.foot-box .f-contact dl{}

.foot-box .f-contact dt{ margin-bottom: 15px; font-size: 14px; letter-spacing: 3px; text-transform: capitalize; color: #ffffff;}

.foot-box .f-contact dd p{ color:#999; font-size:13px; margin-bottom:5px;}

.foot-box .f-contact dd p.p{padding-left: 24px; line-height: 23px; background: url(../images/footer-pic1.png) no-repeat top 3px left; background-size:14px auto;}

.foot-box .f-contact dd p.p1{ background-image:url(../images/footer-pic1.png);}

.foot-box .f-contact dd p.p2{ background-image:url(../images/footer-pic2.png);}

.foot-box .f-contact dd p.p3{ background-image:url(../images/footer-pic3.png);}

.foot-box .f-contact dd strong{ font-weight:500; color:#999;}

.foot-box .f-contact dd hr{ height:1px; overflow:hidden; background:none; border: 0; margin:0px 0;}

.foot-box .f-contact .wx{ width:32px; margin-top:35px; opacity:0.7; cursor:pointer; position:relative;}

.foot-box .f-contact .wx img{ display:block; width:100%;}

.foot-box .f-contact .wx:hover{ opacity:1;}

.foot-box .f-contact .wx .wx-hover{ display:none; width:150px; height:165px; position:absolute; bottom:42px; left:-20px; background:url(../images/wx-img.png) no-repeat; background-size:100% auto;}

.foot-box .f-contact .wx:hover .wx-hover{ display:block; padding:5px;}



.copyright{ background: #111111; padding:15px 0; margin-top:30px;}

.copyright-content{ display:flex; justify-content:space-between;}

.copyright-content .banquan{ color:#999; font-size:12px;}

.copyright-content .banquan a{ color:#999;}

.copyright-content .beian{ color:#999; font-size:12px;}

.copyright-content .beian a{ color:#999;}





/*分页样式开始*/

.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 #1a3170;background:#1a3170;color:#fff;  }

.turnover .disabled{ color:#999;}





.msg-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 999;}

.msg-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.56); z-index: 50;}

.msg-form { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 690px; background-color: #f4f4f4; padding-top: 60px; padding-bottom: 50px; overflow-y: auto; z-index: 120;}

.msg-close { cursor: pointer; position: absolute; right: 20px; top: 10px; display: block; }

.msg-close i{font-size: 20px; color: #000; font-weight:100;}

.msg-form-con{ width: 88%; margin-left: auto; margin-right: auto;}

.msg-form-flex{ display:flex; flex-wrap:wrap;}

.msg-form-flex .item { vertical-align: top;}

.msg-form-flex .item.form-w5 { width: 48%; margin:0 1%; margin-bottom: 20px;}

.msg-form-flex .item.form-w10 { width: 98%; margin:0 1%; margin-bottom: 20px;}

.msg-form-flex .item input { background-color: #fff; padding: 14px 24px; width: 100%; letter-spacing: .6px; color: rgba(0,0,0,0.8); border: none; outline: none;}

.msg-form-flex .item textarea { font-family: '微软雅黑', 'Microsoft YaHei'; resize: none; height: 170px; padding: 14px 24px; background-color: #fff; width: 100%; letter-spacing: .6px; color: rgba(0,0,0,0.8); border: none; outline: none;}

.msg-form-flex .item .txt { color: rgba(0,0,0,0.8); line-height: 1.66667; font-size: 12px; font-weight:700; text-align:center;}

.msg-form-flex .item .btn-submit { display: block; background-color: #1a3170; border: none; border-radius: 20px; width: 140px; padding: 10px 0; color: #fff; text-align: center; cursor: pointer; margin:0 auto;}



.msg-form-ok{ width: 88%; margin-left: auto; margin-right: auto; display:none;}

.msg-form-ok .t1 { display: flex; align-items: center; font-size:32px; font-weight:300;}

.msg-form-ok .t1 i { width: 40px; height: 40px; position: relative; border: 1px solid rgba(0,54,134,0.2); border-radius: 50%; display: flex;justify-content:center;  align-items: center; color: #e71a21; font-size:20px; margin-right:20px;}

.msg-form-ok .t2{ color: rgba(0,0,0,0.8); line-height: 1.66667; font-size: 12px; font-weight:700; margin-top:10px;}





@media (max-width: 768px) {

	

	body {font-size: 0.875rem; }

	

	.wrapper{width: 100%;}	

	

	#header{ position: sticky; padding:0 1.5rem;}

	#header .header_box{ height:60px;}

	#header .logo{ width:calc(100% - 120px); height:40px;}

	

	#header .top_menu{ display:block;}



	#header .nav{ display:none; position:absolute; left:0; top:60px; width:100%; height:calc(100vh - 60px); background:#1a3170; z-index:999; padding-bottom:4rem; overflow-y: scroll;}

	#header .nav>ul{ display: block; padding:0 1.5rem;}

	#header .nav>ul>li{ border-bottom:rgba(255,255,255,0.1) solid 1px;}

	#header .nav>ul>li>a{ height:50px; line-height:50px; font-size:1.15rem; font-weight:300; color:#fff; padding:0; display:flex; justify-content:center; align-items:center;}

	#header .nav>ul>li>a i{ font-size:1.75rem; font-weight:100;}

	#header .nav>ul>li.on>a{color:#fff;}

	

	#header .sub{ display: flex; flex-wrap:wrap; position: inherit; left: inherit; top: inherit; width:100%; height:auto; opacity:1; border-radius: 0px; box-shadow: none; transition: none; background:rgba(255,255,255,0.1); padding:1rem;}

	#header .sub li{ width:50%;}

	#header .sub li a{font-size: 1rem; line-height: 2rem; text-align: center; color:#fff; padding:0;}

	#header .sub li:hover a{ color:#fff;}

	

	#header .langsearch{ height: 60px;}

	#header .langsearch .h-lang { width:100px; padding:0.75rem 0; top: 60px; right:-40px;}

	#header .langsearch .h-lang a { font-size: 0.925rem; line-height: 2;}

	

	

	

	

	

	#footer{ padding:1.5rem 0 0;}

	.foot-box{ justify-content:center;}

	.foot-box .f-link { display:none;}

	

	.foot-box .f-contact dt{ font-size: 1rem; letter-spacing:0;}

	.foot-box .f-contact dd p{ font-size:0.875rem;}

	.foot-box .f-contact .wx{ margin-top:20px;}

	

	.copyright{ padding:1rem 0; margin-top:1rem;}

	.copyright-content{ display: block; text-align:center; line-height:1.8;}

	.copyright-content .banquan{ font-size:0.8rem;}

	.copyright-content .banquan span{ display:none;}

	.copyright-content .beian{ font-size:0.8rem;}

	.copyright-content .beian span{ display:block;}





	/*分页样式开始*/

	.turnover {margin:1.5rem 0; font-size:1rem;}

	.turnover a, .turnover .current, .turnover .disabled{padding:0 10px; height:30px; line-height:30px;}





	.msg-form { width: 90%; padding-top: 40px; padding-bottom: 20px;}

	.msg-form-flex .item.form-w5 { width: 98%; margin-bottom: 10px;}

	.msg-form-flex .item.form-w10 { width: 98%; margin-bottom: 10px;}

	.msg-form-flex .item input { padding: 10px 20px; }

	.msg-form-flex .item textarea { height: 150px; padding: 10px 20px;}

	.msg-form-flex .item .txt { font-size: 0.825rem;}

	.msg-form-flex .item .btn-submit { width: 100%;}



	.msg-form-ok .t1 { font-size:2rem;}

	.msg-form-ok .t2{ font-size: 0.825rem;}



}