body{ background-color:#fff;}

.header{ position:relative; z-index:10;}
.loarea{ position:relative; z-index:3;}
.logo{display:block; padding: 15px 0}
.inwp{padding: 0 11%}


.nav{ position:relative; z-index:5; margin-left: 10%;  padding-top: 33px;}
.navul{ font-size:0;}
.navul li{ display:inline-block; font-size:16px;position:relative;}
.navul li>a{ color:#000000; padding:0 20px; text-align:center; display:inline-block;}
.navul li>a:hover{ color: #040a5d!important; }
.act_nav{color: #040a5d!important; }

.headfr{padding-top: 30px;}
.language{color: #040a5d; display: block; font-size: 14px; border-radius: 50%; border: 1px solid #d1d1d1; width: 29px; height: 29px; line-height: 29px; text-align: center;}
.serchbox{margin: 0 30px; position: relative;}
.serues{margin-top: 6px; display: block; cursor: pointer;}
.telm{font-size: 16px; color: #333; padding-top: 3px;}
.telm img{display: inline-block; vertical-align: middle;}
.serchm{
	position: absolute;
	padding: 10px 0;
	top: -12px;
	right: 0;
	background: #fff;
	z-index: 99;
	border: 1px solid #eeeeee;
	width: 300px;
	display: none;
}
.serchtxt{
	font-size: 14px;
	border-right: 1px solid #eeeeee;
	width: 250px;
	box-sizing: border-box;
	padding: 0 10px;
	float: left;
}
.serbtn{
	background: url(../image/ser.png) no-repeat;
	width: 20px;
	height: 20px;
	border: none;
	margin-left: 15px;
	cursor: pointer;
	float: left;
}



.subnav{ position:absolute; left:0; top:48px; width:100%; padding:8px 5px; background: rgba(129,129,129,0.8); display:none;}
.subnav1{}
.subnav1 dd{width:100%; text-align: center; background-image:none !important; padding: 10px 0; border-bottom: 1px solid #f2f2f2; font-size: 16px; color: #fff;}
.subnav1 dd a{color: #fff; display: block; font-size: 14px;}
.subnav1 dd a:hover{color: #ff9443}
.subnav1 dd:hover{border-bottom: 1px solid #ff9443;}
.subnav1 dd .nr a{height:30px; text-align:left; line-height:30px; font-size:14px; display:block;  color:#333 !important; text-align:center; }
.subnav1 dd .nr a:hover{ color:#ff7f02 !important; text-indent:2px; background-color:none;}
.subnav1 .tit{ font-size:16px; font-weight:bold; text-align:center; padding:8px 0 4px;}



.menubtn{ position:absolute; width:24px; height:24px;top:13px; right:10px; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#1c4e9e; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

.inav{ background:url(../image/black8.png) repeat; position:absolute; left:0; top:50px; width:100%; display:none; z-index:9; }
.inav{ display:none;}
.inav dl{ padding:0 10px; text-align:left;}
.inav dt{ font-size:14px; color:#fff; height:40px; line-height:40px; border-bottom:1px solid #2b3b81; padding-left:8px; position:relative;}
.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(../image/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #1c4e9e; padding-bottom:6px;}
.inav a{ color:#fff;}
.inav a:hover{ color:#ccc;}
.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}
.inav dd h6 a{ display:block;}
.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}
.act_inav{ font-weight:bold;}
.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -moz-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; -o-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}


.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ 
	width:100%; 
	height:auto; 
	display:block;
	-webkit-transition:all 20s ease-out 0s; 
	-moz-transition:all 20s ease-out 0s; 
	-ms-transition:all 20s ease-out 0s; 
	-o-transition:all 20s ease-out 0s; 
	transition:all 20s ease-out 0s;
}
.banner .swiper-button-prev{ background:url(../image/banpr.png) center center no-repeat; left:2%;}
.banner .swiper-button-next{ background:url(../image/bannt.png) center center no-repeat; right:2%;}
.banner .swiper-button-prev,.banner .swiper-button-next{
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; -khtml-opacity: 0.8;
    opacity: 0.8;
    width:48px;  
    height:64px; 
    top:50%; 
    margin-top:-30px; 

 }
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.h_tit{text-align: center; padding: 30px 0; }
.h_tit h3{ font-size:36px; color:#213875; font-weight:bold; margin-bottom: 15px;}
.h_tit p{font-size: 16px; color: #999}

.gallery-thumbs{position: relative;}
.seriesn{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #000;
	background:url(../image/inprod.png) no-repeat 90% center;
	padding: 20px 0
}
.seriesn img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.seriesn .img01{display:inline-block;}
.seriesn .img02{display: none;}


.gallery-thumbs .swiper-slide-thumb-active{
	background:#213875;
}
.gallery-thumbs .swiper-slide-thumb-active .seriesn{
	background:url(../image/inprodb.png) no-repeat 90% center;
	color: #fff
}
.gallery-thumbs .swiper-slide-thumb-active .img02{display:inline-block;}
.gallery-thumbs .swiper-slide-thumb-active .img01{display:none;}
.seriebottom{
	z-index: 99;
	position: absolute;
	width: 500px;
	height: 10px;
	background:#213875;
	padding: 20px 0;
	top: -50px;
}
.gallery-thumbs .swiper-pagination{
   right: 40px;
   width: 68px;
   top: 50%;
   margin-top: -10px;
}
.gallery-thumbs .swiper-pagination-bullet{
	background: #fff;
	margin: 0 3px;
	opacity: 1
}
.gallery-thumbs .swiper-pagination-bullet-active{
	border: 1px solid #fff;
	background: transparent;
	width: 7px;
	height: 7px;
}
.gallery-thumbs .swiper-button-prev{ background:url(../image/seripv.png) center center no-repeat; right:24%; left: initial;}
.gallery-thumbs .swiper-button-next{ background:url(../image/seripr.png) center center no-repeat; right:4%;}
.gallery-thumbs .swiper-button-prev,.gallery-thumbs .swiper-button-next{
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; -khtml-opacity: 0.8;
    opacity: 0.8;
    width:10px;  
    height:14px; 
    top:50%; 
    margin-top:-7px; 
 }
.sriesbox{
	width: 100%;
	position: relative;
}
.sriesbox img{
	width: 100%;
	display: block;
}
.seriwz{
	position: absolute;
	top: 50%;
	left: 10%;
	width: 430px;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
.seriwz h3{
	position: relative;
	font-size: 30px;
	color: #000;
	padding-bottom: 15px;
}
.seriwz h3:before{
	content: "";
	position: absolute;
    width: 45px;
    height: 2px;
    background: #213875;
    bottom: 0;
}
.seriwz p{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin: 10px 0;
	text-indent: 32px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.sermore{
	font-size: 16px;
	color: #fff;
	background: #213875;
	width: 109px;
	height: 35px;
	border-radius: 35px;
	line-height: 35px;
	text-align: center;
	display: block;
}

.planbox .swiper-button-next{
   background-color: rgba(0,0,0,0.5);
   
   height: 100%;
   right: 0;
   top: 0;
   padding: 0 10px;
   margin-top: 0;
}
.planbox .swiper-button-prev{
   background-color: rgba(0,0,0,0.5);
   
   height: 100%;
   left: 0;
   top: 0;
   padding: 0 10px;
   margin-top: 0;
}

.spacem{
	position: absolute;
	top: 50%;
	left: 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%);
    cursor: pointer;
    z-index: 33
} 
.spacem h3{
	font-size: 26px;
	color: #fff;
}
.spacem p{
	color: #fff;
	font-size: 16px;
	
	position: relative;
}
.spacem:before{
	content: "";
	background: url(../image/applik.png) no-repeat;
	width: 133px;
	height: 117px;
	position: absolute;
	top: 50%;
	left: 40%;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.planbox .swiper-slide a{
	display: block; 
	overflow: hidden; 
	line-height: 0
}
.planbox .swiper-slide img{transition: all 0.3s; max-width: 100%}
.laye{
	background: rgba(33,56,117,0.87);
	display: none;
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 22
}
.planbox .swiper-slide:hover .laye{display: block;}
.planbox .swiper-slide:hover img{transform: scale(1.1);}
.planbox .swiper-slide:hover .spacem{display: none;}

.indeulis{
	font-size: 14px;
	color: #fff;
	width: 70%;
	line-height: 24px;
	position: absolute;
	top: 40%;
	left: 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%);
}
.indeulis h3{
	font-size: 30px;
	color: #fff;
	margin-bottom: 20px;
}
.indunext{
	position: absolute;
	bottom: 20px;
	right: 5%
}

.partnebox{position: relative;}
.partnebox .swiper-button-prev{
	left: 0;
	margin-left: -30px;
	background: url(../image/partlf.png) no-repeat;
	width: 26px;
	height: 52px;
}
.partnebox .swiper-button-next{
	right: 0;
	margin-right: -30px;
	background: url(../image/partlr.png) no-repeat;
	width: 26px;
	height: 52px;
}
.partimg{
	padding: 5px;
	width: 90%;
	margin: 8px auto
}
.partimg img{
	box-shadow: 0 0 5px #ccc;
	display: block;
	max-width: 100%
}
.partnebox .swiper-button-prev:hover{
	background: url(../image/partlf_h.png) no-repeat;
}
.partnebox .swiper-button-next:hover{
	background: url(../image/partlr_h.png) no-repeat;
}
.partnerbox{
	padding: 0 0 40px
}
.inabkx{
	background: #eff1f2;
	padding: 10px 0 40px;
}
.inabkx .h_tit p{color: #333;width: 92%;
    line-height:30px;
    margin: 0 auto;
    text-align: left;}

.inabtkxbox{margin-top: 15px;}
.inabtkxbox ul li{
	width: 30%;
	text-align: center;
	float: left;
	margin: 0 1.2%;
	position: relative;
}
.inabtkxbox ul li:before{
	content: "";
	background:url(../image/gysl.png) no-repeat;
	width: 100px;
	height: 8px;
	position: absolute;
	right: -80px;
	top: 50%;
	margin-top: -3px;
}





.inabtkxbox ul li:last-child:before{
   content: "";
	background:none;
}
.inabora{
	background: #fff;
	width: 215px;
	height: 225px;
	padding:50px 30px 0;
	border-radius: 50%;
	display: inline-block;
	position: relative;
}
.inashad{
	text-align: center;
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.abblue{
	color: #213875
}
.abcohs{
	color: #111111
}


.inabtnrc{
	position: absolute;
	width: 100%;
	height: 100%;
	background:#213875;
	left: 0;
	top: 0;
	border-radius: 50%;
	display: none;
}
.inabtnrc .inabora{background:#213875;}
.inabtnrc .inabora .abblue{color: #ffc000}
.inabtnrc .inabora .abcohs{color: #fff}
.inabtkxbox ul li:hover .inabtnrc{
	display: block;
}




.operatebg{
	width: 100%
}
.operatebg img{
	display: block;
}
.pr{position: relative;}
.seriwz h4{
	color: #213875;
	font-size: 36px;
	font-weight: bold;
}
.operrt{
	width: 35%;
	position:absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.operrt .seriwz{
	position: static;
	width: 100%;
	-webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);
}
.footerbg{
	background: #4587e8
}
.foottop{
	border-bottom: 1px solid #6198e9;
	padding: 8px 0;
	text-align: center;
}
.foottop a{
	font-size: 16px;
	color: #fff;
	margin: 0 10px;
}
.footcon{
	padding: 10px 0;

}
.fl{float: left;}
.fr{float: right;}
.copyaddr{
	font-size: 12px;
	color: #fff;
	line-height: 30px;
}
.footcon ul li{
	width: 28%;
	float: left;
}
.copconta{
	font-size: 14px;
	color: #fff;
	padding-top:20px;
}
.confot{
	margin-top: 10px;
}
.confot a{
	margin: 0 5px;
}
.footcon ul li:nth-child(4){
	width: 16%;
	font-size: 12px;
	color: #fff;
}
.fooycy{
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-top: 1px solid #6198e9;
	padding: 8px 0;
}
.nrbanner{
	width: 100%;
	display: block;
	line-height: 0;
}
.nrbanner img{width: 100%}
.cuttbg{
	background: #f0f1f3;
	width: 100%;
	padding: 10px 0
}
.cuthome a{
	font-size: 12px;
	color: #666;
	margin: 0 5px;
}
.cuthome a:hover,.cuthome a.on{color: #040a5d}
.nrsuv{text-align: center; padding-bottom: 10px;}
.nrsuv a{
	font-size: 18px;
	color: #000;
	margin: 0 20px;
}
.nrsuv a:hover,.nrsuv a.on{
	color: #203874
}
.currenbg{padding: 30px 0}
.currents{background: #fbfbfb}
.prixqtit{font-size: 30px; color: #000000; text-align: center;}
.proxqbox{
	background: #fff;
	padding: 20px 3%;
	margin-top: 20px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.proxqbox p{
	text-indent: 30px;
	text-align: left !important;
	
}
.proxt{
	width: 100%;
	text-align: center;
}
.proxqbox h4{
	color: #203874;
	font-size: 18px;
}
.proxqbox span{margin: 0 20px 0 0;}
.protitwp h3{
	font-size: 30px;
	color: #000;
	font-weight: 500;
	margin-bottom: 5px;
}
.protitwp{
	text-align: center;
	font-size: 16px;
	color: #333
}
.productbox{
	padding: 20px 0
}
.productbox li{
	width: 30.3%;
	background: #fff;
    margin: 20px 1.5%;
    font-size: 16px;
    color: #333;
    text-align: center;
    float: left;
}
.productbox li p{
	padding: 8px 0
}
.protitwp.qualtit h3{color: #9ea6bd; font-size: 41px;}
.protitwp.qualtit{font-size: 24px; color: #000}
.copzzbox ul li{
	width: 23%; 
	margin: 20px 1%;
	background: #f3f3f3;
	padding: 10px;
	box-sizing: border-box;
}

.partnerm{
	border-top: 2px solid #fbfbfb;
	border-bottom: 13px solid #fbfbfb;
	padding: 20px 0
}
.partnerm h3{color: #000; font-size: 30px; margin-bottom: 20px; font-weight: 500}
.partcon{font-size: 14px; color: #333; margin-bottom: 15px;}
.partnet li{
	float: left;
	width: 23%;
	margin: 15px 1%;
	box-shadow: 0 0 5px #ccc;
	overflow: hidden;
}

.abouttopm{
	padding:100px 0 50px 0
}
.aboutopfl{width: 52%; position: relative; text-align: right;}
.aboutopfr{width: 43%}
.aboutopfr .protitwp{text-align: left;}
.aboujx{font-size: 14px; color: #333; line-height: 28px; margin-top: 10px;}
.aboutopfl p{
	position: absolute;
	left: 0;
	top: 0;
	font-family: "Arial";
	font-weight: bold;
	font-size: 160px;
	text-transform: uppercase;
	color: #eeeeee;
	z-index: -1;
	-webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.aboutconm{background: #f4f4f4}
.aboutconm ul li{
	padding: 30px 1% 30px 4%;
 	border-right: 1px solid #e3e6e8;
	width: 26.3%; 
	float: left;
}
.boxW{width: 100%}
.inbkT{
	display: inline-block;
	vertical-align: top;
}
.abconnr{padding-left: 8px; font-size: 14px; color: #333}
.abconnr h3{color: #203874; font-size: 22px; margin-bottom: 5px;}
.aboutconm ul li .imgW{width: 40px; overflow: initial;}
.round{
	font-size: 20px;
	color: #fff;
	font-family: "Arial";
	font-weight: bold;
	width: 35px;
	height: 35px;
	background: #ced2dd;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
	position: relative;
	z-index: 2
}
.round span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #203874;
	left: -5px;
	top: 0;
	z-index: -1;
	border-radius: 50%
}
.aboutbot{
	padding: 30px 0
}
.aboutbot .inabora{
	background: #fbfbfb
}

.aboutbot .inabtnrc .inabora{background:#213875;}


.teambox{padding: 40px 0}
.teamtop{text-align: center;}
.tesmjx{
	position: relative;
	margin: 30px auto;
	display: inline-block;
}
.tesmjx img{display: block;}
.teamtit{
	background: #203874; 
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 5%;
	width: 90%;
	font-size: 14px;
	color: #fff;
	text-align: left;
}
.teamtit h3{font-weight: 500}
.teamtit h3 span{
	font-size: 24px;
}
.teammain{width: 100%}
.teammain ul li{margin: 30px 0}
.teammain ul li .imgW{width: 156px;}
.teammain ul li .imgW img{border-radius: 50%;}
.teamnr{padding-left: 25px;}
.teamnr b{font-size: 22px; color: #000}
.teamnr span{color: #203874; font-size: 16px; display: block;}
.teamnr p{font-size: 14px; color: #333; line-height: 24px; margin-top: 15px;}

.contactusbox{padding: 40px 0}
.contatit{
	background: url(../image/contit.jpg) no-repeat center bottom;
	font-size: 24px;
	color: #111;
	text-align:center;
	padding-bottom: 20px;
}
.confs{margin-top: 30px;}
.confs li{
	width: 33.3%;
	float: left;
	text-align: center;
}
.confsbg{background: #203874; text-align: left; color: #fff; display: inline-block; font-size: 16px; padding: 15px 20px; width: 180px; border-radius: 5px;}
.confsbg span{font-size: 14px;}
.confsbg a{font-size: 12px; margin-left: 15px;color: #000; background: #fff; border-radius: 3px; display: inline-block; padding: 3px 8px; }
.contacit{color: #000; font-weight: bold; font-size: 26px; text-align: center; padding: 30px 0}
.addressbox{
	background: #fefefe;
	box-shadow:0 0 5px #f4f4f4;
	padding: 25px 5%;
}
.addrefl{width: 50%;}
.map{width: 100%; height: 290px;}
.addrefr{width: 45%; padding-top: 20px;}
.addrefr h3{color: #000000; font-weight: bold; font-size: 24px; margin-bottom: 10px;}
.addrefr p{font-size: 14px; color: #333; line-height: 28px;}
.contalx .addrefr{width: 100%;}


.applicnav{
  width:100%;
  padding: 30px 0
}
.applicnav a{
	float: left;
	font-size: 16px;
	color: #000;
	background: #cccccc;
	width: 145px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	margin: 8px 1%
}
.applicnav a:hover{
	background-color: #203874;
	color: #fff;
}

.applicbox{
	position: relative;
}
.applicimg{width: 100%}
.applicimg img{
	display: block;
	width: 100%;
}
.applimain{
	background: #f0f1f3;
	padding: 15px 8% 15px 2%;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	min-height: 140px;
	width: 65%;
	position: relative;
	-webkit-transform: translate(0%,-30%);
    -moz-transform: translate(0%,-30%);
    -ms-transform: translate(0%,-30%);
    -o-transform: translate(0%,-30%);
    transform: translate(0%,-30%);
}
.applimain h3{
	color: #203874;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 15px;
}
.appico{
	position: absolute;
	top: 0;
	right: 0;
	width: 122px;
	height: 122px;
	border-radius: 50%;
	display: inline-block;
	-webkit-transform: translate(50%,-50%);
    -moz-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
}
.appico img{
	display: block;
	width: 100%
}
.applirt .applimain{
   float: right;
}
.applirt .appico{
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.applirt .applimain{
	padding: 15px 2% 15px 8%;
}