* {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: '微软雅黑', '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; }

/*单行溢出*/
.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:1500px; margin:0 auto;}

#header { /*position:-webkit-sticky;position:sticky;*/ top: 0; z-index: 1000; width: 100%; background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }
#header .header_box{ height:100px; display:flex; justify-content:space-between; align-items: center; }
#header .logo{ height:50px;}
#header .logo img{ display:block; height:100%;}

#header .top_menu{ width:30px; height:24px; position:relative; margin-right:20px; display:none;}
#header .top_menu i{ display:block; background:#333; 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:#333; 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; height:100px; margin-left:50px;}
#header .nav>ul>li>a{ display:block; height:100px; line-height:100px; font-size:16px; color:#000; font-weight:700;}

#header .sub{ position:absolute; left:50%; transform:translateX(-50%); top:150px; width:150px; height:0px; overflow:hidden; border-radius: 5px; background:#fff; padding:0; box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 4px 8px 1px rgba(0, 0, 0, 0.2), 0 1px 3px 1px rgba(0, 0, 0, 0.1); opacity:0; transition: all .3s ease-in; z-index:0;}
#header .sub.sub2{ width:240px;}
#header .sub.subs{ top:100px; height:auto; overflow:inherit; opacity:1; padding:10px 14px; z-index:1; }
#header .sub::after { content: ""; width: 14px; height: 14px; background: #fff; position: absolute;left: 50%;top: -7px;margin-left: -7px;transform: rotate(225deg);border-radius: 0 0 3px 0; 
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05), 1px 1px 0px 0px rgba(0, 0, 0, 0.1);}

#header .sub li{ }
#header .sub li a{ display:block; border-bottom: 1px solid rgba(153, 153, 153, 0.1); color: #0e0101; font-size: 13px; line-height: 45px; text-align:center;}
#header .sub li:hover a{ color:#35317f;}

#header.header-fixed1{ position:fixed; background:none; box-shadow: none;}
#header.header-fixed1 .nav>ul>li>a{ color:#fff;}


#header.header-fixed2{ position:fixed; background:#fff; box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.15);}
#header.header-fixed2 .nav>ul>li>a{ color:#000;}
#header.header-fixed2 .nav>ul>li>a:hover{color:#35317f;}



#footer{background: #f4f4f4; padding:50px 0;}
.foot-box{ display:flex; justify-content:space-between; align-items: center;}
.foot-box .f-link {}
.foot-box .f-link p{ margin-bottom:5px; color:rgb(0 0 0 / 50%);}
.foot-box .f-link p a{ color:rgb(0 0 0 / 50%);}
.foot-box .f-link p a:hover{ color:#222;}

.foot-box .f-contact span{ font-weight:700;}
.foot-box .f-contact p{ font-weight:700; color:#000; font-size:16px; font-family: "montserrat-medium";}
.foot-box .f-contact p.f32{ font-size:32px;}

.foot-box .f-weixin{}
.foot-box .f-weixin img{ width:150px;}
.foot-box .f-weixin p{ text-align:center;}


/*分页样式开始*/
.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 #000;background:#000;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: #74c34d; 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;}



/*右下角小按钮*/
.newFixedRight{ position: fixed; right: 20px; bottom: 50px; z-index: 999; opacity:0}
.newFixedRight .box{width: 45px; height: 45px; background: #000; overflow:hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
.newFixedRight .box span{ display:block; text-align:center; color:#fff; font-size:30px; margin-top:5px;}
.newFixedRight .box:hover{background-color: #0672be; }



@media (max-width: 1500px){
	.wrapper{ width:1200px;}
	
	.foot-box .f-link dl{ margin-right:50px;}	
}


@media (max-width: 768px) {
	
	body {font-size: 0.8rem; }
	
	.wrapper{width: 100%;}	
	
	#header .header_box{ height:70px;}
	#header .logo{ height:30px;}
	
	#header .top_menu{ display:block;}

	#header .nav{ display:none; position:absolute; left:0; top:70px; width:100%; height:calc(100vh - 70px); background:#35317f; z-index:999; border-top:#eee solid 1px;}
	#header .nav>ul{ display: block; padding: 0 25px;}
	#header .nav>ul>li{ height: auto; border-bottom:rgba(255,255,255,0.1) solid 1px; margin-left:0;}
	#header .nav>ul>li>a{ height:60px; line-height:60px; font-size:1.15rem; font-weight:300; color:#fff; display:flex; justify-content:space-between; align-items:center;}
	#header .nav>ul>li>a i{ font-size:1.75rem; font-weight:100;}
	
	#header .sub{ position: relative; left:0; transform:translateX(0%); top:0px; width:100%; height:auto; opacity:1; border-radius: 0px; box-shadow: none; display:none;transition: none; background:rgba(255,255,255,0.1); padding:0;}
	#header .sub.sub2{ width:100%;}
	#header .sub.subs{ top:0px; display:block;}
	#header .sub::after { display:none;}
	#header .sub li{ padding-left:25px;}
	#header .sub li a{font-size: 0.9rem; line-height: 3rem; text-align: left; color:#fff;}
	#header .sub li:hover a{ color:#fff;}
	
	
	
	
	
	#footer{padding:25px 0;}
	.foot-box{ flex-direction: column-reverse;}
	.foot-box .f-link { text-align:center; margin-top:1rem;}
	
	.foot-box .f-contact{ text-align:center; margin-top:1rem;}
	.foot-box .f-contact p{ font-size:1rem;}
	.foot-box .f-contact p.f32{ font-size:2rem;}
	
	.foot-box .f-weixin{}
	.foot-box .f-weixin img{ width:120px;}

	/*分页样式开始*/
	.turnover {margin:25px 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.8rem;}
	.msg-form-flex .item .btn-submit { width: 100%;}

	.msg-form-ok .t1 { font-size:2rem;}
	.msg-form-ok .t2{ font-size: 0.8rem;}
	
	.newFixedRight .box{ width:35px; height: 35px;}
	.newFixedRight .box span{ font-size:1.5rem; margin-top:5px;}

}





/* 公共样式 */

.neiye-wrap{ width:100%; margin:0 auto;}


.neiye_1{padding:50px 0;}
.neiye_1>div{ display:flex; justify-content:space-between; align-items:flex-start;}
.neiye_1 .txt{ width:0%;}
.neiye_1 .txt h1{color: #312d2a; font-size:32px; margin-bottom:10px; font-weight:700;}
.neiye_1 .txt p{ margin-bottom:10px;}
.neiye_1 .img{ width:100%;}
.neiye_1 .img img{ width:100%;}