body{ background:#fff; font-family:'微软雅黑';}
.navbar-center{ width:70%;}
.navbar-item{min-width: 15%;flex: 0 0 15%;}
.top-icon{    font-size: .4rem;}
.m-box{ background:#fff; padding:0.1rem; margin-top:0.2rem; }
.m-box-title{ background:#f5f5f5; color:#666; padding:0.13rem 0.1rem 0.1rem 0.1rem; line-height:normal;   position:relative; text-align:center;}
.m-box-title font{font-size:0.375rem; }
.m-box-title a{ position:absolute; right:0px; top:0px;float:right; margin-right:0.2rem; color:#666; top:0.16rem; font-size:0.325rem;}
header.logoheader{ overflow:hidden; padding:0.1rem 0.1rem;     background: #f5f5f5;}
.logoimg{ float:left;}
.logoimg img{height:0.7rem; max-width:100%;}
.logotxt{ float:left; margin-left:0.18rem;}
.logotxt big{ display:block; font-size:0.325rem; color:#F00; font-weight:900;}
.logotxt small{ display:block;}
.logomenu{ float:right; font-size:0.375rem; line-height:0.7rem;}

.m-nav{background:#f3f1f0; padding:0.15rem 0;}
.m-nav a { display:block; float:left; width:25%; text-align:center; font-size:0.325rem;  line-height:0.7rem; }
.m-nav a span{ display:block;  }
.m-nav a:nth-child(1) span,.m-nav a:nth-child(2) span,.m-nav a:nth-child(3) span{border-right:#bbbaba 1px  solid;}
.m-nav a:nth-child(5) span,.m-nav a:nth-child(6) span,.m-nav a:nth-child(7) span{border-right:#bbbaba 1px  solid;}
.m-nav a:nth-child(1) span,.m-nav a:nth-child(2) span,.m-nav a:nth-child(3) span,.m-nav a:nth-child(4) span{border-bottom:#bbbaba 1px  solid;}


.m-img img{ max-width:100%;}
.m-box-title1{ text-align:center; margin:0.3rem 0;}
.m-box-title1 font{ font-size:0.55rem;  line-height:0.55rem; height:0.55rem;}
.m-box-title1 small{ font-size:0.325rem; display:block; color:#666}
.m-box-title1 span{ display:block; height:1px; background:#d9d9d9; margin:0.08rem 0%;}
.m-box-title1 big{ }
.m-box.m-box-top0{ margin-top:0px;}

.m-box-title2{ border:#d9d9d9 1px solid; text-align:center; height:0.61rem; margin: 0.3rem 15%; font-size:0.475rem;  ;}
.m-box-title2 span{ display:inline-block; margin-top:0.18rem;   background:#FFF; padding:0px 0.1rem;}
.m-box-title2 span small{ color:#CCC;}


.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clear{ clear:both}
.m-box-2 .m-item{ width:50%; float:left;}
.grids-item:after{border-bottom:none;}
.m-box .m-box-con{ padding:0.1rem; font-size:0.275rem;}
.m-box .m-box-con .m-box-about{line-height:180%; }
a.m-prolist { display:block; padding:1%; border:#efefef 1px solid; margin:1%; text-align:center;}
a.m-prolist img{ max-width:100%; height:2.5rem; display:inline-block}
a.m-prolist font{ text-align:center; display:block; padding:0.13rem 0 0.1rem 0;}

.home_news{margin:0 0 0.15rem 0;}
.home_news li{border-bottom:1px solid #E6E6E6;overflow:hidden;padding:5px 0 5px 0;min-height:1.1rem;}
.home_news li .date{ color:#fff;line-height:0.8rem;height:0.8rem;width:1rem;display:inline-block;text-align:center;margin:0.05rem 0 0 0;float:left;font-family:verdana;position:absolute;border-radius:4px;font-size:0.275rem;}
.home_news li .right{color:#999;font-size:12px;margin-left:1.1rem; margin-top:0.12rem;}
.home_news li .right a{display:block;font-size:16px;color:#333; margin-bottom:0.00rem;}
.home_news li .right a:hover{color:#f30;}
.home_news li .right p{margin:0;padding:0;}
.home_news.nhome_news li .date{ background:#efefef; color:#000}


.fenlei{ overflow:hidden;border-left:#e7e7e7 1px solid; }
.fenlei a{ display:block; float:left; color:#000; width:50%; line-height:normal; font-size:0.3rem;}
.fenlei a span{ display:block; border-bottom:#e7e7e7 1px solid;border-right:#e7e7e7 1px solid;border-top:#e7e7e7 1px solid; padding:4% 0 4% 0; text-align:center}
.fenlei a span font{  display:inline-block;  }
 

.navbar-center .navbar-title{ color:#fff;}
.m-navbar{ }
.navbar-item{ color:#fff;}

.m-box-menu{ margin:0.3rem 0;}
.m-box-menu a{ display:block; float:left; width:25%;}
.m-box-menu a div{ padding:2%;}
.m-box-menu a div span{ background:#fd3e5c; height:60px; display:block; width:60px; margin:0 auto; border-radius:50%; line-height:64px; font-size:0.475rem; color:#fff; text-align:center;}
.m-box-menu a div font{ display:block; font-size:0.275rem; text-align:center; line-height:.6rem;}
.m-box-menu a:nth-child(2) div span{ background:#f5b100;}
.m-box-menu a:nth-child(3) div span{ background:#6dc114;}
.m-box-menu a:nth-child(4) div span{ background:#3498db;}
.m-box-menu a:nth-child(5) div span{ background:#4dc764;}
.m-box-menu a:nth-child(6) div span{ background:#1ed2c7;}
.m-box-menu a:nth-child(7) div span{ background:#e19ffc;}
.m-box-menu a:nth-child(8) div span{ background:#2cc0fa;}

.m-box-more{ margin:0.2rem 15%;}
.m-box-more a{ display:block; line-height:normal; border-radius:5px; padding:0.2rem; color:#fff;  text-align:center; font-size:0.345rem;}

.footer{ text-align:center; padding:0.2rem 0 0.8rem 0;}

.nav1{ text-align:center; background:#f5f4f9; border-bottom:#efefef 1px solid;}
.nav1 .nav1box{ width:auto;float:left;}
.nav1 .nav1box a{ font-size:0.28rem; line-height:0.4rem;  display:block; padding:0.2433rem 0.22rem 0.2133rem 0.22rem ; overflow:hidden; }
.nav1 .nav1box a small{ padding:0px; margin:0px;}
.nav1 .nav1box.on a,.nav1 .nav1box:hover a { background:#09BB07; color:#fff;}


.nav1 .nav1box.col2{ width:50%}
.nav1 .nav1box.col3{ width:33.333333%}
.nav1 .nav1box.col4{ width:25%}
.nav1 .nav1box.col5{ width:20%}

.sitepath{ background:#f3f3f3; position:relative; line-height:0.82rem; height:0.8rem;border-bottom:#efefef 1px solid;}
.sitepath font{ display:inline-block; font-size:0.345rem; margin:0 0.2rem; width:70%;}
.sitepath  span{ float:right; font-size:0.3rem; margin-right:0.2rem; color:#666}
.sitepath  span i{  }
.menu{ display:none; padding:0.1rem  0;}
.menu .list a { display:block; float:left; width:50%; text-align:center; font-size:0.275rem}
.menu .list a span{ display:block; border:#ddd 1px solid; margin:2%; padding:.2rem 0.1rem; border-radius:3px;}

.menu .list a.on span{   color:#fff;}


.info{ margin:2%; line-height:150%; font-size:0.3rem;}
.info img{ max-width:100%; height:auto}


.mainbox{ background:#fff; overflow:hidden;}


.zplist{ position:relative;}
.zplist ul{}
.zplist li{ float:left; width:48%; position:relative; height:3.275rem;  margin-left:1.5%; margin-bottom:1.5%; text-align:center}
.zplist li img{ display:inline-block; max-width:100%; height:3.275rem; }

.zplist li font{  font-size:0.275rem; text-align:center; line-height:0.5rem;; color:#fff; width:100%; position:absolute; bottom:0px; z-index:2; left:0;}
.zplist li:hover font{ color:#fff;}
.zplist li font.b65{bottom:65px;}

.h10 {
	height: 0.14rem;
	clear: both
}
.zplist li span{  font-size:16px; text-align:center; height:0.6rem;; color:#fff; width:100%; position:absolute; bottom:0px; z-index:1;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity:0.8; background:#000; left:0;}


/*新闻相关*/
.news_show{}
.news_show h1{text-align:left;font-size:18px;font-weight:400;margin:0;padding:5px 0 0;}
.news_show .info{background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}
.news_show .intro{padding:15px 0 0;}
.news_show .intro a{color:#06C;}
.news_show .intro a:hover{color:#f30;}
.news_show .intro img{max-width:100%;height:auto;}
.news_show .other{margin:20px 0 10px 0;text-align:center;}
.news_show .other p{font-weight:bold;}
.news_show .other a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:4px 20px;min-width:100px;}
.news_show .other a span{font-size:18px;margin-right:10px;}
.news_show .other a em{font-style:normal;font-size:18px;}
.news_show .other a:hover{background:#2384D5;border-color:#2384D5;color:#fff;}
.news_show .other a:hover span{color:#fff;}
.news_show .tags{font-weight:500;}
.news_show .tags a{margin-right:5px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.news_show .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.shangxia{ border-top:#efefef 1px solid; margin-top:0.15rem; padding-top:0.15rem; }
.shangxia div{ line-height:200%;}



.ceng{position:fixed; right:0px; width:100%; height:100%; z-index:1;; top:0px;background:#333;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1; opacity:0.1; display:none;}
.leftbox{ position:fixed; left:-3.2rem; width:3.2rem; height:100%;   top:0px;background:#333; z-index:222222222222222222222222222222; }
.leftbox span font{ position:absolute; top:0px; right:0px; padding:0 0.2rem 0 0.8rem;}
.leftbox span{ display:block; font-size:0.32rem; color:#ddd; border-bottom:1px solid #474747; font-size:0.275rem; padding:0 0.2rem; position:relative; }
.leftbox span a.tt{ display:block;}
.leftbox span.on{background:#222;}
.leftbox span div{ position:absolute; left:3.2rem; width:2.5rem;; display:none; top:0px; border-left:#474747 1px solid; }
.leftbox span div a{  display:block;; background:#222; color:#ddd; text-align:center; font-size:0.225rem;border-bottom:1px solid #474747; padding:0.25rem 0.15rem; line-height:normal; }

.menubox{ position:absolute; left:0px; width:100%;; top:1.16rem;;background:#000;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9; opacity:0.9; z-index:2; display:none }
.menubox a{ display:block; font-size:0.275rem; color:#fff; text-align:center; padding:0rem 0px; border-bottom:#333 1px solid;}


.my-slider .swiper-slide a{ display:block; position:relative;}
.my-slider .swiper-slide img{ width:130%; }
.my-slider .swiper-slide span{ position:absolute; left:0px; height:100%; width:100%; background:#000; top:0px;}


 
.newslist1 ul{ padding-top:3%; overflow:hidden; padding-bottom:2%;}
.newslist1 li{ overflow:hidden; border-bottom:#eaeaea 1px solid; padding-bottom:2% ; margin-bottom:2%;}
.newslist1 li a.img{ display:inline-block; float:left; margin-left:2%; margin-right:1.5%; width:25%;}
.newslist1 li a.img img{ width:100%; height:1.5rem;;}

.newslist1 li a.txt{ float:left; width:70%; display:inline-block;}
.newslist1 li a.txt span{ font-size:0.4rem;    font-size: 0.32rem;
    display: block;
    
    overflow: hidden; color:#000; line-height:0.45rem; margin-top:0.1rem; margin-bottom:0.1rem;}
.newslist1 li a.txt p{ font-size:0.275rem; line-height:0.45rem; height:0.9rem; overflow:hidden; color:#999999;}
 
 .newslist1 li a.txt.txt-none{ float:none; width:auto; display:block; margin:0 2.5%;}
 
 
 .section-title h2:before {
    content: "";
    width: 100px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    margin-left: -50px;
    left: 50%;    background: #2297ba;
 }
 .section-title h2::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: -6px;
    margin-left: -3px;
    left: 50%;
    transform: rotate(45deg); background: #2297ba;
 }
 .section-title h2{
	font-size:24px;
	font-weight: 500;
	text-transform:uppercase; text-align:center;
	padding-bottom:10px;
	margin-bottom:15px; padding-top:10px;
	position:relative;
}
.section-title h2:before{
	content:"";
	width:100px;
	height:1px;
	position:absolute;
	bottom:-1px;
	margin-left:-50px;
	left:50%;
}
.section-title h2::after {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	bottom: -6px;
	margin-left: -3px;
	left: 50%;
	transform: rotate(45deg);
}
.section-title p{
	font-size:12px; line-height:2;
	color:#888; text-align:center;
}
.section-title1{ padding-bottom:20px;}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

#features{
	
}
#features .feature-left{}
#features .feature-left img {
	height: 368px;
	width: 100%;
	margin-top: 30px;
}
#features .feature-right{
	
}
#features .single-right{
	position:relative;
	margin-top:10px;
}
#features .single-right i{
	font-size:26px;
	position:absolute;
	 
	top:0;
	height:64px;
	width:64px;
	line-height:64px;
	border:1px solid #ddd;
	border-radius:100%;
	text-align:center;
	transition:all 0.4s ease;
}
#features .single-right:hover i{
	transform:scale(1.1);
	border-color:transparent;
}
#features .single-right .right-content{
	margin-left:80px;
}
#features .single-right .right-content h3{
	font-size: 16px;
    color: #000;
    margin: 0;
    padding: 0;
}
#features .single-right .right-content p{
	color:#989898; padding:0; margin:0;   line-height:2;
}


#Services{
	background:#fff;
}	
#Services .single-service {
	padding: 20px;
	background: #F6F6F6;
	margin: 10px;
	text-align: center;
	transition: all 0.6s ease;
	position:relative;
	box-shadow: 0px 0px 7px #0003;
}

#Services .single-service i {
	font-size: 32px;
	color: #fff;
	height: 66px;
	width: 66px;
	line-height: 66px;
	border-radius: 100%;
	transition:all 0.4s ease;
}
#Services .single-service h3::before {
	position: absolute;
	content: "";
	left: 50%;
	top: 27px;
	border: 2px solid;
	height: 54px;
	width: 54px;
	border-radius: 100%;
	margin-left: -27px;
	transition:all 0.4s ease;
}
#Services .single-service:hover h3::before{
	top: 13px;
	height: 80px;
	width: 80px;
	margin-left: -40px;
}


#Services .single-service h3{
	margin:20px 0px;
	color:#5c5e5f;
}

#Services .single-service p{
	color:#9f9f9f;
}


.fuwuitem{ width:50%; float:left;}
.fuwuitem .single-service{ }

.xiufu{ padding:2% 2%;}
.xiufu .xiufuitem.w100{ width:100%}
.xiufu .xiufuitem{ float:left; width:50%; margin-top:4%}
.xiufu .xiufuitem a{ display:block; position:relative; margin:0 4%}
.xiufu .xiufuitem.w100 a{ margin:0 2%;}
.xiufu .xiufuitem img{ width:100%;}
.xiufu .xiufuitem font{ position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:16px; color:#fff; background:#2297ba; line-height:2;}




.p-table4{
	background:#F0EDED;
}
.p-table4 .single-table{
	text-align:center;
	box-shadow: 0px 0px 7px #0003;
	background:#FFFFFF;
	overflow:hidden;
	transition:all 0.4s ease;
	margin:15px 5% 0 5%;
	
}
.p-table4 .table-head{}
.p-table4 .table-head .title-head{
	
	
	
}
.p-table4 .table-head h2.medium{
	
	color:#000428;
}
.p-table4 .table-head h2 {
	background-color:#000428;
	
	color:#fff;
	padding: 40px 0px;
	text-transform:uppercase;
	
}
.p-table4 .table-head .price {
	background-color: #000428;
	top: 52px;
	padding-bottom:135px;
	
}
.p-table4 .table-head .amount {
	color: #fff;
	font-size: 42px;
	font-weight: 600;
	border-radius: 100%;
	border: 1px solid ;
	height: 140px;
	width: 140px;
	line-height: 140px;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
	position: absolute;
	top: 173px;
	left: 50%;
	margin-left: -70px;
}
.p-table4 .single-table:hover .table-head .price .amount{
	transform:scale(1.03);
}

.p-table4 .table-head .price .amount span{
	font-weight:300;
}
.p-table4 .single-table .table-list {
	
}

.p-table4 .single-table .table-list{}
.p-table4 .single-table .table-list li{
	padding:10px 0px;
	color:#727272;
	border-bottom:1px solid #ebebeb;
}

.p-table4 .single-table .table-list i{
	margin-right:5px;
}

.p-table4 .button-head{
	text-align:center;
}

.p-table4 .button{
	margin:20px 0px;
	text-align:center;
	display:inline-block;
	position:relative;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.p-table4 .button .btn{
	text-transform:capitalize;
}
.p-table4 .button .btn i{
	margin-right:10px;
}

.p-table4 .button .btn::before {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	height: 2px;
	width: 0px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.p-table4 .button:hover .btn::before{
	width: 100%;
}
.p-table4 .button .btn:after{
	position:absolute;
	content:"";
	right:0;
	bottom:0;
	height: 100%;
	width:2px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	
}

.p-table4 .button span::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 2px;
	width: 0px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.p-table4 .button:hover span::before{
	width: 100%;
}
.p-table4 .button span::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 2px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.clear{ clear:both;}
.jz_vs{  margin:0 auto; }
.jz_vs li{ float:left; width:32.5%; margin-right:1%; margin-bottom:1%; position:relative; list-style:none;}
.jz_vs li.last{ float:right; margin-right:0;}
.jz_vs li img{ width:100%;}
.jz_vs li p{ position:absolute; z-index:222; left:0; width:100%; top:0; height:100%; background:#01479d;  
 opacity:0.1;   
filter:alpha(opacity=10);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';
}
.jz_vs li:hover p{ display:none}


.mainbox1{ padding:2% 2% 5% 2%;; background:#ecf3f9; overflow:hidden; margin-top:5%;}


.xiaoguo{  margin:2%;}

.xiaoguo .box1{ float:left}
.xiaoguo .box2{ float:right;}
.xiaoguo .box{border-top:#25a2c0 3px solid;border-right:#25a2c0 3px solid;;border-bottom:#25a2c0 3px solid; margin-top:1%}
.xiaoguo .box span img{ width:100%;}
.xiaoguo .box span{ display:block; float:left; width:50%; border-left:#25a2c0 3px solid; padding-top:40px; background:#fff;}
.xiaoguo .box span font{ display:block; background:#fff; text-align:center; line-height:40px; color:#25a2c0; font-size:16px; font-weight:900;}

.part1{ width:94%; margin:0 auto; position:relative;}
.part1 .left{ line-height:1; color:#2297ba; width:70%; position:relative; z-index:2;}
.part1 .left big{ font-size:0.5rem;}
.part1 .left small{ font-size:0.5rem; background:#2297ba; color:#fff; display:inline-block; padding:0 5px; margin-top:5px}
.part1 .left div.tt{background:#2297ba; color:#fff; padding:2%; line-height:1.5; margin-top:2%;}
.part1 .left div.tt p{ border:#fff 1px solid; padding:2%;}
.part1 .img{ position:absolute; right:0; bottom:10%; width:45%;}



/*===================
	Fun Facts CSS
=====================*/
.fun-facts{
	text-align:center;
	margin-top:30px;
	background-image:url('../img/fun-bg.jpg'); overflow:hidden;
	position:relative;
}
.fun-facts .bf-color:before{
	 
	content:"";
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0.6;
	
}
.facts-item{ float:left; width:50%;}
/* single-fun */
.fun-facts .single-fun{
	transition:all 0.4s ease;
	padding: 28px;
	background:#0000004D;
	text-align: center;
}

.fun-facts .single-fun i {
	font-size: 52px;
	color: #fff;
	display: block;
	margin-bottom: 14px;
	line-height: 80px;
	
}

.fun-facts .single-fun span{
	color:#fff;
	font-weight:600;
	font-size:30px;
	
}
.fun-facts .single-fun p{
	color:#fff;
	font-size:15px;
}