@charset "utf-8";
/* CSS Document */
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #1891cb; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }


/* 拖选文字样式 20160628 */
::selection { background: #1891cb; color: #fff; }
::-moz-selection { background: #1891cb; color: #fff; }

.wapper { margin: 0 auto; width:auto; padding:0 50px;}
.wrapper{ margin: 0 auto; width:1200px;}

.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 619px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background:#F00; }
.bannerslide .swiper-button-prev { background: url(../img/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .swiper-button-next { background: url(../img/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }




.topbar { position:fixed; z-index:12; background:#fff; left:0; right:0; top:0; border-bottom:#e5e5e5 1px solid; height:40px; line-height:40px; font-size:14px; color:#666;}
.topbar .split{ color:#ccc; padding:0 5px;}
.topbar .fl span{ padding-left:25px;}

.header{ position:fixed; z-index:10; background:#fff; left:0; right:0; top:41px;box-shadow: 2px 2px 30px rgba(0,0,0,0.1)}
.header .logo{ float:left; padding:20px 0;}
.header .searchtt{ background:#fff url(../img/sf.png) no-repeat 20px center; font-size:14px; border:#e5e5e5 1px solid; color:#666; padding-left:44px; width:123px; height:38px; margin-top:20px;}
.header input::-webkit-input-placeholder{ color:#aaa;}

.header .nav{ position:relative; float:left; padding-left:28%;}
.header .nav .nli{ float:left; position:relative; text-align:center;}
.header .nav .nli a{ color:#333; font-weight:bold; font-size:15px; height:82px; line-height:82px; display:block; padding:0 20px;}
.header .nav .nli a:hover{ border-bottom:3px solid #ed3b23; text-decoration:none;}
.header .nav .nli .sub{ position:absolute; display:none; width:180px; z-index:99; background:rgba(255,255,255,0.9); padding:18px 0 16px 0;}
.header .nav .nli .sub li{ text-indent:10px; display:block; text-align:left; line-height:25px;}
.header .nav .nli .sub li a{ font-size:14px; color:#333; height:auto; line-height:25px; font-weight:normal; animation-duration:2s; animation-timing-function:linear;}
.header .nav .nli .sub li a:hover{ border-bottom:none; color:#F00;}



.homebox{}
.homebox .box{
	float:left;
	width:25%; 
	padding:70px 50px; 
	border-right:#efefef 1px solid; 
	box-sizing:border-box;
}
.homebox .box:last-child{ border-right:none;}
.homebox .box .info{}
.homebox .box .tit{ font-size:14px; text-align:left; color:#111; margin-bottom:25px;}
.homebox .box .name{
	font-size:18px; 
	text-align:left; 
	color:#111; 
	margin-bottom:5px;
	padding-bottom:20px;
	height:50px;
	overflow:hidden;
}
.homebox .box .name a{ color:#111; }
.homebox .box .txt{
    height: 42px;
    margin-top: 10px;
    font-size: 14px;
    color: #878890;
    line-height: 1.6;
	text-overflow: ellipsis;
	overflow:hidden;
}
.homebox .box .more{ font-size:14px; text-align:left; padding-top:25px; color:#777;}
.homebox .box .pic{ width:20%; float:right; display:block; text-align:right;}
.homebox .box .txt1{ border-top:1px solid #000; text-align:right; padding-top:20px;}



.footer{ background:#f3f3f3; padding:60px 0;}
.footer .tt{ margin-bottom:30px;}
.footer .nav_fot{ float:left; line-height:30px;}
.footer .nav_fot li{ float:left; padding-right:15px;}
.footer .nav_fot li a{ font-size:14px; color:#666;}
.footer .tb_fot{ float:right;}
.footer .tb_fot li{ float:left; padding-left:16px;}
.footer .dd{ font-size:14px; color:#666;}
.footer .dd .fl{ font-size:13px; line-height:160%;}
.footer .dd .fr{ text-align:right;}

.header .menu{
	height: 100%;
    width: 100px;
    background: url(../img/menu.jpg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
}
.hidden01{ display:none;}



/*内页CSS*/
.inbanner{ background: url(../img/inbanner.jpg) no-repeat center top; height: 200px;}

.nynote{background-color:#f0f2f4; padding:18px 0;}
.nynote .tit{color:#555; font-family:Microsoft yahei; font-size:22px; text-decoration:none; font-weight:bold; letter-spacing:-1px; line-height:25px;}
.nynote .titcon em{font-style:normal; display:block; line-height:22px; color:#888; font-size:14px; font-family:Microsoft yahei; margin-top:3px;}
.nynote .tita{color:#666; font-family:Microsoft yahei; font-size:14px; margin-top:12px;}

.nycontent{padding:35px 0; font-size:14px; line-height:2; text-decoration:none; color:#666;}
.nycontent p{ margin-bottom:10px;}


.newsul li{padding-bottom:25px; border-bottom:1px solid #eee; padding-top:25px;}
.newsul li a{display:block; }
.newsul li a:hover .btnmore{background-color:#313b47; color:#fff;}
.newsul .newimg{margin-right:15px;}
.newsul .newinfo{width:100%;}
.newsul .newtit{font-size:18px; color:#666; text-decoration:none; font-family:Microsoft yahei; font-weight:bold; margin-bottom:15px; margin-top:3px;}
.btnmore{background-color:#eee; border-radius:15px; height:30px; line-height:30px; width:80px; display:block; text-align:center; margin-top:25px; font-size:12px;}


.contact{margin:5px 0 25px;}
.contact li{float:left; width:48%; margin-right:40px; margin-top:10px; border-bottom:1px dashed #ccc; padding-bottom:10px;}


.vedio{}
.vedio li{ float:left; margin-right:20px; width:32%;}
.vedio li:nth-child(3n){ margin-right:0;}
.vedio li .nam{ text-align:center; padding:10px;}


.ppp{margin-top:10px;}
.ppp li{float:left;}
.ppp li a{display:block; padding:0 12px; border:1px solid #ddd; height:35px; line-height:35px; margin:0 3px;}
.ppp li a:hover{background-color:#313b47; color:#fff; border:1px solid #313b47; text-decoration:none;}
.ppp li a.on{background-color:#313b47; color:#fff; border:1px solid #313b47; display:block; padding:0 12px; height:35px; line-height:35px; margin:0 3px;}

.proul{ margin-top:30px;}
.proul li{float:left; margin:0 1% 1% 0; width:24%;}
.proul li a{ border:1px solid #ccc; box-sizing:border-box; display:block; transition: all .2s;}
.proul li .txt{ text-align:center; padding:10px 10px;}
.proul li .img{ position:relative; overflow: hidden;}
.proul li .img img{ display:block; width:100%; transition: all 0.5s ease;}
.proul li a:hover .img img{transform:scale(1.2);}


@media (max-width: 1140px){
	.header .nav{ padding-left: 2%;}
	.bannerslide .swiper-slide{ height:400px;}
	.homebox .box{ width:50%;}
	.wrapper,.wapper{ padding:0 20px; box-sizing:border-box; width:100%;}
	
	.vedio li{ width:30%; margin-right:5%;}
	.contact li{ margin-right:3%;}
	
}

@media (max-width: 760px){
	.topbar .fl span{ display:none;}
	.topbar .fr{ display:none;}
	
	.header .searchtt{ display:none;}
	.show02{ display:block;}
	.header .nav{ position:absolute; left:0; background-color:rgba(61, 45, 117, 0.8); width:100%; top:86px; line-height:normal; padding-left:0;}
	.nav{ display:none;}
	.navon{ display:block;}
	.nav .nli{ width:100%; text-align:center; border-bottom:1px solid #dad1ff; padding:16px 0;}
	.header .nav .nli a{ height:auto; line-height:normal; color:#fff;}
	.header .nav .nli a:hover{ border-bottom:none;}
	
	.bannerslide .swiper-slide{ height:200px;}
	
	.homebox .box{ width:100%;}
	
	.footer .tt{ display:none;}
	.footer .dd .fr{ display:none;}
	
	
	.nynote .tita{ display:none;}
	.proul li{ width:100%; margin:1%;}
	.vedio li{ width:100%; margin:1%;}
	.contact li{ width:100%;}
}