@charset "UTF-8";
.main{ padding:0 7% 0 7%; position:relative;}

.top{ padding:30px 0 24px 0; padding:1.2vw 0 1.2vw 0; background-color: rgba(255,255,255,0.95);}
.top .logo{ float:left;}
.top .slogan{float:right; margin-top:2px;}

.top_kong{ display:none;}

/*手机点开*/
.nav_x{ float:right; margin:1.6vw 8px 0 0; display:none;}
.nav_x2{ width: 40px; height: 40px; line-height: 40px; display: inline-block; vertical-align: middle; }
.nav_x2 img{ width: 100%; }

/*手机导航*/
.x_nav{ width: 100%; height: 100%;  background-color: rgba(34,151,143,0.96); position: fixed; top: 0; right: -101%; z-index: 999999999999; border-left:1px solid #eeeeee;}
.x_nav_t{ width: calc(100% - 15px); width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); height: 80px; line-height: 80px; text-align: right; padding-right: 15px;}
.x_nav_t a{ color: #000000; font-size: 18px;  background: url(../images/nav_close.png) no-repeat right center;   padding-right: 38px;}
.x_nav2{ width: 100%; height: 100%; overflow:auto; padding-bottom:75px;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 45px; line-height: 45px; display: block; font-size: 16px; color: #333333;  padding-left: 38px;  background-color: rgba(238,238,238,0.5); border-bottom: 1px solid #dddddd;}
.x_nav2 ul li span{ width: 64px; height: 44px; display: inline-block; line-height: 44px; text-align: center; float: right; margin-right: 10px; background: url(../images/jia.png) no-repeat center center;}
.x_nav2 ul li a.xa1{background-color: rgba(238,238,238,0.5);}
.x_nav2 ul li span.xjian{ background: #eeeeee url(../images/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl dd a{ background: url(../images/you1.png) no-repeat 95% center !important;}

/*主导航*/
.nav-box{ background-color:#eeeeee; }
.nav-box .main ul{ padding:40px 0 0 150px; padding:2.5vw 0 0 10vw;}
.nav-box .main ul li{float:left; position:relative;}
.nav-box .main ul li > a{ position:relative; display:block; height:82px; line-height:4em; font-size:16px; color:#222222; padding:0 30px 0 30px; padding:0 2.2vw 0 2.2vw;}
.nav-box .main ul li > a:hover,
.nav-box .main ul li > .a_be{background-color:#FFFFFF;}
.nav-box .main ul li:nth-of-type(even){ width:12px; height:4.5em; background-image:url(../images/nav_shu.jpg); background-repeat:no-repeat; background-position:center center;}
.nav-box .main ul li p{position:absolute; left:0; top:80px; width:100%; display:none; background-color: rgba(255,255,255,0.99); padding:0 0 10px 0; z-index:666666;}
.nav-box .main ul li p a{position:relative; display:block; text-align:center; line-height:2.5em; height:2.5em; overflow:hidden; font-size:16px; padding:0 5px 0 5px;}
.nav-box .main ul li p a:hover{}
.nav-box .main ul li:hover > a{background-color: rgba(255,255,255,0.9);}
.nav-box .main ul li .a_be{background-color: rgba(255,255,255,0.9);}
.nav-box .main ul li:hover p{
	display:block;
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s; /* Firefox */
	-webkit-animation: xiala  0.4s; /* Safari and Chrome */
	-o-animation: xiala  0.4s; /* Opera */
}

/*banner大图*/
.banner{position:relative; width:100%; margin:auto;}
.banner .arrow{
	position:absolute;
	top:40%;
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;
	width:42px;
	height:36px;
}
.banner .arrow.pre {background-image: url();left:0px;}
.banner .arrow.next {background-image: url(); right:0px;}
.banner .arrow:hover{}

.banner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	border:0;
	background-color:#9ACDCE;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 5px;
	line-height: 0;
	margin: 0 6px 35px 6px;
	outline: medium none;
	padding: 0;
	width: 60px;
}
.banner .slick-dots li.slick-active button {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	background-color:#ffffff;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; width:100%;}
.banner .dataitem .mimg{}
.banner .dataitem .mimg img{ width:100%; display:block;}
/*左右滚动结束*/

.hei30{ height:20px; line-height:20px;}
.hei30{ height:30px; height:1.5vw;}
.hei40{ height:40px; height:2vw;}
.hei50{ height:50px; height:3vw;}

.pd30{padding:30px 0 30px 0;}
.pd40{padding:40px 0 40px 0;}

.bk-title{ text-align:center; padding:40px 0 30px 0; padding:2.6vw 0 1.5vw 0;}
.bk-title .p1{ font-size:38px; color:#1F5B5B;  }
.bk-title .p1_bj{ background:none;}
.bk-title .p1 span{display:inline-block; width:32px; background-image:url(../images/lvdian.jpg); background-repeat:no-repeat; background-position:center center;}
.bk-title .p2{ color:#155352; font-size:22px; font-family:"楷体"; padding:15px 0 0 0;}


.bk-title2{color:#222222; padding:30px 0 40px 0; padding:1.5vw 0 2vw 0;}
.bk-title2 .d1{float:left; padding:8px 4vw 8px 5vw; font-size:30px; text-align:left;}
.bk-title2 .d1 p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#898989;} 
.bk-title2 .d2{ float:right; padding:0px 0 0px 36px; border-left:2px solid #222222; width:68%; width: calc(100% - 28vw); width: -moz-calc(100% - 28vw); width: -webkit-calc(100% - 28vw); font-size:18px;  line-height:1.5em; position:relative;}
/*二级页面使用*/
.bk-title2 .d2 .hongkuai{position:absolute; left:-5%; left:-4vw; width:8%; width:7vw; height:80px; background-color:#E6212A;}





/*首页产品列表*/
.i-pro{}
.i-pro li{ float:left; margin:0 23px 26px 0; width:31%; width: calc((100% - 48px)/3); width: -moz-calc((100% - 48px)/3); width: -webkit-calc((100% - 48px)/3); position:relative;}
.i-pro li .mimg{width:100%; overflow:hidden;}
.i-pro li .mimg img{width:100%; display:block;}
.i-pro li .p1{ position:absolute; display:none; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.7); z-index:333;}
.i-pro li .p2{ position:absolute; display:none; left:0; top:0; padding:26% 10% 32% 10%; width:80%; text-align:center; z-index:4444; color:#FFFFFF; font-size:24px; font-weight:bold; line-height:1.1em; height:2.2em; overflow:hidden;}
.i-pro li .p2 span{font-size:14px; font-weight:normal;}
.i-pro li:nth-child(3n+3){ margin-right:0;}
.i-pro li:hover .p1{display:block;}
.i-pro li:hover .p2{display:block;}


.hengfu{background-color:#99CCCD; padding:40px 20px 40px 20px; padding:2.5vw 20px 2.5vw 20px; text-align:center;}
.hengfu img{max-width:100%;}

.i-about{ position:relative;}
.i-about .mimg{ position:absolute; left:0; top:0; height:100%; width:38%; overflow:hidden;}
.i-about .mimg img{ width:100%; height:auto;}
.i-about .mright{float:right; width:61%;}
.i-about .mright .c-box{border:3px solid #8BC5C7; padding:20px 20px 2px 20px;}
.i-about .mright .c-box .mjianjie{ text-align:justify; line-height:1.8em; font-size:16px;}
.i-about .mright .c-box .mjianjie img{ width:100%;}



/*首页案例*/
.i-case{}
.i-case li{ float:left; width:100%; margin-bottom:10px; position:relative;}
.i-case li .mimg{ position:absolute; left:0; top:0; height:100%; overflow:hidden;}
.i-case li .mimg img{ width:100%; height:auto;}
.i-case li .mcon{ float:right; background-color:#ECECEC;}
.i-case li .mcon .c-box{padding:30px;}
.i-case li .mcon .c-box .mshuzhi{ width:94px; height:96px; background-image:url(../images/i-c-bj.png); background-repeat:no-repeat; background-position:center center;}
.i-case li .mcon .c-box .mshuzhi p{padding:54px 0 0 15px; text-align:left; font-size:24px; color:#3B9FAF; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.i-case li .mcon .c-box .mtitle{ padding:30px 0 10px 0; font-size:20px; color:#222222; font-weight:bold; line-height:1.4em;}
.i-case li .mcon .c-box .mtitle p{ font-weight:normal; color:#a1a1a1; font-size:12px;}
.i-case li .mcon .c-box .mjianjie{line-height:1.6em; font-size:16px; text-align:justify; color:#343434;}
.i-case li .mcon .c-box .mjianjie span{color:#DF6C71;}


.i-case .li1{}
.i-case .li1 .mcon{ width:590px;}
.i-case .li1 .mimg{ width:52%; width: calc(100% - 600px); width: -moz-calc(100% - 600px); width: -webkit-calc(100% - 600px);}

.i-case .li2{}
.i-case .li2 .mcon{ float:left; width:590px;}
.i-case .li2 .mimg{ left:auto; right:0; width:52%; width: calc(100% - 600px); width: -moz-calc(100% - 600px); width: -webkit-calc(100% - 600px);}

.i-case .li3{}
.i-case .li3 .mcon{ width:49%; width: calc((100% - 10px)/2); width: -moz-calc((100% - 10px)/2); width: -webkit-calc((100% - 10px)/2);}
.i-case .li3 .mimg{ width:49%; width: calc((100% - 10px)/2); width: -moz-calc((100% - 10px)/2); width: -webkit-calc((100% - 10px)/2);}



/*首页服务流程*/
.i-ser{}
.i-ser li{width:25%; float:left; margin:1.5vw 8% 0 0; width: calc((76% - 0px)/4); width: -moz-calc((76% - 0px)/4); width: -webkit-calc((76% - 0px)/4); color:#949494;}
.i-ser li .mimg{ text-align:center;}
.i-ser li .mimg img{max-width:100%;}
.i-ser li .mtitle{ font-size:28px; padding:30px 0 24px 0; height:1em; line-height:1.6em; overflow:hidden; text-align:center;}
.i-ser li .mjianjie{ text-align:justify; font-size:18px; line-height:2em; height:6em; overflow:hidden;}
.i-ser li:nth-child(4n+4){ margin-right:0;}


/*首页新闻*/
.i-news{}
.i-news .bk-title3{ border-bottom:2px solid #86C2C2;}
.i-news .bk-title3 > a{float:left; margin-right:5vw; height:56px; line-height:56px; background-image:url(); background-position:16px center; background-repeat:no-repeat; padding-left:58px; font-size:18px; font-weight:bold;}
.i-news .bk-title3 .a1{background-image:url(../images/n-ico1.jpg); color:#D0CF27;}
.i-news .bk-title3 .a2{background-image:url(../images/n-ico2.jpg); color:#222222;}
.i-news .bk-title3 .more{float:right;}
.i-news .bk-title3 .more a{ position:relative; display:block; line-height:56px; font-size:18px; background-image:url(../images/n-more.jpg); background-position:right center; background-repeat:no-repeat; padding:0 50px 0 0;}



/*左右滚动开始*/
.news-ul{position:relative; padding:26px 0 60px 0; width:100%; width: calc(100% + 2vw); width: -moz-calc(100% + 2vw); width: -webkit-calc(100% + 2vw); margin:auto; }
.news-ul .arrow{
	background-color: rgba(0,0,0,0.1); border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	position:absolute;	
	top:40%;	
	color:#FFFFFF;	
	z-index:999;
	font-family:"宋体";
	font-size:24px;
	cursor:pointer;
}
.news-ul .arrow:hover{background-color:#01479D;}
.news-ul .arrow.pre {
	left:-10px;
}
.news-ul .arrow.next {
	right:-10px;
}
.news-ul .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom: 0px;
}
.news-ul .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.news-ul .slick-dots li button {
	background: #333333;
	border: 1px solid #333333;
	border-radius: 7px;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 14px;
	line-height: 0;
	margin: 0 7px;
	outline: medium none;
	padding: 0;
	width: 14px;
}
.news-ul .slick-dots li.slick-active button {
	background: #D0D547;
	border:1px solid #D0D547;
}
/*上半部分是固定的 下边是网站的css样式*/
.news-ul .dataitem{float:left; margin:0 2vw 0 0;}
.news-ul .dataitem .mimg{ position:relative; overflow:hidden;}
.news-ul .dataitem .mimg img{ width:100%;}
.news-ul .dataitem .mimg .p1{position:absolute; display:none; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.7); z-index:333;}
.news-ul .dataitem .mimg .p2{position:absolute; display:none; left:0; top:0; padding:28% 10% 32% 10%; width:80%; text-align:center; z-index:4444; color:#FFFFFF; font-size:18px; line-height:1.4em; height:1.4em; overflow:hidden;}
.news-ul .dataitem .mimg:hover .p1{display:block;}
.news-ul .dataitem .mimg:hover .p2{display:block;}

.news-ul .dataitem .c-box{padding:1.6vw 0 0 0;}
.news-ul .dataitem .c-box .mright{float:right; width:90px; text-align:center; font-size:55px; font-family:Arial, Helvetica, sans-serif;}
.news-ul .dataitem .c-box .mright p{ font-size:16px; color:#777777;}

.news-ul .dataitem .c-box .mleft{float:left; width:76%; width: calc(100% - 120px); width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px);}
.news-ul .dataitem .c-box .mleft .mtitle{line-height:1.4em; height:1.4em; overflow:hidden; font-size:20px; font-weight:bold;}
.news-ul .dataitem .c-box .mleft .mtitle a{color:#222222;}
.news-ul .dataitem .c-box .mleft .mtitle a:hover{color:#22978F;}
.news-ul .dataitem .c-box .mleft .mjianjie{ font-size:16px; padding:6px 0 0 0; line-height:1.8em; height:3.6em; overflow:hidden; color:#888888; text-align:justify;}


/*左右滚动结束*/


/*底部*/
.footer-box{background-color:#22978F; padding:50px 0 10px 0; padding:3vw 0 10px 0; background-image:url(../images/f-bj.png); background-repeat:no-repeat; background-position:center bottom;}
.footer-box .f-line1{ padding:0 0 40px 0; padding:0 0 2vw 0;}
.footer-box .f-line1 .f-logo{ float:left;}

.footer-box .f-line1 .f-nav{float:right; font-size:14px; color:#FFFFFF; line-height:1.8em;}
.footer-box .f-line1 .f-nav li{ float:left; margin-right:46px;}
.footer-box .f-line1 .f-nav li > a{ font-size:16px; color:#FBFBFB;}
.footer-box .f-line1 .f-nav li div{ padding:14px 0 0 0;}
.footer-box .f-line1 .f-nav li div a{position:relative; display:block; line-height:1.8em; font-size:14px; color:#FBFBFB;}


.footer-box .f-line1 .f-ewm{float:right;}
.footer-box .f-line1 .f-ewm li{ float:left; text-align:center; margin:0 25px 0 25px; line-height:1.6em; font-size:14px; color:#fffffd;}

.footer-box .f-copy{ border-top:1px solid #A9D2CE; padding:22px; line-height:22px; text-align:center; color:#CDEBE9; font-size:14px;}
.footer-box .f-copy a{color:#FFFFFF;}





/*二级页面*/

.er_banner{}
.er_banner img{ width:100%; display:block;}



.weizhi{ text-align:left; font-size:14px; padding-top:10px; padding-bottom:12px; color:#343434;}
.weizhi a{color:#343434;}


/*二级页面产品左右滚动开始*/
.pro-ul{position:relative; margin:auto; padding-bottom:20px;}
.pro-ul .arrow{
	background-color: rgba(0,0,0,0.1); border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	position:absolute;	
	top:40%;	
	color:#FFFFFF;	
	z-index:999;
	font-family:"宋体";
	font-size:24px;
	cursor:pointer;
}
.pro-ul .arrow:hover{background-color:#01479D;}
.pro-ul .arrow.pre {
	left:-10px;
}
.pro-ul .arrow.next {
	right:-10px;
}
.pro-ul .slick-dots {
	position: absolute;
	z-index:999999999;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom: 0px;
}
.pro-ul .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.pro-ul .slick-dots li button {
	background: #9ACCCD;
	border: 1px solid #9ACCCD;
	cursor: pointer;
	display: block;
	font-size: 0;
	width:60px;
	height: 6px;
	line-height: 0;
	margin: 0 7px;
	outline: medium none;
	padding: 0;
}
.pro-ul .slick-dots li.slick-active button {
	background: #2E6869;
	border:1px solid #2E6869;
}
/*上半部分是固定的 下边是网站的css样式*/
.pro-ul .dataitem{float:left; width:100%; overflow:hidden;}
.pro-ul .dataitem .pro-list-box{width:115%; width: calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px); overflow:hidden;}
.pro-ul .dataitem .pro-list-box li{float:left; margin:0 30px 30px 0; width:22%; width: calc(25% - 30px); width: -moz-calc(25% - 30px); width: -webkit-calc(25% - 30px); position:relative;}
.pro-ul .dataitem .pro-list-box li:first-child{ width:50%; margin-bottom:20px; width: calc(50% - 30px); width: -moz-calc(50% - 30px); width: -webkit-calc(50% - 30px);}
.pro-ul .dataitem .pro-list-box li:nth-child(2){margin-bottom:20px;}
.pro-ul .dataitem .pro-list-box li:nth-child(3){margin-bottom:20px;}
.pro-ul .dataitem .pro-list-box li:nth-child(4){margin-bottom:25px;}
.pro-ul .dataitem .pro-list-box li:nth-child(5){margin-bottom:25px;}
.pro-ul .dataitem .pro-list-box li .mimg{width:100%; overflow:hidden;}
.pro-ul .dataitem .pro-list-box li .mimg img{width:100%; display:block;}
.pro-ul .dataitem .pro-list-box li .p1{ position:absolute; display:none; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.7); z-index:333;}
.pro-ul .dataitem .pro-list-box li .p2{ position:absolute; display:none; left:0; top:0; padding:26% 10% 32% 10%; width:80%; text-align:center; z-index:4444; color:#FFFFFF; font-size:16px; font-weight:bold; line-height:1.1em; height:1.1em; overflow:hidden;}
.pro-ul .dataitem .pro-list-box li .p2 span{font-size:14px; font-weight:normal;}
.pro-ul .dataitem .pro-list-box li:hover .p1{display:block;}
.pro-ul .dataitem .pro-list-box li:hover .p2{display:block;}

/*二级页面产品左右滚动结束*/



/*二级页面案例*/
.case-box{}
.case-box .er-left{ float:left; width:440px; position:relative; background-color:#EEEEEE;}
.case-box .er-left .left-ceng{ background-color: rgba(210,230,240,0.7); position:absolute; right:-16px; top:-40px; height:140px; width:1000px;}
.case-box .er-left .tt-img{}
.case-box .er-left .tt-img img{ width:100%;}
.case-box .er-left .left-title{border-bottom:1px solid #A5CFCE; padding:1.5vw 0 0 30px; font-size:1.5vw; line-height:1.8em; color:#201615;}
.case-box .er-left .news-list{ border:1px solid #A5CFCE;}
.case-box .er-left .news-list li{ background-color:#FFFFFF;}
.case-box .er-left .news-list li .mimg{ overflow:hidden;}
.case-box .er-left .news-list li .mimg img{ width:100%; display:block;}
.case-box .er-left .news-list li .c-box{ padding:30px 4px 16px 10px; padding:1.5vw 4px 16px 10px;}
.case-box .er-left .news-list li .c-box .mright{float:right; width:90px; text-align:center; font-size:55px; font-family:Arial, Helvetica, sans-serif; color:#111111; margin-top:-5px;}
.case-box .er-left .news-list li .c-box .mright p{ font-size:14px; color:#777777;}
.case-box .er-left .news-list li .c-box .mleft{float:left; width:76%; width: calc(100% - 120px); width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px);}
.case-box .er-left .news-list li .c-box .mleft .mtitle{line-height:1.4em; height:1.4em; overflow:hidden; font-size:16px; font-weight:bold;}
.case-box .er-left .news-list li .c-box .mleft .mtitle a{color:#222222;}
.case-box .er-left .news-list li .c-box .mleft .mtitle a:hover{color:#22978F;}
.case-box .er-left .news-list li .c-box .mleft .mjianjie{ font-size:14px; padding:6px 0 0 0; line-height:1.8em; height:3.6em; overflow:hidden; color:#888888; text-align:justify;}


.case-box .er-right{ float:right; width:71%; width: calc(100% - 456px); width: -moz-calc(100% - 456px); width: -webkit-calc(100% - 456px);}
.case-box .er-right .case-list{}
.case-box .er-right .case-list li{ float:left; width:100%; margin-bottom:2vw; border:1px solid #A5CFCE;}
.case-box .er-right .case-list li .mimg{float:left; width:370px; overflow:hidden;}
.case-box .er-right .case-list li .mimg img{width:100%; display:block;}
.case-box .er-right .case-list li .mright{float:right; padding:20px 10px 14px 0; width:64%;  width: calc(100% - 410px); width: -moz-calc(100% - 410px); width: -webkit-calc(100% - 410px);}
.case-box .er-right .case-list li .mright .title-box{}
.case-box .er-right .case-list li .mright .title-box .shuzhi{ float:left; width:60px; padding:24px 0 0 10px; border:1px solid #3C9CAA; text-align:left; height:46px; }
.case-box .er-right .case-list li .mright .title-box .shuzhi p{ float:left; line-height:45px; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#3C9CAA; border-bottom:3px solid #3C9CAA;}
.case-box .er-right .case-list li .mright .title-box .mtitle{ float:left; max-width:75%; max-width: calc(100% - 180px); max-width: -moz-calc(100% - 180px); max-width: -webkit-calc(100% - 180px); margin:30px 12px 0 12px; text-align:left; line-height:1.4em; font-size:13px; color:#aaaaaa; font-family:Arial, Helvetica, sans-serif;}
.case-box .er-right .case-list li .mright .title-box .mtitle a{position:relative; display:block; font-size:20px; font-weight:bold; color:#1b1b1b; height:1.4em; line-height:1.4em; overflow:hidden;}
.case-box .er-right .case-list li .mright .title-box .mdate{float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#aaaaaa; margin-top:58px;}
.case-box .er-right .case-list li .mright .mjianjie{padding:1.5vw 0 0 0; font-size:16px; color:#666666; height:2.8em; line-height:1.4em; text-align:justify; overflow:hidden; text-indent:2em;}
.case-box .er-right .case-list li .mright .mmore{ padding:12px 0 0 0; padding:1vw 0 0 0; text-align:right;}
.case-box .er-right .case-list li .mright .mmore a{ display:inline-block; background-color:#9ACCCD; padding:4px 12px 4px 12px; font-size:12px; color:#FFFFFF;}
.case-box .er-right .case-list li .mright .mmore a:hover{background-color:#1C9189;}

.case-box .er-right .jiazai{ text-align:center;}
.case-box .er-right .jiazai a{font-size:18px; color:#333333;}
.case-box .er-right .jiazai a:hover{color:#1C9189;}



/*二级页面新闻中心*/
.news-ul2{ width:110%; width: calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); padding:20px 0 0 0;}
.news-ul2 li{ float:left; margin:0 20px 20px 0; width:32%; width: calc((100% - 60px)/3); width: -moz-calc((100% - 60px)/3); width: -webkit-calc((100% - 60px)/3);}
.news-ul2 li .mimg{ overflow:hidden;}
.news-ul2 li .mimg img{ width:100%; display:block;}
.news-ul2 li .c-box{ padding:30px 4px 16px 10px; padding:1.5vw 4px 16px 10px; border-bottom:1px solid #A7D2D8; border-left:1px solid #A7D2D8; border-right:1px solid #A7D2D8;}
.news-ul2 li .c-box .mright{float:right; width:90px; text-align:center; font-size:55px; font-family:Arial, Helvetica, sans-serif; color:#111111; margin-top:-5px;}
.news-ul2 li .c-box .mright p{ font-size:14px; color:#777777;}
.news-ul2 li .c-box .mleft{float:left; width:78%; width: calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px);}
.news-ul2 li .c-box .mleft .mtitle{line-height:1.4em; height:1.4em; overflow:hidden; font-size:16px; font-weight:bold;}
.news-ul2 li .c-box .mleft .mtitle a{color:#222222;}
.news-ul2 li .c-box .mleft .mtitle a:hover{color:#22978F;}
.news-ul2 li .c-box .mleft .mjianjie{ font-size:14px; padding:6px 0 0 0; line-height:1.8em; height:3.6em; overflow:hidden; color:#888888; text-align:justify;} 

.hei20{height:20px; line-height:20px;}

/*详细页面开始*/
.xx-title{font-size:24px; font-weight:bold; color:#000000; text-align:center; padding:15px 0 15px 0;}
.xx-author{text-align:center; border-top:1px solid #eeeeee; font-size:12px; color:#999999; padding:10px 0 0 0;}
.xx-img{ text-align:center; padding-top:10px;}
.xx-img img{max-width:100%;}
.xx-content{padding-top:10px; line-height:2em; font-size:16px; text-align:justify;}
.xx-content img{max-width:100%;}
.xx-page{padding:2px 0 2px 0;}
.xx-page a{position:relative; display:block; height:24px; line-height:22px; text-align:left; color:#000000; font-size:16px; overflow:hidden;}
.xx-page a span{font-weight:bold;}
.xx-page a:hover{color:#FFFFFF; background-color:#1C9189; padding:4px 12px 4px 12px;}


.about-c{ font-size:16px; line-height:2em; text-align:justify; color:#333333;}
.about-c img{max-width:100%;}

/***********************************其它页面结束*/

.kefu_right{position:fixed; right:10px; top:50%; z-index:9999999990;}
.kefu_right li{ height:50px; width:50px; border-bottom:1px solid #eeeeee; position:relative; background-color:#D0D449; border-radius:6px 0 6px 0; -moz-border-radius:6px 0 6px 0;  -webkit-border-radius:6px 0 6px 0;}
.kefu_right li > a{position:relative; display:block; width:100%; height:50px; text-align:center; padding-top:10px;}
.kefu_right li > a img{ width:30px;}
.kefu_right li p{position:absolute; display:none; white-space:nowrap; right:-120px; top:0;  line-height:2.8em; font-size:18px; color:#ffffff; font-family:Arial, Helvetica, sans-serif;  text-align:center; background-color:#D0D449; padding:0 10px 0 10px;
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari 和 Chrome */
	-o-transition: all 2s; /* Opera */
}
.kefu_right li:hover p{display:block;
	right:47px;	
}
.kefu_right li:last-child{border-bottom:0;}





/*分页开始*/
.mypage{ height:40px; padding:20px 0 0 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:28px; line-height:27px; padding:0 10px 0 10px; color:#444444; font-size:14px; border:1px solid #eeeeee;}
.mypage div a:hover,
.mypage div .a_be{color:#ffffff; background-color:#3C9CAA;}
/*分页结束*/




#back_to_top { color: #cdcdcd; display:none; height: auto; position: fixed; bottom:10px; right: -70px;z-index: 10000;
-webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;}
#back_to_top span { display: inline-block; text-align: center; font-size: 30px; width: 40px;height: 40px; line-height: 35px; color: white;background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 2px;
-webkit-transition: all .2s ease 0s;
   -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
border-radius: 2px;
}
#back_to_top.on {opacity: 1;filter: alpha(opacity=100);right: 10px;}
#back_to_top:hover span{ background-color: #000;}