/* CSS Document */
*{text-overflow: ellipsis;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:1200px; 
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #0099FF;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:Center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}

.fl{ float:left}
.fr{ float:right}
.box{
	width:1200px;
	margin:auto;
	min-width:1100px;
	position: relative;
}

.box1{ width:1366px; max-width:100%; margin:auto; min-width:1200px;}



.app_header{ display:none;border-top-style: solid;
	border-top-color: #192734;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;*/}


.app_top{width:100%;/*height:162px;*/ float:left;}

/*首页*/
#menu{ z-index:22}
.phone{
	position: fixed;
	z-index: 2222;
	right: 10px;
	bottom: 50px;background-color:rgba(25,39,52,0.8); float:left; line-height:38px; width:38px; text-align:center;border-radius:3px; overflow:hidden; display:none;

}
.phone i{ font-size:32px;color:#FFFFFF}
.app_header .lang{ margin-right:10px; margin-top:10px;}


    #header {
	position: fixed; top:0px; left:0px;

	width: 100%;
	z-index: 22;
}
    #header .lan{	background-image: url(lan.png);
	background-repeat: no-repeat;
	background-position: right center;
 line-height:60px; width:80px; height:60px;	margin-right:50px;}
 #header .lan A{ width:100%; height:100%; float:left}
.nav{
	color:#FFFFFF;


	font-size:16px;
line-height:100px;  width:700px; float:right
}

.nav ul{ width:100%; float:left;}
.nav ul li{ float:left; width:14.285%; text-align:center; cursor:pointer;}
/*.nav ul li:hover{ color:#FFCC00}*/



.nav ul li a{ color:#FFFFFF}
.nav ul ul{
	font-size:14px;
	line-height:1.5;
	text-align:center;
	float: left;
	width: 100%;
	position: absolute;
	z-index: 22;
	left: 0px;
	top: 100px;
	background-color:rgba(0,0,0,0.3);	
	background-color:#ffffff;	
	display:none;
}
.nav ul ul ul{ left:100%; top:0px;}
.nav ul li ul li{ float:left; width:100%;}
.nav ul li ul li>a{
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #eeeeee; color:#666666;
}

/*.nav ul li ul li>a:hover:after{	
    content:'';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #1F5496;}*/


/*.nav ul li ul li>a:hover{ background-color:rgba(0,0,0,0.2);}*/
.nav ul li{	position: relative;}

/*.nav>ul>li:hover{
	background-color:rgba(0,0,0,0.3); background-color:#ffffff;
	position: relative;
}*/
.nav>ul>li:hover>ul{ display:block}


.nav >ul> li:nth-child(4)>ul{ width:120%; }

.nav>ul>li:hover:after{
	content:'';
	/*	background-color:rgba(0,0,0,0.3);*/
	position: absolute;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #1F5496;
	left: 0px;
	bottom: 0px;
	width: 100%;
}

.navbg {
/*	background-color:rgba(0,0,0,0.3);*/ background-color:#ffffff;
}

#header.navbg{
	/*position: relative;*/
}

#header.navbg  a,#header.navbg .nav a,.navbg .nav ul li a,#header.navbg .nav{ color:#666666}
#header.navbg  a,#header.navbg{ color:#666666}
.nav ul li ul li a:hover,#header.navbg .nav ul li ul li a:hover{ background-color:#1F5496; color:#FFFFFF}
  #header .lan{	background-image: url(lan.png);color:#666666; display:none}
 #header .lan a.lang{ color:#666666; }
 #header {}
 #header .logo{
	position: absolute;
	left: 0px; top:20px;
}
 .logo2{ display:none}
 #header.navbg  .logo2{ display:block}
 #header.navbg  .logo11{ display:none;}
 
 
/*新闻*/
  .news{ clear:both; z-index:2; padding-bottom:30px; width:1200px; margin-left:auto; margin-right:auto;}  
.news .picli{
	float:left;
	width:536px;
	position: relative; cursor:pointer; overflow:hidden;
}

.news .right{ margin-left:536px;}
.news .right .picli{
	width:47.5%;
	margin-left:2.5%;

	margin-bottom: 10px;
}
.news .right .picli img{ float:left}
.news .right .picli .img{ min-height:200px; max-height:200px; overflow:hidden;}
.news  .item1 .img img{ width:100%;max-height:403px;min-height:403px;}
.news .picli .title{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 100%;
	z-index: 2; background-color:rgba(0,120,255,0.5);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.news .picli .title a{ color:#FFFFFF}

/*.news .picli .more{	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 100%;}*/
.news .picli .title>div{
	line-height: 1.5;
	height: 3em;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 30%;
	z-index: 23;
	float:left;
	width:90%;
	padding-left: 5%;
}
.news .right .picli .title>div{margin-top: 25%;}
.news .picli:hover .title{top:0px;}

.tops{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.news .econtent>.picli{}

.news .econtent >.picli .title>div{ font-size:30px; text-align:center;}
.news .econtent >.picli .more{left: 5%;
	top: 50%;	position: absolute; z-index:222; margin-top:30px; line-height:22px;}
	.news .econtent >.picli .more a,.news .econtent >.picli .more span{
	background-color:rgba(255,255,255,0.8);
	color:#0066CC;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; display:inline-block; padding-left:10px; padding-right:10px;
}
.news .econtent .picli:hover .dp{color:#FFFFFF}
.news .econtent .picli .img img{ width:100%;}



.etitle{
	text-align: center; line-height:1.5; padding-top:15px; padding-bottom:15px;
}
.etitle>span,.etitle>span>div>span,.etitle>span>div>b{ display:inline-block;}
.etitle>span>span,.etitle>span>b{ display:block; clear:both}
.etitle>span>div>span{
	font-size: 24px;
	position: relative;
}
.etitle>span>div>span:after{
	content:'';
	float:left;
	width:80px;
	left:-100px;
	top:50%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	position: absolute;
}
.etitle>span>div>span:before{content:'';
	float:left;
	width:80px;
	right:-100px;
	top:50%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	position: absolute;}
.etitle>span>div>b{
	font-size: 30px;
	font-weight: lighter;
	color: #999999;
	text-transform: uppercase;
}
.etitle>span>div>b>a{color: #999999;}
.etitle>span>div>span>a{color: #000000;}
.etitle>span>div>b>a:hover{color: #0099FF;}
.etitle>span>div>span>a:hover{color: #0099FF;}
.sort{ text-align:center; line-height:45px; padding-bottom:20px; padding-top:10px;}
.sort a{
	background-color: #ececec; font-size:16px; display:inline-block; padding-left:25px; padding-right:25px;border-radius:5px; margin-left:15px;
}
.sort a:hover{ background-color:#243e95; color:#FFFFFF}
.pros{ float:left; width:100%;background-image: url(2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; padding-bottom:15px; background-size:100% 100%;}
.pro{
	float:left;
	width:100%;
	min-height:480px;

	position: relative; 
}
/*.protop{ float:left; width:250px; width:100%;}*/
.pro .picli{ float:left; width:70%;  margin-left:10%; margin-right:10%; padding-left:5%; padding-right:5%; padding-top:5px; padding-bottom:5px; cursor:pointer; padding-bottom:10px;}
.pro .picli .dp{
	display:none;
	font-size:14px;
	
}
.pro .picli .img img{ max-width:100%;}
.pro .picli .title{ font-size:16px; padding-bottom:5px; padding-top:5px;}
.pro .picli:hover{ background-color:#243e95; color:#FFFFFF; background-color:rgba(0,0,0,0.5);background-color:rgba(32,64,169,0.8);}
.pro .picli:hover .dp{ display:block}
.pro .picli:hover a{ color:#FFFFFF}
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto; 
    }
.swiper-slides{
	position: relative;
}	
.adsl {
	position: absolute;
	width: 50%;
	left: 20%;
	top: 50%; padding-left:5%; padding-right:5%;
	float: left;
	height: 380px;
	margin-top: -190px; z-index:2; background-color:rgba(0,0,0,0.3); color:#ffffff; text-align:center; line-height:1.5;
}
.adsl a{color:#ffffff;}
.about.adsl{top: 40%; background-color:rgba(0,0,0,0.5);}
.adsl .h1{ font-size:52px; padding-top:50px;}
.adsl .h2{ font-size:26px; padding-top:20px; padding-bottom:20px;}
.adsl .h3{ font-size:16px; padding-bottom:20px; padding-top:20px;}
.adsl .more{ font-size:18px; padding-top:20px;}

    .swiper-slide {
	
        text-align: center;
        font-size: 18px;
  /*      background: #fff;*/

        /* Center slide text vertically */
        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;
    }
	
.swiper-containerpro{ /*max-width:1360px;*/ float:left; width:100%; height:480px;}
.prolis{ height:750px;}
.swiper-container> .swiper-wrapper>.swiper-slide{ overflow:hidden; }
.prolis{ /*background-color:#FFFFFF*/}
.swiper-slides>img,.swiper-slide img,.swiper-slide{  width:100%; max-width:100%;}
.swiper-slide>a{  width:100%; max-width:100%;}
.swiper-slides{
	text-align:center;
	position: relative;
}
/*.swiper-container{ max-width:1366px; margin:auto}*/


.swiper-container-son3 .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-container-son3 .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}

.picindex{ text-align:center; clear:both;}
.picindex img{ width:100%;}








 .foot {
	background-image: url(foot.jpg);
	background-repeat: no-repeat;
	background-position: center top; float:left; width:100%; clear:both;/*font-family: "宋体";*/ padding-top:35px; background-color:#2C2C2C;   
}
 .foot,.foot a{ color:#dddddd}
 .foot .box{ width:1200px; max-width:100%; margin:auto; line-height:2;}
.copy{ background-color:rgba(0,0,0,0.3);float:left; width:100%;clear:both; font-size:12px; text-align:left; color:#999999; padding-top:5px; padding-bottom:5px;}
.foot1{float:left; width:100%;}
.foot .fleft{ float:left; width:800px;}
.footnav ul{}
.footnav ul li{
	float:left;
	width:16.6666%;
	text-align:left;
	font-size:16px;
	font-family: "微软雅黑", "宋体", "Arial Unicode MS";
	line-height:3;
	position: relative;
}
.footnav >ul >li>a{position: relative;

}
.footnav >ul >li>a:after{
	content:'';
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	left: 0px;
	bottom: 0px;
	position: absolute;
	width: 80%;
}
.footnav ul li a{ display:block; padding-right:20px; color:#ffffff}
.footnav> ul> li >ul{ padding-top:10px;}
.footnav ul li ul li{ font-size:14px;
	width:100%; line-height:2;
/*	font-family: "宋体"; line-height:2.5;*/
}
.footnav ul li ul li a{ color:#999999}
.clear{ clear:both}
.address .item {
	float: left;
	margin-right: 20px;
}
.address{ font-size:12px; text-align:left; padding-bottom:30px; padding-top:30px;color:#cccccc; float:left; clear:both; }
.foot .fright{ float:right}
.address .item i{ float:left; margin-right:5px; }
.address .item { line-height:30px;}
.bannerin{
	clear:both;
	text-align: center;
	position: relative;
}
.bannerin:after{
	content:'';
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px; float:left; background-color:rgba(0,0,0,0.1);
}
.bannerin .title{
	font-size: 32px;
	text-align: center;
	position: absolute;
	/*height: 50px;*/

	left: 0%;
	top: 50%;
	color:#FFFFFF;
	z-index:2;
	margin-top: 35px; line-height:50px; width:100%;
}
.bannerin .title .box{ text-align:left; margin:auto;}
.bannerin .title .box>div{display:inline-block; margin-left:30px;}
.bannerin .title span{


	position: relative; display:block; color:#FFFFFF
}
.bannerin .title span.h1{
	text-transform: capitalize;
	font-weight: bold; font-size:45px;
}
.bannerin .title span.h2{}
.bannerin .title span.h2:before{content:'';
	float: left;
	width: 1.5em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	position: absolute;
	left: 0px;
	bottom: -20px;
}











.pro .list,.pro .slist{
	width:100%;
	margin-left: 30px;
	margin-right: 30px; overflow:hidden; float:left; margin-top:10px; margin-bottom:10px;
}
.pro .list:nth-child(3n+1){ clear:both}

/*.pro .list .item1{ color:#666666}
.pro .list .item2{ color:#666666}*/
.pro .list .img,.pro .slist .img{
	width: 100%;
	float:left;height:330px; overflow:hidden;
}
.pro .list .img img{width:100%; height:100%;}
.pro .list  .text{ display:none}
.pro .list .img .text{ font-size:14px;
	padding: 5%;
	float: left;
	height: 90%;
	width: 90%;
	position: absolute;
	left: 0px;
	top: 100%;
	 background-color:rgba(0,120,255,0.5);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; z-index:22; color:#FFFFFF; display:block 
}
.pro .list:hover .img .text{ display:block;top:0%;}
.pro .list:hover .img .text .ntitle{ font-size:24px; padding-bottom:10px; padding-top:10px;}
.pro .list:hover .img .text+img{ width:100%; height:100%;}
.pro .list .img{ /*background-color:#e8e9eb*/
	position: relative;
}
/*.pro .list .img img{height:230px; width: 100%;}*/

.pro .list .img a:hover img,.pro .list:hover .img  img,.pro .slist .img a:hover,.pro .slist:hover .img a{opacity:1;}
.pro .list .ntitle,.pro .slist .ntitle{
	width:100%;
	text-align:center;
	white-space: nowrap;
	overflow: hidden; line-height:35px;
}




.case{ padding-top:20px; padding-bottom:20px;} 
.case .econtent{ padding-top:10px; clear:both;}
.case .caseli .img{float:left; width:100%; height:400px;display: flex; overflow:hidden;
    justify-content:center;
    align-items:center;}
.case .caseli .img img{ min-height:100%; min-width:100%;}
.case .caseli .dp{ text-align:left; line-height:1.5; font-size:14px;}
.case .caseli .dp .title{ padding-left:10px; padding-right:10px; color:#888888; padding-top:10px;}
.case .caseli .dp{ padding-top:10px; padding-bottom:10px; float:left; width:100%; clear:both;}

.case .caseli .dp{ clear:both; }
.case .caseli .dp .title{ padding-left:10px; padding-right:10px; color:#888888; padding-top:10px;}
.case .caseli .dp .ntitle{ padding-left:10px; padding-right:10px; line-height:1.2; min-height:2.4em; margin-top:10px; color:#333333; }