@charset "utf-8";
/* banner */

body,div,a,img,dl,dt,dd,h1,h2,h3,h4,h5,ul,ol,li,input,p{margin: 0;padding: 0;font-size: 15px;color: #333;font-weight: normal;font-family: "微软雅黑"}
ul,ol,li{list-style: none;}
img{border: 0}
a,a:hover{text-decoration: none}
a:hover{color:#157fda}

.c-banner{
	width: 100%;
	position: relative;
	
}
.c-banner img{
	width: 100%;
	display: block
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
	
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #2384dc;
	opacity: 0.2;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}

.indextit{width: 100%;overflow: hidden;margin: 40px 0;min-width: 1250px;}
.indextit dt{text-align: center;font-size: 30px;font-weight: bold}
.indextit dd{width: 60px;height: 2px;margin: 0 auto;background: #008cd6;margin-top: 15px}
.indexpro {width: 1250px;overflow: hidden;margin: 0 auto;margin-bottom: 50px}

.indexpro li{float: left;width: 22.75%;margin-right: 3%;margin-bottom: 20px}
.indexpro li:hover h1{color: #008cd6}
.indexpro li dt{width: 100%;overflow: hidden}
.indexpro li img{display: block;width: 100%;transition: 0.5s;}
.indexpro li dt:hover img{transform: scale(1.1)}


.indexpro li:nth-child(4n+4){margin-right: 0}

.indexpro li h1{font-size: 16px;margin: 7px 0;/*text-align: center;*/text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.indexpro li h3{font-size: 15px;padding: 7px;background:#f2f2f2;margin-top: 10px;color: #0b83c3}
.indexpro li h2{text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.indexpro li h2 span{color: #999}
.commontop{width: 100%;overflow: hidden;background: #fff;position: fixed;top: 0;z-index: 9999;box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.1);min-width: 1250px;}
.topcen{width: 100%;overflow: hidden;background: #157fda;}
.top1{width: 1250px;background: #157fda;color: #fff;margin: 0 auto;padding: 12px 0;overflow: hidden}
.top1 dt{float: left;color: #fff;}
.top1 dd{float: right;color: #fff;}
.commonnav{width: 1250px;overflow: hidden;margin: 0 auto;padding-top: 25px}
.logo{float: left;padding-bottom: 15px;overflow: hidden}
.logo img{display: block;width: 200px}

.indexsea{width: 100%;overflow: hidden;min-width: 1250px;}
.indexsea dt{width: 35%;background: #157fda;color: #fff;float: left;padding: 25px 0;overflow: hidden;font-size: 25px;text-align: right;padding-right: 5%;height: 30px}
.indexsea dd{width: 58%;background: #f2f2f2;color: #fff;float: left;padding: 25px 0;overflow: hidden;height: 30px;padding-left: 2%}

.gototop{position: fixed;bottom: 70px;right: 10%}
.seainput{/*border-bottom: 1px solid #ddd;*/overflow: hidden;width: 70%;height: 35px;}
.seainput input{display: block;float: left;border: 0;width:calc(100% - 51px);background: #f2f2f2;line-height: 35px;outline: none;font-size: 18px;color: #333}
.seainput img{display: block;float: left;cursor: pointer;background:#157fda;padding: 5px 13px;border-radius: 0px }

.indexyoushi{background:url(../images/banner01.jpg) #f2f2f2 no-repeat center center;background-attachment: fixed;height: 450px;padding-top: 10px;min-width: 1250px;}
.youshiwenzi{text-align: center;width: 55%;margin: 0 auto;line-height: 27px;margint-top:0px;font-size: 15px}

.yscen{width: 1250px;overflow: hidden;margin: 0 auto;margin-top: 60px}
.yscen li{float: left;width: 24%;background: #fff;padding: 55px 4%;margin-right: 2%;text-align: center}
.yscen li:nth-child(3){margin-right: 0}

.yscen li dt{font-size: 22px;overflow: hidden;margin-bottom: 25px;font-weight: bold}
.yscen li dd{font-size: 15px;overflow: hidden;line-height: 30px;color: #333}

.abouttit{min-width: 100%}
.indexabout{width: 100%;overflow: hidden;padding-top: 170px;background: #f2f2f2;margin-bottom: 60px;box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.05);min-width: 1250px;}
.indexaboutleft{float: left;width: 750px;height: 531px; overflow: hidden;}
.indexaboutleft img{display: block;width: 100%;height: 531px}
.indexaboutright{float: left;width:calc(100% - 750px);background: #fff;overflow: hidden;padding: 20px 0;height: 491px}
.indexaboutcen{width: 64%;overflow: hidden;padding-left: 6%;line-height: 30px;font-size: 15px}

.aboutmore{display: block;background: #157fda;color: #fff;width: 120px;text-align: center;line-height: 40px;/*margin: 0 auto;*/margin-top: 26px;overflow: hidden;font-size: 15px}
.aboutmore:hover{color: #fff;}

.indexnews{width: 100%;overflow: hidden;background: #f2f2f2;padding-bottom: 50px;min-width: 1250px;}
.indexnewcen{width: 1250px;overflow: hidden;margin: 0 auto;}
.indexnewcen li{float: left;width: 32%;margin-right: 2%;margin-bottom: 25px}
.newstup{width: 100%;overflow: hidden;cursor: pointer}
.indexnewcen li:nth-child(3n+3){margin-right: 0}
.indexnewcen li .indexnewsimg{height: 210px; width:100%;transition: 0.5s;}
.indexnewcen li .newstup:hover .indexnewsimg{transform: scale(1.1)}
.indexnewstitle a{font-size: 16px;font-weight: bold;margin: 12px 0 8px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.indexnewsms{color: #666;line-height: 24px;margin-top: 5px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.indexnewsdate{color: #999;}

.indexbottom{width: 100%;overflow: hidden;min-width: 1250px;background: #157fda}
.bottomcen{width: 1250px;margin: 0 auto;overflow: hidden;padding: 50px 0}
.bottom1{float: left;margin-top: 25px;}
.bottom2{float: left;margin-left: 100px;border-left: 1px solid #2190f0;border-right: 1px solid #2190f0;padding-left: 100px;padding-right: 60px}
.bottom2 dt{color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 12px}
.bottom2 dd{color: #fff;font-size: 15px;}
.bottom2 dd a{color: #a3d3fb;font-size: 15px;margin-right: 40px;margin-bottom: 10px;display: block;float: left;}
.bottom2 dd a:hover{color: #fff;}

.bottom3{float: right;}
.bottom3 dt{color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 12px}
.bottom3 dd{color: #a3d3fb;font-size: 15px;line-height: 27px}
.commoncopy{width: 100%;text-align: center;background: #0e6dbf;color: #fff;padding: 12px 0}
.commoncopy a{color: #fff}
.banner_top{width: 100%;height: 129px}


/*-------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:1000000;width:100%;display: none}
.sp_logo{padding:5px 10px 15px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:36px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#157fda;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;display: block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;text-decoration: none;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*------------手机站导航结束----------*/


.aboutcen_1{width: 1250px;overflow: hidden;margin: 0 auto;font-size: 15px;line-height: 29px;}
.aboutcen_2{width: 100%;overflow: hidden;background: url(../images/culture_bg.jpg) no-repeat center center;background-size: 100%;margin: 40px 0;padding-bottom: 50px;padding-top: 55px}
.culture{width: 1250px;overflow: hidden;margin: 0 auto;}
.culture h1{text-align: center;font-size: 28px;font-weight: bold}
.culture h2{text-align: center;margin-top: 30px;margin-bottom: 30px;font-size: 16px}



.list_page{height:30px; margin:0 auto; margin-top:0px; margin-bottom:35px;}
.list_page span{ color:#156cd0; text-align:center; line-height:10px; font-weight:bold}
.list_page a{padding:7px 12px;color:#333; text-align:center; line-height:10px; border:#ccc 1px solid; margin:1px; }
.list_page a:hover{ background:#156cd0; color:#fff;border:1px solid #156cd0}
.list_page a:hover span{ color:#fff;}
.ny_fenlei{width: 1250px;margin: 0 auto;overflow: hidden;padding: 30px 0}
.ny_fenlei a{display: block;padding: 12px 35px;margin-right: 12px;background: #f2f2f2;float: left;font-size: 16px;}
.ny_fenlei .on{background: #0e6dbf;color: #fff;}
.proviewsx{width: 100%; overflow: hidden; margin: 20px 0}
.proviewsx .prev1{display: block;width: 100%; margin-bottom: 10px;color: #666;}
.proviewsx .next1{display: block;width: 100%;color: #666;}
.proviewsx a{color: #666;}
.proviewsx a:hover{color: #0a68c7;}

.cnt{width: 1250px;overflow: hidden;margin: 0 auto;padding: 35px 0 10px}
.proviewtit{text-align: center;font-size: 25px;}
.texingtitle{background: #f2f2f2;text-align: center;margin: 17px 0;overflow: hidden;border: 1px solid #eee;line-height: 40px;color: #999}

.texingcen{width: 100%;overflow: hidden;line-height: 30px;}
.nypro{margin-top: 50px;}
.nynews{padding: 40px 0 20px;overflow: hidden}






.newslist{ width:1250px; overflow:hidden; margin: 0 auto;margin-top:35px;}
.newslist li{ width:100%; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:25px; margin-bottom:25px}
.newsimg{ width:330px; height:210px; float:left;}
.newscen{ width:100%;}
.newscen h1{ font-size:20px;color:#333; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: 0.5s;}
.newslist li:hover h1{margin-left: 10px}
.newscen h2{ font-size:13px;color:#666; line-height:26px; margin-top:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.newsdate{margin-top: 12px;color: #999}
.newslist li:hover h1{color: #217bd5}
.newsview{ width:100%; overflow:hidden;}
.newsview-title{ font-size:25px; text-align:center; padding:0 5%; width:90%; font-weight:bold; margin-bottom:20px}
.viewsx{color: #999; background:#f6f6f6;padding: 12px 0;text-align: center;margin-bottom: 20px}

.pro_view_1{color:#137deb;font-weight: bold}


.texingcen img{border: 1px solid #ddd;}





@media screen and (max-width:1500px){
	.indexaboutcen{width: 75%}
}
@media screen and (max-width:1250px) {
	.top1{width: 96%;}
	.commonnav{width: 96%;}
	.yscen{width: 96%;}
	.indexnewcen{width: 96%;}
	.indexpro{width: 96%}
	.bottomcen{width: 96%}
	.commontop,.indexbottom,.indexnews,.indexabout,.indexsea,.indextit,.indexyoushi{min-width: 100%;}
	.bottom2{margin-left: 50px;padding-left: 50px;padding-right:20px}
	.indexaboutcen{width: 80%}
	.aboutcen_1,.culture,.ny_fenlei,.cnt,.newslist{width: 96%}
	
}

@media screen and (max-width:1024px){
	.bottom2{margin-left: 20px;padding-left: 20px;padding-right:0px}
	.gototop{display: none}
	.indexabout{padding-top:200px }
	.indexaboutleft{width: 500px;height: 354px;}
	.indexaboutright{width: calc(100% - 500px);height: auto;padding: 0}
	.jianjiecen{height: 195px;overflow-y: auto}
	.abouttit{margin: 20px 0}
	.indexaboutcen{width: 85%}
	.youshiwenzi{width: 90%}
	.modern-menu{width: calc(100% - 210px)!important}
}
	
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 320px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 320px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
	.bottom1{display: none}
	.bottom2{border-left: 0}
	.indexabout{padding-top:240px }
	.indexaboutleft{width: 400px;height: 283px;}
	.indexaboutright{width: calc(100% - 400px);height: auto;padding: 0}
	.jianjiecen{height: 155px;overflow-y: auto}
	.indexsea dt{font-size: 20px}
	.seainput{width: 88%}
	.bottomcen{padding: 30px 0}
	.commoncopy{width: 96%;padding: 12px 2%}
	.banner_top{width: 100%;height: 50px}
	.sp_header { display: block;}
	.commontop{display: none;}
	.footnavbg{display: block}
	.texingcen img{display: block;width: calc(100% - 2px);height: auto}
	.nypro{margin-top: 15px;}
	.aboutcen_2{background-size: 350%}
	.culture h2{line-height: 28px}
}

@media screen and (max-width:750px){
	.bottom2{display: none}
	.bottom3{float: none;}
	.yscen li{float: none;margin-right: 0;width: 92%;overflow: hidden;padding: 20px 4%;margin-bottom: 15px}
	.indexabout{padding-top:0px;margin-bottom: 30px}
	.indexyoushi{height: 920px;}
	.indexaboutleft{display: none}
	.indexaboutright{width: 96%;padding: 20px 2%}
	.jianjiecen{height: 185px;}
	.indextit dt{font-size: 24px}
	.yscen li dt{font-size: 18px;margin-bottom: 16px}
	.indextit{margin: 22px 0}
	.yscen{margin-top: 35px}
	.indexsea dt{display: none}
	.indexsea dd{width: 98%;padding: 15px 0 15px 2%}
	.seainput{width: 96%;}
	.top1 dd{display: none}
	.indexpro li{width: 48%;}
	.indexpro li:nth-child(2n+2){margin-right: 0}
	.indexpro{margin-bottom: 20px}
	.indexnewcen li .indexnewsimg{height: 120px}
	.indexnewcen li{float: none;width: 100%;margin-right: 0;margin-bottom: 18px}
	.indexnews{padding-bottom: 10px}
	
	.c-banner{height: 240px;}
	.c-banner .banner ul li img{height: 240px;}
	.logo img{width: 160px}
	.seainput input{font-size: 16px}
	.ny_banner{min-height: 160px!important;background-size: 250%!important}
	.texingtitle{font-size: 13px}
	
}