﻿@charset "utf-8";
*,body{
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
html, body {width: 100%;height: 100%;}
body {font-family: "Microsoft YaHei";}
ul li {list-style: none;}
a {	text-decoration: none;}
img {border: none;}
.clear {clear: both;}
h1,h2,h3,h4,h5,h6,p,i,span,li,a,img,.img,.pro-body,.fixednav,.time,:after,:before{
	transition:all 0.3s;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s;
	-ms-transition:all 0.3s;}
  
::-webkit-scrollbar {width: 8px;/* 这是针对缺省样式 (必须的) */ }
::-webkit-scrollbar-track {background-color: #fff;/* 滚动条的滑轨背景颜色 */}
::-webkit-scrollbar-thumb {background-color: #444;/* 滑块颜色 */}
::-webkit-scrollbar-button {background-color: #fff;/* 滑轨两头的监听按钮颜色 */}
::-webkit-scrollbar-corner {background-color: #fff;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */}
  
html {
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  -ms-background-size:cover;
  background-size:cover;
}

.header{width:100%; height:110px;
	background-color: #010066;
	-webkit-box-shadow: 0 rgba(0, 0, 0, 0)!important;
    box-shadow: 0 rgba(0, 0, 0, 0)!important;
}
.header .container{margin:0px auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
}
.header .logo{width:18%;height:100%;     margin-top:10px;}

.header .logo span{color: #fff;
    font-size: 20px;
    margin-left: 20px;
    border-left: 1px solid #fff;
    padding-left: 20px;

}
.header .logo img{     margin:0; width: auto; }
.header .nav{width:70%;height:100%;}
.header .lang{width: 12%;height:100%;color: rgba(255,255,255,0.9);text-align: right;line-height:110px;font-family: '宋体' }
.header .lang a{font-size:14px;font-family:"Arial";color: rgba(255,255,255,0.9);padding:0;font-weight: 300; text-transform: uppercase;}
.header .lang a:hover{text-decoration: none}
.navbar-nav{width:100%; height:auto;}
.navbar-nav ul{width:100%; height:auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.navbar-nav ul li{padding: 0 30px; border-bottom: 6px solid #010066;}
.navbar-nav ul li:hover{background: #272775; border-bottom: 6px solid #ffcc00;}
.navbar-nav ul li .dropdown{width:100%; line-height:104px;text-align:center; color:#fff; font-size:16px; display:block;}
.navbar-nav ul li:hover .dropdown{color:#fff; text-decoration: none}


.navbar-nav ul li.hover{ background: #272775; border-bottom: 6px solid #ffcc00; }


.dropdown-menu{
	width: 60%!important;left: 50%;margin-left: -30%;border-radius: 0!important;
	height:auto;
	padding:20px 0px;
	position:absolute;
	top:68px; 
	z-index:999999;
	display:none;
	-webkit-box-shadow: 0 rgba(0, 0, 0, 0)!important;
    box-shadow: 0 rgba(0, 0, 0, 0)!important;
	border:none!important;
}
.dropdown-menu .container{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	height:auto;
	-webkit-box-shadow: 0 rgba(0, 0, 0, 0)!important;
    box-shadow: 0 rgba(0, 0, 0, 0)!important;

}
.dropdown-menu .link{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	flex-direction:column;
	padding: 10px 0;margin: 0 5% 0 0;
}
.dropdown-menu .link a{
font-size:14px;
display:block;width: 200px;height: 35px!important;line-height: 30px!important; border: 1px solid #ddd;margin: 0 0 4% 0;
color: #666;padding: 0 20px;}
.dropdown-menu .link a i{font-size: 1rem;margin-right: 5px}
.dropdown-menu .link a:hover{color: #fff;background-color: #004a9b;text-decoration: none}
.dropdown-menu .img{text-align: right;padding: 10px 0;}




/*1920*/
@media screen and (min-width:1600px) and (max-width: 1920px){
.container{width:90%;}
.sub-nav{width: 90%;margin-left: -45%;left:50%;}
.navbar-nav ul li{padding: 0 30px;}	
.navbar-nav ul li .dropdown{font-size:16px;}
.fixednav{height: 60px!important;}

	.slide-text > h1{
	color: #fff;
    font-size: 40px;
	line-height: 40px;
	font-weight: 800;
    letter-spacing: 4px;
		margin-bottom: 30px;
	}
	.slide-text > h2 {
    font-size: 20px;
	line-height: 30px;
    font-style: normal;
	color: #ed1b22;
    font-weight: 600;
		
	}
	.slide-text > p {
    color: #fff;
    font-size: 22px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing:4px;
		
	}
	
}

/*1366*/
@media screen and (min-width:1440x) and (max-width: 1599px){
.container{width:94%;}
.sub-nav{width: 94%;margin-left: -47%;left:50%;}
.navbar-nav ul li{padding: 0 25px;}	
.navbar-nav ul li .dropdown{font-size:16px;}
.fixednav{height: 60px!important;}

}

/*1280*/
@media screen and (min-width: 1280px) and (max-width: 1440px){
.container{width:96%;}
.sub-nav{width: 96%;margin-left: -48%;left:50%;}
.navbar-nav ul li{padding: 0 20px;}	
.navbar-nav ul li .dropdown{font-size:14px;}
.fixednav{height: 60px!important;}

}
/*992*/
@media screen and (min-width: 993px) and (max-width: 1279px){
.container{width:96%}
.sub-nav{width: 96%;margin-left: -48%;left:50%;}
.navbar-nav ul li{padding: 0 15px;}	
.navbar-nav ul li .dropdown{font-size:14px;}
.fixednav{height: 60px!important;}
}
@media only screen and (max-width:992px){
body{width: 100%;height: 100%;}	
::-webkit-scrollbar {width: 0px;/* 这是针对缺省样式 (必须的) */ }
::-webkit-scrollbar-track {background-color: #fff;/* 滚动条的滑轨背景颜色 */}
::-webkit-scrollbar-thumb {background-color: #237ac1;/* 滑块颜色 */}
::-webkit-scrollbar-button {background-color: #fff;/* 滑轨两头的监听按钮颜色 */}
::-webkit-scrollbar-corner {background-color: #fff;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */}
.pre-scrollable{height:600px!important;overflow-y:scroll}
.slide-image{height: 400px!important;width: auto;}	
}
footer{background-color: #232323;}
footer .container{width: 100%;padding: 0;}
footer .container .footer-nav{
	display: flex;
	display:-webkit-flex;
	justify-content:flex-start;
	float: left;padding:30px 30px;
}
footer .container .footer-contact{padding:30px 30px;float: right; width:100%; text-align:center}
footer a{color:rgba(255,255,255,0.3);}
footer a:hover{color: rgba(255,255,255,0.8);text-decoration: none;}
.footer-single {padding: 0 30px 0 0;}
.footer-single ul {}
.footer-single li {}
.footer-single li a{font-size:12px;color: rgba(255,255,255,0.4);line-height: 25px;text-transform: uppercase;font-weight: 300; }
.footer-single li a:hover{color: rgba(255,255,255,0.8);text-decoration: none;}
footer h6 {font-size: 16px;color:rgba(255,255,255,0.8);margin: 0 0 20px 0;text-transform: uppercase;font-weight: 600;}
.footer-block{font-size:16px;color:rgba(255,255,255,0.8);font-weight: 600;padding: 0;margin: 0 0 20px 0;}
.address-sub{font-size:13px;color:rgba(255,255,255,0.4);font-family:Arial, "Microsoft YaHei";margin: 0 0 10px 0;}
.address-sub i{color:rgba(255,255,255,0.4); padding-right: 10px;font-size:1.2em }
.footer-copy{width: 100%;border-top: 1px solid rgba(255,255,255,0.05); }
.copyright {color: rgba(255,255,255,0.2);font-size: 12px;line-height: 40px;font-weight: 100;text-transform: uppercase;padding:0 30px;}
.copyright .pull-left{ width:100%; text-align:center}
.section-header {
  margin-bottom: 60px;
}
.section-header .section-title {
  font-size: 30px;font-family: Arial,"Microsoft YaHei";text-transform: uppercase;
  color: #010066;
  position: relative;
  padding: 20px 0;
  font-weight:500;
  margin:0; 	
}
.section-header .section-title p{font-size:18px!important;color: rgba(255, 255, 255,0.2)!important; }
.section-header .section-title:after{
	content:'';
	width:100px;
	height:1px;
	background-color:rgba(0,0,0,0.1);
	display:block;
	position:absolute; left:50%;margin-left: -300px;bottom:10px;
	}
.section-header .section-title:before{
	content:'';
	width:100px;
	height:1px;
	background-color:rgba(0,0,0,0.1);
	display:block;
	position:absolute; right:50%;margin-right: -300px; bottom:10px;
	}
.section-header span{font-size:16px; text-transform:none;color:rgba(0,0,0,0.3);font-weight: 300;position:relative;
	line-height: 20px;display: block;text-transform: uppercase;font-family: 'Lato', sans-serif;padding: 0;margin: 0;}
.section-header span:before{
	content:'';
	width:30px;
	height:6px;
	background-color:#ffb700;
	display:block;
	position:absolute; right:50%;margin-right: -15px; bottom:-15px;
	
}
.parallax-section {
	background-attachment: fixed !important;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.dn{display: none;}
/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -50px;
	width: 100px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 10px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}




.showpro.showprothree{     padding: 20px 0 0 0; background:#fff; }
.PPT {
    width: 90%;
    margin: 0 auto;
    margin-top:0px;
    margin-bottom: 50px;
	min-height: auto;
}
.PPT .h2 {
    font-size: 36px;
    line-height: 62px;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 10px;
    text-align: center;
}
.PPT .h2::before {
    content: "Questions and answers";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.PPT .h2.h2two::before{content: "Strong service team"; }

.PPT .miaoshu {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    line-height: 20px;
    font-family: 'D Din'!important;
}



.faq_list{ width:90%;  margin: 0 auto; margin-top:50px; margin-bottom:50px;

	


}
.faq_list ul{ -moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari 和 Chrome */
column-count:2;
-moz-column-gap: 2em;
-webkit-column-gap: 2em;
column-gap: 2em; }
.faq_list ul li{ 

	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	
	width:100%; float:left; text-align: left; margin-right:0;  border: 1px solid #f1f1f1; padding: 2%; margin-bottom:20px; transition: all 0.2s ease-in-out 0s; 

}
.faq_list ul li h2 span{    display: inline-block;  background: #f5f5f5; width: 40px; text-align: center; height: 40px; border-radius: 50%;line-height: 40px;font-weight: 400; margin-right: 10px; position: absolute;
    margin-left: -50px;
    font-family: 'D Din'!important;
    font-size: 28px; }
.faq_list ul li:hover{-moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);  box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);  }
.faq_list ul li:hover h2 span{ color: #fff;
    background: #ffcc00;
    font-family: 'D Din'!important;
    font-size: 28px; }
.faq_list li p{ margin-left:50px; font-family: 'D Din'!important; line-height:22px; font-size:16px; }

 
.faq_list h2{ font-size: 18px;
    padding-left: 50px;
    position: relative;
    font-weight: 700;
    margin-bottom: 15px; }



.service{ width:80%; margin:0 auto; border-top:1px solid #f1f1f1; padding-top:30px; overflow:hidden}
.service .service_left{ float:left;     width: 25%;}
.service .service_right{ float:right;     width: 70%; }

.service .service_left ul { border:1px solid #f1f1f1; padding:2%}
.service li a{ display: block;  color: #545454;}
.service li a::before{ display:inline-block; content:''; width:3px; height:10px;     background: #010066; margin-right: 10px; }
.service li a:hover{ font-weight:bold;}
.service li{list-style: none; line-height: 50px;  border-bottom: 1px solid #f1f1f1;}
.service li:last-child{ border:0px; }



@media screen and (max-width: 640px){

	.header{ height:60px; position:relative; }
	.header .logo {
    width: 18%;
    height: 100%;
    margin-top: 0; float: left;}
	.header .logo img {
    width: 100%;
    margin-top: 5px;
}
	
	.header .container{ display:block}
	.header .nav{
		position: fixed;
		background: rgba(0,0,0,0.39);
		width: 100%;
		height: 2000px;
		margin-top: 0px;
		top: 0;
		left: 0;
		z-index:16;
		display:none;
	}
	
	.header .lang{ display:none }
	.header .sj_nav {
    display: block;
    width: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    margin-top: 14px;
	}
	
	.header .sj_nav::before, .header .sj_nav::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
	}
	
	.service{ margin-top: 30px; }
	
	.header .sj_nav::before {
    margin-bottom: 5px;
	}
.navbar-nav {
    width: 50%;
    height: auto;
    background: #fff;
    margin: 0px;
    float: right;
}
	.navbar-nav ul{ display:block }
	.navbar-nav ul li .dropdown{ color:#848484; font-size: 14px; }
	.navbar-nav ul li{ border-bottom:1px solid #f1f1f1; padding: 0px; }
	.navbar-nav ul li.hover{ border-bottom:1px solid #f1f1f1; background:#fff;  }
	.navbar-nav ul li.hover a{ color:#272775 }
	.navbar-nav ul li .dropdown{ line-height:60px; }
	.navbar-nav ul li:last-child{ height: 500px; }
	
	

.slide-image {
    height: auto !important;
   
}
	.slide-text {
    left: 0;
        top: 10%;
    right: 0;
    margin: auto;
    position: absolute;
    text-align: left;
    padding:2%;
}
	
	.slide-text > h1{ font-size: 16px!important;
    letter-spacing: 0px!important;
    line-height: 22px;
    color: #333!important;
    font-weight: 800;
    margin-bottom:10px;
	margin-top:0px;
    display: block;
    padding: 0;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    text-transform: uppercase; }
	
	.slide-text > p {
    font-size: 14px!important;
    letter-spacing:0px!important;
    color: #444!important;
    line-height:20px!important;
    font-weight: 100!important;
    margin-bottom:10px;
    padding: 0;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
	}
	.slide-text > a.btn-primary{ padding: 5px 10px; font-size: 12px; }
	.iconfont {
    font-size: 12px !important;
    font-style: normal;
}
	.updown{ display:none; }
	
	
	footer .container .footer-nav{ width:100%; display: flex; }
	.footer-single{     flex: 10; }
	footer .container .footer-contact {
    padding:10px 10px;
    float: none;}
	
	.copyright{     padding: 0 10px;
    overflow: hidden; }
	
	.PPT .h2 {
    font-size: 20px;
    line-height: 22px;}
	.PPT .miaoshu{ width:90%; }
	.faq_list ul li{ width:96%;float:none; }
	.faq_list ul{ column-count: 1;
    -moz-column-count:1;
    -webkit-column-count: 1;
    column-count: 1; }
	.faq_list h2{ font-size:16px; margin-bottom: 10px; }
	.faq_list { width: 96%;  margin-top:20px; margin-bottom: 20px;}
	
	
	
	
}








