@charset "utf-8";
/* CSS Document */

body{ font-size:14px; color:#fff; background:#fff; font-family:'微软雅黑'; line-height:24px;}

a { color:#fff; font-size:14px; text-decoration:none; }

a:hover { text-decoration:none;}

html{ overflow-x:hidden}

/*分页*/
div.pager
{
text-align:center;
	margin:0 auto;
	padding-bottom:3px;
}
div.pager span
{
			margin-left:8px;
	margin-right:5px;
}
div.pager a
{
		margin-left:5px;
	margin-right:5px;
	text-decoration:none;
}



div{ overflow:hidden;}


.newstitle{ text-align:center; font-weight:bold; font-size:20px; line-height:30px; padding-bottom:18px}

#footer{ width:100%; height:auto; background:#011322}
#footer .bg{ width:94%; max-width:1200px; margin:0 auto; margin-top:30px; margin-bottom:20px;}
#footer .bg .logo-di{ width:129px; float:left}
#footer .bg .ewm{ width:146px; float:right}
#footer .bg .ewm img{ width:100%; display:block}
#footer .bg .ewm p{ width:100%; text-align:center; line-height:28px; color:#fff; font-size:12px;}
#footer .bg .txt{ margin-left:170px; margin-right:170px; width:auto; color:#fff}
#footer .bg .txt .ment{ width:90px; height:auto; border-right:1px solid #161c2d; float:left; margin-left:4%;}
#footer .bg .txt .ment ul li{ width:100%; height:30px;}
#footer .bg .txt .ment ul li a{ display:block;width:100%; height:30px; line-height:30px; color:#ffffff; font-size:16px;}
#footer .bg .txt .lx{ float:left; width:30%; margin-left:4%; padding-left:2%; line-height:28px; border-right:1px solid #161c2d; font-size:12px;}
#footer .bg .txt .zi{ width:33%; float:left; margin-left:6%;}
#footer .bg .txt .zi img{ width:100%; margin-top:50px; display:block}


/***************index css********************/
.logo{ max-width:400px; width:60%; margin-left:5%; margin-top:1.5%;}
.logo img{ width:100%;}
.retrun{ width:94%; max-width:1200px; margin:0 auto; text-align:right;}

#main{  position:relative; z-index:5; background:#000 }
#main .bg-tu{ width:100%; height:100%;background-image:url(../images/home-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%; position:absolute; z-index:-1;}
.ment-ico{ width:auto; height:17px; position:absolute; z-index:9999; top:60px; right:180px; display:block; cursor:pointer; background:url(../images/ment-ico.png) no-repeat left center; line-height:17px; font-size:14px; color:#71c9f7; padding-left:32px;}
.language-ico{position: absolute;z-index: 9999;top: 60px;right: 100px;display: block;font-size: 0}
.language-ico img{height:17px;margin-left: 5px;border-radius: 2px}
#nav{ width:219px; height:100%; position:absolute; z-index:9998; right:-219px; top:0; background:url(../images/nav-bg.png);}
#nav ul{ display:block; width:140px; padding-top:105px; padding-left:30px; height:80%;}
#nav ul li{ width:100%; height:10%; display:block; border-bottom:1px solid #71c9f7; overflow:hidden; margin-bottom:20px;}
#nav ul li a{ color:#71c9f7; font-size:16px; }
#nav ul li a span{ display:block; height:24px; line-height:24px;}
#nav ul li a em{ display:block; height:16px; line-height:16px; text-transform:uppercase; font-size:12px;}
#nav ul li a:hover{ font-weight:bold}

.flash{ width:72%;margin-top:2%}
.flash .flexslider{ width:100%}
.flash .flexslider .slides{ width:100%}
.flash img{ display:block;  width:100%}

.aboutn-bg{ width:100%; height:100%;background-image:url(../images/about-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%; position:absolute; z-index:-1;}
.aboutn{ width:94%; margin:0 auto; max-width:1200px;height:60%; margin-top:2%;}
.aboutn .title{ width:38%; background:url(../images/about-title.jpg) no-repeat center top; float:left; height:100%;}
.aboutn .title .en{ padding-left:65px; padding-top:38px; line-height:32px; color:#52b5f3; font-size:28px;}
.aboutn .title .xian{ width:60%; max-width:280px; height:5px; background:#52b5f3; margin-top:5px;}
.aboutn .title .cn{ padding-left:65px; padding-top:5px; line-height:32px; font-size:24px; color:#fff}
.aboutn .txt{ float:right; width:56%; height:100%; margin-right:3%; color:#fff; overflow-y:auto}
.aboutn .txt table{ width:100%; height:100%;}
.aboutn .txt table tr td{width:100%; height:auto; vertical-align:middle}

.newsn-bg{ width:100%; height:100%;background-image:url(../images/news-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%; position:absolute; z-index:-1;}
.newsn{ width:94%; margin:0 auto; max-width:900px;height:60%; margin-top:2%;}
.newsn dl{ width:100%; height:30%; overflow:hidden;}
.newsn dl dt{ width:170px; height:119px; float:left;}
.newsn dl dt img{width:170px; height:119px;}
.newsn dl dd{ margin-left:185px; overflow:hidden; height:119px;}
.newsn dl dd .name{ height:24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:24px; font-size:18px;}
.newsn dl dd .time{ height:18px; line-height:18px; font-size:12px; padding-top:5px;}
.newsn dl dd .xian{ width:60px; height:5px; background:#52b5f3; margin-top:2px;}
.newsn dl dd .memo{ line-height:25px; font-size:14px; height:50px; padding-top:8px; text-indent:2em}

.newsd{ width:94%; margin:0 auto; max-width:1200px;height:60%; margin-top:2%; overflow-y:auto}
.newsd dl{ width:100%; height:119px; overflow:hidden;}
.newsd dl dt{ width:170px; height:119px; float:left;}
.newsd dl dt img{width:170px; height:119px;}
.newsd dl dd{ margin-left:185px; overflow:hidden; height:119px;}
.newsd dl dd .name{ height:24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:24px; font-size:18px; padding-top:65px;}
.newsd dl dd .time{ height:18px; line-height:18px; font-size:12px; padding-top:5px;}
.newsd dl dd .xian{ width:60px; height:5px; background:#e92939; margin-top:2px;}
.newsd .txt{ width:100%; height:auto; padding-top:30px;}

.contactn-bg{ width:100%; height:100%;background-image:url(../images/contact-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%; position:absolute; z-index:-1;}
#container{height:100%}  
#container div{ overflow:inherit}
.contactn{width:94%; margin:0 auto; max-width:1200px;height:70%; margin-top:2%; position:relative}
.contactn .fk{ width:100%; height:78px; position:absolute; z-index:999; left:0; top:0; background:#011322}
.contactn .fk .title{ height:78px; width:100%; background:url(../images/ly-ico.jpg) no-repeat center bottom; text-align:center; color:#fff; line-height:60px; font-size:20px; cursor:pointer}
.contactn .fk .title2{ position:absolute; background:url(../images/fk-ico2.jpg) no-repeat center top; left:0; bottom:0; line-height:78px;}
.contactn .fk .txt{ width:94%; margin:0 auto; margin-top:50px;}
.contactn .fk .txt ul li{ float:left; width:32%; overflow:hidden; margin-bottom:10px; margin-left:2%;}
.contactn .fk .txt ul li.li1{ margin-left:0}
.contactn .fk .txt ul li .inp{ width:100%; height:40px; background:#fff; border-radius:5px; border:none; line-height:40px; text-indent:15px; color:#adadad; font-size:18px;}
.contactn .fk .txt ul li .tex{ width:100%; height:120px; background:#fff; border-radius:5px; border:none; font-size:18px; color:#adadad; text-indent:15px; line-height:30px;}
.contactn .fk .txt ul li.li2{ width:100%; float:none; margin-left:0}
.contactn .fk .txt ul li .btn{ width:210px; height:40px; border:none; border-radius:3px; cursor:pointer; border:none; float:right; background:#52b5f3; color:#fff; font-size:18px; display:block; text-align:center; line-height:40px;}

.pron-bg{ width:100%; height:100%;background-image:url(../images/prosd-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%; position:absolute; z-index:-1;}
.listn{ position:absolute; z-index:999; right:240px; top:95px;}
.listn ul li{ float:left; margin-left:30px; height:47px; background:url(../images/fl-fen.png) no-repeat left center; padding-left:35px;}
.listn ul li a{ display:block; height:47px; line-height:32px; background:url(../images/fl-bg.png) no-repeat center bottom; color:#52b5f3; font-size:16px;}

.listnm{ display:block; position:absolute; display:none; z-index:999; right:10%; top:120px;  margin:0 auto; height:47px; }
.listnm div{ overflow:visible}
.listnm .swiper-slide{ width:auto; height:40px;}
.listnm .swiper-slide a{ display:block; width:auto; text-align:center; height:40px; line-height:28px; background:url(../images/fl-bg.png) no-repeat center bottom; color:#52b5f3; font-size:14px;}

.pron{ width:94%; margin:0 auto; margin-top:5%; height:70%;}
.pron .swiper-wrapper{ width:100%; height:100%;}
.pron div{ overflow:visible}
.pron .swiper-container{ padding-bottom:50px;}
.pron .swiper-slide .box{width:100%;}
.pron .swiper-slide .box{ transform:scale(0.5);transition:transform .5s;}
.pron .swiper-slide .box:hover{ transform:scale(0.8);}
.pron .swiper-slide{ opacity:0.5}
.pron .swiper-slide .box img{ width:100%; display:block}
.pron .swiper-slide .box .memo{ width:100%; display:none;position: relative;}
.pron .swiper-slide .box .memo:after{
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	background:url(../images/name-ico.png) no-repeat right center; 
  }
.pron .swiper-slide .box .memo .name{ padding-right:70px;}
.pron .swiper-slide .box .memo .name .en{ font-size:20px; line-height:30px;}
.pron .swiper-slide .box .memo .name .cn{ color:#7fb2ff; font-size:24px; line-height:32px;}

.prosd-bg{ width:100%; height:100%;background-image:url(../images/prosd-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%; position:absolute; z-index:-1;}
.prosd{ width:94%; max-width:1200px; margin:0 auto; margin-top:2%; height:60%;}
.prosd .tu{ width:40%; float:right;}
.prosd .tu img{ width:100%; display:block;}
.prosd .txt{ width:55%; height:80%; float:left; overflow-y:auto}
.prosd .txt::-webkit-scrollbar{
  width:14px;
}
.prosd .txt::-webkit-scrollbar-thumb{
  background-color:#333;
}
.prosd .txt::-webkit-scrollbar-track {

        background: #F1F1F1;

}
.prosd .txt .name .en{ font-size:20px; line-height:30px;}
.prosd .txt .name .cn{ color:#7fb2ff; font-size:24px; line-height:32px;}
.prosd .txt .nr{ padding-top:15px;}
.listfl{ width:100%; height:198px; background:url(../images/png-hs.png); position:absolute; left:0; bottom:0; z-index:9999;}
.listfl .bg{ width:94%; max-width:1200px; margin:0 auto; margin-top:30px;}
.listfl .bg div{ overflow:visible}
.listfl .bg img{ width:100%;}
.listfl .bg .name{ width:100%; text-align:center; line-height:26px; color:#7fb2ff; font-size:14px; overflow:hidden}
.pron .swiper-container1 .swiper-wrapper{
	-webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-box-pack:center;
        -webkit-align-items: center;
        align-items: center;
}
@media(max-width:1500px){
	.listn{
		position: initial;
		text-align: center;
		margin-top: 40px;
	}
	.listn ul{
		display: inline-block;
		overflow: hidden;
	}
	.listn ul li:first-child{
		margin-left: 0px;
	}
	.pron{
		margin-top: 50px;
	}
}
@media(max-width:767px){
	#main{
		height: initial !important;
		min-height: 100vh;
	}
	.pron .swiper-slide{
		width: 100% !important;
	}
	.pron .swiper-pagination{
		bottom: 50px;
	}
}
@media(max-width:649px){
	.pron .swiper-slide .box{
		transform: scale(.5) !important;
	}
	.pron .swiper-slide.swiper-slide-active .box{
		transform: scale(1) !important;
	}
}