@media only screen  and (min-width: 800px){
::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #ccc;
}
  
/*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/  
::-webkit-scrollbar-track {
 border-radius: 0px;
 background: #ccc;
}
  
/*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/  
::-webkit-scrollbar-thumb {
 border-radius: 0px;
 background-color:#172870;
}

}
 /*=========
  鍩烘湰榛樿鍊�
  ==========*/
*{
	margin: 0;
	padding: 0; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
html{ 
	min-height:100%;
}
body {
	min-height:100%;
	font-size: 12px;
	color: #000;
	font-family: Arial, "微软雅黑","宋体";
	overflow-x:hidden;
}
li{
	list-style: none;
}
img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	text-decoration: none;
	color: #000;
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s;  
}
::after,::before{
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s;  
}

table {  
  width: 100%;  
  border-collapse: collapse;  
} 
tr:nth-of-type(odd) {  
  background: #eee;  
} 
th {  
  background: #333;  
  color: white;  
  font-weight: bold;  
} 
td, th {  
  padding: 6px;  
  border: 1px solid #ccc;  
  text-align: left;  
} 
input,textarea,select{
	font-family: Arial, "微软雅黑","宋体";
	font-size: 12px;
	outline: none;
}
@media only screen  and (min-width: 800px) {
#gotop{
	 -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    width: 30px;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
    margin: auto;
    -moz-transform: rotate(180deg) scale(0.0000000001);
    -ms-transform: rotate(180deg) scale(0.0000000001);
    -o-transform: rotate(180deg) scale(0.0000000001);
    -webkit-transform: rotate(180deg) scale(0.0000000001);
    transform: rotate(180deg) scale(0.0000000001);
	opacity:0;
	position:fixed; z-index:20;
	left:6.18%; bottom:20%; line-height:32px; margin-left:-16px;
	 color:rgba(255,255,255,.8); font-weight:bold; text-shadow:0px 0px 5px #29292e; cursor:pointer;
	
	}
#gotop[data-on="on"]{
	 -moz-transform: rotate(180deg) scale(1);
    -ms-transform: rotate(180deg) scale(1);
    -o-transform: rotate(180deg) scale(1);
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
	opacity:1;
	
	}	
}
@media only screen  and (max-width: 799px) {
#gotop{ overflow:hidden; position:fixed; bottom:0px; right:0px; width:50px; height:50px; background:#29292e; cursor:pointer; z-index:20; text-indent:-10000px;
-moz-transform: scale(0.0000000001);
-ms-transform: scale(0.0000000001);
-o-transform: scale(0.0000000001);
-webkit-transform: scale(0.0000000001);
transform: scale(0.0000000001);
opacity:0;

}
#gotop[data-on="on"]{
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity:1;	
	
	}	
#gotop:after{ content:""; display:block; width:15px; height:15px; border-top:1px solid #fff; border-left:1px solid #fff; position:absolute; top:50%; left:50%; margin:-3px 0 0 -8px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg); }	
	
}
@media only screen  and (max-width: 500px) {
#gotop{ width:30px; height:30px;}	
#gotop:after{ width:10px; height:10px; margin:-2px 0 0 -5px;}	
	}
/* =========
  宸ュ叿鏍峰紡
  ========== */
.clearfix:before,
.clearfix:after{
	content: "";
	display: block;
}
.clearfix:after{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.donghua{
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
}
/* =========

  棣栭〉

  ========== */
.wrap{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
/*椤堕儴*/
.header.bai{background-color: #fff; border-bottom:1px solid #e3e3e3}
.header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	border-bottom:1px solid rgba(255,255,255,.2);
	
}
.header .box{
	height: 100px;
	width:94%; max-width:1600px;
	position:relative;
	margin:auto;

}
.header .box a.logo{
	display: block;
	position:absolute;
	left:0px; top:50%;
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	height:90%;
	z-index:10;
	
}
.header .box a.logo img{
	height: 100%;
	display:block;
}
.header .box a.logo img.c{ position:absolute;  height:100%; left:0px; top:0px; opacity:0;}
.header.bai .box a.logo img.c{ opacity:1;}
.header.bai .box a.logo img.b{ opacity:0;}

.header .box>ul{
	display:block;
	text-align:right;
	width:100%; right:0px; height:40px; line-height:40px; top:50%; position:absolute; margin-top:-20px;
}
.header .box>ul>li{
	display:inline-block;
	margin:0 26px;
		position:relative;
	top:0;
	left:0
}
.header .box ul .active a{
	color: #172870;
	text-shadow:1px 1px 0px rgba(255,255,255,.1);
}
.header .box>ul>li a{
	color: #172870;
	font-size: 14px;
	
}
.header.bai .box ul li a{ color:#2e2e2e;}
.header.bai .box ul .active a{
	color: #172870;

	
	}
	
.header .box ul li .cp_ul{
    position:absolute;
	top:70px; 
	left:0px;
	width:300%;
	text-align:left;
	display:none;
	 background:#FFF
}	

.header .box ul li .cp_ul>li>a{
    padding:0 10px;
	color:#fff;
	box-sizing:border-box;
	width:100%;
	display:block;
    background:#223a8f ;
	line-height:50px;
	border-bottom:1px solid #095696
	 
}	

.header .box ul li .cp_ul li a:hover{
   
	 background:#0F2765;
	 color:#fff
	 
}	


.header .box ul li .cp_ul li:hover ul {
 
	 display:block
}

.header .box ul li .cp_ul li ul{
    position:absolute;
	top:0; 
	left:100%;
	width:150%;
	text-align:left;
	/* display:none;*/
	background:#FFF;
	display:none
}


.header .box ul li .cp_ul li ul li a{
    line-height:40px;
	background:#324cab ;
	text-indent:30px;
	 display:block;
	 border-bottom:1px solid #0d47a1;
	 color:#FFF
}		



	
/*鎼滅储灞曞紑*/
.header .search-form{
	width: 50%;
	height: 60px;
	position: fixed;
	top:100px;
	right: -1000px;
	padding: 0 20px;
	background-color: rgba(255,255,255,.8);
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.header .search-form[data-active="on"]{
	right: 0;
}
.header .search-form form{
	width: 100%;
	padding-left: 40px;
	position: relative;
}
.header .search-form form input[type="submit"]{
	width: 30px;
	height: 30px;
	background-image:url(../images/ind_04s.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:80% auto;
	border: none;
	background-color: transparent;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}
.header .search-form form input[type="text"]{
	height: 30px;
	line-height: 30px;
	width: 100%;
	border: none;
	color:#172870;
	border-bottom: 1px solid #172870;
	background: none;
}
/*鎼滅储灞曞紑 End*/
/*navshow*/
.navshow{ background:#29292e; width:100%; height:100%; position:fixed; z-index:102; left:0px; top:0px;
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
-webkit-transform:translateX(100%);
transform:translateX(100%);
overflow-y:auto;

}
.navshow .main{ width:94%; margin:auto; max-width:1200px; color:#fff;}
.navshow .main .bbt{ font-size:60px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; text-align:center; padding:5% 0 3%;}
.navshow .main .bbt a{ color:#fff;}
.navshow[data-active="on"]{
-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
-o-transform:translateX(0%);
-webkit-transform:translateX(0%);
transform:translateX(0%);	
	}
	
.navshow .main .list:after{ content:""; display:block; clear:both;}	
.navshow .main .list dl{ display:block; width:23%; float:left; margin:0 1% 3%; font-family:'simsun'; line-height:1.6; font-size:14px;}	
.navshow .main .list dl a{ color:rgba(255,255,255,.6); display:inline-block; position:relative; padding-bottom:6px;}
.navshow .main .list dl a:after{ content:""; display:block; width:0px; height:1px; background:rgba(255,255,255,.6); position:absolute; left:50%; bottom:2px;
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);

}
.navshow .main .list dl a:hover{ color:#fff;}
.navshow .main .list dl a:hover:after{ width:100%; background:#fff;}
.navshow .main .list dl dt{ margin-bottom:4%; font-size:1.5em;}	
.navshow .main .list dl dt a{ color:#fff}

.navshow .main .list dl dd{ margin-bottom:2%; font-size:1.25em;}
	@media only screen  and (max-width: 1024px) {
	.navshow .main .bbt{ margin-bottom:5%; font-size:40px; }	
	.navshow .main .list dl{ font-size:12px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
	.navshow .main .list dl{ width:46%; margin:0 2% 3%;}	
	.navshow .main .bbt{ margin-bottom:2%;}
	
	}
@media only screen  and (max-width: 500px) {
	.navshow .main .list dl{ width:100%; margin:0 0% 3%;}	
	
}
	
	
	
	
	
/**/	


.header .rfly{ height:50px; position:absolute; top:50%; margin-top:-25px; right:0px; z-index:2; display:none}
.header .rfly .phone{ float:left; width:40px; height:50px; background-repeat:no-repeat; background-size:auto 46%; background-position:center; background-image:url(../images/ind_03.png); cursor:pointer;}
.header.bai .rfly .phone{ background-image:url(../images/ind_03s.png);}
.header .search-icon{
	 float:left; width:40px; height:50px; background-repeat:no-repeat; background-size:auto 46%; background-position:center; background-image:url(../images/ind_04.png); cursor:pointer;
}
.header.bai .rfly .search-icon{ background-image:url(../images/ind_04s.png);}

.header .linebox{
	width: 24px;
	height: 20px;
	position: relative;
	cursor: pointer;
	z-index: 101000000;
	float:left;
	margin:15px 0 0 10px;
}
.navshowbtn{width: 24px;
	height: 20px; position:fixed; right:20px; top:35px; opacity:0; cursor:pointer; z-index:1021;
	-moz-transform:scale(0.00000000001);
	-ms-transform:scale(0.00000000001);
	-o-transform:scale(0.00000000001);
	-webkit-transform:scale(0.00000000001);
	transform:scale(0.00000000001);
	
	
	}
.navshowbtn[data-active="on"]{
	 opacity:1;
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	}	
.navshowbtn .line{
	width: 24px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 9px;
	}
.navshowbtn[data-active="on"] .line1{
	margin-top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navshowbtn[data-active="on"] .line2{
	display: none;
}
.navshowbtn[data-active="on"] .line3{
	margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



.header .linebox .line{
	width: 24px;
	height: 2px;
	background-color: #172870;
	position: absolute;
	left: 0;
	top: 9px;
}
.header.bai .linebox .line{ background:#172870;}

.header .linebox .line1{
	margin-top: -9px;
}
.header .linebox .line3{
	margin-top: 9px;
}
.header .linebox[data-active="on"] .line1{
	margin-top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .linebox[data-active="on"] .line2{
	display: none;
}
.header .linebox[data-active="on"] .line3{
	margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen  and (max-width: 1600px) {
.header .box{ height:80px;}
.header .search-form{ top:80px;}
}
@media only screen  and (max-width: 1440px) {
.header .box{ height:70px;}
.header .box ul li{ margin:0 15px;}
.header .box ul li .cp_ul{ top:55px}
.header .box ul li ul li{ margin:0px;}
.header .search-form{ top:70px;}
}
@media only screen  and (min-width: 800px) {
	.header .box ul li a:hover{
		color: #172870;
	}
	.header.bai .box ul li a:hover{
		color: #172870;
	}

}
@media only screen  and (max-width: 1023px){
	.header .box ul{
		display: none;
	}
	.header .mm-nav-list[data-active="on"]{
		right: 0;
	}
	.header .mm-nav-list[data-active="on"] .mml-box{
		right: 0;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	.header .mm-nav-list[data-active="on"] .mask{
		display: block;
		opacity: 1;
	}
	.header .rfly{ display:block}
}
@media only screen  and (max-width: 800px){
	.header .box a.logo{ height:70%;}
	.header .box{
		height: 50px;
		line-height: 50px;
	}



	.header .search-form{
		top: 50px;
	}
	.header .search-form{
		height: 50px;
		width: 100%;
	}
}
@media only screen  and (max-width: 600px){
	.header .mm-nav-list .mml-box ul .li1 a{
		font-size: 14px;
	}
	.header .mm-nav-list .mml-box ul .li1{
		height: 50px;
		line-height: 50px;
	}
}
/*澶撮儴 End*/

/*涓棿骞垮憡杞挱*/
.banner{
	background-color: #e8e8e8;
	position:relative;
}
.banner .godown{ height:95px;width:55%; width:calc(50% + 70px); position:absolute; left:0px; bottom:0px; background-image:url(../images/ind_07.png); background-size:cover; z-index:10; line-height:95px; font-size:18px; color:#172870; font-weight:bold; padding-left:3%;}
.banner  .biao{ width:30px; height:50px; position:absolute; bottom:25px; left:50%; margin-left:-15px; z-index:20; cursor:pointer; }
.banner .biao:after{ content:""; display:block; width:12px; height:12px; border-bottom:2px solid #1f115e; border-right:2px solid #1f115e; position:absolute; bottom:3px; left:50%; margin-left:-7px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.banner .biao span:before{ width:4px; height:4px; background:#1f115e; content:""; display:block; border-radius:100%; position:absolute; left:50%; margin-left:-2px; top:15px;}
.banner .biao span:after{ width:4px; height:4px; background:#1f115e; content:""; display:block; border-radius:100%; position:absolute; left:50%; margin-left:-2px; top:24px; box-shadow:0 9px 0 #1f115e;}

.banner .my-swiper{
	height: 100%;
	width: 100%;
}
.banner .my-swiper .swiper-slide{

	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	overflow:hidden;
}
.banner .my-swiper .swiper-slide a{
	display: block;
	width: 100%;
	height: 100%;
	position:absolute; left:0px; top:0px; 
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	transition:all 1s;
	}
	
	.banner .my-swiper .swiper-slide.swiper-slide-active a{
		transform:scale(1);transition:all 8s;
		
		}
	
.banner .my-swiper .swiper-slide  .text{ width:90%; max-width:1600px;color:rgba(255,255,255,.6); position:relative; z-index:2;}
.banner .my-swiper .swiper-slide  .text .bt{ color:#fff;}
.banner .my-swiper .swiper-slide  .text.text_0{ text-align:center; }
.banner .my-swiper .swiper-slide  .text.text_0 .bt{ font-size:56px; font-weight:bold; margin-bottom:5px; line-height:1.4;}
.banner .my-swiper .swiper-slide  .text.text_1 .bt{ font-size:70px; font-weight:bold; margin-bottom:5px; line-height:1.4;}
.banner .my-swiper .swiper-slide  .text.text_1 .demo{ line-height:1.8; font-size:14px;}
.banner .my-swiper .swiper-slide  .text.text_0 .demo{ line-height:1.4; font-size:24px;}
@media only screen  and (max-width: 1600px) {
.banner .my-swiper .swiper-slide  .text.text_0 .bt{ font-size:48px;}	
.banner .my-swiper .swiper-slide  .text.text_0 .demo{ font-size:18px;}	
.banner .my-swiper .swiper-slide  .text.text_1 .bt{ font-size:60px;}
.banner .my-swiper .swiper-slide  .text.text_1 .demo{font-size:14px;}
}
@media only screen  and (max-width: 1440px) {
.banner .my-swiper .swiper-slide  .text.text_0 .bt{ font-size:42px;}	
.banner .my-swiper .swiper-slide  .text.text_0 .demo{ font-size:16px;}	
.banner .my-swiper .swiper-slide  .text.text_1 .bt{ font-size:50px;}
.banner .my-swiper .swiper-slide  .text.text_1 .demo{font-size:14px;}	
	
}
@media only screen  and (max-width: 1024px) {
.banner .my-swiper .swiper-slide  .text.text_0 .bt{ font-size:32px;}	
.banner .my-swiper .swiper-slide  .text.text_0 .demo{ font-size:14px;}	
.banner .my-swiper .swiper-slide  .text.text_1 .bt{ font-size:40px;}
.banner .my-swiper .swiper-slide  .text.text_1 .demo{font-size:12px;}	
.banner .my-swiper .swiper-slide  .text{ padding-top:50px;}	
}
@media only screen  and (max-width: 700px) {
.banner .my-swiper .swiper-slide  .text.text_0 .bt{ font-size:22px; font-weight:400;}	
.banner .my-swiper .swiper-slide  .text.text_0 .demo{ font-size:12px;}		
.banner .my-swiper .swiper-slide  .text.text_1 .bt{ font-size:30px;font-weight:400;}
.banner .my-swiper .swiper-slide  .text.text_1 .demo{font-size:10px;}	

}
@media only screen  and (max-width: 400px) {
.banner .my-swiper .swiper-slide  .text.text_0 .bt{ font-size:20px;}	
.banner .my-swiper .swiper-slide  .text.text_0 .demo{ font-size:12px;}		
.banner .my-swiper .swiper-slide  .text.text_1 .bt{ font-size:24px;}
.banner .my-swiper .swiper-slide  .text.text_1 .demo{font-size:10px;}		
}



.banner .my-swiper .my-pagination{
	padding:0 3%; 
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 45px;
	margin-bottom:-6px;
	z-index: 10;
	text-align: right;
}
.banner .my-swiper .my-pagination .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
}
.banner .my-swiper .my-pagination .swiper-pagination-bullet-active{
	background-color: #26225e;
}

@media only screen  and (max-width: 1600px) {
.banner .my-swiper .my-pagination{ bottom:35px;}
.banner .godown{ line-height:75px; height:75px;}	
.banner  .biao{ bottom:20px;}
}
@media only screen  and (max-width: 1024px) {
#indexbanner{ height:400px !important; min-height:400px;}
.banner .godown{ display:none}
.banner .my-swiper .my-pagination .swiper-pagination-bullet{ width:8px; height:8px; }
.banner .biao{
	transform:scale(.8); bottom:10px;}
.banner .biao:after{border-bottom:2px solid #fff; border-right:2px solid #fff;
}
.banner .biao span:before{background:#fff;}
.banner .biao span:after{ background:#fff;  box-shadow:0 9px 0 #fff;}

}
@media only screen  and (max-width: 600px) {
.banner .my-swiper .my-pagination{ bottom:20px;}	
#indexbanner{ height:280px !important;min-height:280px;}
}
@media only screen  and (max-width: 414px) {
#indexbanner{ height:250px !important;min-height:250px;}
}
@media only screen  and (max-width: 359px) {
#indexbanner{ height:220px !important;min-height:220px;}	
	
	
}


/*涓棿骞垮憡杞挱 End*/
.index-pro{ padding:5% 0; position:relative; background:#f5f5f5}
.index-pro .cn{ color:#172870;  line-height:1.2; font-size:14px; display:none;}
.index-pro .en{ font-size:80px; color:rgba(0,0,0,.1); font-weight:bold; display:none; position:absolute; left:3.5%; top:50%; line-height:100px; margin-top:-50px;}
.index-pro .type-list{ }
.index-pro .type-list .swiper-slide{ width:auto; position:relative;}
.index-pro .type-list .swiper-slide:after{ height:40%; width:1px; left:0px; top:50%; content:""; display:block; position:absolute; background:#eeeeee; 

-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);


}
.index-pro .type-list .swiper-slide:nth-child(1):after{ display:none;}
.index-pro .type-list .swiper-slide a{ display:inline-block; padding:0 50px; height:90px; line-height:90px; color:#686868; font-size:14px; position:relative;}
.pro-l .swiper-slide .tu{ position:relative;}
.pro-l .swiper-slide .tu .bbg{ display:block; width:100%; opacity:0;}
.pro-l .swiper-slide .tu .pic{ display:block; width:100%; /*height:100%;*/ position:absolute; left:0px; top:0px;}
.pro-l .href a{ color:#172870; display:inline-block; padding-bottom:10px; font-size:16px;}

.pro-l  .href a:after{ content:""; display:block; height:2px; width:100%; position:absolute; bottom:2px; left:0px; background:#172870}
.pro-l .text .view .demo{ line-height:1.6; font-size:14px; color:#87888a; padding-right:10%;}
.pro-l .btn{ position:absolute; left:3%; bottom:10%; z-index:2;}
.pro-l .btn img{ display:block; cursor:pointer; float:left; margin-right:5px; background:#172870; width:50px;}
@media only screen  and (min-width: 800px) {
.index-pro .en{ display:block; z-index:1;}	
.index-pro .cn{ position:absolute; left:6.15%; margin-left:-8px; top:30%; text-align:center;width:16px; display:block;}
.index-pro .cn span{ padding-top:10px; display:inline-block;}
.index-pro{ padding:12% 0 10% 8.333%; position:relative;}
.index-pro:after{ content:""; width:1px; height:100%; background:#cccccc; display:block; position:absolute; left:8.333%; top:0px; margin-left:-1px;}
.index-pro .type-list .swiper-slide a:hover{ color:#000; font-weight:bold;}
.index-pro .type-list .swiper-slide a:after,.index-pro .type-list .swiper-slide a:before{  position:absolute; border-style:solid; border-width:5px; content:""; display:block; left:50px; top:50%; height:16px; opacity:0;
width:-moz-calc(100% - 100px);
width:-ms-calc(100% - 100px);
width:-o-calc(100% - 100px);
width:-webkit-calc(100% - 100px);
width:calc(100% - 100px);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.index-pro .type-list .swiper-slide a:after{ border-color:#172870 #172870 transparent #172870; margin-top:-16px;}
.index-pro .type-list .swiper-slide a:before{ border-color:transparent #172870 #172870 #172870;}

.index-pro .type-list .swiper-slide a:hover:after{ opacity:1; top:30%;}
.index-pro .type-list .swiper-slide a:hover:before{ opacity:1; top:70%;}

}
@media only screen  and (min-width: 600px) {
.pro-l{ position:relative; z-index:2;}
.pro-l .swiper-slide .tu{ width:50%; position:relative; margin:0 0 0 auto;}	
.pro-l .text{ width:50%; position:absolute; left:0px; top:0px; padding:0 3%; height:100%;}
.pro-l .href{ position:absolute; left:3%; top:20%; font-weight:bold;}
.pro-l .text .view{ bottom:15%; padding-bottom:50px; position:absolute; left:6%;}
.pro-l .text .view .title{ font-size:30px; margin-bottom:3%;}
.pro-l .text .view .title a{ color:#172870}
	
}

@media only screen  and (max-width: 1440px) {
.index-pro .type-list .swiper-slide a{ line-height:70px; height:70px;}	
.index-pro .type-list .swiper-slide a:after,.index-pro .type-list .swiper-slide a:before{ border-width:3px;}
.pro-l .swiper-slide .tu{ width:40%;}
.pro-l .text{ width:60%;}	
.pro-l .text .view{ left:5%;}	
.pro-l .btn img{ width:40px;}
}
@media only screen  and (max-width: 800px) {

.pro-l .href{ top:0%; }	
.pro-l .href a{font-size:14px; padding-bottom:5px;}
}
@media only screen  and (max-width: 600px) {
.index-pro .type-list .swiper-slide a{ line-height:50px; height:50px; padding:0 20px;

}
.pro-l .btn{ display:none;}
.pro-l .swiper-slide .tu{ margin-bottom:3%;}
.pro-l .text .view,.pro-l .text{ width:100%; padding:0px;}
.pro-l .text .view .demo{ padding:0px; margin-bottom:2%;}
.pro-l .swiper-slide .title{ font-size:16px; margin-bottom:2%; line-height:1.4; font-weight:bold;}
.pro-l .swiper-slide .title a{ color:#263476}
.pro-l .href a{ display:inline-block; position:relative; padding-bottom:5px;}
.pro-l .href a:After{ height:1px;}
}
@media only screen  and (max-width: 599px) {
.pro-l .swiper-slide .tu{ width:100%;}	
.pro-l .swiper-slide{ padding: 0 3% 4%;}
}


/*棣栭〉浜у搧*/






/*绠€浠�*/
.index-about{ position:relative;}
.index-about .tcn{ display:none; color:#172870; font-size:14px;}
.index-about .tu img{ display:block; width:100%;}
.index-about .text .en{ color:rgba(0,0,0,.1); font-size:100px; line-height:1.2; font-weight:bold;}
.index-about .text .cn{ color:#172870; font-size:26px; font-weight:bold; margin-bottom:5%;} 
.index-about .text .demo{ color:#87888a; font-size:14px; line-height:1.6; margin-bottom:5%; max-width:580px;}
.index-about .text .href a{ display:inline-block; font-size:16px; color:#172870; padding-bottom:10px; position:relative;line-height:1.4; font-weight:bold; }
.index-about .text .href a:after{ width:100%; height:2px; content:""; display:block; background:#172870; bottom:0px; left:0px; }
@media only screen  and (min-width: 800px) {
.index-about .tcn{ position:absolute; left:6.15%; margin-left:-8px; top:0%; text-align:center;width:16px; display:block;}
.index-about{/* padding:65px 0 65px 8.333%*/  max-width:85%; margin:50px auto }	
.index-about .tu{ background-position:center; background-repeat:no-repeat; background-size:cover; height:100%; position:absolute; top:0px; right:0px; width:50%; transform:translateX(100px); opacity:0; transition:all 1s}
.index-about .tu img{ display:none;}
.index-about:After{ content:""; display:block; width:1px; height:100%; top:0px; margin-left:-1px; position:absolute; left:8.333%;}	
.index-about .text{ background:#fff; padding:6% 3%; position:relative; z-index:1; width:50%; min-width:600px;transform:translateY(-50px); opacity:0;  transition:all 1s;transition-delay:.3s;}
.index-about.on .text,.index-about.on .tu{transform:translate(0%,0); opacity:1;}
}

@media only screen  and (max-width: 1600px) {
.index-about .text .en{ font-size:80px;}		
}
@media only screen  and (max-width: 1440px) {
.index-about .text .en{ font-size:60px;}	
.index-about .text .cn{ font-size:22px;}	
.index-about .text .href a{ font-size:14px;}
}
@media only screen  and (max-width: 799px) {
.index-about .text .en{ font-size:40px;}		
.index-about .tu{ margin-bottom:3%;}	
.index-about .text{ padding:0 3% 3%;}	
}

/*绠€浠� End*/

/*棣栭〉宸ュ巶*/
.index-gc{ padding:10% 0 8%; max-width:1330px; margin:auto; position:relative;}
.index-gc .bbt{ text-align:center; position:relative; margin-bottom:4%;}
.index-gc .bbt .en{ color:rgba(0,0,0,.1); font-size:100px; font-weight:bold;}
.index-gc .bbt .cn{ color:#172870; font-size:26px; font-weight:bold; position:absolute; width:100%; left:0px; bottom:0px;}
.index-gc .swiper-container{ padding:0 65px; position:relative; z-index:2;}
.index-gc .swiper-container .btn{width:65px; height:100%; background-color:#fff; position:absolute; top:0px; cursor:pointer; z-index:2;}
.index-gc .swiper-container .btn.prev{ left:0px; background-image:url(../images/xcbtn_06.png); background-position:left; background-repeat:no-repeat;}
.index-gc .swiper-container .btn.next{ right:0px; background-image:url(../images/xcbtn_09.png); background-position:right; background-repeat:no-repeat;}
.index-gc  .swiper-slide{ width:auto;}
.index-gc  .swiper-slide img{ height:178px;}
.index-gc .href{ padding-top:5%; text-align:center;}
.index-gc .href a{ display:inline-block; border:4px solid #172870; padding:0 30px; line-height:42px; color:#172870; font-size:14px; font-weight:bold;}
.index-gc .href a:hover{ color:#fff; background:#172870;}
#index-gc{ position:relative;}
#index-gc:after{ content:""; left:8.333%; margin-left:-1px; width:1px; height:100%; position:absolute; top:0px; background:#ccc; display:block; z-index:1;}
@media only screen  and (max-width: 1600px) {
.index-gc .bbt .en{ font-size:80px;}	

	
}
@media only screen  and (max-width: 1440px) {
.index-gc .bbt .en{ font-size:70px;}	

	
}
@media only screen  and (max-width: 1280px) {
.index-gc  .swiper-slide img{ height:168px;}	
.index-gc .swiper-container{ padding:0 40px;}
.index-gc .swiper-container .btn{ width:40px; background-size:20px auto;}	
}
@media only screen  and (max-width: 800px) {
.index-gc  .swiper-slide img{ height:150px;}
.index-gc .bbt .en{ font-size:60px;}	
.index-gc .bbt .cn{ font-size:22px;}	
#index-gc:after{ display:none;}	
}
@media only screen  and (max-width: 600px) {
.index-gc .swiper-container{ padding:0 0px; margin:0 3%}
.index-gc .swiper-container .btn{ display:none;}	
.index-gc  .swiper-slide img{ height:100px;}	
.index-gc .bbt .en{ font-size:50px;}
.index-gc .href a{ border:2px solid #172870; font-weight:400; padding:0 20px; line-height:38px;}
}
/*棣栭〉宸ュ巶 end*/
/*棣栭〉 鏂伴椈*/
.index-news{ background:#f0f0f0; position:relative;}
.index-news .item{ position:relative; height:100px; border-top:1px solid #d3d3d3; padding-left:70px;}
.index-news .item:nth-child(1){ border:0px;}
.index-news .item .rq{ height:100%; width:70px; left:0px; top:0px; background:#fff; position:absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}
.index-news .item .rq .text{ width:100%;color:#172870;text-align:center; font-size:14px; }
.index-news .item .rq .text .big{ font-size:18px; line-height:1.5;} 
.index-news .item .title{ width:100%;  line-height:20px; font-size:14px; height:100%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;





}
.index-news .item .title a{ display:block;padding:0 3%; padding-bottom:14px; width:100%; color:#000; position:relative; max-height:54px; overflow:hidden;}

.index-news .item .title a:hover{ color:#172870;}
.index-news .item .title a:hover:after{ width:60px;}
.index-news .item .title a:after{ background:#004877; height:1px; width:20px; bottom:0px; left:3%; content:""; display:block; position:absolute;}
.index-news-href{ position:relative;}
.index-news-href a{ display:block; text-align:center; padding:25px 0 ; line-height:40px; color:#fff; background:#aab0b3; font-size:18px;}
.index-news-href a span{ display:inline-block; position:relative; height:40px; padding-right:50px;}
.index-news-href a span:after{ content:""; width:25px; height:3px; display:block; position:absolute; top:50%; margin-top:-1px; right:0px; background:#fff; box-shadow:0 9px 0 #fff;}
.index-news-href a span:before{content:""; width:25px; height:3px; display:block; position:absolute; top:50%; margin-top:-10px; right:0px; background:#fff;}

@media only screen  and (min-width: 800px) {
.index-news-href a:hover span:before{ right:10px;}
.index-news-href a:hover span:after{  box-shadow:10px 9px 0 #fff;}
.index-news{ padding-left:8%}	
.index-news:after,.index-news-href:after{content:""; left:8.333%; margin-left:-1px; width:1px; height:100%; position:absolute; top:0px; background:#ccc; display:block; z-index:1;}

.index-news .item .title a span:After{ content:""; width:50px; display:block; height:2px; top:50%; margin-top:-1px; right:3%; position:absolute; background:#004877;}
.index-news .item .title a span:before{ content:""; width:10px; display:block; height:2px; top:50%; right:3%; position:absolute; background:#004877; margin-top:-4px; margin-right:-1px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);

}	
.index-news-href a:hover{ background:#172870;}
}
@media only screen  and (max-width: 1600px) {
.index-news-href a { padding:15px 0;}	
	
}
@media only screen  and (max-width: 1440px) {
.index-news-href a { padding:10px 0;}	
	
}

@media only screen  and (max-width: 800px) {
.index-news .item{ height:80px;}	
.index-news-href a{ font-size:16px;}
}
/*棣栭〉 鏂伴椈 end*/
/*鍚堜綔浼欎即*/
.index-hb{ padding:27px 0 27px 8.333%; position:relative;}
.index-hb .bbt{ line-height:40px; height:40px; margin-top:-20px; top:50%; left:8.333%; padding-left:3%; position:absolute; font-size:20px; font-weight:bold;}
.index-hb .bbt a{ color:#8b8b8b}
.index-hb .list{ max-width:1150px; margin:auto; position:relative;}
.index-hb .list .hbblist{ padding:0 30px;}
.index-hb .list .swiper-slide{ width:auto;}
.index-hb .list .swiper-slide img{ height:75px;}	
@media only screen  and (max-width: 1600px) {
.index-hb .bbt{ position:relative; max-width:1150px; padding:0 30px; left:0px; margin:0 auto 2%;}	
	
}

@media only screen  and (min-width: 800px) {

.index-hb .list .btn{ width:30px; height:100%; background:#fff; z-index:1; cursor:pointer; top:0px; position:absolute; z-index:2;}
.index-hb .list .btn.prev{ left:0px;}	
.index-hb .list .btn.next{ right:0px;}	
.index-hb .list .btn.prev:after{ content:""; position:absolute; display:block; width:10px; height:10px; border-left:1px solid #333; border-top:1px solid #333; top:50%; margin-top:-7px; left:2px; 
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);}
.index-hb .list .btn.next:after{ content:""; position:absolute; display:block; width:10px; height:10px; border-right:1px solid #333; border-top:1px solid #333; top:50%; margin-top:-7px; right:2px; 
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);}
}
@media only screen  and (max-width: 799px) {
.index-hb{ padding:5% 3%;}	
.index-hb .list .hbblist,.index-hb .bbt{ padding:0 0px;}
.index-hb .list .swiper-slide img{ height:55px;}	
}

/*鍚堜綔浼欎即 end*/














/*搴曢儴*/
.footer{
	background: #29292e;
	padding:3%  0 0 0%;
	position:relative;
	color:rgba(255,255,255,.6);
}
.footer a{color:rgba(255,255,255,.6);}
.footer .main{ max-width:85%; margin:auto;}
.footer .main:after{ content:""; display:block; clear:both;}
.footer .main .list{ width:100%; float:left; margin-bottom:50px;}
.footer .main .list dl{ display:block; width:8%; margin-right:0.2%; float:left; line-height:1.6; font-size:12px; margin-bottom:20px; }
.footer .main .list dl dt{ font-weight:bold; margin-bottom:10px; display:block;}
.footer .main .list dl dd{ display:block; margin-bottom:4px;}
.footer .main .list dl:nth-child(4){ width:30%}
.footer .main .list dl:nth-child(5){ float:right}
.footer .main .list dl a:hover{ color:#fff;}
.footer .main .rrb{ float:left; width:47%;}
.footer .main .rrb .bbt{ font-weight:bold; line-height:1.6; margin-bottom:8px;}
.footer .main .rrb .ico-box{ width:40%; padding-right:15px; float:left;}
.footer .main .rrb .ico-box .ll ul{ display:block;}
.footer .main .rrb .ico-box .ll ul:after{ content:""; display:block; clear:both;}
.footer .main .rrb .ico-box .ll ul li{ display:block; float:left; position:relative; width:25px; height:25px; margin:0 10px 5px 0; z-index:2; cursor:pointer;}
.footer .main .rrb .ico-box .ll ul li a{ display:block;}

.footer .main .rrb .ico-box .ll ul li a.bshare-more{ width:25px; height:25px; padding:0px !important; margin:0 !important; position:relative; background:none !important;}
.footer .main .rrb .ico-box .ll ul li a.bshare-more:after{ width:4px; height:4px; border-radius:100%; background:rgba(255,255,255,.8); position:absolute; left:50%; top:50%; margin:-2px; content:""; display:block; box-shadow:8px 0 0 rgba(255,255,255,.8); }
.footer .main .rrb .ico-box .ll ul li a.bshare-more:before{
	width:4px; height:4px; border-radius:100%; background:rgba(255,255,255,.8); position:absolute; left:5px; top:50%; margin:-2px; content:""; display:block;
	
	}
#bsBox, #bsWXBox {
    overflow: hidden;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#bsBox *, #bsWXBox *,#bsPanel,#bsPanel * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}



.footer .main .rrb .ico-box .ll ul li .ewm{ max-width:200px; position:absolute; bottom:40px; left:50%; width:120px; margin-left:-60px; box-shadow:0 0 15px rgba(0,0,0,.2); opacity:0;
-moz-transform:scale(.00000000000001);
-ms-transform:scale(.00000000000001);
-o-transform:scale(.00000000000001);
-webkit-transform:scale(.00000000000001);
transform:scale(.00000000000001);

}
.footer .main .rrb .ico-box .ll ul li:hover .ewm{
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
	
	}
.footer .main .rrb .ico-box .href{ padding-top:20px;}	
.footer .main .rrb .ico-box .href a{ height:22px; line-height:22px; color:#172870; background:#fff; padding:0 15px; display:inline-block; border-radius:11px;}
.footer .main .rrb .contact{ width:60%; float:left;}
.footer .main .rrb .contact .view{ line-height:1.8;}
.footer .main .fbb{ padding-bottom:20px;}
.footer .main .fbb:after{ content:""; display:block; clear:both;}
.footer .main .fbb .ll{ width:48%; float:left;}
.footer .main .fbb .ll .lo{ margin-bottom:20px;}
.footer .main .fbb .ll .lo img{ height:26px;}
.footer .main .fbb .ll .link{ line-height:20px;}
.footer .main .fbb .ll .link a{ display:inline-block; margin-right:5px;}
.footer .main .fbb .ll .link a:hover{ color:#FFF;}
.footer .main .fbb .ll .link span{ margin:0 5px;}
.footer .main .fbb .ii{ width:48%; float:right; line-height:20px; padding-top:46px; text-align:right;}




@media only screen  and (min-width: 800px) {

.footer{

	/*padding:4%  0 0 8.333%;*/
}
}
@media only screen  and (max-width: 1500px) {
.footer .main .list { width:70%;}
.footer .main .rrb{ width:28%;}	
.footer .main .rrb .ico-box,.footer .main .rrb .contact{ width:100%; margin-bottom:20px; padding:0px;}

	
	
}
@media only screen  and (max-width: 799px) {
.footer .main .list { display:none}	
.footer .main .rrb{ width:100%;}	
.footer .main .rrb .ico-box{ width:40%; padding-right:15px;}
.footer .main .rrb .contact{ width:60%;}	
.footer .main .fbb .ll{ width:100%; float:none;}
.footer .main .fbb .ii{ width:100%; float:none; padding-top:15px; text-align:left;}

.index-about{ margin:25px 0}
.bbt .cn{ font-size:24px !important }
.indexcmBox{ margin:35px auto !important} 
.indexCase-swiper .swiper-slide .inbox .title{ font-size:14px !important}
.indexCase-swiper .swiper-slide .inbox .num{ font-size:14px !important}
.indexCase-swiper .swiper-slide .inbox .more{ display:none}

}
@media only screen  and (max-width: 600px) {
.footer .main .fbb .ll .lo{ margin-bottom:10px;}
.footer .main .fbb .ll .lo img{ height:20px;}	
.footer .main .rrb .ico-box{ display:none;}
.footer .main .rrb .contact{ width:100%;}		
}


.fg{ clear:both;}
.fbb{ background:#202025; overflow:hidden; padding:20px; }

.fbb_con{max-width:85%; margin:0 auto}
.fbb .ll{ float:left}
.fbb .ii{ float:right}

/*搴曢儴 End*/

/*鑳屾櫙*/

.all-bg4{
	margin-top: 100px;
	height: 520px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
}


.all-bg5{
	margin-top: 70px;
	height: 30px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
}

.all-bg4 .allmap{ position:absolute; left:0px; top:0px; width:100%; height:100%;}

.all-bg4 .bbt{  left:0%; bottom:0%; margin:0 0 3% 3%; color:#000; position:absolute; padding:0 60px 0 30px; min-width:250px;}
.all-bg4 .bbt .tt{ padding:5px 0 10px ;line-height:1.4;}
.all-bg4 .bbt .en{ font-size:50px; font-weight:bold}
.all-bg4 .bbt .cn{ font-size:22px;}
.all-bg4 .type-box{ padding:35px 0; background:#f9f9f9;}
.all-bg4 .type-box .vv{ position:relative; line-height:40px; height:40px; width:94%; max-width:1200px; margin:auto;}
.all-bg4 .type-box .vv .wz{ position:absolute; top:0px; right:0px;}
.all-bg4 .type-box .vv .wz span{ margin:0 5px; font-family:'simsun';}
.all-bg4 .type-box .vv b{ color:#363636; font-size:24px;}
@media only screen  and (max-width: 1600px) {
.all-bg4{
		margin-top: 80px;
		height: 480px;
	}
.all-bg4 .bbt{ padding:0 50px 0 25px;}	
.all-bg4 .bbt .en{ font-size:40px;}
.all-bg4 .bbt .cn{ font-size:16px;}
.all-bg4 .type-box .vv b{ font-size:20px;}
}
@media only screen  and (max-width: 1440px) {

	.all-bg4{
		margin-top: 70px;
		height: 440px;
	}
	.all-bg4 .type-box{ padding:25px 0;}
	
}
@media only screen  and (max-width: 1280px) {

	.all-bg4{
		height: 420px;
	}
	.all-bg4 .type-box{ padding:10px 0;}
}
@media only screen  and (max-width: 1024px) {
	.all-bg4{
		height: 360px;
	}
	.all-bg4 .type-box .vv b{ font-size:18px;}
}
@media only screen  and (max-width: 800px) {
	.all-bg4 .bbt{ padding:0 30px 0 15px; background:rgba(255,255,255,.8);}	
.all-bg4 .bbt .en{ font-size:32px;}
.all-bg4 .bbt .cn{ font-size:14px;}
.all-bg4 .type-box{ padding: 0;}
.all-bg4 .type-box .vv b{ font-size:16px; font-weight:400;}

	.all-bg4{
		height: 320px;
		margin-top: 50px;
	}
	.all-bg4 .bbt{ min-width:0px;}
}
@media only screen  and (max-width: 600px) {
.all-bg4 .type-box{ display:none;}
	.all-bg4{
		height: 260px;
	}
.all-bg4 .bbt{ padding:0 20px 0 10px; background:rgba(255,255,255,.8);}	
.all-bg4 .bbt .en{ font-size:28px;}
.all-bg4 .bbt .cn{ font-size:10px;}
}
@media only screen  and (max-width: 414px) {
		.all-bg4{
		height: 220px;
	}
}
/*鑳屾櫙End*/
/*nav-70*/
.nav-70{
	height: 70px;
	background-color: #f1f1f1;
	border-bottom: 1px solid #e5e5e5;
}
.nav-70 ul {
	line-height: 69px;
}
.nav-70 ul li{
	float: left;
	width: 100px;
	position: relative;
	margin-right: 20px;
}
.nav-70 ul li:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 0;
	background-color: #e94f25;
}
.nav-70 ul li a{
	display: block;
	font-size: 14px;
	color: #5f5f5f;
	text-align: center;
}
.nav-70 ul .active a{
	color: #e94f25;
}
.nav-70 ul .active:after{
	width: 100%;
}
.nav-70 .box{
	display: none;
}
@media only screen  and (min-width: 500px) {
	.nav-70 ul li:hover:after{
		width: 100%;
	}
	.nav-70 ul li:hover a{
		color: #e94f25;
	}
}
@media only screen  and (max-width: 800px){
	.nav-70{
		height: 50px;
	}
	.nav-70 ul {
		line-height: 49px;
	}
	.nav-70 ul li{
		width: 80px;
	}
}
@media only screen  and (max-width: 600px){
	.nav-70 ul{
		display: none;
	}
	.nav-70 .box{
		display: block;
	}
	.nav-70 .box select{
		width: 100%;
		height: 36px;
		border: 1px solid #e8e8e8;
		background-color: #fff;
		border-radius: 2px;
		margin-top: 7px;
		font-size: 14px;
		color: #5f5f5f;
		text-indent: 10px;
	}
}
@media only screen  and (max-width: 414px){
	.nav-70 .box select{
		height: 30px;
		font-size: 12px;
		margin-top: 10px;
	}
}
/*nav-70 End*/

.changweizhi{ background:#f9f9f9;  }
.changweizhi.newsw{ background:#172870; border-bottom:1px solid #e6e6e6;}
.changweizhi .wz{ width:94%; height:42px;line-height:42px; overflow:hidden; text-align:right; color:#fff; margin:auto;}
.changweizhi .wz span{ margin:0 5px; font-family:'simsun';}
.changweizhi .wz a{ color:#fff;}
.changweizhi .wz a:hover{ text-decoration:underline;}
.changweizhi.newsw .wz{ line-height:60px; height:60px;}
@media only screen  and (max-width: 1600px){
.changweizhi.newsw .wz{ line-height:50px; height:50px;}	
	
}
@media only screen  and (max-width: 1440px){
.changweizhi.newsw .wz{ line-height:46px; height:46px;}	
	
}

@media only screen  and (max-width: 800px){
.changweizhi.newsw .wz{ line-height:32px; height:32px;}		
.changweizhi .wz{ line-height:32px; height:32px; font-size:10px; overflow:hidden;}	
}






/* =========

  鑱旂郴鎴戜滑

  ========== */
.contact-list{ padding:4% 0 1%; width:94%; max-width:1200px; margin:auto; border-bottom:1px solid #ddd;}
.contact-list:after{ content:""; display:block; clear:both;}
.contact-list .item{ display:block; float:left; width:48.5%; margin:0 3% 3% 0;}
.contact-list .item:nth-child(2n){ margin-right:0px;}
.contact-list .item .title{ color:#172870; font-size:30px; margin-bottom:3%;}
.contact-list .item .view{ line-height:2; font-size:14px;}
.shouhuo{ position:relative; padding:4% 0; width:94%; max-width:1200px; margin:auto;}
.shouhuo #sh{ position:absolute; top:-50px;}
.shouhuo .bbt{ margin-bottom:3%; font-size:30px; color:#585858;}
.shouhuo .list:after{ content:""; display:block; clear:both;}
.shouhuo .list .item{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.shouhuo .list .item .title{ line-height:24px; margin-bottom:10px; color:#172870; font-size:20px; position:relative; }
.shouhuo .list .item .title span{ content:""; display:inline-block; width:16px; height:20px; background-image:url(../images/lx_03.png); background-position:left; background-size:auto 80%; background-repeat:no-repeat; width:20px; height:24px;}
.shouhuo .list .item .view{ line-height:2; font-size:14px;}
.shouhuo .list .item:nth-child(3n){ margin-right:0px;}
@media only screen  and (max-width: 800px){
.contact-list .item .title{ font-size:22px; }
.contact-list .item .view{ font-size:12px;}	
.shouhuo .bbt{ font-size:22px}	
.shouhuo .list .item:nth-child(3n),.shouhuo .list .item{ width:48.5%; margin-right:3%;}
.shouhuo .list .item:nth-child(2n){margin-right:0px;}
}
@media only screen  and (max-width: 600px){
.contact-list .item{ width:100%; margin-right:0px;}	
.shouhuo .list .item:nth-child(3n),.shouhuo .list .item{ width:100%; margin-right:0px;}
}
/* =========

  鍦ㄧ嚎鐣欒█

  ========== */
.yjfkBox{
	margin-top: 110px;
	margin-bottom: 125px;
} 
.yjfkBox .leftArea{
	float: left;
	width: 25%;
}
.yjfkBox .leftArea .title{
	font-size: 30px;
	color: #26225e;
	line-height: 1.5;
	overflow: hidden;
}
.yjfkBox .leftArea .desc{
	font-size: 14px;
	color: #626262;
	line-height: 2;
	overflow: hidden;
	margin-top: 45px;
}
.yjfkBox .rightArea{
	float: right;
	width: 65%;
}
.yjfkBox .rightArea form .input-box input[type="text"]{
	height: 45px;
	border: 1px solid #dcdcdc;
	background-color: #f1f1f1;
	text-indent: 20px;
	font-size: 14px;
	margin-right: 12px;
	width: calc(50% - 8px);
}
.yjfkBox .rightArea form .input-box input[type="text"]:last-child{
	margin-right: 0;
}
.yjfkBox .rightArea form textarea{
	margin-top: 12px;
	width: 100%;
	height: 236px;
	border: 1px solid #dcdcdc;
	background-color: #f1f1f1;
	padding-top: 20px;
	text-indent: 20px;
	font-size: 14px;
}
.yjfkBox .rightArea form input[type="submit"]{
	margin-top: 32px;
	width: 100%;
	border: none;
	background-color: #e94f25;
	height: 48px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}
@media only screen  and (max-width: 1024px){
	.yjfkBox{
		margin-top: 10.7%;
		margin-bottom: 12.2%;
	}
	.yjfkBox .leftArea .desc{
		margin-top: 17%;
	}
}
@media only screen  and (max-width: 800px){
	.yjfkBox .leftArea .title{
		font-size: 26px;
	}
	.yjfkBox .rightArea form textarea{
		height: 180px;
	}
	.yjfkBox .rightArea form input[type="submit"]{
		margin-top: 7%;
	}
}
@media only screen  and (max-width: 600px){
	.yjfkBox .leftArea{
		float: none;
		width: 100%;
		margin-bottom: 5%;
	}
	.yjfkBox .leftArea .desc{
		margin-top: 4.5%;
	}
	.yjfkBox .rightArea{
		float: none;
		width: 100%;
	}
}
@media only screen  and (max-width: 414px){
	.yjfkBox .rightArea form .input-box input[type="text"]{
		height: 40px;
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	.yjfkBox .rightArea form textarea{
		margin-top: 0;
		padding-top: 10px;
	}
	.yjfkBox .rightArea form input[type="submit"]{
		height: 44px;
		font-size: 14px;
	}
}
/* =========

  鏂伴椈

  ========== */
.news-typezi{ width:94%; margin:auto; max-width:1200px;}  
.news-typezi .type-list{ line-height:40px; height:40px; margin:15px 0;} 
.news-typezi .type-list .swiper-slide{ width:auto;}
.news-typezi .type-list .swiper-slide a{ display:block; padding:0 20px; color:#b6b6b6; font-size:14px;}
.news-typezi .type-list .swiper-slide a:hover,.news-typezi .type-list .swiper-slide.on a{ color:#000;}
.newsBox{
	position:relative; padding:0 0 5%;
}
.newsBox .newsUl{
	width:94%; max-width:1200px; margin:auto; display:block;
}
.newsBox .newsUl li{ display:block;padding: 44px 12px;border-bottom: 1px solid #eeeeee;}
.newsBox .newsUl li .box{
	height:174px; padding-left:286px; position:relative;
	
	
}
.newsBox .newsUl li .box .tu{
	width:260px;
	display: block;
	position:absolute;
	left:0px; top:0px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.newsBox .newsUl li .box .tu img{
	width: 100%;
	 display:block;
	 opacity:0;
}
.newsBox .newsUl li .box .right{
	padding-right:154px;

}
.newsBox .newsUl li .box .right .title{
	font-size: 16px;
	
	
	overflow: hidden;
	color: #000000;


}
@media only screen  and (min-width: 600px){
.newsBox .newsUl li .box .right .title{

	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom:9px;
	height: 38px;
	line-height: 38px;

}	

.newsBox .newsUl li .box .right .data{
	height:174px; position:absolute; top:0px; right:0px; border-left:1px solid #717171; width:140px; padding-left:26px; line-height:48px; color:#a4a4a4; font-size:24px; font-weight:bold;
}
.newsBox .newsUl li .box .right .data a{ display:block; left:26px; position:absolute; bottom:0px;font-size:20px; line-height:30px; font-family:'simsun'; color:#333; width:30px;}
.newsBox .newsUl li .box .right .data a:after{ content:">"; }	
}
.newsBox .newsUl li .box .right .title a{
	color: #000000;
	}
.newsBox .newsUl li .box .right .desc{
	font-size: 12px;
	line-height: 20px;
	color: #959595;
	
	overflow: hidden;
	margin-top: 9px;
	margin-bottom: 14px;
	  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.newsBox .newsUl li .box .right .ttbbt{ line-height:24px; font-size:12px; color:#878787;}

@media only screen  and (min-width: 800px){
	.newsBox .newsUl li:hover{
		border-bottom:1px solid #172780;
	}
}
@media only screen  and (max-width: 800px){
.newsBox .newsUl li{ padding:22px 0;}	
.newsBox .newsUl li .box{
	height:124px; padding-left:200px; position:relative;
	
	
}
.newsBox .newsUl li .box .tu{
	width:185px;
	
}
.newsBox .newsUl li .box .ttbbt{ display:none;}
}
@media only screen  and (max-width: 600px){
.newsBox .newsUl{ padding-top:4%;}	
.newsBox .newsUl li{ padding:0; margin-bottom:7%; height:auto;}		
.newsBox .newsUl li .box{ height:auto; padding:0px;}	
.newsBox .newsUl li .box .tu{ width:100%; position:relative; margin-bottom:2%;}	
.newsBox .newsUl li .box .right{ padding:0px;}
.newsBox .newsUl li .box .right .title{ line-height:1.4; margin-bottom:8px;}
.newsBox .newsUl li .box .right .desc{ padding-top:0px; height:auto; padding-bottom:0px; margin-bottom:0px;}
.newsBox .newsUl li .box .right .data{ padding:5px 0 10px; color:#999; line-height:20px;}
}

/* =========

  鏂伴椈璇︽儏


*/
.news{background:#f2f2f2; padding:35px 0;}
.news-view-main{ width:94%; max-width:1200px;  background:#FFF; padding:0 25px 25px 25px; margin:0 auto }
.news-view-main .left{ width:100%;  }
.news-view-main .left .title{ font-size:24px; line-height:1.4; min-height:50px; padding-bottom:10px; border-bottom:2px solid #172870; padding-top:35px}
.news-view-main .left .xx{ line-height:20px; padding:15px 0; font-size:14px; color:#878787}
.news-view-main .left .xx span{ color:#172870}
.news-view-main .left .view{ line-height:2.7; overflow:hidden; padding:10px 0; font-size:14px; color:#424242; margin-bottom:30px}
.news-view-main .left .view p{ text-indent:20px}
.news-view-main .left .fx{ text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:28px 0; line-height:46px; font-size:14px; color:#000;}
.news-view-main .left .fx .bshare-custom{ display:inline-block;}
.news-view-main .left .fx a{ display:inline-block; background-size:100% 100% !important; width:46px; height:46px;background-position:center !important; margin:0 10px;}
.news-view-main .left .fx a.bshare-weixin{ background-image:url(../images/fxxx_03.png);}
.news-view-main .left .fx .bshare-custom a.bshare-sinaminiblog{ background-image:url(../images/fxxx_05.png) !important; }
.news-view-main .left .fx a.bshare-more{ background-image:url(../images/fxxx_07.png);}
.news-view-main .left .href{ padding:20px 0; position:relative; line-height:20px;}
.news-view-main .left .href:after{ content:""; display:block; clear:both;}
.news-view-main .left .href .prev{ float:left; width:48%;-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap; overflow:hidden;}
.news-view-main .left .href .next{ float:right; width:48%; text-align:right;-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap; overflow:hidden;}
.news-view-main .left .href a{-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap; overflow:hidden; color:#172870; position:relative;}
.news-view-main .left .href .prev a{ padding-left:20px;}
.news-view-main .left .href .prev a:after{ content:"<"; font-family:'simsun'; font-weight:bold; left:0px; top:0px; position:absolute;}
.news-view-main .left .href .next a{ padding-right:20px;}
.news-view-main .left .href .next a:after{ content:">"; font-family:'simsun'; font-weight:bold; right:0px; top:0px; position:absolute;}
.news-view-main .right{ /*width:26.6%; float:right;*/ text-align:left}
.news-view-main .right .right-box{ margin-bottom:40px;}
.cp_ser{ display:block}
.news-view-main .right .right-box .bbt{ border-bottom:2px solid #000; min-height:50px; color:#253578; font-size:16px; line-height:1.8; margin-bottom:20px;}
.news-view-main .right .right-box ul li{ display:block; line-height:50px;}
.news-view-main .right .right-box ul li a{ color:#000; display:block; background:#223a8f; color:#FFF; text-indent:30px; border-bottom:1px solid #102777}
.news-view-main .right .right-box ul li .ac{ color:#000; display:block; background:#223a8f; color:#FFF; text-indent:30px; border-bottom:1px solid #102777}
.news-view-main .right .right-box ul li a:hover,.news-view-main .right .right-box ul li.on a{ color:#fff; background:#0F2765}
.news-view-main .right .right-box ul li a:before{ content:">"; margin-right:5px; font-family:'simsun';}


.news-view-main .right .right-box ul li ul li a{ line-height:40px; text-indent:45px; background:#324cab !important; list-style:decimal-leading-zero}
.news-view-main .right .right-box ul li ul li a:before{ content:"●"; margin-right:5px; font-family:'simsun';}
.news-view-main .right .right-box ul li ul li a:hover{ background:#133282 !important}
@media only screen  and (max-width: 800px){
.news-view-main .right { /*display:none*/;}
.news-view-main .left{ float:none; width:100%;}	
.news-view-main .left .title{ font-size:20px;min-height:0;}	
.news-view-main .left .fx{ display:none;}	
.news-view-main .left .href{ border-top:1px solid #eee;}
.news-view-main .left .href div{ float:none !important; width:100% !important; text-align:left !important; line-height:20px;}
.news-view-main .left .href div a:after{ display:none;}
.news-view-main .left .href div a{ padding:0px !important;}
.news-view-main .left .href .prev a:before{ content:"上一篇："}
.news-view-main .left .href .next a:before{ content:"下一篇："}
}
@media only screen  and (max-width: 600px){
.news-view-main .left .title{ font-size:18px; }		
	
	}
/* =========

  甯歌闂

  ========== */
.problemBox{
	padding-top: 90px;
	padding-bottom: 110px;
	background-color: #f9f9f9;
}
.problemBox .left{
	float: left;
	width: 27.5%;
}
.problemBox .left .title{
	font-size: 30px;
	color: #26225e;
	line-height: 1.5;
	height: 45px;
	overflow: hidden;
}
.problemBox .left .desc{
	font-size: 14px;
	color: #626262;
	line-height: 2;
	overflow: hidden;
	margin-top: 30px;
}
.problemBox .right{
	float: right;
	width: 65%;
}
.problemBox .right .title{
	height: 60px;
	line-height: 60px;
	color: #ffffff;
	font-size: 18px;
	position: relative;
	background-color: #595757;
	padding-left: 25px;
	padding-right: 25px;
}
.problemBox .right .title:after{
	content: "鎿嶄綔";
	position: absolute;
	right: 25px;
	top: 0;
}
.problemBox .right .problemBox-swiper{
	padding-bottom: 50px;
}
.problemBox .right .problemBox-swiper .swiper-slide{
	background-color: #fff;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 5px;
	-webkit-box-shadow: 0 0 10px #f1f1f1;
	box-shadow: 0 0 10px #f1f1f1;
}
.problemBox .right .problemBox-swiper .swiper-slide .upper{
	font-size: 16px;
	color: #575757;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	padding-right: 20px;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.problemBox .right .problemBox-swiper .swiper-slide .upper:after{
	content: "";
	position: absolute;
	top: 29px;
	right: 0;
	height: 2px;
	width: 16px;
	background-color: #e94f25;
}
.problemBox .right .problemBox-swiper .swiper-slide .upper:before{
	content: "";
	position: absolute;
	top: 22px;
	right: 7px;
	height: 16px;
	width: 2px;
	background-color: #e94f25;
}
.problemBox .right .problemBox-swiper .swiper-slide[data-active="on"] .upper:after{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.problemBox .right .problemBox-swiper .swiper-slide[data-active="on"] .upper:before{
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.problemBox .right .problemBox-swiper .swiper-slide .desc{
	padding: 10px;
	font-size: 14px;
	line-height: 2;
	overflow: hidden;
	display: none;
}
.problemBox .right .problemBox-swiper .problemBox-prev{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 32px;
	background-color: #595757;
	cursor: pointer;
}
.problemBox .right .problemBox-swiper .problemBox-prev:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px;
	margin-left: -3px;
}
.problemBox .right .problemBox-swiper .problemBox-next{
	position: absolute;
	left: 32px;
	bottom: 0;
	width: 32px;
	height: 32px;
	background-color: #eb6123;
	cursor: pointer;
}
.problemBox .right .problemBox-swiper .problemBox-next:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px;
	margin-left: -4px;
}
@media only screen  and (max-width: 1024px){
	.problemBox{
		padding-top: 8.7%;
		padding-bottom: 10.7%;
	}
	.problemBox .left .title{
		font-size: 28px;
		line-height: 42px;
	}
	.problemBox .left .desc{
		margin-top: 11.5%;
	}
	.problemBox .right .problemBox-swiper .swiper-slide .upper,.problemBox .right .title{
		height: 50px;
		line-height: 50px;
	}
}
@media only screen  and (max-width: 800px){
	.problemBox .left{
		float: none;
		width: 100%;
	}
	.problemBox .right{
		float: none;
		width: 100%;
		margin-top: 6%;
	}
	.problemBox .left .desc{
		margin-top: 3%;
	}
	.problemBox .right .problemBox-swiper .swiper-slide .upper:before{
		top: 17px;
	}
	.problemBox .right .problemBox-swiper .swiper-slide .upper:after{
		top: 24px;
	}
	.problemBox .right .problemBox-swiper .swiper-slide,.problemBox .right .title{
		padding-left: 20px;
		padding-right: 20px;
	}
	.problemBox .right .title:after{
		right: 20px;
	}
}
@media only screen  and (max-width: 600px){
	.problemBox .right .title{
		font-size: 16px;
	}
	.problemBox .right .problemBox-swiper .swiper-slide .upper{
		font-size: 14px;
	}
}
/* =========

  鏈嶅姟瑙勮寖

  ========== */
.seciveComBox{
	background-color: #f9f9f9;
	padding-top: 55px;
	padding-bottom: 110px;
}
.seciveComBox .box{
	max-width: 1380px;
}
.seciveComBox .box .left{
	float: left;
	width: 50%;
	padding-right: 40px;
}
.seciveComBox .box .left img{
	width: 100%;
	max-width: 650px;
}
.seciveComBox .box .right{
	float: left;
	width: 50%;
	background-color: #fff;
	-webkit-box-shadow:0 0 10px #f2f2f2;  
	-moz-box-shadow:0 0 10px #f2f2f2;  
	box-shadow:0 0 10px #f2f2f2; 
	padding:33px 45px 42px; 
	max-width: 600px;
}
.seciveComBox .box .right .title{
	font-size: 30px;
	color: #26225e;
	line-height: 1.5;
	height: 45px;
	overflow: hidden;
}
.seciveComBox .box .right .line{
	width: 48px;
	height: 1px;
	background-color: #e94f25;
	margin-top: 26px;
	margin-bottom: 28px;
}
.seciveComBox .box .right .desc{
	font-size: 13px;
	color: #626262;
	overflow: hidden;
	line-height: 2.4;
}
@media only screen  and (max-width: 1024px){
	.seciveComBox .box .right{
		padding: 3.4% 4.4% 4.1%;
	}
	.seciveComBox .box .right .line{
		margin-top: 6%;
		margin-bottom: 6.3%;
	}
	.seciveComBox .box .right .title{
		font-size: 28px;
		height: 42px;
	}
	.seciveComBox{
		padding-top: 5.3%;
		padding-bottom: 10.6%;
	}
}
@media only screen  and (max-width: 800px){
	.seciveComBox .box .left{
		display: none;
	}
	.seciveComBox .box .right .line{
		margin-top: 2.9%;
		margin-bottom: 3.1%;
	}
	.seciveComBox .box .right{
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.seciveComBox .box .right .title{
		font-size: 26px;
		height: 39px;
	}
}
@media only screen  and (max-width: 600px){
	.seciveComBox .box .right .title{
		font-size: 24px;
		height: 36px;
	}
	.seciveComBox .box .right .desc{
		line-height: 2;
	}
	.seciveComBox .box .right .line{
		width: 42px;
	}
}
@media only screen  and (max-width: 414px){
	.seciveComBox .box .right .title{
		font-size: 22px;
		height: 33px;
	}
	.seciveComBox .box .right .title{
		font-size: 22px;
		height: 33px;
	}
	.seciveComBox .box .right .line{
		width: 36px;
	}
}

/* =========

  缁存姢淇濆吇

  ========== */
.seciveComBox2{
	padding-top: 0;
}
.seciveComBox2 .box{
	max-width: 1200px;
}
.seciveComBox2 .box .right{
	margin-top: 55px;
}
.seciveComBox .box .left{
	padding-right: 0;
}
@media only screen  and (max-width: 800px){
	.seciveComBox2 .box .right{
		margin-top: 5.3%;
	}
}
@media only screen  and (max-width: 800px){
	.seciveComBox2 .box .right{
		margin-top: 0;
	}
	.seciveComBox2 .box{
		padding-top: 5.6%;
	}
}
/* =========

  閿€鍞綉缁�

  ========== */
.netBox{
	margin-top: 105px;
	margin-bottom: 100px;
}
.netBox .left{
	float: left;
	width: 33.33333%;
	margin-top: 70px;
}
.netBox .left .title{
	font-size: 24px;
	font-weight: bold;
	color: #26225e;
	line-height: 1.2;
	height: 28px;
	overflow: hidden;
}
.netBox .left .num{
	font-weight: bold;
	font-size: 30px;
	color: #e94f25;
	line-height: 1.5;
	height: 45px;
	overflow: hidden;
	display: block;
}
.netBox .left .title1{
	font-size: 26px;
	color: #484848;
	line-height: 1.5;
	height: 39px;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 8px;
}
.netBox .left .desc{
	font-size: 14px;
	color: #626262;
	line-height: 2;
	overflow: hidden;
}
.netBox .right{
	float: right;
	width: 60.5%;
}
.netBox .right img{
	width: 100%;
	max-width: 725px;
}
@media only screen  and (max-width: 1440px){
	.netBox .left{
		margin-top: 60px;
	}
	.netBox{
		margin-top: 95px;
		margin-bottom: 90px;
	}
}
@media only screen  and (max-width: 1280px){
	.netBox .left{
		margin-top: 50px;
	}
	.netBox{
		margin-top: 85px;
		margin-bottom: 80px;
	}
}
@media only screen  and (max-width: 1024px){
	.netBox .left{
		margin-top: 4.8%;
	}
	.netBox{
		margin-top: 8.3%;
		margin-bottom: 7.8%;
	}
}
@media only screen  and (max-width: 800px){
	.netBox .left{
		width: 100%;
		margin-top: 0;
		float: none;
		margin-bottom: 5%;
	}
	.netBox .left .title1{
		margin-top: 5%;
		font-size: 22px;
		height: 33px;
	}
	.netBox .left .title{
		font-size: 20px;
		height: 24px;
	}
	.netBox .left .num{
		font-size: 26px;
		height: 39px;
	}
	.netBox .right{
		width: 100%;
		float: none;
	}
}
@media only screen  and (max-width: 414px){
	.netBox .left .title1{
		height: 27px;
		font-size: 18px;
	}
	.netBox .left .title{
		font-size: 16px;
		height: 20px;
	}
	.netBox .left .num{
		font-size: 22px;
		height: 33px;
	}
	.netBox .left .desc{
		font-size: 12px;
	}
}
/* =========

  宸ョ▼妗堜緥

  ========== */
.caselist:after{ content:""; display:block; clear:both;}
.caselist{ width:94%; max-width:1200px; margin: 5% auto 3%;}
.caselist .item{ width:48%; float:left; margin:0 1% 3% 1%; cursor:pointer; overflow:hidden}
.caselist .item:after{ content:""; display:block; clear:both;}
.caselist .item .tu{  width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative}
/*.caselist .item .tu:after{ content:""; background:rgba(0,0,0,0.5) url(../images/video_icon.png) center center no-repeat;  position:absolute; width:100%; height:100%; top:0px; display:block}*/

.caselist .item:hover .bbg{
	transition:1s all;
	transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);}

.caselist .item .tu img{ display:block; width:100%;}
.caselist .item .text{ text-align:center; padding:15px 0; background:#172870; position:relative ; z-index:99 }
.caselist .item .text .bbg{display:block; width:100%;}
.caselist .item .text  a{ line-height:1.4;  width:100%; height:100%;   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; color:#fff;}
.caselist .item .text  a .title{ font-size:16px; margin-bottom:6px;}	
.caselist .item .text  a .rq{ margin-bottom:6px; color:#fff ;}	
.caselist .item .text  a .demo{ margin-bottom:4%; line-height:1.6;}
.caselist .item .text  a .href{ display:inline-block; border:1px solid #fff; line-height:30px; padding:0 15px;}

.caselist .item .text:after{ content:""; display:block; border-width:10px; border-style:solid; border-color: transparent transparent transparent #29292e; position:absolute; margin-top:-10px; right:-20px; top:50%;}

@media only screen  and (min-width: 500px){	


.caselist .item:hover .text:after{border-color: transparent transparent transparent #172870;}
.caselist .item:hover .text a{ background:#172870;}	
.caselist .item:hover .text a .rq{ color:#fff;}

.caselist .item:nth-child(4n-1) .text:after,.caselist .item:nth-child(4n) .text:after{ border-color: transparent #29292e transparent transparent; position:absolute;  left:-20px; right:auto;}
.caselist .item:nth-child(4n-1):hover .text:after,.caselist .item:nth-child(4n):hover .text:after{ border-color: transparent #172870 transparent transparent;}
}
.caselist .item .text  a .view{ width:92%;}

@media only screen  and (max-width: 800px){	
.caselist .item{ width:100%; float:none;}


}
@media only screen  and (max-width: 499px){	
.caselist .item .text:after{ display:none;}
.caselist .item{ margin-bottom:5%;}
.caselist .item .tu,.caselist .item .text{ width:100%; float:none;}
.caselist .item .text .bbg{ display:none;}
.caselist .item .text  a{ height:auto; padding:4% 0; position:relative;}
.caselist .item .text  a .view{max-width:1900px;}
}

	
/* =========

  宸ョ▼妗堜緥璇︾粏

  ========== */
.caseview-title{ border-bottom:1px solid #dddddd; padding:35px 0; font-size:36px; font-weight:bold;}
.caseview-title .vv{ height:40px; line-height:40px; width:94%; max-width:1200px; margin:auto; position:relative; color:#172870;}
.caseview-title .vv a{ position:absolute; top:0px; right:0px; color:#172870; font-size:12px; font-weight:400;}
.caseview-main .view{ padding:4% 0; line-height:2; max-width:1200px; width:94%; margin:auto; font-size:14px;}
.bottom-photo{ position:relative;}
.bottom-photo:after{ content:""; display:block; width:100%; height:50%; bottom:0px; left:0px; background:#edf1f4; position:absolute;}
.bottom-photo .gclist{ position:relative; z-index:2; width:94%; max-width:1200px; margin:0 auto; padding:3% 76px;}
.bottom-photo .gclist .swiper-slide{ width:auto;}
.bottom-photo .gclist .swiper-slide img{ height:116px;}
.bottom-photo .gclist .btn{ height:100%; position:absolute; top:0px; width:76px; z-index:3; background:#fff; cursor:pointer;}
.bottom-photo .gclist .btn:After{ content:""; display:block; width:100%; height:50%;background:#edf1f4; left:0px; bottom:0px; position:absolute;}
.bottom-photo .gclist .btn:before{ content:""; display:block; width:100%; height:100%; z-index:4; left:0px; top:0px; background-position:center; background-repeat:no-repeat; background-size: 30% auto; position:absolute; }
.bottom-photo .gclist .btn.prev{ left:0px;}
.bottom-photo .gclist .btn.next{ right:0px;}
.bottom-photo .gclist .btn.prev:before{background-image:url(../images/cbtn_03.png);}
.bottom-photo .gclist .btn.next:before{background-image:url(../images/cbtn_05.png);}
@media only screen  and (max-width: 1600px){	
.caseview-title { font-size:30px; padding:25px 0;}
.bottom-photo .gclist .swiper-slide img{ height:90px;}
}
@media only screen  and (max-width: 1440px){
.caseview-title { font-size:26px; padding:18px 0;}	
.caseview-main .view{ font-size:12px;}
.bottom-photo .gclist .btn{ width:50px;}
.bottom-photo .gclist{ padding:3% 50px;}
}
@media only screen  and (max-width: 800px){
.caseview-title { font-size:22px; padding:10px 0;}	
.caseview-main .view{ font-size:14px;}	
.bottom-photo .gclist .swiper-slide img{ height:80px;}
}
@media only screen  and (max-width: 600px){
.caseview-title { font-size:18px; padding:0px 0; font-weight:400;}	
.bottom-photo .gclist{ padding:3% 0;}	
.bottom-photo .gclist .btn{ display:none;}	
}
/* =========

  鍏充簬鎴戜滑

  ========== */
.about-pt{ background-image:url(../images/aboutpt_02.png); background-position:center; background-repeat:no-repeat; background-size:cover; padding:6% 0;}
.about-pt .view{ width:94%; max-width:1200px; margin:auto; font-size:14px;}
 .bbt{ text-align:center; margin-bottom:3%;}
 .bbt .cn{ display:inline-block; position:relative; font-size:36px; color:#0f2765; line-height:1.4; font-weight:bold}
.bbt .cn:after,.bbt .cn:before{ content:""; width:30px; height:1px; background:#000; top:50%; position:absolute; display:block;}
.bbt .cn:after{ right:110%;}
.bbt .cn:before{ left:110%;}
.bbt .en{ font-weight:bold; color:#172870; font-size:14px;}
.about-pt .content{ line-height:2; overflow:hidden;}
/**/
.about-pt-photo{ color:rgba(255,255,255,.8); background:#172870;} 
.about-pt-photo a{color:rgba(255,255,255,.8);}
.about-pt-photo .tu img{ display:block; width:60%; }


.about-pt-photo .view{    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; padding:6% 0;}
.about-pt-photo .view .ddd{ width:94%;}	
.about-pt-photo .view .bbt{  margin-bottom:6%;}
.about-pt-photo .view .bbt .cn{ display:inline-block; position:relative; font-size:36px; color:#fff; line-height:1.4;}
.about-pt-photo .view .bbt .en{ font-weight:bold; color:rgba(255,255,255,.5); font-size:14px;}
.about-pt-photo .view .content{ line-height:2; font-size:14px;}
.about-pt-photo .tu{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.about-photo{ padding:6% 0;}
.about-photo .typelist{ width:94%; margin:0 auto 3%; max-width:840px;

 display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	border:1px solid #ebebed;
	border-left:0px;
}
.about-photo .typelist .item{ cursor:pointer;
-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1; border-left:1px solid #ebebed; line-height:50px; text-align:center; color:#000000; font-size:16px;
}
.about-photo .typelist .item.on{ color:#fff; background:#172870; font-weight:bold;}

.about-photo   .list .swiper-slide{ text-align:center; width:auto;}
.about-photo  .list .swiper-slide img{ height:180px; margin-bottom:10px;}
.about-photo  .list .swiper-slide .title{ line-height:20px;} 
/**/
.ab-video{ color:rgba(255,255,255,.8); background:#29292e; padding:6% 0;}
.ab-video .view{ width:94%; max-width:1200px; margin:auto;}
.ab-video .view:after{ content:""; display:block; clear:both;}

.ab-video .view .bbt{  margin-bottom:3%;}
.ab-video .view .bbt .cn{ display:inline-block; position:relative; font-size:36px; color:#fff; line-height:1.4;}
.ab-video .view .bbt .en{ font-weight:bold; color:rgba(255,255,255,.5); font-size:14px;}
.ab-video .view .ddd .big .tu{ position:relative; margin-bottom:3%; z-index:101;}
.ab-video .view .ddd .big .tu .bbg{ opacity:0; display:block; width:100%;}
.ab-video .view .ddd .big .tu .video-con{ position:absolute; left:0px; top:0px; width:100%; height:100%;overflow: hidden;}
.ab-video .view .ddd .big .title{ padding-right:100px; position:relative; line-height:1.4; font-size:16px; font-weight:bold;}
.ab-video .view .ddd .big .title span{ position:absolute; top:0px; right:0px; font-size:12px; font-weight:400;}
.ab-video .view .ddd .small{ position:relative;}

.ab-video .view .ddd .small .videolist .ul .li{
	 cursor:pointer;

display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);
padding:15px 0;


}
.ab-video .view .ddd .small .videolist .ul .li.on,.ab-video .view .ddd .small .videolist .ul .li:hover{ color:#fff;}
.ab-video .view .ddd .small .videolist .ul .li .text{-webkit-flex: 1; padding-right:10px;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}	
.ab-video .view .ddd .small .videolist .ul .li .tu{ position:relative; margin-right:6%; width:32%;}
.ab-video .view .ddd .small .videolist .ul .li .tu .bbg{ opacity:0; display:block; width:100%;}
.ab-video .view .ddd .small .videolist .ul .li .tu .pic{ display:block; position:absolute; width:100%; height:100%; left:0px; top:0px;}
.ab-video .view .ddd .small .videolist .ul .li .text .title{ font-size:12px; line-height:18px; height:36px; overflow:hidden; }
.ab-video .view .ddd .small .videolist .ul .li .text .xx{ padding-left:23px; position:relative; height:20px; color:rgba(255,255,255,.5); line-height:20px;}
.ab-video .view .ddd .small .videolist .ul .li .text .xx:before{ width:16px; height:16px; border-radius:100%; content:""; display:block; position:absolute; left:0px; top:50%; margin-top:-8px; background:rgba(255,255,255,.5);}
.ab-video .view .ddd .small .videolist .ul .li .text .xx:after{ width:2px; height:3px; content:""; display:block; border-bottom:1px solid #29292e; border-left:1px solid #29292e; position:absolute; left:7px; bottom:45%; z-index:2;}	
	
	



@media only screen  and (min-width: 800px){
.ab-video .view .ddd .small .videolist .ul .li{
	padding:10% 0;
	
}
.ab-video .view .ddd .small .videolist .ul .li .text{ padding:0px;}
.ab-video .view .ddd{ display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;}	
.ab-video .view .ddd .big{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1; margin-right:4.8%;
	
	}	
.ab-video .view .ddd .small{ width:30%; min-width:280px;}	
.ab-video .view .ddd .small .videolist{ left:0px; top:0px; position:absolute; width:100%; height:100%; overflow-y:auto;}	

.ab-video .view .ddd .small .videolist .ul{ width:100% !important;}		
.ab-video .view .ddd .small .videolist .ul .li:nth-child(1){ padding-top:0px;}

}



@media only screen  and (min-width: 1024px){
.about-pt-photo{    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;}	
.about-pt-photo .view{ width:50%;}	
.about-pt-photo .tu{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}	
.about-pt-photo .tu img{ width:100%;}	
.about-pt-photo .view .ddd{ max-width:510px;}
}


@media only screen  and (max-width: 1440px){
.about-pt .view .bbt .cn,.about-pt-photo .view .bbt .cn,.ab-video .view .bbt .cn{ font-size:30px;}	
.about-pt .view,.about-pt-photo .view .content{ font-size:12px;}	
.about-photo .typelist .item{ font-size:14px; line-height:48px;}	
.about-photo .list .swiper-slide img{ height:150px;}
	
}
@media only screen  and (max-width: 800px){
.about-pt .view .bbt,.about-pt-photo .view .bbt{ margin-bottom:3%;}	
.about-pt .view .bbt .cn,.about-pt-photo .view .bbt .cn,.ab-video .view .bbt .cn{ font-size:26px;}	
.about-pt .view,.about-pt-photo .view .content{ font-size:14px;}
.about-photo .typelist .item{ font-size:14px; line-height:42px;}	
.about-photo  .list .swiper-slide img{ height:120px;}
.ab-video .view .ddd .small .videolist{ overflow-x:auto}
.ab-video .view .ddd .small .videolist .ul:after{ content:""; display:block; clear:both;}
.ab-video .view .ddd .small .videolist .ul .li{ width:300px; float:left;}
.ab-video .view .ddd .big .title{ font-size:16px; font-weight:400; padding-right:0px;}
.ab-video .view .ddd .big .title span{ display:block; position:relative;}	
	
}
@media only screen  and (max-width: 500px){
.about-pt .view .bbt .cn,.about-pt-photo .view .bbt .cn,.ab-video .view .bbt .cn{ font-size:18px;}	
.about-pt .view .bbt .en,.about-pt-photo .view .bbt .en,.ab-video .view  .bbt .en{ font-size:10px; font-weight:400;}	
.about-photo .typelist .item{ font-size:14px; line-height:38px;}		
.about-photo  .list .swiper-slide img{ height:100px;}	
.ab-video .view .ddd .small .videolist .ul .li{ width:250px;}
.ab-video .view .ddd .big .title{ font-size:14px;}
}


/* =========

  鏃椾笅鍝佺墝

  ========== */
.qxppBox{
	margin-top: 60px;
	margin-bottom: 170px;
}
.qxppBox .chose-box .ul1{
	text-align: center;
}
.qxppBox .chose-box .ul1 li{
	display: inline-block;
	color: #000000;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	cursor: pointer;
	margin-right: 16px;
}
.qxppBox .chose-box .ul1 li:last-child{
	margin-right: 0;
}
.qxppBox .chose-box .ul1 .active{
	background-color: #e94f25;
	color: #fff;
}
.qxppBox .box{
	margin-top: 50px;
}
.qxppBox .box .title{
	font-size: 24px;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	height: 36px;
	overflow: hidden;
	text-align: center;
}
.qxppBox .box .line{
	width: 30px;
	height: 1px;
	background-color: #e94f25;
	margin: 10px auto 48px;
}
.qxppBox .box .desc{
	font-size: 14px;
	color: #626262;
	line-height: 2;
	overflow: hidden;
	margin-bottom: 60px;
}
.qxppBox img{
	width: 100%;
}
.qxppBox .box{
	display: none;
}
.qxppBox .show{
	display: block;
} 
.qxppBox .chose-box .select-box{
	display: none;
} 
.qxppBox .chose-box .select-box select{
	width: 100%;
    height: 30px;
    border: 0;
    border-bottom: 1px solid #e94f25;
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    color: #5f5f5f;
    text-indent: 10px;
}
@media only screen  and (min-width: 500px){
	.qxppBox .chose-box .ul1 li:hover{
		background-color: #e94f25;
		color: #fff;
	}
}
@media only screen  and (max-width: 1024px){
	.qxppBox{
		margin-top: 5.8%;
		margin-bottom: 16.6%;
	}
	.qxppBox .box{
		margin-top: 4.8%;
	}
	.qxppBox .box .line{
		margin-bottom: 4.6%;
	}
	.qxppBox .box .desc{
		margin-bottom: 5.8%;
	}
}
@media only screen  and (max-width: 600px){
 	.qxppBox .chose-box .select-box{
		display: block;
	}
	.qxppBox .chose-box .ul1 li{
		display: none;
	}
}
@media only screen  and (max-width: 414px){
	.qxppBox .box .title{
		font-size: 20px;
		height: 30px;
	}
}
/* =========

  鍚堜綔

  ========== */
.aboutCombox .d1{
	font-size: 24px;
	color: #e94f25;
	line-height: 1.5;
	height: 36px;
	overflow: hidden;
	text-align: center;
}
.aboutCombox .line{
	width: 30px;
	height: 1px;
	background-color: #a0a0a0;
	margin: 14px auto 16px;
}
.aboutCombox .d2{
	font-size: 16px;
	color: #323232;
	line-height: 1.5;
	height: 24px;
	overflow: hidden;
	text-align: center;
}
.hzBox{
	margin-top: 80px;
	margin-bottom: 140px;
}
.hzBox .heul{
	margin-top: 66px;
	padding-bottom: 48px;
}
.hzBox .heul li{
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	float: left;
	width: 18.666%;
	border: 1px solid #e5e5e5;
	margin-right: 1.66%;
	margin-bottom: 20px;
}
.hzBox .heul li:nth-child(5n+0){
	margin-right: 0;
}
.hzBox .heul li img{
	width: 100%;
}
.hzBox .heul li .title{
	position: absolute;
	font-size: 12px;
	color: #505050;
	line-height: 1.5;
	height: 18px;
	text-align: center;
	left: 0;
	bottom: 15px;
	width: 100%;
}
.hzBox .heul li:hover{
	border-color: #efefef;
	-webkit-box-shadow: 0 0 10px  #efefef;
	box-shadow: 0 0 10px  #efefef;
}
@media only screen  and (max-width: 1024px){
	.hzBox{
		margin-top: 7.8%;
		margin-bottom: 13.6%;
	}
	.hzBox .heul{
		margin-top: 6.4%;
		padding-bottom: 4.6%;
	}
	.hzBox .heul li{
		width: 23.875%;
		margin-right: 1.5%;
	}
	.hzBox .heul li:nth-child(5n+0){
		margin-right:1.5%;
	}
	.hzBox .heul li:nth-child(4n+0){
		margin-right: 0;
	}
}
@media only screen  and (max-width: 800px){
	.hzBox .heul li{
		width: 32.33%;
		margin-right: 1.5%;
	}
	.hzBox .heul li:nth-child(4n+0){
		margin-right:1.5%;
	}
	.hzBox .heul li:nth-child(3n+0){
		margin-right: 0;
	}
}
@media only screen  and (max-width:600px){
	.aboutCombox .d1{
		font-size: 22px;
		height: 33px;
	}
	.aboutCombox .line{
		margin: 10px auto 12px;
	}
	.hzBox .heul li{
		width: 49.25%;
		margin-right: 1.5%;
	}
	.hzBox .heul li:nth-child(3n+0){
		margin-right:1.5%;
	}
	.hzBox .heul li:nth-child(2n+0){
		margin-right: 0;
	}
}
@media only screen  and (max-width:414px){
	.aboutCombox .d1{
		font-size: 20px;
		height: 30px;
	}
	.aboutCombox .d2{
		font-size: 14px;
		height: 21px;
	}
}
/* =========

  浜у搧璇︾粏

  ========== */
.proDetBox{

	position: relative;
	background:#f2f2f2;
}
.proDetBox:after{
	content: "";
	display:block; clear:both;
}
.proDetBox .box .left{

	float: left;
	width: 100%;
	background:#fff;
	position:relative;
}
.proDetBox .box .left .my-pagination{ text-align:center; position:absolute; z-index:2;

}
.proDetBox .box .left .my-swiper{ position:relative;}
.proDetBox .box .left .my-swiper img{ width:100%; display:block;}
.proDetBox .box .left .tj-list{}
.proDetBox .box .left .tj-list .swiper-wrapper{ height:auto;}

.proDetBox .box .left .my-swiper1 .swiper-slide{ width:25%; background:#f6f6f6;}
.proDetBox .box .left .my-swiper1 .swiper-slide a{ display:block; position:relative;}
.proDetBox .box .left .my-swiper1 .swiper-slide a .bbg{ opacity:0; display:block; width:100%;}
.proDetBox .box .left .my-swiper1 .swiper-slide a .pic{ width:100%; height:100%; position:absolute; display:block; left:0px; top:0px;}
.proDetBox .box .left .my-swiper1 .btn{ width:38px; height:38px; background-color:rgba(12,94,54,.8); position:absolute; top:50%; margin-top:-19px; z-index:2; cursor:pointer; background-size:100% 100%; }
.proDetBox .box .left .my-swiper1 .btn.prev{ left:0px; background-image:url(../images/btttt_03.png);}
.proDetBox .box .left .my-swiper1 .btn.next{ right:0px; background-image:url(../images/btttt_05.png);}
/**/
.proDetBox .box .right{
	float: 100%;
	width: 100%;
	background:#f2f2f2;
	padding-bottom:35px
}
.proDetBox .box .right .rweizhi{ color:rgba(255,255,255,.6); line-height:60px; height:60px; padding:0 5%; background:#172870; overflow:hidden; position:relative; }
.proDetBox .box .right .rweizhi a{ color:rgba(255,255,255,.6);} 
.proDetBox .box .right .rweizhi a:hover{ color:#fff;}
.proDetBox .box .right .rweizhi span{ font-family:'simsun'; margin:0 5px;}
.proDetBox .box .right .rweizhi .href{ width:60px; height:60px; display:block; position:absolute; top:0px; right:0px; background:#f3f3f3; z-index:2;}
.proDetBox .box .right .rweizhi .href:after{ margin:-12px -1px; width:2px; height:24px; content:""; display:block; background:#172870; position:absolute; left:50%; top:50%;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
.proDetBox .box .right .rweizhi .href:before{ margin:-12px -1px; width:2px; height:24px; content:""; display:block; background:#172870; position:absolute; left:50%; top:50%;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);}

.nr-view{ width:80%; background:#fff; padding:35px; float:left}
.proDetBox .box .right .nr-view .title{ color:#010101; font-size:30px; line-height:1.4;  text-align:center; font-weight:bold}
.proDetBox .box .right .nr-view .demo{ color:#333; line-height:2; margin-bottom:4%; font-size:18px; text-align:center}
.proDetBox .box .right .nr-view .ul{ background:#fff; border:1px solid #d6d6d6; text-align:center;border-left:0; margin-bottom:4%;
}
.proDetBox .box .right .nr-view .ul:after{ content:""; display:block; clear:both;}
.proDetBox .box .right .nr-view .ul .item{ border-left:1px solid #d6d6d6; line-height:43px; float:left; width:25%; font-size:14px; color:#242424; cursor:pointer;}
.proDetBox .box .right .nr-view .ul .item.on{ background:#172870; color:#fff; font-weight:bold;}
.proDetBox .box .right .nr-view .view{ line-height:2; overflow:hidden; display:none;}
 @media only screen  and (max-width: 1600px) {
.proDetBox .box .right .rweizhi{ line-height:50px; height:50px; }	 
.proDetBox .box .right .rweizhi .href:after,.proDetBox .box .right .rweizhi .href:before{ height:20px; margin:-10px -1px;}
.proDetBox .box .right .rweizhi .href{ width:50px; height:50px;}
.proDetBox .box .right .nr-view .title{ font-size:26px;}
	 
 }
 @media only screen  and (max-width: 1440px) {
.proDetBox .box .right .rweizhi{ line-height:40px; height:40px;}	 
.proDetBox .box .right .rweizhi .href:after,.proDetBox .box .right .rweizhi .href:before{ height:18px; margin:-9px -1px;}
.proDetBox .box .right .rweizhi .href{ width:40px; height:40px;}
.proDetBox .box .right .nr-view .title{ font-size:22px;}
.proDetBox .box .right .nr-view .ul .item{ line-height:38px;}
 }
 @media only screen  and (max-width: 800px) {
.proDetBox .box .right,.proDetBox .box .left{ width:100%; float:none;}	 
.proDetBox .box .right .nr-view{ width:94%; margin:5% auto 0; padding-bottom:5%; max-width:8000px; padding:15px 20px}	 
.proDetBox .box .right .nr-view .title{font-size:20px;}
.proDetBox .box .left .my-swiper1 .btn{ width:28px; height:28px; margin-top:-14px;}
 }
 @media only screen  and (max-width: 500px) {
.proDetBox .box .right .nr-view .title{ font-size:18px;}	 
.proDetBox .box .left .my-swiper1 .btn{ display:none;}	 
 }
/* =========

  浜у搧

  ========== */
  
.cp-typezi{ text-align:center; width:94%; max-width:1600px; margin:3% auto ;/* position:relative*/; z-index:999 }  
.cp-typezi .swiper-wrapper{ width:auto;}
.cp-typezi .type-list .swiper-slide{ width:auto; position:relative;}
.cp-typezi .type-list .swiper-slide:after{ height:40%; width:1px; left:0px; top:50%; content:""; display:block; position:absolute; background:#eeeeee; 
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);


}


.cp-typezi .swiper-wrapper{ overflow:visible }
.cp-typezi .yiji{ position:relative}
.cp-typezi .yiji ul{ background:#ff0000; position:absolute;top:100%; left:0; z-index:888}
.cp-typezi .yiji ul li a{ color:#000}
.cp-typezi .type-list .swiper-slide:nth-child(1):after{ display:none;}
.cp-typezi .type-list .swiper-slide a{ display:inline-block; padding:0 50px; /*height:70px;*/ line-height:70px; color:#686868; font-size:14px; }  
.cp-typezi .type-list .swiper-slide.on a:after{ opacity:1; top:40%;}
.cp-typezi .type-list .swiper-slide.on a:before{ opacity:1; top:60%;}
.cp-typezi .type-list .swiper-slide a:after,.cp-typezi .type-list .swiper-slide a:before{  position:absolute; border-style:solid; border-width:3px; content:""; display:block; left:50px; margin-left:-10%; top:50%; height:16px; opacity:0;
width:-moz-calc(120% - 100px);
width:-ms-calc(120% - 100px);
width:-o-calc(120% - 100px);
width:-webkit-calc(120% - 100px);
width:calc(120% - 100px);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.cp-typezi .type-list .swiper-slide a:after{ border-color:#172870 #172870 transparent #172870; margin-top:-16px;}
.cp-typezi .type-list .swiper-slide a:before{ border-color:transparent #172870 #172870 #172870;}
@media only screen  and (min-width:800px){  


.cp-typezi .type-list .swiper-slide a:hover:after{ opacity:1; top:35%;}
.cp-typezi .type-list .swiper-slide a:hover:before{ opacity:1; top:65%;}

}
 @media only screen  and (max-width: 1440px) {
.cp-typezi .type-list .swiper-slide a{ line-height:60px; height:60px;}	
 }
  
  
  
/*probig-box */
.probig-box{
	position: relative;
}
.productBox{/*position: relative*/;z-index:10}
.bbbzimu{ font-size:200px; position:absolute; left:50%; bottom:0px; color:rgba(0,0,0,.03); font-weight:bold;
-moz-transform:translate(-50%,30%);
-ms-transform:translate(-50%,30%);
-o-transform:translate(-50%,30%);
-webkit-transform:translate(-50%,30%);
transform:translate(-50%,30%);



}


/*productUl*/
.productBox .productUl{
	width:80%; margin:0 auto 3%; position:relative; z-index:2; display:inline-block
}
.pr_ser{ width:20%; float:left}
.productBox .productUl:After{ content:""; display:block; clear:both;}
.productBox .productUl li{
	float: left;
	width:-webkit-calc((100% - 60px)/3);
	width:-moz-calc((100% - 60px)/3);
	width:-o-calc((100% - 60px)/3);
	width:-ms-calc((100% - 60px)/3);
	width:calc((100% - 60px)/3);
	
	
	
	margin-right: 20px;
	margin-bottom: 50px;
}
.productBox .productUl li:nth-child(3n){
	margin-right: 0;
}
.productBox .productUl li a{
	display: block;
	padding-bottom:16.8%;
		background:#fcfcfc;
		color:#fff;
		position:relative;
		overflow:hidden;
}
.productBox .productUl li a .biao{ background:rgba(0,0,0,.6); z-index:2; position:absolute; top:50%; left:50%; width:14%;
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin-top:-20px;
opacity:0;


}
.productBox .productUl li a .biao img{ display:block; opacity:0; width:100%;}
.productBox .productUl li a .biao:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; background-image:url(../images/ind_04.png); background-position:center; background-repeat:no-repeat; background-size:40% auto;}
.productBox .productUl li a .tu{
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
}

.productBox .productUl li a .tu img{
	width: 100%; opacity:0; display:block;
}
.productBox .productUl li a .text{ display:block; position:absolute; width:100%; left:0px; bottom:0px; padding:3% 4%; background:#223a8f; text-align:center; opacity:1;
-moz-transform:translateY(0%);
-ms-transform:translateY(0%);
-o-transform:translateY(0%);
-webkit-transform:translateY(0%);
transform:translateY(0%);
/*-webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(0px);
        -ms-filter: blur(0px);    
            filter: blur(0px);


}
.productBox .productUl li a .text .xx{ line-height:20px; opacity:.6; height:20px; overflow:hidden; font-size:14px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.productBox .productUl li a .text .title{ font-size:22px; line-height:1.5; margin-bottom:5px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.ppage-box{ text-align:center; padding-bottom:5%;}
.ppage-box ul{ position:relative; max-width:800px; display:block; margin:auto; padding:0 60px; height:30px; line-height:30px;}
.ppage-box ul li{ display:inline-block; height:30px;}
.ppage-box ul li.page1{ position:absolute; left:0px; top:0px; padding-left:10px; color:#999999; font-size:14px; font-weight:bold;}
.ppage-box ul li.page1 a{color:#999999; padding:0;}
.ppage-box ul li.page1:before{ content:"<"; display:block; font-family:'simsun'; position:absolute; left:0px; top:0px;}
.ppage-box ul li.page2{ position:absolute; right:0px; top:0px; padding-right:10px; color:#999999; font-size:14px; font-weight:bold;}
.ppage-box ul li.page2 a{color:#999999; padding:0;}
.ppage-box ul li.page2:after{ content:">"; display:block; font-family:'simsun'; position:absolute; right:0px; top:0px;}
.ppage-box ul li a{ display:inline-block; padding:0 5px; position:relative; font-weight:bold; color:#000;}
.ppage-box ul li a:hover{ color:#223a8f}
.ppage-box ul li.active a{color:#223a8f;}
.ppage-box ul li.active a:after{ content:""; display:block; height:2px; width:100%; bottom:0px; left:0px; background:#223a8f; position:absolute;}
 @media only screen  and (min-width: 800px) {
.productBox .productUl li a:hover .text{
-webkit-filter: blur(0px); /* Chrome, Opera */
       -moz-filter: blur(0px);
        -ms-filter: blur(0px);    
            filter: blur(0px);	
opacity:1;
-moz-transform:translateY(0%);
-ms-transform:translateY(0%);
-o-transform:translateY(0%);
-webkit-transform:translateY(0%);
transform:translateY(0%);	
	}
.productBox .productUl li a:hover .biao{ opacity:1; margin-top:0px;}	
 }
  @media only screen  and (max-width:1440px) {
.bbbzimu{ font-size:140px;}
.productBox .productUl li,.productBox .productUl li:nth-child(4n){
	float: left;
	width:-webkit-calc((100% - 40px)/3);
	width:-moz-calc((100% - 40px)/3);
	width:-o-calc((100% - 40px)/3);
	width:-ms-calc((100% - 40px)/3);
	width:calc((100% - 40px)/3);
	
	
	
	margin-right: 20px;
	margin-bottom: 20px;
}
.productBox .productUl li:nth-child(3n){
	margin-right: 0;
}
	  
	  }
 
  @media only screen  and (max-width: 799px) {
	  .pr_ul{ display:block}
	 }
 @media only screen  and (max-width: 799px) {
.bbbzimu{ font-size:100px;}
.productBox .productUl li a .text{
-webkit-filter: blur(0px); /* Chrome, Opera */
       -moz-filter: blur(0px);
        -ms-filter: blur(0px);    
            filter: blur(0px);	
opacity:1;
-moz-transform:translateY(0%);
-ms-transform:translateY(0%);
-o-transform:translateY(0%);
-webkit-transform:translateY(0%);
transform:translateY(0%);	
	}	 
.productBox .productUl li,.productBox .productUl li:nth-child(4n),.productBox .productUl li:nth-child(3n){
	float: left;
	width:-webkit-calc((100% - 20px)/2);
	width:-moz-calc((100% - 20px)/2);
	width:-o-calc((100% - 20px)/2);
	width:-ms-calc((100% - 20px)/2);
	width:calc((100% - 20px)/2);
	
	
	
	margin-right: 20px;
	margin-bottom: 20px;
}


.news-view-main .right .right-box ul li a:hover, .news-view-main .right .right-box ul li.on a{ background:#223a8f}
.pr_ser,.productBox .productUl{ width:100%; float:none; padding:0px}

.pr_ul{ display:none}
.productBox .productUl li:nth-child(2n){
	margin-right: 0;
}
.productBox .productUl li a .text .xx{ display:block}	
.productBox .productUl li a .text .title{ margin-bottom:0px;}
.news-view-main .right .right-box .bbt{ display:none}
 }
 @media only screen  and (max-width: 500px) {
.bbbzimu{ font-size:70px;}	 
.productBox .productUl li,.productBox .productUl li:nth-child(4n),.productBox .productUl li:nth-child(3n),.productBox .productUl li:nth-child(2n){ width:100%; margin:0 0 5% 0;}	 
.productBox .productUl li a{ padding:0px;}	 
.productBox .productUl li a .text{ position:relative;}	 
 }

/*productUl End*/
/* =========

  鑽ｈ獕

  ========== */
.ryBox{
	margin-top: 75px;
	margin-bottom: 115px;
}
.waterfall{
    width: auto;
    height: auto;
   	margin-top: 75px;
    position: relative;
    margin-bottom: 50px;
}
.waterfall .demo {
  position: relative;
}
.waterfall .grid {
  position: relative;
  margin: 0 auto;
}
.waterfall .grid-item{
	position: absolute;
	top: 0;
	left: 0;
	width: calc(25% - 38px);
    height: auto;
    float: left;
    padding-bottom: 15px;
}
.waterfall .grid-item:nth-child(4n+0){
	margin-right: 0;
}
.waterfall .grid-item .info{
    padding-bottom: 24px;
    position: relative;
    border: 1px solid #dfdfdf;
}
.waterfall .grid-item .info .icon{
	position: absolute;
	left: 50%;
	bottom: -18px;
	width: 36px;
	height: 36px;
	margin-left: -18px;
	border-radius: 50%;
	border: 1px solid #e1e1e1;
	background-color: #fff;
	cursor: pointer;
	background-image: url(../images/icon08.png);
	background-repeat: no-repeat;
	background-position: center;
}
.waterfall .grid-item .info .pic{
    height: auto;
    padding: 28px 28px 0;
    margin: 0 auto;
}
.waterfall .grid-item .info .pic img {
    width: 100%;
    border-radius: 3px;
}
.waterfall .grid-item .info .title {
    text-align: center;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    height: 21px;
    overflow: hidden;
    margin-top: 20px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 3%;
    padding-left: 3%;
}
@media only screen  and (max-width:1024px){
	.waterfall .grid-item{
		width: calc(33.333% - 28px);
		padding-bottom: 2%;
	}
	.waterfall .grid-item .info .pic{
		padding: 20px 20px 0;
	}
	.ryBox{
		margin-top: 7.3%;
		margin-bottom: 11.2%;
	}
	.waterfall{
		margin-bottom: 4.8%;
		margin-top: 7.3%;
	}
}
@media only screen  and (max-width:800px){
	.waterfall .grid-item .info .title{
		font-size: 12px;
		height: 18px;
	}
	.waterfall .grid-item .info .pic{
		padding: 15px 15px 0;
	}
}
@media only screen  and (max-width:600px){
	.waterfall .grid-item{
		width: calc(50% - 18px);
		padding-bottom: 20px;
	}
	.waterfall .grid-item .info .pic{
		padding: 10px 10px 0;
	}
}
@media only screen  and (max-width:414px){
	.waterfall .grid-item .info .title{
		font-size: 10px;
		height: 15px;
	}
	.waterfall .grid-item .info .icon{
		width: 30px;
		height: 30px;
		bottom: -15px;
		margin-left: -15px;
		-webkit-background-size: 50%;
		background-size: 50%;
	}
}
.allmap img{ max-width:none;}


.search-main img{ max-width:100%;}
.search-main {
	width: 94%;
	max-width: 1200px;
	margin: auto;
	padding: 30px 0;
	min-height: 300px;
	margin-top:100px;
}
.search-main .list{ margin-bottom:30px;}
.search-main .type {
	line-height: 50px;
	font-size: 30px;

	color: #000;

}

.search-main .list ul li {
	display: block;

	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding:30px 0;
}

.search-main .list ul li.nothing {
	height: 100px;
	border: 0px;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	color: #999;
}


.search-main .list ul li a .text .title {
	font-size: 18px;
	margin-bottom: 10px;
}

.search-main .list ul li a .text .demo {
	font-size: 12px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 20px;
}

.search-main .list ul li a .text .rq {
	font-size: 14px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 15px;
}
.search-main .list ul li a .tu{ margin-bottom:20px;}
@media only screen and (min-width:600px) {
.search-main .list ul li a {

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;

	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}

.search-main .list ul li a .tu{ width:200px; margin-right:30px; margin-bottom:0px;}
.search-main .list ul li a .text {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}
}

.search-main .list ul li a span {
	float: right;
	margin-right: 20px;
}

.search-main .list ul li a:hover {
	color: #26225e;
}
@media only screen and (max-width:800px) {
.search-main{ margin-top:60px;}
}
@media only screen and (max-width:500px) {

.search-main .type {
	font-size: 22px;
}
}
/*鍝佺墝浠嬬粛*/
.brandbox{ padding:5% 0;}
.brandbox .vv{ width:94%; max-width:1200px; margin:auto;}
.brandbox .vv .bbt{ text-align:center; line-height:1.4; margin-bottom:3%;}
.brandbox .vv .bbt .cn{ color:#000; font-size:36px;}
.brandbox .vv .bbt .en{ font-size:14px; font-weight:bold; color:#c9c9c9;}
#brand-box .brandbox:nth-child(2n){ background:#f6f6f6;}
.brandbox .vv .content{ line-height:2;}
.brandbox .vv .list{ margin-top:3%;}
.brandbox .vv .list .hbblist{ padding:0 50px 50px;}
.brandbox .vv .list .swiper-slide{ border:1px solid #ddd; margin:0 -1px -1px 0; overflow:hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	height:113px;


}
.brandbox .vv .list .swiper-slide img{ max-width:100%; height:100%;}
.brandbox .vv .list .btn{ width:50px; height:100%; top:-25px; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:80% auto; cursor:pointer; position:absolute; z-index:2;}
.brandbox .vv .list .btn.prev{ left:0px; background-image:url(../images/bbbtn_03.png)}
.brandbox .vv .list .btn.next{ right:0px; background-image:url(../images/bbbtn_05.png)}
@media only screen  and (max-width: 1440px){
.brandbox .vv .bbt .cn{ font-size:30px;}	

}
@media only screen  and (max-width: 800px){
.brandbox .vv .list .swiper-slide{ height:80px;}
.brandbox .vv .bbt .cn{ font-size:26px;}	
.brandbox .vv .list .hbblist{ padding:0 0 50px;}
.brandbox .vv .list .btn{ display:none;}
}
@media only screen  and (max-width: 500px){
.brandbox .vv .bbt .cn{ font-size:18px;}	
.brandbox .vv .bbt .en{ font-size:10px; font-weight:400;}	
	
}
/*鐣欒█*/
.ly-main{ width:1200px; max-width:94%; margin:auto; padding:5% 0; background-image:url(../images/lybg_03.jpg); background-position:top; background-repeat:no-repeat; background-size:100% auto;}
.ly-main .bbt{ text-align:center; color:#000; font-size:50px; font-weight:bold; margin-bottom:3%;}
.ly-main .cn{ max-width:600px; margin:auto; text-align:center; color:#000; font-size:14px; line-height:1.6; margin-bottom:2%;}
.ly-main .en{ max-width:580px; margin:auto; text-align:center;color:#000; font-size:12px; line-height:1.6; margin-bottom:4%; opacity:.6;}
.ly-main form{ display:block; width:94%; max-width:590px; margin:auto;}
.ly-main form input{ display:block; background:#fff; height:55px; line-height:52px; border:2px solid #cfcfcf; border-radius:4px; padding:0 10px; font-size:14px; width:100%; margin-bottom:2%;}
.ly-main form textarea{ width:100%; background:#fff; display:block;border:2px solid #cfcfcf; border-radius:4px; padding:5px 10px; line-height:30px; height:150px; font-size:14px; margin-bottom:2%;}
.ly-main form input:Focus,.ly-main form textarea:Focus{ color:#172870; border:2px solid #172870;}
.ly-main form button{ background:#172870; border:0px; color:#fff; font-size:16px; cursor:pointer; display:block; margin:auto; height:45px; width:220px;}
@media only screen  and (max-width: 800px){
.ly-main .bbt{ font-size:36px;}	
	
}
@media only screen  and (max-width: 500px){
.ly-main .bbt{ font-size:22px; font-weight:400;}	
.ly-main .cn{ font-size:12px;}
.ly-main .en{ font-size:10px;}	
.ly-main form button{ width:100%;}
}

.cp-banner{ text-align:center; margin-bottom:35px}
.cp-banner img{ max-width:100%; }




.indexCase-swiper {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.indexCase-swiper .swiper-slide a {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.indexCase-swiper .swiper-slide a img {
    width: 100%;
}

.indexCase-swiper .swiper-slide a .inbox {
   /* position: absolute;
    bottom: 6%;
    right: 5%;
	max-width: 300px;
	*/
    color: #21398D;
    width:100%;
    overflow: hidden;
    z-index: 1;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.donghua {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}

.indexCase-swiper .swiper-slide .inbox .num {
    font-size: 18px;
    font-weight: bold;
}

.indexCase-swiper .swiper-slide .inbox .title {
    color:#fff;
    font-size: 22px;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
    line-height: 1.5;
    
    overflow: hidden;
    margin-bottom: 5px;
}

.indexCase-swiper .swiper-slide .inbox .more {
    font-size: 14px;
    color: #21398D;
    font-weight: bold;
	background:#fff;
	border-radius:10px;
	width:130px;
	line-height:35px;
	text-align:center
}

.indexCase-swiper .swiper-slide a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background-color: rgba(0,0,0,.15);
}

.indexCase-swiper .indexCase-prev {
    left: 0%;
}

.indexCase-swiper .btn {
    position: absolute;
    top: 50%;
    height: 60px;
    width: 60px;
    z-index: 10;
    cursor: pointer;
    margin-top: -30px;
    background-color: rgba(0,0,0,.25);
}

.indexCase-swiper .indexCase-prev {
    left: 0%;
}

.indexCase-swiper .btn {
    position: absolute;
    top: 50%;
    height: 60px;
    width: 60px;
    z-index: 10;
    cursor: pointer;
    margin-top: -30px;
    background-color: rgba(0,0,0,.25);
}

.indexCase-swiper .indexCase-next {
    right: 0%;
}

.indexCase-swiper .indexCase-next:after {
    border-bottom: 2px solid #f4f4f5;
    border-right: 2px solid #f4f4f5;
}

.indexcmBox {
    margin-top: 80px;
    margin-bottom: 70px;
    max-width: 1380px;
}

.index-casemore {
    display: block;
    width: 140px;
    height: 54px;
    border: 3px solid #21398d;
    font-size: 14px;
    color: #21398d;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 48px;
    border-radius: 30px;
    position: relative;
}

.index-casemore:before {
    right: 100%;
}

.index-casemore:after, .index-casemore:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 600px;
    height: 3px;
    background-color: #21398d;
}

.index-casemore:after {
    left: 100%;
}





.indexCase-swiper .indexCase-prev:after {
    border-top: 2px solid #f4f4f5;
    border-left: 2px solid #f4f4f5;
}
.indexCase-swiper .indexCase-prev:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.indexCase-swiper .indexCase-next:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cp_sers a{
	color: #000;
    display: block;
    background: #061c52;
    color: #FFF;
    text-indent: 30px;
    border-bottom: 1px solid #102777;
	line-height:50px;
	position:relative;
	font-size:18px;
	font-weight:bold
	
}

.cp_sers a:after{ content:"▼";  position:absolute;right:6%; color:#fff;top:3%; font-size:18px}

 .anniu{width:93.67%;margin:40px auto  15px; background:#eeeeee; color:#000; padding:0 15px}
.anniu .anniu_p{font-size:14px;color:#666;margin:10px auto 10px; border-bottom:1px double #fff; line-height:45px }
.anniu .anniu_p strong{ color:#172870}
.anniu .anniu_p:nth-child(2){ border-bottom:none}
.anniu .anniu_p .news_anniu{color:#666;}


.video{ margin:60px  auto}

.hiddened{top: -90px !important; }
.showed{top:0;z-index: 9999;}

.inbox { background:#0f2765; color:#FFF; text-align:center; padding:10px 0;}
.pr_conter{ overflow:hidden;margin: 5% auto; max-width:1400px}


.content{ background:#f0f0f0;padding:40px 0px 50px;}
@media (max-width:1360px) {
	.newshow{ width:93.75%;}

	}
@media (max-width:1000px) {
	.content{padding:20px 0px 30px;}

	}
	
.video2{ width:1360px; margin:0 auto;}
.video2 ul li{ float:left; margin-right:18px; transition:all 0.5s; margin-bottom:44px; border-radius:5px; overflow:hidden;}
.video2 ul li:nth-child(3n){margin-right:0px;}
.video2 ul li .videoimg{ position:relative; overflow:hidden}
.video2 ul li .videoimg img{ transition:all 0.5s;}
.video2 ul li .videoimg .videoimgh{ position:absolute; width:100%; top:0px; bottom:0px; left:0px; background:#666666; opacity:0.2; transition:all 0.5s;}
.video2 ul li .videowz{ height:30px; background:#fff;transition:all 0.5s;padding-top: 6px;text-align:center;}
.videotit2{ text-align:center; padding-top:27px; font-size:16px; color:#333333;}
.videobf2{width:43px;height:43px;margin:0 auto;margin-top: 25px;transition:all 0.5s;}
.videobf2 span{ display:block; background:url(../images/videobf.png) no-repeat left; width:100%; height:100%;}
.video2 ul li:hover{box-shadow: 0px 0px 45px rgba(225,31,22,0.15);}
.video2 ul li:hover .videoimg .videoimgh{ opacity:0;}
.video2 ul li:hover .videoimg img{ transform:scale(1.1,1.1)}
.video2 ul li:hover .videowz{ background:#fff;}
.video2 ul li:hover .videobf{ transform:rotate(360deg)}
.video2 ul li:hover .videobf span{ background-position:right;}
@media (max-width:1360px) {
	.video{ width:93.75%;}
	.video ul li{ width:calc(33.33% - 40px); margin:0px 20px; margin-bottom:40px;}
	.video ul li:nth-child(5n){margin-right:20px;}
	
	.video2{ width:93.75%;}
	.video2 ul li{ width:calc(33.33% - 40px); margin:0px 20px; margin-bottom:40px;}
	.video2 ul li:nth-child(3n){margin-right:20px;}
	}
	
@media (max-width:1050px) {
	.video ul li{ width:calc(33.33% - 30px); margin:0px 15px; margin-bottom:30px;}
	.video ul li:nth-child(3n){margin-right:15px;}
	.videotit{ padding-top:6px;}
	.videobf{ margin-top:20px;}
	.video ul li .videowz{ height:auto; padding-bottom:20px;}
	
	.video2 ul li{ width:calc(33.33% - 30px); margin:0px 15px; margin-bottom:30px;}
	.video2 ul li:nth-child(3n){margin-right:15px;}
	.videotit2{ padding-top:20px;}
	.videobf2{ margin-top:5px;}
	.video2 ul li .videowz{ height:auto; padding-bottom:5px;}
	}
@media (max-width:850px) {
	.video ul li{ width:calc(33.33% - 20px); margin:0px 10px; margin-bottom:20px;}
	.video ul li:nth-child(3n){margin-right:10px;}
	
	.video2 ul li{ width:calc(33.33% - 20px); margin:0px 10px; margin-bottom:20px;}
	.video2 ul li:nth-child(3n){margin-right:10px;}
	}
@media (max-width:768px) {
	.video ul li{ width:calc(50% - 20px); margin:0px 10px; margin-bottom:20px;}
	.video ul li:nth-child(3n){margin-right:10px;}
	
	.video2 ul li{ width:calc(50% - 20px); margin:0px 10px; margin-bottom:20px;}
	.video2 ul li:nth-child(3n){margin-right:10px;}
	}
@media (max-width:580px) {
	.video ul li{ width:calc(50% - 10px); margin:0px 5px; margin-bottom:10px;}
	.video ul li:nth-child(3n){margin-right:5px;}
	.videotit{ padding-top:1px;}
	.videobf{ margin-top:5px;}
	.videobf{ width:24px; height:30px; }
	.videobf span{background-size:auto 80%;}
	.video ul li .videowz{ height:auto; padding-bottom:10px;}
	
	.video2 ul li{ width:calc(50% - 10px); margin:0px 5px; margin-bottom:10px;}
	.video2 ul li:nth-child(3n){margin-right:5px;}
	.videotit2{ padding-top:10px;}
	.videobf2{ margin-top:5px;}
	.videobf2{ width:24px; height:30px; }
	.videobf2 span{background-size:auto 80%;}
	.video2 ul li .videowz{ height:30px; padding-bottom:10px;}
	}