body{margin: 0; padding: 0; font-size: 14px; font-family: "微软雅黑"; background: #fff; position: relative;}
ul,li,form,p,h1,h2,h3,h4,h5,img{ margin:0px; padding:0px;}
ul,li,span{ list-style:none; padding:0; margin:0; list-style-type:none;}
a{text-decoration:none; border:none; margin:0; padding:0;cursor:pointer; color:#333;}
input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
img, input, button {border: none; padding: 0; margin: 0; outline-style: none; }
select, input, textarea {font-size: 12px; margin: 0; padding: 0; outline: none; }
select, input {vertical-align: middle; }
/* textarea {resize: none; } */
ul, ol {list-style: none; }
img { font-size: 0; border: 0; outline: none; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #333; }
input::-moz-placeholder{color:#333;}  
.swiper-wrapper img{width: 100%}

#public{width: 100%;min-width: 1200px;}
.fix{ *overflow: hidden; *zoom:1;}
.fix li:hover>a{color:#fff;}
.fix:after { display: table; content: ""; width: 0; clear: both; }
.center{width: 1200px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
/* index */
/* header */
.header{position: relative;height:68px;}
.banner{text-align: center;}
.top{border-bottom: 3px solid #5dc1cf;box-sizing:border-box;height:69px;}
nav{ margin-left: 300px;text-align:center;width: 600px;position: relative;left: 39px}
nav ul li a{font-weight: bold;}
nav ul li{ float: left; line-height: 68px; padding:0 19px; cursor:pointer;}
.select{color: #fff;background: #5dc1cf url('../images/line.png') no-repeat center 44px;}
#hidden1 li{float: left;width: 199px;height:117px;padding:18px 0;text-align: center;/* background: #5bc1cf; */}
#hidden1 li a{font-weight: bold;}
#hidden1 img{width: 129px ;height:78px;}
#hidden1 p{margin-top: 15px;}
#hidden1 ul li:hover{background: #5dc1cf;color: #fff;}
#hidden1 {z-index:99;position:absolute;width:100%; background: #fff;text-align:center;}

.searchbox{display:none;width:100%; background: #fff;position: absolute; left: 0px;top:68px;z-index: 10;}
.searchbox form{position: relative;height: 40px;left: 389px}
.searchbox form button{width: 50px;height: 35px; position: absolute;top: 30%;left:54%;margin-top: -11px;opacity: 0;cursor:pointer;}
.searchbox input{color:#333; background: url('../images/search_bg.png') no-repeat  ;padding: 0 0 30px 20px;line-height:40px;font-size: 16px;width: 260px;}

.mou_bg span{cursor:pointer;}
.mou_bg span:hover{color:#5dc1cf;}
.booktab{display:none;width:100%;position: absolute; height:153px;left: 0px;top:68px;z-index: 10; background: #fff;font-size:16px;line-height:153px;}

.header .search{background: url('../images/search.png') no-repeat center center;}
.header .font{background: url('../images/font.png') no-repeat center center;}
.header .book{background: url('../images/book.png') no-repeat center center;}
.header .icon li{padding: 0 10px; width: 70px; line-height: 68px; height: 68px;float: left;text-align: center;}
.header .icon li>p{display: none;color: #fff;margin-top: 10px;}
.header .icon .search:hover {background: #5dc1cf url('../images/search_on.png') no-repeat center 10px;}
.header .icon .font:hover{background: #5dc1cf url('../images/font_on.png') no-repeat center 10px;}
.header .icon .book:hover {background: #5dc1cf url('../images/book_on.png') no-repeat center 10px;}
.header .icon .search:hover p{display: block;}
.header .icon .search:hover .searchbox{display: block;}
.header .icon .book:hover .booktab{display: block;}
.header .icon .font:hover p{display: block;}
.header .icon .book:hover  p{display: block;}


.banner{text-align: center;}
.banner .pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block;width: 7px;height: 5px;background:rgba(255,255,255,0.9);margin: 0 4px;cursor: pointer;}
.banner .swiper-active-switch {width: 16px;background: rgba(93,193,207, 0.9);}
.banner .text{color: #fff;position: absolute;z-index: 20;top: 140px;width: 100%;text-align: center;cursor: pointer;}
.banner .text span:hover{color: #5dc1cf; border-color: #5dc1cf;}
.banner .text p{margin: 10px 0 30px;font-size: 18px; }
.banner .text h4{font-size: 30px;}
.banner .text span{ padding: 15px 40px;line-height: 40px; border: 1px solid #fff; }

.show {margin: 45px 0;}
.show>div>ul>li:nth-of-type(1) .show_on{line-height:400px;}
.show_on{display: none; position: absolute;top: 0;left: 0; width: 100%; height: 100%;line-height: 195px; color: #fff;font-size: 24px;background: rgba(93,193,207, 0.5); text-align: center;}
.show_on1{display: none; position: absolute;top: 0;left: 0; width: 100%; height:100%;line-height: 195px; color: #fff;font-size: 24px;background: rgba(93,193,207, 0.5); text-align: center;}
.show li{display: inline-block;position: relative;}
.show>div>ul>li:nth-of-type(1):hover .show_on1{display: block;}
.show ul>li:hover .show_on1{display: block;}
.show ul>li:nth-of-type(1){ margin-right: 8px; }
.show ul>li>ul:nth-of-type(1){margin-bottom: 8px;}
.show ul>li>ul>li{width: 286px; height: 194px;}
.show ul>li>ul>li:nth-of-type(1){margin-right: 12px;}

footer .up{border-top: 1px solid #ccc;padding: 40px 0 50px; }
footer .up>div>ul>li{height: 330px; font-size: 18px;float: left;margin-right:68px;line-height: 70px;background: url('../images/footer_line.png') no-repeat left 55px;}
footer .up>div>ul>li:hover{color: #5dc1cf;background: url('../images/footer_line_on.png')no-repeat left 55px;}
footer .up>div>ul>li:nth-of-type(5){margin-right:0;}
footer .up>div>ul>li>ul>li{font-size: 14px;line-height: 36px;}
footer .up>div>ul>li>ul>li:hover a{color: #5dc1cf;}
footer .down{line-height: 55px;background: #eee;color: #666;}
footer .down span:nth-of-type(1){margin-right: 50px;}

.fix_box{position: fixed;right:0px;top: 50%;background: rgba(255, 255, 255, 0.1);display:none;}
.fix_box .left_box{width: 120px; height: 140px;background:#fff;margin-right: 10px; padding: 5px 0 5px 15px;border: 1px solid #d7d7d8;}
.fix_box li{line-height: 40px;font-weight: 600;}
.fix_box li:hover a{color: #5dc1cf;}



.notice-title {background: #f0f1f1; }
.notice-title li {float: left; line-height: 63px; text-align: center; padding: 0 34px; cursor: pointer;}
.flagon {background: #5dc1cf; color: #fff; }
.top_part{margin-bottom: 50px;}
.top_part .right_part{text-align: left;width: 580px;height: 440px; position: relative;}
.top_part .right_part .name{color: #000;}
.module_btn{position: absolute;bottom: 0;left: 0; width: 160px;height: 48px;line-height: 48px; background: #5dc1cf;color: #fff;padding-left: 25px;cursor: pointer;}
 .top_part .right_part span{font-size: 16px;color: #999;line-height: 56px;}
 .left_part{width: 600px;}
 .mou_bg{background: url('../images/location.png') no-repeat 30px center; padding-left: 60px;line-height: 54px;margin: 20px 0;border-bottom: 1px solid #cdcdcd;}
 .imgle img{width: 100%;height: 100%;}
 .imgle{width: 432px;height: 440px;border: 1px solid #cdcdcd;}
 .imgon{display: block;}
 .imgri img{width: 100%;height: 100%;}
 .imgri li{width: 138px;height: 138px;border:1px solid #cdcdcd;margin: 10px 10px 0 10px;}
 .imgri li:hover{border: 1px solid #5dc1cf;}
 .imgri li:nth-of-type(1){margin:0 10px;} 
.bottom_part .title li{display: inline-block; font-size: 16px;line-height: 38px;margin: 0 63px;}
/* .bottom_part .title li:hover{border-bottom: 4px solid #5dc1cf;} */
.cssred{border-bottom: 4px solid #5dc1cf;}
.bottom_part .title{height: 40px; text-align: center; width: 1200px;border-bottom: 1px solid #cdcdcd;}
.bottom_part .info li{background: url('../images/dot.png') no-repeat left center;padding-left: 30px;line-height: 50px;font-size: }


.imgle1 img{width: 100%;height: 100%;}
 .imgle1{width: 432px;height: 440px;border: 1px solid #cdcdcd;}
 .imgri1 img{width: 100%;height: 100%;}
 .imgri1 li{width: 138px;height: 138px;border:1px solid #cdcdcd;margin: 10px 10px 0 10px;}
 .imgri1 li:hover{border: 1px solid #5dc1cf;}
 .imgri1 li:nth-of-type(1){margin:0 10px;}
.bottom_part .title1 li{display: inline-block; font-size: 16px;line-height: 38px;margin: 0 63px;}
.bottom_part .title1 li:hover{border-bottom: 4px solid #5dc1cf;}
.bottom_part .title1{height: 40px; text-align: center; width: 1200px;border-bottom: 1px solid #cdcdcd;}
.bottom_part .info1 li{background: url('../images/dot.png') no-repeat left center;padding-left: 30px;line-height: 50px;font-size: }

.imgle2 img{width: 100%;height: 100%;}
 .imgle2{width: 432px;height: 440px;border: 1px solid #cdcdcd;}
 .imgri2 img{width: 100%;height: 100%;}
 .imgri2 li{width: 138px;height: 138px;border:1px solid #cdcdcd;margin: 10px 10px 0 10px;}
 .imgri2 li:hover{border: 1px solid #5dc1cf;}
 .imgri2 li:nth-of-type(1){margin:0 10px;}
.bottom_part .title2 li{display: inline-block; font-size: 16px;line-height: 38px;margin: 0 63px;}
.bottom_part .title2 li:hover{border-bottom: 4px solid #5dc1cf;}
.bottom_part .title2{height: 40px; text-align: center; width: 1200px;border-bottom: 1px solid #cdcdcd;}
.bottom_part .info2 li{background: url('../images/dot.png') no-repeat left center;padding-left: 30px;line-height: 50px;font-size: }

.imgle3 img{width: 100%;height: 100%;}
 .imgle3{width: 432px;height: 440px;border: 1px solid #cdcdcd;}
 .imgri3 img{width: 100%;height: 100%;}
 .imgri3 li{width: 138px;height: 138px;border:1px solid #cdcdcd;margin: 10px 10px 0 10px;}
 .imgri3 li:hover{border: 1px solid #5dc1cf;}
 .imgri3 li:nth-of-type(1){margin:0 10px;}
.bottom_part .title3 li{display: inline-block; font-size: 16px;line-height: 38px;margin: 0 63px;}
.bottom_part .title3 li:hover{border-bottom: 4px solid #5dc1cf;}
.bottom_part .title3{height: 40px; text-align: center; width: 1200px;border-bottom: 1px solid #cdcdcd;}
.bottom_part .info3 li{background: url('../images/dot.png') no-repeat left center;padding-left: 30px;line-height: 50px;font-size: }

.imgle4 img{width: 100%;height: 100%;}
 .imgle4{width: 432px;height: 440px;border: 1px solid #cdcdcd;}
 .imgri4 img{width: 100%;height: 100%;}
 .imgri4 li{width: 138px;height: 138px;border:1px solid #cdcdcd;margin: 10px 10px 0 10px;}
 .imgri4 li:hover{border: 1px solid #5dc1cf;}
 .imgri4 li:nth-of-type(1){margin:0 10px;}
.bottom_part .title4 li{display: inline-block; font-size: 16px;line-height: 38px;margin: 0 63px;}
.bottom_part .title4 li:hover{border-bottom: 4px solid #5dc1cf;}
.bottom_part .title4{height: 40px; text-align: center; width: 1200px;border-bottom: 1px solid #cdcdcd;}
.bottom_part .info4 li{background: url('../images/dot.png') no-repeat left center;padding-left: 30px;line-height: 50px;font-size: }

.imgle5 img{width: 100%;height: 100%;}
 .imgle5{width: 432px;height: 440px;border: 1px solid #cdcdcd;}
 .imgri5 img{width: 100%;height: 100%;}
 .imgri5 li{width: 138px;height: 138px;border:1px solid #cdcdcd;margin: 10px 10px 0 10px;}
 .imgri5 li:hover{border: 1px solid #5dc1cf;}
 .imgri5 li:nth-of-type(1){margin:0 10px;}
.bottom_part .title5 li{display: inline-block; font-size: 16px;line-height: 38px;margin: 0 63px;}
.bottom_part .title5 li:hover{border-bottom: 4px solid #5dc1cf;}
.bottom_part .title5{height: 40px; text-align: center; width: 1200px;border-bottom: 1px solid #cdcdcd;}
.bottom_part .info5 li{background: url('../images/dot.png') no-repeat left center;padding-left: 30px;line-height: 50px;font-size: }


.module{ display: none; }
.tab-on{ display: block; }
.notice-title ul li.on{background: #5dc1cf; color: #fff; }

 .pro_bottom {margin-bottom: 100px; }
.pro_bottom .title {margin-bottom: 25px; line-height: 60px; text-align: left; font-size: 24px; border-bottom: 1px solid #cdcdcd; }
.pro_bottom li {float: left; margin-right: 12px; }
.pro_bottom li:nth-last-child(1) {margin-right: 0px; }

.staticbanner{}
.slideTxtBox{ width:100%;text-align: center;}
.slideTxtBox1{ width:100%;text-align: center;}
.slideTxtBox .hd{ height:60px; line-height:60px; position:relative;background: #f0f1f1;}
.slideTxtBox .hd ul{ float:left;  position:absolute; top:-1px; }
.slideTxtBox .hd ul li{ float:left; padding:0 45px; font-size: 12px; cursor:pointer; cursor:pointer; color: #333;}
.slideTxtBox .hd ul li.on{background: #5dc1cf;color: #fff;}
.slideTxtBox .bd {margin-top: 15px;}
.slideTxtBox .bd li .title{margin: 20px 0; text-align: left;line-height: 64px;font-size: 24px;border-bottom: 1px solid #cdcdcd;}
.slideTxtBox .bd .in_box li{float: left;margin-right: 25px; width: 280px;height: 280px;position: relative}
.slideTxtBox .bd .in_box li:nth-of-type(4){margin-right: 0;}


.slideTxtBox .in_box li:hover .show_on{display: block}
.slideTxtBox .show_on{line-height: 278px;}

.slideTxtBox1 .hd{ height:60px; line-height:60px; position:relative;background: #f0f1f1;}
.slideTxtBox1 .hd ul{ float:left;  position:absolute; top:-1px; }
.slideTxtBox1 .hd ul li{ float:left; padding:0 40px; font-size: 12px; cursor:pointer; cursor:pointer; color: #333;}
.slideTxtBox1 .hd ul li.on{background: #5dc1cf;color: #fff;}
.slideTxtBox1 .bd {margin-top: 15px;}
.slideTxtBox1 .bd li .title{margin: 20px 0 0 0; text-align: left;line-height: 64px;font-size: 24px;border-bottom: 1px solid #cdcdcd;}
.slideTxtBox1 .bd .in_box li{float: left;margin-right: 25px; width: 280px;height: 280px;position: relative}
.slideTxtBox1 .bd .in_box li:nth-of-type(4){margin-right: 0;}


.slideTxtBox1 .in_box li:hover .show_on{display: block}
.slideTxtBox1 .show_on{line-height: 278px;}

/**************************************************************************888**********/
.bd{width: 1200px;margin:auto; margin-top: 40px;}
.bd input{width:800px;height: 15px;border:1px solid #000;padding: 10px }
.bd p{line-height: 50px;}
.bd textarea{width:800px;height: 100px; padding: 10px; max-width: 800px;}
.bd .sub{width: 50px;height: 30px;background: #000;color:#fff;}
.bd .sub:hover{background: #27CCC0;}

.icon-twitter:before{content: "\f09a"}
.icon-facebook:before{content: "\f099"}
.icon-wechat:before{content: "\f1d7"}
.icon-fa-qq:before{content: "\f1d6"}
.down .tb li{float: left;margin-right: 20px;font-size: 20px;}
.down .tb li i:hover{color:#5dc1cf;}
.down .tb{float: right;}



.datu{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.5);
	z-index: 9999;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
}
.datus{
	display: table;
	width: 60%;
	max-width: 400px;
	height: 250px;
	margin: 0 auto;
	margin-top: 200px;
	background: #fff;
	border-radius:10px;
}
.datus1{width: 300px;margin:auto; margin-top: 25px;}
.datus1 .bt1{text-align: left;margin-bottom: 10px}
.datus1 .bt2{text-align: left;}
.datus1 .sub{width: 80px;font-size: 12px; margin-right:10px;height: 35px;background: #fff;border:1px solid #ccc;}
.datus1 .sub:hover{background: #5dc1cf}
.datus h3{background: #ccc; font-size: 14px;line-height: 50px;text-align: center;border-radius:10px 10px 0 0 ; }
.datus p{ font-size: 12px;text-align: center;}
.datus ul li{
	display: table-cell;
	vertical-align: middle;
}
.datus ul li img{
	width: 100%;
}



.datus11{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
}
.datus11 ul{
	display: table;
	min-width: 400px;
	height: 100%;
	margin: 0 auto;
}
.datus11 ul li{
	display: table-cell;
	vertical-align: middle;
}
.datus11 ul li img{
	max-width: 100%;
}






.tc{
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	background: rgba(0,0,0,0.5);
	z-index: 9999;
	top: 0;
	left: 0;
	cursor: pointer;
}
.tc1{
	display: table;
	width: 60%;
	padding-bottom: 20px;
	max-width: 500px;
	height: 250px;
	margin: 0 auto;
	margin-top: 100px;
	background: #fff;
	border-radius:10px;
}
.tc2{width: 450px;	 margin-top: 25px;}
.tc2 .bt1{text-align: left;margin-bottom: 10px}
.tc2 .bt2{text-align: left;}
.tc2 .sub{width: 80px;font-size: 12px; margin-right:10px;height: 35px;background: #fff;border:1px solid #ccc;}
.tc2 .sub:hover{background: #5dc1cf}
.tc1 h3{background: #ccc; font-size: 14px;line-height: 50px;text-align: center;border-radius:10px 10px 0 0 ; }
.tc1 p{ font-size: 12px;text-align: center;}
.tc1 ul li{
	display: table-cell;
	vertical-align: middle;
}
.tc1 ul li img{
	width: 100%;
}

.tc1 input{width:100%;height: 20px;border:1px solid #ccc;padding:3px 8px;}
.tc1 td{margin-left:20px;text-align: right;padding-left:0px;line-height: 40px}
.tc1 textarea{width:100%;height: 80px;border:1px solid #ccc;padding:3px 8px;}