html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:20px;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{overflow-x: hidden; font-size:14px; font-family: "微软雅黑"; min-width:1400px;}
body,div,span,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;box-sizing: border-box;}
input,select,textarea{font-size:100%}
ol,ul{list-style:none}
a{color:#666;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;}
em,i,b {font-style: normal;}
.cf{zoom:1; }
.cf:after{clear:both;content: '';display: block;height: 0;visibility: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clear-form { background: none; border: none 0; outline: 0;}
.width1400 { width: 1400px; margin: 0 auto; position: relative; }
.width1200 { width: 1200px; margin: 0 auto; position: relative; }
.width1250{ width: 1250px; margin:auto;}
.bgset { background-repeat: no-repeat; background-position: center top; background-size: cover; }
.clear{clear:both;}
.cl{clear:both;}


@font-face {
font-family: 'iconfont';
src: url('../ico/iconfont.eot');
src: url('../ico/iconfont.svg') format('embedded-opentype'),
url('../ico/iconfont.ttf') format('woff2'),
url('../ico/iconfont.woff') format('woff'),
url('../ico/iconfont.woff2') format('truetype'),
url('../ico/iconfont.woff2#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}


/* 标题*/
.col12 h2{color:#212529;font-size:40px;transition: .8s all; font-weight:bold; margin-top:80px;}
.col12{ font-size: 18px; margin-top: 20px; color:#666; text-align:center; margin-bottom:64px;}
.col12:hover h2{transform: translateY(-10px);}
.title2 {
	text-align: center
}
.title_line {
	width: 100%;
	max-width:380px;
	height: 1px;
	background: #666;
	margin:30px auto;
	position: relative
}
.title_line::after {
	content: '';
	display: block;
	width: 42px;
	height:6px;
	background-color: #ff0008;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
/*导航*/
.header { z-index:9999; position: absolute; top:0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #2b2c30; width:100%;
	padding: 20px 15px box-shadow: 4px 0 30px rgba(0, 0, 0, 0.3);
}
.header.cur{display: flex; position: fixed;}
.nav_bar {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff
}
.nav {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}
.nav li {
	position: relative
}
.nav>li>.childnav {
	left: -27px;
}
.nav>li:hover>ul {
	visibility: visible;
	opacity: 1
}
.nav>li>ul>li:hover>ul {
	visibility: visible;
	opacity: 1
}
.nav>li>ul .childnav {
	top: 0
}
.nav .childnav {
	width: 100%;
	position: absolute;
	left: 100%; 
	background-color: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	z-index: 999
}
.nav .childnav a{color:#042038 !important; font-size:15px;  border:#e5e5e5 solid 1px; border-top:none;}
.nav .childnav a:hover{ color:#fff !important; 	background-color:#2b2c30 !important; border:#2b2c30 solid 1px; border-top:none;}
.nav li a {
	color: #fff;
padding:0 14px;
	display: block
}
.nav li a:hover,.nav li.cur a{
	color: var(--main-theme-color)
}
.nav li a i {
	font-size: 12px;
	-webkit-transform: translate(4px, -2px);
	-moz-transform: translate(4px, -2px);
	-ms-transform: translate(4px, -2px);
	-o-transform: translate(4px, -2px);
	transform: translate(4px, -2px)
}



.language {
	position: relative;
	padding: 0 14px
}
.language i {cursor: pointer; padding-right:10px;}
.fa-angle-down{background:url(../images/sip.jpg) no-repeat 0px; width:9px; height:5px; float:right; margin-top:6px; margin-left:5px;}
.flag-icon-gb{background:url(../images/usa.jpg) no-repeat 0 1px; width:21px; height:16px; float:left;}
.flag-icon-de{background:url(../images/cu.png) no-repeat; width:21px; height:16px; float:left;}
.language>ul {
	border-top: 6px solid #fe0008;
	display: none;
	width:130px;
	position: absolute;
	left: -27px;
	top:57px;
	z-index: 9;
	background-color: #fff
}
.language>ul li a { line-height:16px;
	color: #042038;
	display: block;
	padding: 10px 20px;
	border: 1px solid rgba(0,0,0,.1);
	border-top: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.language>ul li a:hover {
	background-color:#2b2c30;
	color: #fff
}
.search_g {
	position: relative;
	cursor: pointer
}
.search_g:hover>span {
	color: var(--main-theme-color)
}
.search_g_btn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.search_g_btn i {padding-left:1px; background:url(../images/sou.jpg) no-repeat #fff; 
	color: #333
}
.fa-search{ float:right; padding-left:1px; background:url(../images/sou.jpg) no-repeat #fff; width:18px; height:18px; margin-left:4px; margin-top:2px;}
.search_g_form {
	display: none;
	position: absolute;
	right: 0;
	top:60px;
	z-index: 9
}
.search_g_form form {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}
.search_g_form form input {
	border: none;
	outline: none;
	padding: 0 10px
}
.search_g_form form button { width:32.5px; height:25px;
	outline: none;
	border: none;
	color: #fff; background:url(../images/fas.png) no-repeat 8px #ff0008;
}

.nav>li>ul li.currentPage a:hover {
	color: #fff !important;
}
.nav li a {
	transition: all 0.3s;
}
.nav>li>ul { margin-top:27px;border-top: 6px solid #fe0008;
}
.nav>li>ul li a {
	padding: 11px 14px;
}
.nav>li>ul li a:hover {
	color: white;
	background-color: var(--main-theme-color);
}
.nav li ul li a {
	text-transform: capitalize;
}
.nav .childnav {
	min-width:150px;
}
.search_g_btn {
	font-weight: 600;
	font-size: 18px;
}
.submit-btn {
	background-color: #ff0008 !important; font-size:18px;
	border-color:#ff0008 !important; color:#fff;
}
.submit-btn a:hover{background-color: #D5D5D5 !important;  border: 1px solid #D5D5D5 !important;}
.header {
/*	border-bottom: none;*/
}


@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
 @media (min-width: 1300px) {
.logo img {
	height: 50px;
}
.header {
	padding:28.5px 30px;
}
.nav li a {
	font-size:16px;
}
.search_g_btn {
	font-size: 16px;
}
}
 @media (min-width: 1400px) {
.logo img { padding:0 0 10px 0;
	height:60px;
}
.mf{margin-top:10px;background: url(../images/totit.png)no-repeat left;padding-left:22px;float:right;font-size:16px;color:#c22312; }
.mf em{font-family:"DIN";font-size:19px;color:#fff;display:inline-block; font-weight:lighter;}

.nav li a {
padding:13px 12px 12px 12px;
}
}
 @media (min-width: 1440px) {
.logo img {
/*	height: auto;*/
}
}
 @media (min-width: 1600px) {
.nav li a {
	padding:14px 14px;
	font-size:17px;
}

.logo img {
	height:70px;}
	
.header {
	padding:28.5px 50px;
}
.search_g_btn {
	font-size: 18px;
}
.mf{margin-top:10px;background: url(../images/totit.png)no-repeat left;padding-left:22px;float:right;font-size:16px;color:#c22312; }
.mf em{font-family:"DIN";font-size:21px;color:#fff;display:inline-block; font-weight:lighter;}

}
/*结束*/

/* form area Start */

.form_title{
	color: #ff0008;
	font-size:30px;
	text-align: center;
	margin-bottom:10px;
}
.form_subtitle {text-align: center; font-size:18px; font-weight:normal;	color: #333; margin-bottom:30px;}
.input_group {
	display: flex;
	justify-content: space-between;
	/* margin-bottom: 20px; */
	flex-wrap: wrap;
}
.input_item {
	width: 100%;
	margin-bottom: 20px;
}
.input_item label {
	display: block;
	width: 100%; line-height:36px;
	text-transform: capitalize;
	font-size: 16px;
}
.input_item label .required_text {
	text-transform: none;
}
.required_text {
	font-size: 14px;
	color: #999;
}
.input_item input {
	display: block;
	width: 100%;     line-height:44px;
	font-size: 16px;
	padding:0 18px;
	outline: none;
    border-radius: 5px;
    border: solid 1px #dddcd7;
	color: #666;
}
 .input_item input::placeholder {
 color: #666;
 font-size: 14px;
}
.message {
	width: 100%;
	margin-bottom: 20px;
}
.message label { line-height:36px; font-size: 16px;
	text-transform: capitalize;
}
.message textarea {
	display: block;
	outline: none;
	width: 100%; line-height:30px;
	height: 77px;
    border-radius: 5px;
    border: solid 1px #dddcd7;
	padding: 4px 18px;
}
.submit_btn {
	width: 100%; padding-bottom:4.2%;
	text-align: center;
}
.submit_btn input {
	outline: none;
	border: none; margin-top:10px; width: 220px; font-size:18px; box-shadow: 0px 10px 20px 0px rgba(254, 0, 9, 0.15);
    height: 56px; 
	background-color: #ff0008;
	color: white;
	border-radius:28px;
	text-transform: capitalize;
}
.submit_btn input:hover {
    width: 260px;
box-shadow: 0px 10px 20px 0px rgba(254, 0, 9, 0.25);
}

.recom_pro_swiper {
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
}
.recom_pro {
	position: relative;
}
.recom_pro_swiper_wrap {
	position: relative;
	padding: 0 40px;
}
.recom_pro_img {
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
}
.recom_pro_title {
	margin: 20px 0;
}
.recom_pro_title a {
	color: #666;
	display: inline-block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 48px;
	line-clamp: 2;
	-webkit-line-clamp: 2;
}
.recom_pro_swiper_next, .recom_pro_swiper_prev {
	position: absolute;
	right: 0px;
	top: calc(50% - 48px);
	transform: translateY(-50%);
	font-size: 50px;
	outline: none;
	color: #999;
}
.recom_pro_swiper_prev {
	right: unset;
	left: 0px;
}
.content_area {
	overflow: hidden;
}

 @media only screen and (min-width: 768px) {
.recom_pro_swiper {
	padding: 6px;
}
}
 @media only screen and (min-width: 992px) {
.content_area {
	padding: 0 66px;
}

.input_item {
	width: 48.5%;
	width: 48%;
}
.recom_pro_swiper {
	padding: 15px;
}
}
}
/*版权*/
.friendly_links_list {
	margin: 0;
	padding: 0;
}
.friendly_links_list li {
	list-style: none;
}
.social_links {
	margin-bottom: 20px;
}
.submit-btn, .footer form input, .footer form textarea {
	min-width: 304px;
}
.Verify_Code {
	position: relative;
	display: none;
}
.Verify_Code .Verify_Code_box {
	position: absolute;
}
.submit-btn:hover,  .submit-btn:active,  .submit-btn:focus {
	background-color: var(--main-theme-color) !important;
	border-color: var(--main-theme-color) !important;
	box-shadow: none !important;
}
.scroll_to_top {
	position: fixed;
	right: 200px;
	right: 20px;
	width: 60px;
	height: 60px;
	/*background: linear-gradient(135deg, #0054A7, #33B8C9);*/
	background: linear-gradient(135deg, #fc7001, #feac6c);
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 40px;
	border-radius: 50px;
	cursor: pointer;
	bottom: -50px;
	transition: all 0.5s;
	visibility: hidden;
	opacity: 0;
	z-index: 9;
}
.footer_logo img {
	filter: grayscale(1);
	max-width:290px; margin-top:40px;
}
.footer_rows1_item ul li {
	text-transform: capitalize; line-height:26px;
}
.footer_download_img, .footer_download_desc {
}
.footer_download {
	display: flex;
	margin-top:70px;
}
.footer_download_img img {
	width:100px;
	flex-basis: 30%;
}
.footer_download_desc {
	flex-basis: 70%; margin-top:120px;
	padding-left: 15px;
}
.footer_download_desc a {
	line-clamp: 3;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ml0{ margin-left:-10px;}
.col-lg-3 { float:left; width:25%; line-height:26px; font-size:16px;}
.col-lg-3:last-of-type{padding-right:40px; font-size:16px;}
.col-lg-3 h4{font-size: 19px; font-weight: bold; padding-bottom: 25px;}


.footer { padding: 70px 0; color: #909090; background-color: #1E1E1E; overflow:hidden;}

.footer a { color: #909090; font-size:16px;}

.footer a:hover { color: var(--main-theme-color); }
.footer_rows1_item h4{font-size:19px; font-weight:bold; padding-bottom:25px;}

.footer_title1 { margin-bottom: 20px; }

.footer_nav { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.footer_nav > li > a { padding: 0 10px; position: relative; }

.footer_nav > li > a::after { content: ''; display: block; height:78%; width: 1px; position: absolute; right: 0; top: 4px; background-color: #909090; }

.footer_nav > li:last-of-type > a::after { display: none; }

.footer form input, .footer form textarea { background-color: #D5D5D5; padding: 5px 8px; border: 1px solid #D5D5D5; border-radius: 6px; color: #ffffff; outline: none; opacity: .7;}

.footer form div { margin-bottom:11px; }

/*.footer form input, .footer form textarea { min-width: 264px; }*/

.footer form textarea { height: 84px; }
:root{--main-theme-color:#ff0008;--sub-theme-color: #005bac;}

.submit-btn:hover { background-color: var(--main-theme-color); border-color: var(--main-theme-color); }

.footer_logo, .footer_desc, .footer_email, .footer_address { margin-bottom:12px; }

.footer_desc{ margin-bottom:5px; line-height:29px;}
.footer_address { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.footer_address > a { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.footer_address > a > i { margin-right: 10px; }

.social_links { margin-bottom: 50px; }

.social_links > ul { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.social_links > ul > li { margin-right: 20px; }

.row{ width:96%; margin:auto;}

.submit-btn{background-color: #787878; border-color: #787878; border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
	
.footer form textarea { min-width: 304px;}


/* 在线客服样式 */
.sz-kefu{position:fixed;width:50px;right:0;top:50%;z-index:100;margin-top: -100px;}
.sz-kefu ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:1px;font-size:12px;line-height:50px;}
.sz-kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#fd0207;overflow:hidden;opacity:.8;}
.sz-kefu ul li.kf2 .sidebox{/* background:#7fbb57; */overflow:visible;}
.sz-kefu ul li .sidebox:hover{opacity:1;}
.sz-kefu ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#222;transition:all 0.3s;opacity:.8;}
.sz-kefu ul li .sidetop:hover{opacity:1;}
.sz-kefu ul li img{float:left;}
.sz-kefu ul li .sidebox3{font-size:16px;}
.sz-kefu ul li .kImg{padding:13px;}
.sz-kefu .kf_wx{position:absolute; top:0;left:-140px;width:110px;display:;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;box-sizing: content-box;}
.sz-kefu .kf_wx img{display:block;width:110px; height:110px;margin-bottom:5px;float:none;}
.sz-kefu .qq{height:0;position:relative;z-index:2;}
.sz-kefu .qq .sidebox{border:1px solid #fd0207;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;bottom:-50px;top:auto;text-align:center;padding-bottom:5px;right:-150px;}
.sz-kefu .qq h5{height:35px;line-height:35px;background:#fd0207;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}
.sz-kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;}
.sz-kefu .qq h5 i:hover{transform: rotate(90deg);}
.sz-kefu .qq a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #fd0207;margin:5px 15px}