@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font: 12px "microsoft yahei", Arial;
	color: #444;
	background: #fff;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
ul, li, ol {
	list-style: none;
}
a {
	text-decoration: none;
	color: #444;
}
a:hover {
	text-decoration: none;
	color: #0072bb;
}
a:focus,a:visited {
	text-decoration: none;
}
.paddingleft0px {
	padding-left: 0!important;
}
.padding10px {
	padding-top:10px;
	padding-bottom:10px;
}
.padding200px {
	padding-top:200px;
	padding-bottom:200px;
}
.cursor-pointer {cursor:pointer;}
.clear {
	clear: both;
}
img {
	border: 0
}
.l{ float:left;}
.r{ float:right;}

.red {
	color: red;
}
.clearfix {
	*zoom:1;
}
.clearfix:before,.clearfix:after {
	content:" ";
	display:table;
	line-height: 0;
}
.clearfix:after {
	clear:both;
}

.rowFluid {
	clear:both;
}
.color-bai {
	color:#fff !important;
}

/* header */
header {
	width: 100%;
	/*height: 172px;*/
}
.logo {
	float: left;
	margin: 34px 0 18px;
	
}
.logoM {
	float: left;
	padding:10px;
}
.logo-R {
	float: right;
	padding-top: 21px;
}
span.phone {
	float:right;
	font-size: 24px;
	color: #0072bb;
	line-height: normal;
	margin-right: 20px;
}
span.search {
    float: right;
	width: 280px;
	height: 34px;
	/* border: 1px #0699ff solid; */
}
span.search select{
    float: left;
    width: 60px;
    padding: 6px 4px;
    margin-right: -1px;
    border-radius: 4px 0 0 4px;
}
input.srk-gai{
	border-radius: 0 4px 4px 0;
}
span.search input, span.search button, span.search select {
    /* border-color: #0699ff; */
}
span.search button:hover {
	background: #b5e0fe;
}

/*导航*/				
nav {
	position: relative;
	height: 50px;
	margin-right: -22px;
}
nav li {
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	position: relative;
	width: 114px;
}
nav li.line {
	width: 2px;
	height: 14px;
	background: #424242;
	margin: 19px 0;
}
nav li a, nav li a:visited {
	line-height: 50px;
	color: #424242;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
nav li a:hover,nav li a:focus {
	color: #0072bb;
	text-decoration: none;
	transition: all 0.5s ease-out 0s;
}
nav li a.xz {
	color: #0072bb;
}

.shownav {
	visibility: hidden;
	position: absolute;
	font-weight: normal;
	width: 100%;
	left: 0;
	padding: 0 15px;
	display: none;
	_display: block;
	z-index: 1;
}
div li:hover .shownav {
	display: block;
}
.margin2px {
	margin: 2px 0;
}

/* nav-m */
.nav-m { width:100%; overflow:hidden; padding:0; background:#fff;}
.nav-m ul{ width:100%; overflow:hidden; margin:10px auto 0; padding:5px 0;}
.nav-m a{ display:block; width: 25%; overflow: hidden; float:left;text-align: center; margin:5px 0;}
.nav-m a span { height:32px; line-height:32px; font-size:14px;}
.nav-m a img { display:block; width:60%; margin:auto; }

/* banner */
.banner {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	/* height: 544px; */
	height: auto;
}
.banner .bd {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	overflow: hidden;
}
.banner .bd li {
	position: relative;
	text-align: center;
	overflow: hidden;
}
.banner .bd li img {
	vertical-align: top;
	width: 100%;
	/* height: 544px; */
	height: auto;
}
.banner .hd {
	position: absolute;
	bottom: 8%;
	text-align: center;
	width: 100%;
}
.banner .hd li {
	cursor: pointer;
	display: inline-block;
    *display:inline;
	zoom: 1;
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 7.5px;
	margin: 0 6px;
	overflow: hidden;
	line-height: 999px;
}
.banner .hd .on {
	background: #c9252c;
}
.banner .prev, .banner .next {
	position: absolute;
	top: 50%;
	width: 25px;
	height: 50px;
	margin-top: -25px;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.banner .prev {
	left: 10%;
	background: url(../images/Bannerprev.png);
}
.banner .next {
	right: 10%;
	background: url(../images/Bannernext.png);
}

/* banner1 */
.banner1 {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.banner1 .bd {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	overflow: hidden;
}
.banner1 .bd li {
	position: relative;
	text-align: center;
	overflow: hidden;
}
.banner1 .bd li img {
	vertical-align: top;
	width: 100%;
	height: auto;
}
.banner1 .hd {
	position: absolute;
	bottom: 6%;
	text-align: center;
	width: 100%;
}
.banner1 .hd li {
	cursor: pointer;
	display: inline-block;
    *display:inline;
	zoom: 1;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #fff;
	margin: 0 6px;
	overflow: hidden;
	line-height: 999px;
}
.banner1 .hd .on {
	background: #c9252c;
}
.banner1 .prev, .banner1 .next {
	position: absolute;
	top: 50%;
	width: 25px;
	height: 50px;
	margin-top: -25px;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.banner1 .prev {
	left: 10%;
	background: url(../images/Bannerprev.png);
}
.banner1 .next {
	right: 10%;
	background: url(../images/Bannernext.png);
}

/*通用栏目标题*/
.all_title {
	text-align:center;
}
.all_title .title, .all_title .title-m{
	font-size:28px;
	color:#000;
	font-weight: 700;
    line-height: normal; 
}
.all_title .title-m {
	font-size: 20px;
}
.all_title .txt{
	font-size: 14px;
	color:#666;
	margin-top:4px;
}

/* index_about */
.index_about {
	width: 100%;
	padding:50px 0;
	/* background:#f5f4f9; */
	background: linear-gradient(to bottom, #f5f4f9 50%,#c7def4 100%);
}

.about_list{ width:100%; margin-top:35px;}
.span4{width:100%;height: 156px; background:#fff; padding:34px 30px; margin:15px 0;}
/*.span4:nth-child(3n) {margin-right: 0;}*/
.list_backimg500{ width:88px; height:88px; background:#cacaca url(../images/about_icon.png) 26px 20px no-repeat; float: left;}
.list_backimg700{ width:88px; height:88px; background:#cacaca url(../images/about_icon.png) -45px 20px no-repeat; float: left;}
.list_backimg900{ width:88px; height:88px; background:#cacaca url(../images/about_icon.png) -118px 20px no-repeat; float: left;}
.list_backimg1100{ width:88px; height:88px; background:#cacaca url(../images/about_icon.png) -190px 20px no-repeat; float: left;}
.list_backimg1300{ width:88px; height:88px; background:#cacaca url(../images/about_icon.png) -260px 20px no-repeat; float: left;}
.list_backimg1500{ width:88px; height:88px; background:#cacaca url(../images/about_icon.png) -333px 20px no-repeat; float: left;}
.span4 dl{overflow:hidden;padding-left:16px;}
.span4 h1{ font-size:18px; color:#333; font-weight:normal; line-height: normal;}
.span4 i{ width:46px; height:3px; background:#0072bb; display: block; margin-top: 4px;}
.span4 span{height: 16px;overflow: hidden; font-size:12px; color:#999; margin-top:2px; display: block;}
.span4 p{height: 40px;overflow:hidden;font-size:14px; line-height:20px; color:#999;}
.span4:hover{ background:#0072bb; transition: all 0.7s ease-out 0s;}
.span4:hover h1{ color:#fff;}
.span4:hover i{background:#fff;}
.span4:hover span{ color:#fff;}
.span4:hover p{ color:#fff;}
.span4:hover .list_backimg500{ background:#fff url(../images/about_icon.png) 26px -51px no-repeat;}
.span4:hover .list_backimg700{ background:#fff url(../images/about_icon.png) -45px -51px no-repeat;}
.span4:hover .list_backimg900{ background:#fff url(../images/about_icon.png) -118px -51px no-repeat;}
.span4:hover .list_backimg1100{ background:#fff url(../images/about_icon.png) -190px -51px no-repeat;}
.span4:hover .list_backimg1300{ background:#fff url(../images/about_icon.png) -260px -51px no-repeat;}
.span4:hover .list_backimg1500{ background:#fff url(../images/about_icon.png) -333px -51px no-repeat;}

.about_pic img{
	width: 100%;
}
.about_brief {
	line-height: 195%;
	font-size: 16px;
}
.about_more{ width:158px; height:36px;background: #fff; border:1px #d0d6e2 solid; border-radius:19px; line-height: 36px; text-align:center; margin:20px auto 0;box-sizing: content-box;}
.about_more a{ font-size:14px; color:#888; display:block;transition: all 0.7s ease 0s;}
.about_more:hover{ border:1px #0072bb solid;background:#0072bb; }
.about_more:hover a{color:#fff; }

.down_more{ width:158px; height:36px; border:1px #d0d6e2 solid; border-radius:19px;font-size: 14px; color: #d0d6e2; line-height: 36px; text-align:center; margin-top:20px;box-sizing: content-box;}
.down_more a { font-size:14px; color:#0072bb; display:block;transition: all 0.7s ease 0s;border-radius:19px; }
.down_more a:hover{ border:1px #0072bb solid; background:#0072bb; color:#fff; }
/* index_product */
.index_case {
	width: 100%;
	padding:50px 0 0;
	background: linear-gradient(to bottom,#ffffff 55%,#8fbeea 55%,#8fbeea 100%);
}

.case_list{ width:100%; position: relative; }
.case_list .hd{ height:38px; line-height:38px; width:100%; margin:147px auto 35px; text-align:center;}
.case_list .hd ul li{  cursor:pointer; width: 140px; margin: 0 20px; display:inline-block; position: relative;}
.case_list .hd ul li a{padding:6px 0; text-align:center; border-bottom:3px #e0e0e0 solid; font-size: 16px;transition: all .5s;}

.case_list .hd ul li i{ position: absolute;left: 50%; transform: translateX(-50%);  bottom: 43px;width: 124px; height: 124px; border-radius: 50%; background: #0072bb url(../images/pro_ltu3.png) no-repeat center;}
.case_list .hd ul li:nth-child(2) i {background: #0072bb url(../images/pro_ltu5.png) no-repeat center;}
.case_list .hd ul li:nth-child(3) i {background: #0072bb url(../images/pro_ltu4.png) no-repeat center;}
.case_list .hd ul li:nth-child(4) i {background: #0072bb url(../images/pro_ltu2.png) no-repeat center;}
.case_list .hd ul li:nth-child(5) i {background: #0072bb url(../images/pro_ltu1.png) no-repeat center;}

.case_list .hd ul li.on{color:#fff;}
.case_list .hd ul li:hover a{ border-bottom:3px #0072bb solid;}
.case_list .hd ul li.on a{border-bottom:3px #0072bb solid;}
.case_list .bd{ width:100%;  margin-top: 10px !important;}
.case_list .bd li{ width:277.5px; cursor:pointer; margin: 0 auto 15px; overflow:hidden; position:relative;border-radius: 10px 10px 0 0;}
/*.case_list .bd li:nth-child(4n){margin-right:0;}*/
.case_list .bd li .img{width: 277.5px; height: 240px;padding-top: 26px; text-align: center; overflow: hidden; background: #cae1ea;}
.case_list .bd li:hover .img{transition: all 0.7s;}
.case_list .bd li .img img{max-width: 100%;transition: all 0.7s ease 0s;}
.case_list .bd li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.case_list .bd li .info{background: rgba(0, 0, 0, 0.3)url(../images/ic.png) center center no-repeat; visibility: hidden; opacity: 0; pointer-events: none;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;backface-visibility: hidden; bottom: 0;left: 0;position: absolute;right: 0;
text-align: center;top: 0; width:40px; height:40px; padding:100px 119px; box-sizing: content-box;}
.case_list .bd li .info {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
.case_list .bd li a:hover .info {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}
.case_list .bd li .txt{ height: 68px; background:#f5f4f9; text-align:center;}
.case_list .bd li .txt h3{ font-size:16px; color:#000; font-weight:normal; padding:10px;line-height: normal;}
.case_list .bd li .txt em{ width:20px; height: 3px; background:#aaa; float: left; margin:0 128px;}
.case_list .bd li:hover .txt em{ background:#0072bb;}
.case_more{ width:158px; height:36px;background: #fff; border:1px #d0d6e2 solid; border-radius:19px; line-height: 36px; text-align:center; margin:40px auto 60px;box-sizing: content-box;}
.case_more a{ font-size:14px; color:#888; display:block;transition: all 0.7s ease 0s;}
.case_more:hover{ border:1px #0072bb solid;background:#0072bb; }
.case_more:hover a{color:#fff; }


/* index_case */
.index_honor {
	width: 100%;
	padding:50px 0 0;
	/* background: url(../images/honorbg.jpg) center top no-repeat; */
}
.box-sizing999 {margin: 0 -15px; box-sizing: content-box;}

.honor_list{ width:100%; position: relative; overflow: hidden; margin-top:50px;}
.honor_list .bd{ width:100%;}
.honor_list .bd li{ width:278px; height:240px; border-radius: 8px; cursor:pointer; margin: 0 auto; overflow:hidden; position:relative; }
.honor_list .bd li .img{width: 278px; height: 205px; position:relative ; overflow: hidden;}
.honor_list .bd li .img img{width: 278px; height: 205px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 1.2s ease 0s;}
.honor_list .bd li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.honor_list .bd li .info{background: rgba(0, 0, 0, 0.4)url(../images/honor_icon.png) center center no-repeat; visibility: hidden; opacity: 0; pointer-events: none;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;backface-visibility: hidden; bottom: 0;left: 0;position: absolute;right: 0;
text-align: center;top: 0; width:254px; height:186px; padding:9.5px 12px; box-sizing: content-box;}
.honor_list .bd li .info {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
.honor_list .bd li a:hover .info {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}
.honor_more{ width:158px; height:36px; border:1px #d0d6e2 solid; border-radius:19px; line-height: 36px; text-align:center; margin:43px auto 60px;box-sizing: content-box;}
.honor_more a{ font-size:14px; color:#888; display:block;}
.honor_more:hover{ border:1px #0072bb solid;background:#0072bb; transition: all 0.7s ease 0s;}
.honor_more:hover a{color:#fff; }
.honor_list .prev{width: 30px; height: 60px; background:url(../images/prev.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-30px;}
.honor_list .next{width: 30px; height: 60px; background:url(../images/next.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-30px;}

.honor_list .bd li h4 {height: 35px; line-height: 34px; background: #5a9ddc; text-align: center; font-size: 14px; color: #fff;}


/* index_news */
.index_news{
	width: 100%;
	padding:50px 0 0;
	background: url(../images/newsbg.jpg) center top no-repeat;
}

.news_list{ width:100%; position: relative; margin-top: 5px; }
.news_list .hd{ height:38px; line-height:38px; width:100%; margin:40px auto 19px; text-align:center;}
.news_list .hd ul li{  cursor:pointer;  margin:0 7px; display:inline; }
.news_list .hd ul li a{padding:6px 25px; text-align:center; border:1px #e0e0e0 solid; font-size: 16px;}
.news_list .hd ul li.on{color:#fff;}
.news_list .hd ul li:hover a{color:#fff; background:#0072bb; border:1px #0072bb solid;transition: all .5s;}
.news_list .hd ul li.on a{ color:#fff;background:#0072bb;border:1px #0072bb solid;}
.news_list .bd{ width:100%;  margin-top: 10px !important;}
.news_list .bd li{ position:relative; width:100%; height:96px; margin:16px 0; background: #fff;}
/*.news_list .bd li:nth-child(2n){margin-right: 0;}*/
.news_list .bd li .img{width: 140px; height: 96px; position:relative ; overflow: hidden; float:left;}
.news_list .bd li .img img{width: 140px; height: 96px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.news_list .bd li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.news_list .bd li .news_right{overflow:hidden; padding-left:15px;}
.news_list .bd li .news_right h1{height: 26px; overflow: hidden; font-size:16px; color:#595959; font-weight:normal; line-height: 26px;}
.news_list .bd li .news_right p{ height: 44px; overflow: hidden; font-size:14px; line-height: 24px; color:#848484; border-top:1px #efefef solid; margin-top:5px;}
.news_list .bd li:hover .news_right p{ border-top:1px #0072bb solid; transition: all 0.7s ease 0s;}
.news_list .bd li .news_right span{ font-size:12px; color:#848484; background:url(../images/time.png) left center no-repeat; padding-left:16px;}
.news_more{ width:158px; height:36px; border:1px #d0d6e2 solid; border-radius:19px; line-height: 36px; background: #fff; text-align:center; margin:24px auto 60px; box-sizing: content-box;}
.news_more a{ font-size:14px; color:#888; display:block;}
.news_more:hover{ border:1px #0072bb solid;background:#0072bb; transition: all 0.7s ease 0s;}
.news_more:hover a{color:#fff; }

.news_list .bd li .news_right .down_xhx{ border-bottom:1px #efefef solid; height: 35px; transition: all 0.7s ease 0s;}
.news_list .bd li:hover .news_right .down_xhx{ border-bottom:1px #0072bb solid;}

/* foot */
footer{ width:100%; height: 250px;}
footer .footNav{ background:#4e4e4e; width:100%; height:50px; border-bottom:1px #6a6a6a solid; box-sizing: content-box;}
.footNav .foot_nav{ margin:0 auto; height:50px; line-height: 50px; text-align: center;}
.footNav .foot_nav span{ width:2px; height:13px; margin-bottom: 5px; background:#fff; display: inline-block; vertical-align: middle;}
.footNav .foot_nav a{ font-size:16px; color:#fff; margin:0 35px;display: inline-block;}
.footNav .foot_nav a:hover{ color:#fff; text-decoration:underline;}


.copy_list{ background:#4e4e4e; width:100%; margin:0 auto; padding: 25px 0; text-align: center; font-size:14px; color:#fff; line-height:26px;}
.copy_list a{font-size:14px; color:#fff;}
.copy_list em{color: #00a3f0; font-style: normal;}
.foot_icon{ background:#4e4e4e; width:100%; text-align: center;padding-bottom: 43px;}
.foot_icon em{ width:30px; height:1px; background:#383b4a; margin:24px 0;}
.foot_icon li{ float:left; margin:4px 8px;}
.foot_icon .weibo{background:none; width: 40px; height:40px; cursor:pointer;border-radius:20px; display: block; border:1px #373a49 solid;}
.foot_icon .weibo .weibo_icon{display: block; position:absolute; height: 40px; width:40px; background:url(../images/foot_icon.png) 10px 8px no-repeat;  z-index:1;}
.foot_icon .weixin{background:none; width: 40px; height:40px; cursor:pointer;border-radius:20px; display: block;border:1px #373a49 solid;}
.foot_icon .weixin .weixin_icon{display: block; position:absolute; height: 40px; width:40px; background:url(../images/foot_icon.png) -48px 10px no-repeat;  z-index:1;}
.foot_icon .qq{background:none; width: 40px; height:40px; cursor:pointer;border-radius:20px; display: block;border:1px #373a49 solid;}
.foot_icon .qq .qq_icon{display: block; position:absolute; height: 40px; width:40px; background:url(../images/foot_icon.png) -106px 8px no-repeat;  z-index:1;}
.foot_icon .weibo:hover, .foot_icon .weixin:hover, .foot_icon .qq:hover{ background:#0072bb; border:1px #0072bb solid;}
.theme-mask{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); display:none; }
.popover_weixin, .popover_mobile{ width:360px; height:400px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,0.2); display:none; text-align:center; border-radius: 5px;}
.popover_weixin dl, .popover_mobile dl{ margin-top:50px; font-size:14px; color:#444; line-height:40px;}
.popover_weixin dl a, .popover_mobile dl a{ width:110px; height:40px; background:#0072bb; color:#fff; display:inline-block; border-radius:2px; font-size:14px; margin-top:10px;}
.popover_mobile dl dt span, .popover_weixin dl dt span{ color:#0072bb;}

/* tel */
.tel{background:#f8f5f5; padding:20px 10px; margin:0 auto;}
.tel_l p{ font-size:16px; font-weight:bold; line-height:20px; height:20px;}
.tel_l span{ font-size:12px; color:#aaa; line-height:16px; height:16px;}
.tel_r img{ height:24px; margin:4px 0; float: left;}
.tel_r a{ font-size:22px;  color:#c9252c; line-height:33px; padding-left:8px;}

/* copy_list-m */
.copy_list-m{background-color: #fff; line-height:22px; text-align:center; margin-bottom:46px; padding:20px; color:#aaa; font-size:13px;}
.copy_list-m a{ color:#aaa;}
.copy_list-m a:hover{ color:#c9252c;}

.gotop {
	height:44px;
	width:44px; 
	position: fixed; 
	right:20px; 
	bottom:60px; 
	z-index:99;
	cursor: pointer;
}


/* footernav */
.mui-bar{position:fixed; z-index:10; right:0; left:0; height:50px; bottom:0; display:table; width:100%; padding:0; table-layout:fixed;}
.footernavtxt{ display: block; font-size: 12px; color:#fff; line-height:20px;}
.footernavimg{ display: block; padding:6px 0 0;}
.footernavimg img{ width: 20px; height: 20px; display: block; margin:auto;}
.footernav{ background:#0072bb; box-shadow: none; padding:3px 0; box-sizing: content-box;}
.footernavli{ display: block; width: 25%; float: left; text-align: center;}


/* page_banner */
.page_banner {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	/* height: 300px; */
	height: auto;
}
.page_banner .bd {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	overflow: hidden;
}
.page_banner .bd li {
	position: relative;
	text-align: center;
	overflow: hidden;
}
.page_banner .bd li img {
	vertical-align: top;
	width: 100%;
	/* height: 300px; */
	height: auto;
}
.page_banner .hd {
	position: absolute;
	bottom: 8%;
	text-align: center;
	width: 100%;
}
.page_banner .hd li {
	cursor: pointer;
	display: inline-block;
    *display:inline;
	zoom: 1;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 6px;
	margin: 0 6px;
	overflow: hidden;
	line-height: 999px;
}
.page_banner .hd .on {
	background: #c9252c;
}
.page_banner .prev, .page_banner .next {
	position: absolute;
	top: 50%;
	width: 25px;
	height: 50px;
	margin-top: -25px;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.page_banner .prev {
	left: 10%;
	background: url(../images/Bannerprev.png);
}
.page_banner .next {
	right: 10%;
	background: url(../images/Bannernext.png);
}
/* page */
.page_crumbs {
	width: 100%;
	height: 50px;
	background: #f6f6f6;
}

.crumbs {
	float: right;
	line-height: 50px;
	color: #898989;
	padding-right: 10px;
	font-size: 14px;
}
.crumbs a {
	color: #444;
}
.crumbs a:hover {
	color: #0072bb
}
.page_content {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.page_content .page_nav {
	width: 100%;
	margin-top: 20px;
	box-sizing: content-box;
}
.page_content .page_nav li {
	width: 100%;
	/* margin: 2px 0; */
	text-align: center;

}
.xiajiantou::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
	}
.shangjiantou::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid;
	border-left: .3em solid transparent;
	}
.page_content .page_nav li a {
	font-size: 15px;
	border: 1px #e0e0e0 solid;
	display: inline-block;
	width: 100%;
	padding: 8px 0;
}
.page_content .page_nav li a:hover {
	color: #fff;
	background-color: #0072bb;
	border:1px #0072bb solid;
	transition: all .5s;
}
.page_content .page_nav .select a {
	color: #fff;	
	background-color: #0072bb;
	border:1px #0072bb solid;
}
.page_content .page_nav .select-blue a {
	color: #8e8e8e;	
	background-color: #f8f8f8;
	border:1px #e0e0e0 dashed;
	position:relative;
}
.page_content .page_nav .select-red a {
	color: #948c17;	
	background-color: #fcf9c9;
	border:1px #e2dc88 dashed;
	position:relative;
}
.dldingwei {
	position: relative;
}
span.xlfudong {
	position: absolute;
	left: 15px;
	top: 38px;
	width: 175px;
}

/* 右上角标 */
.ribbon-lanren-green {
	width: 65px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}
.ribbon-green {
	font-size: 10px;
	color: #333;
	text-align: center;
	text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: relative;
	padding: 0;
	left: -8px;
	top: 5px;
	width: 120px;
	background-color: #BFDC7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
	background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
	color: #6a6340;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.ribbon-green:before, .ribbon-green:after {
	content: "";
	border-top: 3px solid #6e8900;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	bottom: -3px;
}
.ribbon-green:before {
	left: 0;
}
.ribbon-green:after {
	right: 0;
}
​

/* page_news */
.page_content .page_news {
	width: 100%;
	margin: 20px auto 0;
	min-height: 450px;
}
.page_content .page_news li {
	width: 100%;
	float: left;
	height: 190px;
	position: relative;
	margin: 20px 0;
}
.page_content .page_news li dl {
	width: 318px;
	height: 190px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: inline-block;
	float: left;
}
.page_content .page_news li dl .img {
	width: 318px;
	height: 190px;
	position: relative;
	overflow: hidden;
}
.page_content .page_news li dl .img img {
	width: 318px;
	height: 190px;
	position: absolute;
	transform: scaleX(1) scaleY(1);
	transition: all 0.7s ease 0s;
}
.page_content .page_news li:hover dl .img img {
	transform: scaleX(1.1) scaleY(1.1);
}
.page_content .page_news li dl .info {
	background: rgba(0, 0, 0, 0.3)url(../images/ic.png) center center no-repeat;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	backface-visibility: hidden;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 40px;
	height: 40px;
	padding: 75px 139px;
	box-sizing: content-box;
}
.page_content .page_news dl .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.page_content .page_news li:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.page_content .page_news li .newcon {
	width: 70%;
	float: right;
}
.page_content .page_news li .newcon a {
	line-height: 30px;
	color: #222;
}
.page_content .page_news li .newcon p {
	float: left;
	font-size: 16px;
	color: #222;
	display: block;
	width: 100%;
}
.page_content .page_news li .newcon p:hover {
	color: #0072bb;
}
.page_content .page_news li .newcon span {
	width: 100%;
	font-size: 12px;
	color: #BFBFBF;
	border-bottom: 1px dotted #d3d3d3;
	padding-bottom: 10px;
	line-height: 24px;
	display: block;
}
.page_content .page_news li .newcon dd {
	width: 100%;
	font-size: 14px;
	color: #878787;
	padding-bottom: 10px;
	margin-top: 10px;
	line-height: 28px;
}
.pageNewsT {
	width: 100%;
	margin-top: 40px;
	font-size: 22px;
	text-align: center;
	color: #222;
	font-weight: bold;
	padding:0 5px;
}
.pageNewsC {
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	color: #999;
	text-align: center;
	padding: 12px 0 10px;
	border-bottom: dashed 1px #f0f0f0;
}
.pageNewsD {
	width: 100%;
	font-size: 16px;
	color: #666;
	line-height: 2em;
	margin: 15px 0 30px;
	padding: 0 8px;
	min-height:300px;
}
.pageNewsD img {
	max-width: 100%;
	margin: 10px 0;
}
.pageNewsD p { 
    /* text-indent:2em; */
}
/* page_anli */
.page_content .anli_list {
	width: 100%;
	margin: 25px auto 30px;
	min-height: 450px;
}

.anli_list li {
	width: 277.5px;
	height: 274px;
	background: #fff;
	margin: 10px auto;
}
.anli_list li:hover {
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.anli_list li dl {
	width: 277.5px;
	height: 200px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: inline-block;
	float: left;
}
.anli_list li dl .img {
	width: 277.5px;
	height: 200px;
	position: relative;
	overflow: hidden;
	border: 3px #e3e3e3 solid;
    border-bottom: none;
}
.anli_list li:hover dl .img {
    border: 3px #fff solid;
    border-bottom: none;
	transition: all 0.7s;
}
.anli_list li dl .img img {
    width: 271.5px;
    height: 197px;
	position: absolute;
	transform: scaleX(1) scaleY(1);
	transition: all 0.7s ease 0s;
}
.anli_list li:hover dl .img img {
	transform: scaleX(1.1) scaleY(1.1);
}
.anli_list li dl .info {
	background: rgba(0, 0, 0, 0.3)url(../images/ic.png) center center no-repeat;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	backface-visibility: hidden;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 40px;
	height: 40px;
	padding: 80px 119px;
	box-sizing: content-box;
}
.anli_list li dl .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.anli_list li a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.anli_list li dd {
	width: 100%;
	height: 5px;
	background: #e3e3e3;
	float: left;
	margin-bottom:10px;
}
.anli_list li:hover dd {
	background: #0072bb;
	transition: all 0.4s linear 0s;
}
.anli_list li p {
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 30px;
}
.anli_list li em {
	width: 40px;
	height: 1px;
	background: #b0b0b0;
	display: block;
	margin: 4px auto;
}
.anli_list li span {
	font-size: 14px;
	color: #b0b0b0;
	text-align: center;
	width: 100%;
	display: block;
}
/* page_service */
.page_content .page_service {
	position: relative;
	width: 1200px;
	margin: 20px auto 0;
	min-height: 450px;
}
.page_content .page_service .bd {
	width: 1230px;
	overflow: hidden;
	margin-left: -15px;
	margin-bottom: 40px;
}
.page_content .page_service .service_pic {
	position: relative;
	width: 1200px;
	overflow: hidden;
}
.page_content .page_service .bd li {
	width: 380px;
	margin: 20px 15px;
	float: left;
}
.page_content .page_service .bd li dl {
	width: 380px;
	height: 210px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: inline-block;
	float: left;
}
.page_content .page_service .bd li dl .img {
	width: 380px;
	height: 210px;
	position: relative;
	overflow: hidden;
}
.page_content .page_service .bd li dl .img img {
	width: 380px;
	height: 210px;
	position: absolute;
	transform: scaleX(1) scaleY(1);
	transition: all 0.7s ease 0s;
}
.page_content .page_service .bd li:hover dl .img img {
	transform: scaleX(1.1) scaleY(1.1);
}
.page_content .page_service .bd li dl .info {
	background: rgba(0, 0, 0, 0.3)url(../images/ic.png) center center no-repeat;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	backface-visibility: hidden;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 40px;
	height: 40px;
	padding: 85px 170px;
	box-sizing: content-box;
}
.page_content .page_service .bd li dl .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.page_content .page_service .bd li a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.page_content .page_service .bd li dd {
	line-height: 50px;
	border-bottom: 1px #e1e1e1 solid;
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}
.page_content .page_service .bd li:hover dd {
	border-bottom: 1px #0072bb solid;
	transition: all 0.4s linear 0s;
}
.page_content .page_service .bd li dd span {
	font-size: 14px;
	color: #9f9f9f;
	margin-left: 15px;
}
.page_content .page_service .bd li .cat {
	font-size: 14px;
	color: #878787;
	line-height: 24px;
}
.page_content .page_service p {
	font-size: 14px;
	color: #878787;
	line-height: 24px;
}
/* page_about */
.page_content .page_about {
	position: relative;
	width: 100%;
	margin: 22px auto 20px;
	min-height: 450px;
	border-top: 1px #f1f1f1 solid;
	padding: 35px 8px 0;
}
.page_about h1{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}
.page_about p {
	font-size: 16px;
	color: #666;
	line-height: 2em;
	margin-top: 25px;
	/* text-indent:2em; */
}
.page_about img { 
	max-width:100%;	
	margin: 10px 0;
}
/* fenye */
.pages1 {
	width: 1200px;
	margin: 30px auto 0;
}
.pages1_l {
	float: left;
	width: 100%;
	height: 40px;
}
.pages1_l a {
	line-height: 40px;
	color: #666;
	display: block;
}
.pages1_l:hover a {
	color: #0072bb;
}
.pages1_r {
	float: left;
	width: 100%;
	height: 40px;
}
.pages1_r a {
	line-height: 40px;
	color: #666;
	display: block;
}
.pages1_r:hover a {
	color: #0072bb;
}
.pages {
	margin: 20px 0;
	text-align: center;
	font-size: 14px;
}
.pages a {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	color: #333;
	padding: 0 10px;
	margin:0 0 4px 0;
	text-decoration: none;
	box-sizing: content-box;
}
.pages a.a1 {
	background: #fff;
	width: 56px;
	padding: 0;
}
.pages a:hover {
	background: #0072bb;
	border: 1px solid #0072bb;
	color: #fff;
	text-decoration: none;
	transition:all .5s;
}
.pages span {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	background: #0072bb;
	border: 1px solid #0072bb;
	color: #fff;
	text-align: center;
	padding: 0 10px;
	margin:0 0 4px 0;
	box-sizing: content-box;
}
.page_content .page_contact {
	position: relative;
	width: 1200px;
	margin: 20px auto 0;
}
.page_contact .contact_list {
	width: 580px;
	float: left;
}
.page_contact .contact_list dd {
	font-size: 24px;
	color: #515151;
}
.page_contact .contact_list p {
	font-size: 14px;
	color: #898989;
	line-height: 24px;
	margin-top: 20px;
}
.contact_form {
	width: 580px;
	float: right;
}
.contact_form p {
	margin-bottom: 20px;
}
.contact_form p .inputtxt {
	width: 100%;
	line-height: 22px;
	padding: 10px 26px;
	color: #4a4a4a;
	border: #f2f2f2 1px solid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: all .1s linear;
	font-size: 12px;
	font-family: "微软雅黑";
}
.contact_form p textarea.inputtxt {
	height: 126px;
	resize: none;
	overflow: hidden;
	background-color: transparent;
	font-size: 12px;
}
.contact_form p .inputtxt.submit {
	border-color: #E9E9E9;
	width: auto;
	cursor: pointer;
	background: none;
}
.page_content .contact_map {
	width: 1200px;
	margin: 20px auto 40px;
}


.service_item h4 {
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	color: #595959;
	transition: all ease-out 0.2s;
	border-bottom: 1px solid #E1E1E1;
	text-align: left;
	width: 100%;
}

.blocks-xlg-3 li{ width:30%; float:left; position:relative;}
.service_item{ padding:20px;}
@media (max-width: 991px) {
	.service_item h4 {
		text-align: center;
	}
}

.service_item h4:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 1px;
	background-color: #0072bb;
	margin-top: 46px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media (max-width: 991px) {
	.service_item h4:before {
		display: none;
	}
}

.service_item p {
	color: #848484;
	font-size: 13px;
	line-height: 24px;
	height: 50px;
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
}

.service_item a {
	display: block;
	width: 100%;
	position: relative;
}

.service_item a img {
	margin: 0 auto;
	width:100%;
	height:240px;
}

@media (max-width: 767px) {
	.service_item a {
		text-align: center;
		margin-top: 20px;
	}
}

.service_item a:hover {
	text-decoration: none;
}

.service_item a:hover h4 {
	color: #272727;
}

.service_item a:hover h4:before {
	width: 100%;
}



/* kefu */
#cs_box {width:156px; height:340px; color:#FFF; background:#ae251d; position:fixed; right:0; top:30%; z-index:1000;}
.cs_title {font-size:18px; width:156px; height:50px; border-bottom:solid 1px #be514a; box-sizing: content-box; line-height:50px; background:url(../images/kefu1.png) 26px center no-repeat; font-weight:bold;}
.cs_title{ color:#fff; display:block; width:156px; height:50px; cursor:pointer;}
.cs_title span{ margin-left:58px;}
.cs_img{width:120px; height:120px; background:#FFF; margin:15px 18px 10px 18px; border-radius: 5px; overflow:hidden;}
.cs_img img{ width:120px; height:120px;}
.cs_info { width:120px; font-size:12px; margin:0px 18px;  text-align:center;}
.cs_btn {width:100px; height:36px; background: url(../images/kefu3.png) 20px center no-repeat #fff; padding-left:20px; margin:10px 18px; border-radius:5px;text-align:center; cursor:pointer; box-sizing: content-box;}
.cs_btn a{ font-size:14px; line-height:36px; color:#333; display:block; }


/* 媒体查询 移动端 高度调小 */
@media (max-width:768px) {
	.index_about {
		padding: 25px 0 40px;
	}
	.index_case {
		padding: 25px 0 0;
	}
}