﻿.hei {
	font-family: "微软雅黑","宋体";
	font-size: 15px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.hei:link {
	font-family: "微软雅黑","宋体";
	font-size: 15px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.hei:hover {
	color: #FF0000;
	text-decoration:none;
	 padding-left:3px;
	 font-weight:bold;
}


#browser_ie { BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT: 85px; COLOR: #000; FONT-SIZE: 15px; position:fixed; bottom:0; width:100%; z-index:9999;}

#browser_ie .brower_info { MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 17px}

#browser_ie .brower_info .notice_info { POSITION: relative; MARGIN-TOP: 5px; FLOAT: left}

#browser_ie .brower_info .notice_info P { margin:0; TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 360px; DISPLAY: inline-block}

#browser_ie .browser_list { POSITION: relative; FLOAT: left}

#browser_ie .browser_list IMG { WIDTH: 40px; HEIGHT: 40px}

#browser_ie .browser_list SPAN { TEXT-ALIGN: center; WIDTH: 80px; DISPLAY: inline-block}



.site_top{position:fixed; margin:auto; width:100%; height:40px; top:0; z-index:99; text-align:center}



.top_head{height:40px; overflow:hidden; transition: all .3s ease; position: absolute; width: 100%; z-index: 100;}

.top_head_left a{ font-size:12px; line-height:35px; color:#63839c; transition: all .3s linear 0s;}

.top_head_left a:hover{ color:#fff;}

.top_head_right{ text-align:right; height:30px; padding-right: 10px;}

.top_head_right ul{ margin:0; padding:0; list-style:none; display:inline-block;}

.top_head_right ul li{ float:left;}

.top_head_right ul li a{ display:block; color:rgba(255,255,255,0.5); transition: all 300ms linear 0s; padding: 0 10px; line-height: 35px;  font-size: 15px;}

.top_head_right ul li.email i,.top_head_right ul li.tel i {margin-right: 10px;}

.top_head_right ul li a:hover,.top_head_right ul li a:focus,.top_head_right ul li.tel a{ background:rgba(255,255,255,0.15); color:#fff;}

.top_head_right ul li.tel{ border-left:none;}



.top_section{height:90px; z-index:99; /* background:rgba(0,0,0,0.8); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12); */ transition: all .3s ease;
background:rgba(255,255,255,0.5);
 }

/*.top_section:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.85); z-index:-1;}*/

.site_nav{ float:right;}

.site_nav ul{ margin:0; padding:0; list-style:none; position:relative;}

.site_nav ul li{ float:left;  padding-top:30px; position:relative; z-index:3; transition: all .3s ease;}

.site_nav ul li a{ padding:0 15px; line-height:40px; color:rgba(255,255,255,1); text-transform:uppercase; font-size:14px; display:block; transition: all .3s ease;}

.site_nav ul li a.have_menu{ padding:0px 30px 0 15px;}

.site_nav ul li a:hover,.site_nav ul li.open a,.site_nav ul li.web_language a{ color:#fff; background:rgba(204,0,0,0.8);}

.site_nav ul li.active a{ color:#fff; background:#cc0000;}

.site_nav ul li ul li a{ font-size:13px;}



.angle-down{ position:absolute; height:20px; top:50%; margin-top:5px; color:rgba(255,255,255,1); right:15px; line-height:20px; transition: all .3s ease;}

.site_nav ul li a:hover .angle-down,.site_nav ul li.open .angle-down,.site_nav ul li.active .angle-down{color:#fff;}

.dropdown .dropdown-menu{ position: fixed; width:100%; top:70px; left:0px; z-index:99; font-size:13px; color:#D20000; border-radius:0 0 4px 4px; float:left; list-style:none; line-height: 40px; background:rgba(0,0,0,0.6); box-shadow: 0 6px 12px rgba(0,0,0,.175); display:none;  transition: all .3s ease;}

.dropdown .dropdown-menu ul{ display:inline-block; margin-top: 0px; padding: 25px 0 5px;}

.dropdown .dropdown-menu li a,.dropdown.open .dropdown-menu li a{ color:rgba(255,255,255,0.6); display:inline-block; width:100%; text-align:left; line-height:40px; padding:0 15px; box-sizing: border-box;}

.dropdown .dropdown-menu li a:hover{ background:rgba(255,255,255,0.1); color:#fff;}

.site_nav ul li.open .dropdown-menu li a{ background:none;}

.site_nav ul li .dropdown-menu li{ line-height:40px; padding-top: 0;}



.site_nav ul li .topword_dl span{ display:block; float:left; padding-bottom:15px;}

.site_nav ul li .topword_dl dl{ margin:0; padding:0; list-style:none; float:left;}

.site_nav ul li .topword_dl dt{ float:left; margin-right:12px;}

.site_nav ul li .topword_dl dt a{ line-height:1.6em; height:auto; color:#fff; padding:0; font-size:14px; background:none;}

.site_nav ul li .topword_dl dt a:hover{color:#00b4fa;}

.team_menu{padding-left:18px;}

.team_menu input.search-text,.team_menu select{ background:none; border:1px #ccc solid; width:150px; color:#999; height:30px; box-sizing: border-box;}

.team_menu input.search-text{ margin-right:30px;}

.team_menu select{ margin-right:40px;}

.team_menu input.button{ background:#00b4fa; border:1px #00b4fa solid; height:28px; color:#fff; cursor:pointer; height:30px; padding:0 15px; transition: all 0.2s ease;}

.team_menu input.button:hover{ background:none;}

.site_nav ul li.open .team_menu a{ display:inline-block;}



.site_top.NavBg .top_head{height:0px;}

.site_top.NavBg .top_section{ height:70px; background:rgba(31,68,151,1); transition: all .3s ease;}

.site_top.NavBg .top_section .logo a{ padding:15px 0 0px; transition: all .3s ease;}

.site_top.NavBg .top_section .logo img{ height:43px;}

.site_top.NavBg .top_section .logo img.logo_w{ display:block;}

.site_top.NavBg .top_section .logo img.logo_normal{ display:none;}

.site_top.NavBg .top_section .site_nav ul li{ padding-top:18px; padding-bottom: 12px;}

.site_top.NavBg .top_section .site_nav ul li a{ padding-top:0; transition: all .3s ease;}

.site_top.NavBg .top_section .angle-down{ margin-top:-7px;}

.site_top.NavBg .top_section .site_nav ul li ul li{ padding-top:0;}

.site_top.NavBg .top_section .site_nav ul li ul li a{ line-height:40px;}

.site_top.NavBg .dropdown .dropdown-menu{ top:70px;}



.design{ position:absolute; left:0; bottom:20px; padding-left:40px; font-size:12px; display:none;}



.main_content{ background:#fff; position:relative; z-index:1;}



.index_content_height{ height:550px;}



/* 在哪 */

.where {
    /*height: 40px;*/
    padding: 0 3px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 3px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}

.where i {
    margin: 0 3px;
    color: #ccc;
    font-size: 16px;
    vertical-align: middle;
}


.where .back {
    display: inline-block;
    padding: 0 3px;
    color: #797979;
}

.where a,
.where span {
    margin: 0 3px;
}

.where a.home {
    margin: 0;
}



/* 更多按钮 */

.more_btn{ margin-top:30px; text-align:center;}

.more_btn a{ background:none; border:1px #d20000 solid; padding:10px 35px; color:#d20000; position:relative;}

.more_btn a span{ position:relative; z-index:2;  transition: all .3s ease-out 0s;}

.more_btn a:before{ content:""; background:#d20000; position:absolute; height:100%; top:0; left:0; width:0; z-index:1; transition: all .3s ease-out 0s;}

.more_btn a:hover span{ color:#fff;}

.more_btn a:hover:before{ width:100%;}



/* banner */

.slideBox{ width:100%; height:550px; min-height:550px; overflow:hidden; position: fixed; border:0px solid #ff0000}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-84px; bottom:15px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; }

.slideBox .hd ul li{ float:left; margin:0 3px;  width:50px; height:6px; line-height:140px; overflow:hidden; text-align:center; background:rgba(255,255,255,0.4); cursor:pointer; }

.slideBox .hd ul li.on{ background:#D20000; height:8px; margin-top:-1px; }

.slideBox .bd{ position:relative;  width:100%; height:550px !important; z-index:0;}
.slideBox .bd ul{ margin:0; padding:0; list-style:none; height:100% !important; width:100% !important;}

.slideBox .bd li{ zoom:1; vertical-align:middle; height:100%; background-position:center center; background-repeat:no-repeat;  background-size: cover;  width:100% !important; position:relative;}

.slideBox .bd li:before{ content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.1); top:0; left:0;}

.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:40%; /*margin-top:35px;*/ display:block; width:30px; height:60px; text-align:center; filter:alpha(opacity=30);opacity:0.3; background:#000;}

.slideBox .prev i,.slideBox .next i{ font-size:30px; color:#fff; line-height:60px;}

.slideBox .next{ left:auto; right:0; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }

.small_title{ font-size:14px; color:#fff; letter-spacing:3px; text-transform:uppercase; }

.banner_title{ font-size:48px; line-height:1.2em; color:#fff; letter-spacing:10px; padding-left:10px; margin-bottom:30px; margin-top:10px; }

.banner_txt{ font-size:16px; color:#fff; margin-bottom:30px;}

.slideBox .more_btn a{color:rgba(255,255,255,0.8); font-size:12px; background:none; border:1px #fff solid;}

.short_width{ width:70%; text-align:center; margin:0 auto; line-height:2em; color:rgba(255,255,255,0.8);}



/* 首页新闻版块 */

.index_news_box{ padding:60px 0 60px;}

.section_title{ position:relative; margin-bottom:40px;}

.section_title h1{ font-size:24px; color:#000; margin:0; text-transform:uppercase;}

.section_title span{ color:#00b4fa; display:block; margin-bottom:15px; letter-spacing:10px; text-transform:uppercase;}



.section_type{ position:absolute; top:5px; right:45px;}

.section_type ul{ margin:0; padding:0; list-style:none;}

.section_type ul li{ float:left; margin-left:5px;}

.section_type ul li a{ padding:8px 10px; color:#ee7700; transition: all .3s ease-in-out;}

.section_type ul li.type_more a{ padding:8px 0;}

.section_type ul li.active a,.section_type ul li a:hover{ background:#ee7700; color:#fff;}

.section_type ul li.type_more a:hover{ background:none; color:#333;}



/* 首页新闻 */

.rongyi_section{ background:#fff; padding:80px 0 120px; position:relative;}

.rongyi_section .border_line{ position:absolute; width:100%; border-top:1px #e0e0e0 solid; left: 0; top: 226px; margin: 0;}

.owl-carousel_honor{ box-sizing: border-box;}

.honor_item a{ display:block;  border:1px rgba(0,0,0,0) solid; padding:10px; box-sizing: border-box;}

.honor_item a:hover{ border:1px #e0e0e0 solid; background:#fff; transition: all .3s ease-in-out;}

.honor_item h2{ margin:0; font-size:16px; font-weight:normal; color:#000; position:relative;}

.honor_item p{ font-size:16px; margin:0;color:#000;}

.owl-carousel_honor .owl-stage-outer{ z-index:2;}

.owl-carousel_honor.owl-theme .owl-controls{ position:absolute; z-index:999; box-sizing: border-box; left:0; top:30px;}

.owl-carousel_honor.owl-theme .owl-controls .owl-nav{ position:relative;}

.owl-carousel_honor .owl-controls .owl-nav .owl-prev{ position:absolute; left:30px;}

.owl-carousel_honor .owl-controls .owl-nav .owl-prev:before{ content: "\f104"; font-family:FontAwesome; position:absolute; left:0; top:0; margin-left:12px; font-size: 14px; color:#fff; line-height:30px;}

.owl-carousel_honor .owl-controls .owl-nav .owl-next{ position:absolute; right:30px;}

.owl-carousel_honor .owl-controls .owl-nav .owl-next:before{ content: "\f105"; font-family:FontAwesome; position:absolute; left:0; top:0; margin-left:12px; font-size: 14px; color:#fff; line-height:30px;}



/* 首页业务领域 */

.new_pro{ background:#ee7700; position:relative;}

.pro_word{ padding:50px 40px; color:#fff;}

.pro_word h1{ font-size:24px; margin:0;}

.pro_word p{ margin:0; margin-top:30px;}

.pro_word .more_btn{ text-align:left;}

.pro_word .more_btn a{ border:1px rgba(255,255,255,0.8) solid; color:#fff;}

.pro_word .more_btn a:before{ background:#fff;}

.pro_word .more_btn a:hover span{ color:#ee7700;}



.da-thumbs {

	list-style: none;

	position: relative;

	margin: 0;

	padding: 0;

}

.da-thumbs li {

	float: left; width:33.33%;

	position: relative;

}

.da-thumbs li a,

.da-thumbs li a img {

	display: block; width:100%;

	position: relative;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a:before{ content:""; width:100%; height:100%; background:rgba(156,29,43,0.5); position:absolute; top:0; left:0; z-index:1;}

.da-thumbs li a .word{position:absolute; color:#fff; display:block; top:15px; left:15px; font-size:24px; z-index:2;}

.da-thumbs li a:hover .word{ display:none;}

.da-thumbs li a .hoverdiv {

	position: absolute;

	background: #333;

	background: rgba(75,75,75,0.7);

	width: 100%;

	height: 100%; z-index:2;

}

.da-thumbs li a .hoverdiv span {

	display: block;

	padding: 10px 0;

	margin: 40px 20px 20px 20px;

	text-transform: uppercase;

	font-weight: normal;

	color: rgba(255,255,255,0.9);

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	border-bottom: 1px solid rgba(255,255,255,0.5);

	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);

}

.da-thumbs li a .hoverdiv span font{ display:block; font-size:18px; font-weight:bold; margin-bottom:10px; color:#fff;}

.da-thumbs li a .hoverdiv span em{ font-style:normal; line-height:20px; height:60px; display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;}

/*首页底部人才招聘*/
.more1,.more1:link,.more1:hover{color:#fff}
.index_other{
	
	color: #fff;
	padding: 2px 0;
	padding-right: 100px;padding-left: 100px;
	background-color: #0768ab;
	background-image: url(../images/bg1.png);
	background-repeat: repeat;
	background-position: center 0;
	/* background-size: cover; */
	overflow: hidden;
	border:0px solid #ff0000;
}
.index_other .left{
	float: left;
	width: 640px;
	padding-right: 55px;
	position: relative;
	margin-right: 55px;
}
.index_other .left::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-right: 1px solid rgba(255,255,255,.3);
}
.index_other .right{
	overflow: hidden;
}
.index_other .flex{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.index_other .title{
	font-size: 24px;
}
.index_other .title .icon-title{
	color: #0768ab;
	width: 70px;
	height: 60px;
	padding: 10px 0;
	line-height: 30px;
	text-align: center;
	background: url(../images/bg2.png) no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}
.index_other .more{
	color: #fff;
	font-size: 18px;
	margin-top: 0;
	transition: .35s;
	-webkit-transition: .35s;
}
.index_other .more:hover{
	margin-top: 5px;
}
.index_other .icon_user{
	width: 24px;
	height: 24px;
	fill-rule: evenodd;
	fill: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 10px;
}
.index_other .title span{
	height: 80px;
	text-align: center;
	line-height: 80px;
	display: inline-block;
	margin-right: 15px;
}
.index_other .icon_plat{
	/* width: 50px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	margin-right: 15px; */
	width: 45px;
	height: 35px;
	line-height: 35px;
	font-size: 0;
	fill-rule: evenodd;
	fill: #fff;
	display: inline-block;
	vertical-align: middle;
}
.icon_plat img{
	display: inline-block;
	vertical-align: middle;
	/* margin-top: -8px; */
}


@media only screen and (max-width:1900px){
    .index_other .title{font-size: 1.25vw;}
	.index_other .more{font-size: .9375vw;}
	
	.index_dynamic .left{width: 51.15%;margin-right: 3%;}
	
	.index_tabs .left{width: 29.23%;}
	
	.index_other .left{width: 49.23%;padding-right: 4.23%;margin-right: 4.23%;}
}
@media only screen and (max-width:1440px){
	.index_other .title{font-size: 20px;}
	.index_other .more{font-size: 14px;}
}
@media only screen and (max-width: 1280px) {
    .index_other{padding-right: 0px;padding-left: 0px;}
	.index_other .title{font-size: 18px;}
	.index_other .title .icon-title{margin-right: 15px;}

	

}
@media only screen and (max-width: 992px)
{
	.index_other .left{float: none;width: auto;margin-right: 0;padding-right: 0;padding-bottom: 20px;margin-bottom: 0px;}
	.index_other .left::after{top: 100%;left: 0;border-right: 0;border-bottom: 1px solid rgba(255,255,255,.3);}
	.index_other .title .icon-title{width: 50px;height: 40px;line-height: 20px;
		background-size: contain;
}
	.index_other .title span{height: 60px;line-height: 60px;}


}
@media only screen and (max-width: 750px)
{
	.index_other .flex{display: block;text-align: center;}
	.index_other .left .title{margin-bottom: 0px;}
}

/* 底部 */

.bottom_section{ background:#333; padding:12px 0; font-size:12px; position:relative; z-index:1;}

.bottom_link,.bottom_link a{ color:#ccc;}

.bottom_link i{ margin-right:5px;}

.bottom_link a:hover{ text-decoration:underline;}

.bottom_link font{ margin:0 6px;}

.bottom_icon{ text-align:right; color:#ccc;}

.bottom_icon a{ margin-left:6px;}

.bottom_icon a i{ width:22px; height:22px; border-radius:100%; background:#172385; color:#fff; text-align:center; line-height:22px; font-size:12px;  transition: all .3s ease-out 0s;}

.bottom_icon a:hover i{ background:#000;}



.sub_banner{ height:300px; background-size: cover; background: no-repeat scroll center center;}



.bottom_title{ margin-bottom:20px;}

.bottom_title h2{ margin:0; font-size:18px; font-weight:normal; color:#000;}



.qrcode_share_box{ border:1px #ccc solid; padding:30px 0; text-align:center;}

.qrcode_share_box p{ font-size:13px; color:#888; margin-bottom:0;}



.page_main_content{ padding-bottom:80px;}

.content_left{ width:20%; float:left;}

.content_right{ width:80%; float:left;}

.page_title{font-size: 24px; color: #000; letter-spacing: 2px; padding-bottom:30px;}



.team_page_search{ text-align:center;}



.left_menu_ul{ margin:0; padding:0; list-style:none;}

.left_menu_ul li{ margin-bottom:15px;}

.left_menu_ul li a{ padding-left:17px; font-size:13px; color:#666; position:relative; transition: all 0.5s ease;}

.left_menu_ul li a:hover,

.left_menu_ul li.active a{color:#00b4fa;}

.left_menu_ul li.active a:before{ content:""; position:absolute; left:0; width:12px; top:8px; border-bottom: 1px solid #00b4fa;}



.team_main_search{ width:75%; margin:40px auto 0;}

.team_main_search h3{ font-size:16px; color:#00b4fa; margin:0; margin-bottom:10px;}

.team_main_search .word_search{ margin-bottom:0; border:1px #eee solid; padding:5px 0; width:100%; margin-top:0;}

.team_main_search .word_search ul{ border-right:none; margin:0; padding:0; list-style:none; }

.team_main_search .word_search ul li{ width:7.692307692307692%; float:left;  margin:5px 0; text-align: center;}

.team_main_search .word_search ul li a,.team_main_search .word_search ul li span{width:36px; height:36px; line-height:36px; color:#ddd; border-radius:36px; text-align: center; display:inline-block;}

.team_main_search .word_search ul li a{color:#000; }

.team_main_search .word_search ul li a:hover{ color:#00b4fa;}



.team_main_search p{ margin:15px 0 5px; color:#666;}

.inputselect{ display: block; width: 100%; height: 34px; border-radius: 3px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; border: 1px solid #cccccc; box-sizing: border-box;}

.search_btn{ text-align:right; margin-top:25px;}

.search_btn_show{background:#ee7700; width:auto; display:inline-block; color:#fff; cursor:pointer; border:none; line-height: 1.42857143; padding:7px 25px;  border-radius: 3px; transition: all 0.3s ease-out;}

.search_btn_show:hover{ background:#333;}

.input100{ width:100%;}



.left_search{ width:100%; margin-top:0; margin-bottom:30px;}

.left_search .word_search ul li{width: 14.28571428571429%;}

.left_search .inputselect{ margin-bottom:15px;}


.vertical ul li{ border-bottom:1px #eee solid; padding-bottom:20px;}

.vertical img{ width:15%; margin-right:20px;}

.vertical p{}

.vertical p em{ margin-left:24px; font-style:normal; display:none;}

.vertical .text{ font-size:14px; text-align:justify; margin-top:10px; color:#999;}

.vertical a:hover .text,.vertical a:hover p{ color:#333;}



.news_list{ border-top:1px #00b4fa solid; margin-top:60px;}

.news_list h4,.client_list h4{ margin:0; line-height:4em; font-size:14px;}

.news_list ul{ margin:0; padding:0; list-style:none; border-top:1px #f0f0f0 solid;}

.news_list ul li{ border-bottom:1px #f0f0f0 solid; position:relative; }

.news_list ul li:after{ position:absolute; width:24px; height:24px; right:0; top:50%; margin-top:-12px; content:"\f105"; font-family:FontAwesome;}

.news_list ul li a{ color:#666; display:block; padding:10px 0;  font-size:13px; transition: all 0.5s ease;}

.news_list ul li a span{ display:block; color:#999;}

.news_list ul li a:hover{ background:#f7f7f7;}



.news_list_more{ margin-top:15px; margin-bottom:15px;}

.news_list_more a{ color:#00b4fa; font-size:12px;}

.news_list_more a:before{ content:"\f0da"; font-family:FontAwesome; margin-right:12px;}

.news_list_more a:hover span{ text-decoration:underline;}



.news_search{ margin-bottom:30px;}

.page_news_list a h5{ font-size:16px;}

.page_news_list a p{ margin-top:0;}

.page_news_list .text{ margin-top:8px;}



.team_page_list ul{ margin:0; padding:0; list-style:none;}

.team_page_list ul li{ float:left; width:23%; margin-right:12%; margin-bottom:50px;}

.team_page_list ul li.lastright{ margin-right:0;}

.team_bg{ position:relative; transition: all 0.5s ease;}

.team_bg:hover{ }

.team_img,.team_img img{ width:100%; vertical-align:middle;}

.team_bg a{ position:relative; z-index:2; display:block; width:100%; padding-bottom:60px; background:#ddd; text-align:center;}

.team_bg a span.border{ padding:10px 13px 10px 15px;}

.team_hover{ position:absolute; z-index:1; width:100%; height:50px; padding-top:10px; overflow:hidden; left:0; bottom:0px; background:rgba(255,255,255,0.8); transition: all 0.5s ease;}

.team_bg:hover .team_hover{ height:110px;}

.team_hover h1{ margin:0; padding:0 10px; font-size:16px; color:#333;}

.team_hover p{ margin:0; padding:0 10px; font-size:13px; color:#999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.team_hover p.team_show{ margin-bottom:10px; color:#333;}

.team_hover p span{ margin-left:7px; padding-left:7px; border-left:1px #333 solid;}



.yellow_top{background:rgba(232,205,152,0.6);}

.yellow_top .site_nav ul li a,.yellow_top .angle-down{ color:#000;} 

.yellow_top .site_nav ul li a:hover,.yellow_top .site_nav ul li.open a{ color:#000; background:rgba(232,205,152,0.8);}

.yellow_top .site_nav ul li.active a{ color:#000;}

.yellow_top .dropdown .dropdown-menu{ background:rgba(232,205,152,0.8);}

.yellow_top_head_right.top_head_right ul li a{ color:rgba(0,0,0,0.6)}



.rongyi_show_box{width: 100%;margin-left: 0%; margin-top:40px;}

#lxf-box{position:relative;width:100%;margin:0; padding:0; list-style:none;}

#lxf-box a{display:block;}

#lxf-box li{position:absolute;text-align:; left:0px;top:0;width:33.33%; background:#fff; padding-bottom:20px;}

#lxf-box li{-webkit-transition:all .7s ease-out .1s;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out .1s;transition:all .7s ease-out .1s; text-align: center;}

#lxf-box li a{ display:inline-block; width:95%; height:100%; border:1px #ccc solid; padding: 10px;

    box-sizing: border-box; }

#lxf-box li a:hover{ text-decoration:none;}

#lxf-box img{display:block;border:0;margin:0 auto;margin-bottom:15px; width:100%; border:1px #ccc solid;}

#lxf-box strong{display:block;font-size:12px;color:#666; font-weight:normal; margin:0 30px 15px; line-height:1.3em;}

#lxf-box span{display:block;color:#606060;margin:10px;height:20px;font-weight:normal;font-size:12px;}



#lightbox-overlay-text span{cursor: pointer;}



.office_place{ margin:40px 0 60px;}

.office_place .page_title{ color:#00b4fa; padding-bottom:15px;}


.place_img{ margin-top:10px;}

.place_img img{ width:88%;}

.place_box .sub_link{ line-height:3em;}





/* 新闻详情 */

.news_banner{height:90px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;border-bottom:1px solid #ccc; margin-top:60px;text-align:center;}

.news_banner:after{ content:""; position:absolute; height:100%; top:0;background:rgba(255,255,255,0);}

.main_news_title{ width:100%; position:absolute; bottom:0; z-index:1; padding-bottom:10px;text-align:center;}

.main_news_title h1{ font-size:22px; line-height:2.5em; color:#000; font-weight:normal; margin:0 0 10px; }

.main_news_title i{ font-size:14px; color:#ddd; margin-right:5px;}

.main_news_title span{ font-size:14px; color:#ddd; margin-right:20px;}



.news_action_icon{ background:#ee7700; padding:15px 0;}

.news_action_icon a.action_icon{ margin-left:20px; text-align:center;}

.news_action_icon a.action_icon i{ color:#fff; border:1px #fff solid; font-size:16px; width:40px; height:40px; line-height:40px; border-radius: 100%;}

.news_action_icon a.action_icon i:hover{ background:#fff; color:#ee7700;}



.news_action_icon_left{ float:left;color:rgba(255,255,255,0.8);}

.news_action_icon_left a{ line-height:42px; color:#fff;}

.news_action_icon_left a:hover{ text-decoration:underline;}

.news_action_icon_left font{ margin:0 6px;}

.news_action_icon_right{ float:right;}



.main_content_sub{ padding:10px 0 0px;}

.news_detail{ position:relative;}

.news_share{ text-align:right; margin-bottom:30px;}

.news_share a{ color:#00ACE9; font-size:12px;}

.news_share a i{ margin-right:5px;}

.news_share a:hover{ color:#000;}

.tt12{width:100%; height:80px; line-height:80px; text-align:center; background-color:#3D9DF5; color:#FFFFFF; font-family:"微软雅黑"; font-size:24px;}
.news_title{float:right; width:26%; border:0px solid #ff0000; height:100%; min-height:700px; background-color:#F5F5F5}
.news_title h2{ font-size:21px; font-weight:normal; margin:0 0 60px; color:#000;}
.news_title{ display:block}
.m-daohang {display:none}


.news_detail_content{ float:left; width:72%; border:0px solid #ff0000}

.news_content p{ margin:0; line-height:2em !important; font-size:16px !important; color:#000; font-family:Arial,Microsoft yahei !important; text-align:justify;}

.news_content img{ max-width:100% !important;}



.news_data_list{ float:right; margin-left:40px;}

.news_data_list p{ margin:0; font-size:16px; font-family:helveticaneuethn,Arial; color:#999; margin-top:4px; margin-bottom:20px;  transition: all .3s ease-out 0s;}

.news_data_list font{ display:block; border-left:1px #e6e6e6 solid; margin-left:15px; padding-left:5px;  transition: all .3s ease-out 0s;}

.news_data_list font i{ position:relative; font-size:16px; color:#666;  transition: all .3s ease-out 0s;}

.news_data_list font i:after{ content:""; position:absolute; left:-11px; top:9px; height:1px; width:15px; background:#666;  transition: all .3s ease-out 0s;}





.tag_list{ padding:10px 0 20px;}

.tag_list a{ display:inline-block; margin-right: 4px; margin-bottom: 4px; padding: 3px 6px; border: 1px solid #E5E5E5; font-size: 12px; color: #666; border-radius: 3px; background: #fff; text-decoration: none; transition: all .3s ease-out 0s;}

.tag_list a:hover{ background:#ee7700; color:#fff;}



.news_related{ margin-top:80px; background:#f7f7f7;}

.news_related a{ padding:40px 30px; display:block;  transition: all .3s ease-out 0s;}

.news_related a:hover{ background:#ee7700;}

.news_related h3{ margin:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#666; font-size:14px; font-weight:normal;  transition: all .3s ease-out 0s;}

.news_related a:hover h3{ color:#fff; }

.related_left .news_data_list{ float:left; margin-right:20px; margin-left:0;}

.related_left .news_data_list font{transform:rotate(180deg); margin-left:0;}

.related_right{ text-align:right;}

.related_right .news_data_list{ margin-left:20px;}

.news_related a:hover .news_data_list font{ border-color:#fff;}

.news_related a:hover .news_data_list font i{ color:#fff;}

.news_related a:hover .news_data_list font i:after{background:#fff;}



.gray_bg{ width:720px; height:calc(100% - 200px); margin:200px auto 0; background:rgba(0,0,0,0.4); position:relative;}

.banner_index_title{padding-left: 120px; color: #fff; padding-top: 50px; font-size: 36px; letter-spacing: 10px;}

.red_bg{ position:absolute; left:120px; top:120px; width:98%;  background:rgba(0,0,0,0.5); padding:60px 0 40px;}

.banner_icon{ float:left; width:25%; padding:0 30px; box-sizing: border-box; }

.banner_icon img{ width:100%; vertical-align:middle; border:1px dotted #fff; padding-top:5px; padding-bottom:5px;}

.banner_txt{ float:left; width:75%; padding-right:30px; box-sizing: border-box; font-size:15px; color:#fff;}

.banner_txt a{ border:1px #fff solid; padding:3px 15px; display:inline-table; color:#fff; margin-top:20px; font-size:12px;  transition: all .3s ease-out 0s; float:left;}

.banner_txt a:hover{opacity: 1.0;color:#000;background:rgba(204,0,0,0.5);}


.index_news_section{ padding:80px 0; background:#fff;}

.index_title{ text-align:center;}

.index_title h2{ font-size:26px; color:#444; margin:0; font-weight:normal; margin-bottom:10px;}
.index_title h2 img{ max-width:100%}

.index_title span{ font-size:16px; color:#999; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";}




.index_news ul{ margin:0; padding:0; list-style:none; margin-top:30px;}

.index_news ul li{ float:left; width:48%; margin:50px 0;}

.index_news ul li:nth-child(2n){ float:right;}

.index_news ul li a{ display:block; position:relative;}

.index_news ul li a .news_data{ position:absolute; top:0; left:15px; width:180px; height:120px; background: #fff; border:1px solid #ccc; padding:5px; }

.index_news ul li a .news_data span{ display:block; margin-top:22px; color:#adadad; line-height:20px; font-size:12px; margin-left:20px; }

.index_news ul li a .news_data p{ color:#fff; font-size:20px; line-height:24px; margin:0; margin-left:20px; }



.index_news ul li a .news_txt{ padding-left:230px; padding-right:15px; transition: all .5s ease-out 0s;}

.index_news ul li a .news_txt h3{ position:relative; display:block; font-size:18px; color:#000; margin:0; font-weight:bold; line-height:32px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  transition: all .3s ease-out 0s;}

.index_news ul li a .news_txt p{ margin:0; color:#999999; height: 48px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:24px;  transition: all .3s ease-out 0s;}

.index_news ul li a:before{ content:""; width:50px; position:absolute; left:85px;top:15px; z-index:1; transition: all .5s ease-out 0s;}



.index_news ul li a:hover:before{ width:60px;}

.index_news ul li a:hover .news_txt{ padding-left:210px; padding-right:5px;}

.index_news ul li a:hover .news_txt h3{ color:#d20000;padding-left:10px;}

.index_news ul li a:hover .news_txt p{ color:#000;padding-left:10px;}

.index_service_section{ padding:0px 0;background:#fff;}
.index_team_section{ padding: 50px 0px;background:#f7f7f7;}


/*info.asp产品图片*/
.about_img_list{ margin:0; padding:0; list-style:none; margin-top:10px;}

.about_img_list li{ float:left; width:33.33%;margin:20px 0;overflow: hidden;}

.about_img_list li a{ display:block; padding-bottom:5px; border:1px solid #ccc; position:relative; transition: all .5s ease-out 0s; text-align:center; }

.about_img_list li a img{ vertical-align:middle; padding-bottom:5px;width: 100%;height: 15vw;/*图片展示，小屏下图片的高度。smile*/}
.about_img_list li a h2{ position:absolute;bottom:5px; font-size:16px; margin:0;  height:30px; line-height:30px; color:#000; text-align:center; transition: all .5s ease-out 0s;}

.about_img_list li a p{ position:absolute;  text-align:center; bottom:15px; margin:0; color:#848484; font-size:12px; margin-top:8px; line-height:24px; height:30px;  transition: all .5s ease-out 0s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 13; -webkit-box-orient: vertical;}

.about_img_list li a:after{content:""; width:0px; position:absolute; left:0; border-top: 1px solid #d20000; bottom:0px; z-index:1; transition: all .5s ease-out 0s;}

.about_img_list li a:hover h2{ bottom:20px;}

.about_img_list li a:hover p{ bottom:30px;}

.about_img_list li a:hover:after{ width:100%;}

.about_img_list li img{ width:100%;}

.about_img_list li:hover,.about_img_list li:hover
{	top: -20px;
	position: relative;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}


/*index.asp产品图片*/

.team_img_list{ margin:0; padding:0; list-style:none; margin-top:10px;}

.team_img_list li{ float:left; width:25%;margin:20px 0;overflow: hidden;}

.team_img_list li a{ display:block; padding-bottom:5px; border:1px solid #ccc; position:relative; transition: all .5s ease-out 0s; text-align:center; }

.team_img_list li a img{ vertical-align:middle; padding-bottom:5px;width: 100%;height: 15vw;}

.team_img_list li a h2{ position:absolute;bottom:5px; font-size:16px; margin:0;  height:30px; line-height:30px; color:#000; text-align:center; transition: all .5s ease-out 0s;}

.team_img_list li a p{ position:absolute;  text-align:center; bottom:15px; margin:0; color:#848484; font-size:12px; margin-top:8px; line-height:24px; height:30px;  transition: all .5s ease-out 0s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 13; -webkit-box-orient: vertical;}

.team_img_list li a:after{content:""; width:0px; position:absolute; left:0; border-top: 1px solid #d20000; bottom:0px; z-index:1; transition: all .5s ease-out 0s;}

.team_img_list li a:hover h2{ bottom:20px;}

.team_img_list li a:hover p{ bottom:30px;}

.team_img_list li a:hover:after{ width:100%;}

.team_img_list li img{ width:100%;}

.team_img_list li:hover,.about_img_list li:hover
{	top: -20px;
	position: relative;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}








.index_office{padding:30px 0;margin-top:0px; background-color: #f3f3f3;  position:relative; z-index:1;}



#gototop{ height:1px;}

.gototop{ position:fixed; right:10px; bottom:30px; z-index:998;}

.gototop ul{ margin:0; padding:0; list-style:none; border-bottom:none;}

.gototop ul li{width: 40px; height: 40px; line-height:40px; border-bottom: 1px solid #e6e6e6; display: block; cursor:pointer; font-size: 16px; text-align: center;  position: relative; transition: all 0.3s ease-out 0s; background-color: #f0f0f0; transition: all .3s ease-out 0s;}

.gototop ul li:hover,.gototop ul li.goto_wechat{ background:#d20000; color:#fff;}

.gototop ul li.goto_up{ height:0; overflow:hidden;}

.gototop ul li.goto_up.show_goto_up{ height:40px;}

.gototop ul li a{ display:block; height:40px; color:#666;}

.gototop ul li:hover a{ color:#fff;}

.gototop ul li i{ font-size:16px;}

.gototop ul li i.fa-mobile{ font-size:20px;}



.page_title{ position:absolute; width:100%; left:0; top:200px; z-index:3;}

.page_title h1{ color:#fff; font-size: 48px; line-height: 1.5em;}



.news_detail_content .index_news ul{ margin-top:0;}

.news_detail_content .index_news ul li{ float:none; width:100%; margin:0 0 80px;}

.news_detail_content .index_news ul li a .news_data{ left:0;}

.news_detail_content .index_news ul li a:before{ left:70px;}

.news_detail_content .index_news ul li a .news_txt{ padding-left:215px;}



.sub_menu ul{ margin:0; padding:0; list-style:none;}

.sub_menu ul li{ border-bottom:1px #eee solid;}

.sub_menu ul li a{ display:block; padding:10px 0 10px 20px; position:relative; color:#666; font-size:15px; transition: all .3s ease-out 0s;}

.sub_menu ul li a::before {content:''; position:absolute; width:3px; height:12px; background:transparent; left:0px; margin-top:5px; transition: all .3s ease-out 0s;}

.sub_menu ul li a:hover{ padding-left:30px;}

.sub_menu ul li a:hover::before {background:#ee7700; left:10px;}

.sub_menu ul li.active a{ color:#ee7700;}

.sub_menu ul li.active a::before {background:#ee7700;}



.news_search_page h3{ font-size:16px; font-weight:bold; color:#000; margin:0; margin-bottom:10px;}

.news_search_page{margin-top:50px; position:relative;}

.news_search_page .inputselect{ height:36px; margin-bottom:10px;}

.news_search_page .search_btn_show,.news_search_page img{ width:100%;}

.about_contact_word{ position:absolute; width:100%; text-align:center; font-size:18px; line-height:36px; color:#fff; top:50%; margin-top:-24px; z-index:2;}

.about_contact_link{position:absolute; width:100%; height:100%; left:0; top:0; z-index:3;}

.about_contact_link a{ display:block; height:100%;}



.page_word,.page_big_title{ margin:0 auto; max-width:800px;}

.page_big_title h1{ font-size:36px; margin:0; text-align:center; color:#000;}

.page_big_title p{ font-size:14px; text-align:center; color:#666; margin:30px 0 60px;}



.page_team_search p{ margin-top:0;}

.page_team_search input,.page_team_search select{ border:1px #ccc solid; width:100%; height:40px; line-height:40px; padding:0 6px; box-sizing: border-box;}

.word_search{ margin:30px 0 15px 0;}

.word_search ul{ margin:0; padding:0; list-style:none; border:1px #ccc solid; box-sizing: border-box;}

.word_search ul li{ float:left; width:3.307692307692308%; text-align:center; height:40px; line-height:40px; color:#ccc;  box-sizing: border-box;}

.word_search ul li a{ display:block; color:#333; box-sizing: border-box; transition: all .3s ease-out 0s;}

.word_search ul li a:hover{ background:#ee7700; color:#fff;}

.word_search ul li.allword{ width:4%;}

.word_search ul li.word_btn{ width:10%; float:right;}

.word_search ul li.word_btn input{ width:100%; height:40px; line-height:40px; cursor:pointer; border:none; background:#ee7700; color:#fff; transition: all .3s ease-out 0s;}

.word_search ul li.word_btn input:hover{ background:#000;}



.practices_good{ padding-bottom:30px;}

.practices_good a{ display: inline-block; padding:5px 15px; border:1px solid #ee7700; color:#ee7700; border-radius: 5px; font-size:12px; margin-right:15px; transition: all .3s ease-out 0s;}

.practices_good a:hover{ background:#ee7700; color:#fff;}

.form_group{margin-bottom: 15px;}

.form_group input,.form_group select,.form_group textarea{width: 100%; font-size: 13px; height: 40px; line-height: 41px; border-radius: 4px; color: #000; outline: none; padding: 0 20px; transition: all 0.2s; border: 1px solid #ccc; background: #fff; font-family: Helvetica,Arial,Microsoft yahei; box-sizing: border-box;}

.form_group textarea{height: 100px; padding-top: 11px; padding-bottom: 11px; line-height: 27px !important; resize: vertical;}

.form_group input:focus,.form_group select:focus,.form_group textarea:focus { box-shadow: none; border-color: #CF000E; background: #fff; }

.form_group input.form_btn{ background:#CF000E; width:100%; height: 40px; line-height: 41px; text-align:center; font-size: 14px; color:#fff; border:none; cursor:pointer;}

.form_group input.form_btn:hover{ background:#000;}

.form_note{ color:#999; font-size:12px; line-height:40px; padding-left:15px; box-sizing: border-box;}

.form_note i{ color:#CF000E; font-size:14px; margin-right:5px;}



.contact_info{ }

.contact_info h1{ font-size:24px; color:#000; margin-top:0; margin-bottom:30px;}

.contact_info p{ margin:0; line-height:2.5em;}



.map{ padding-top:50px;}

#allmap{height:450px;}



.join_icon{ text-align:center; margin-bottom:50px;}

.join_icon i{ display:block; font-size:64px; line-height:80px; color:#ee7700;}



.join_list ul,.honor_list ul{ margin:0; padding:0; list-style:none;}

.join_list ul li{ margin-bottom:60px;}

.join_list ul li .input_btn{ text-align:left; margin-top:30px;}



.honor_list ul li{ margin-bottom:30px; font-size:16px;}

.honor_list ul li img{ float:left; width:25%; vertical-align:middle;}

.honor_list ul li span{ display:inline-block; width:75%; padding-left:30px; padding-top:50px;  box-sizing: border-box;}



.timeline{ background:url(../images/timeline_bg.jpg) repeat-y center top; width:100%;}

.timeline ul{ margin:0; padding:0; list-style:none;}

.timeline ul li{ padding-bottom:50px; }

.timeline ul li .timeline_word{ float:left; font-size:13px; text-align:left; width:45%; box-sizing: border-box; padding:10px 20px;  border: 2px solid #e8e8e8; }

.timeline ul li .timeline_point{ float:left; width:5%; height:16px; padding-left:8px; margin-top:20px; background:url(../images/timeline_point.jpg) no-repeat right top; +width:32px;}

.timeline ul li .timeline_time{ float:left; padding:16px 10px 0; color:#ee7700; font-size:16px; font-weight:bold;}



.timeline ul li.right .timeline_word{ float:right; text-align:left;}

.timeline ul li.right .timeline_point{ float:right; background:url(../images/timeline_point_right.jpg) no-repeat left top;}

.timeline ul li.right .timeline_time{ float:right;}



.black_bg{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index:998; display:none;}

.ewm_box{ position:fixed; width:340px; padding:30px; top:50%; margin-top:-140px; left:calc(50% + 30px); margin-left:-200px; z-index:999; background:rgba(255,255,255,1); border-radius: 10px; text-align:center;  display:none;box-sizing: border-box;}



.close_ewm_box{ position:absolute; top:5px; right:5px; font-size:28px; padding:5px 10px; cursor:pointer;}

.close_ewm_box:hover{ color:#00ACE9;}

.ewm_box #qrcodetop,.ewm_box #wechat_img{ display:inline-block; margin-top:15px;}

.ewm_box p{ display:block; margin:0; margin-top:20px; color:#666; line-height:1.6em; font-size:12px;}

.ewm_box h2{ margin:0; font-size:16px; color:#333; text-align:left; margin-bottom:30px;}

.ewm_box .inputselect{ margin:20px 0; height:38px;}

.ewm_box a{ display:block; height:38px; line-height:38px; background:#d20000; border-radius: 3px; color:#fff;}



.page_action_icon{ text-align:center; background: #f7f7f7; padding:20px 0 15px; margin-top:20px; margin-bottom:20px;}

.page_action_icon a{ display:inline-block; color:#666; transition: all .3s ease-out 0s;}

.page_action_icon a:hover{color:#ee7700;}

.page_action_icon a i{ font-size:24px;}

.page_action_icon a p{ margin:0; padding:5px 0;}



.only_print{ display:none;}



.logolist{ margin:50px 0; padding:0; list-style:none;}

.logolist li{ width:33.33%; float:left; text-align:center; margin-bottom:30px;}

    .logolist li img {

        height: 70px;

        width: auto;

        margin-bottom: 10px;

    }

    .logolist li p {

        font-size: 14px;

        height: 3em;

        line-height: 1.5em;

        margin: 0 12px;

    }



.client_detail_list{ margin:0; padding:0; list-style:none;}

.client_detail_list li{ width:50%; float:left; padding-right:15px; color:#888; font-size:13px; height:45px; box-sizing: border-box;}

.client_detail_list li:nth-child(2n){ padding-left:15px; padding-right:0;}


/*info多图排列图片亮条滑过*/
.service_box5 {
	overflow: hidden;
	position: relative;
	z-index: 10;
	border:0px solid #ff0000;
	 
	float:left;
}

.service_box5 ul {
}

.service_box5 ul li {
	top: 0px;
	position: relative;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	padding-right:15px;

}

.service_box5 ul li a {
	display: block;
}

.service_box5 ul li a .div1 {
	position: relative;
	overflow: hidden;
}

.service_box5 ul li a .div1 .p1 {
	height: 150px; border:0px solid #ff0000
}

.service_box5 ul li a .div1 .p1 img {
	width: 100%;
}

.service_box5 ul li a .div1 .p2 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	-webkit-transform: rotate(45deg);
}

.service_box5 ul li a .div1 .p2 .pp_lf {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: -100%;
	left: -50%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.service_box5 ul li a .div1 .p2 .pp_rg {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: -100%;
	right: -50%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.service_box5 ul li:hover a .div1 .pp_lf {
	left: -100%;
}

.service_box5 ul li:hover a .div1 .pp_rg {
	right: -100%;
}

.service_box5 ul li a .div2 .p1 {
	margin-top: 5%;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	height: 22px;
	overflow: hidden;
}

.service_box5 ul li a .div2 .p2 {
	margin-top: 3%;
	color: #4c4c4c;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}


/*首页图片亮条滑过*/
.service_box2 {
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.service_box2 ul {
}

.service_box2 ul li {
	top: 0px;
	position: relative;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.service_box2 ul li a {
	display: block;
}

.service_box2 ul li a .div1 {
	position: relative;
	overflow: hidden;
}

.service_box2 ul li a .div1 .p1 {
	height: 250px; border:0px solid #ff0000
}

.service_box2 ul li a .div1 .p1 img {
	width: 100%;
}

.service_box2 ul li a .div1 .p2 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	-webkit-transform: rotate(45deg);
}

.service_box2 ul li a .div1 .p2 .pp_lf {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: -100%;
	left: -50%;
	width: 100%;
	height: 200%;
	background: rgba(0, 0, 0, 0.2);
}

.service_box2 ul li a .div1 .p2 .pp_rg {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: -100%;
	right: -50%;
	width: 100%;
	height: 200%;
	background: rgba(0, 0, 0, 0.2);
}

.service_box2 ul li:hover a .div1 .pp_lf {
	left: -100%;
}

.service_box2 ul li:hover a .div1 .pp_rg {
	right: -100%;
}

.service_box2 ul li a .div2 .p1 {
	margin-top: 5%;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	height: 22px;
	overflow: hidden;
}

.service_box2 ul li a .div2 .p2 {
	margin-top: 3%;
	color: #4c4c4c;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}
.red14 a {
	font-family: "宋体";
	font-size: 15px;
	font-style: normal;
	color: #FFf;
	text-decoration: none;
}
.red14 a:link {
	font-family: "宋体";
	font-size: 15px;
	font-style: normal;
	color: #FFf;
	text-decoration: none;
}
.red14 a:hover {
        font-family: "宋体";
	font-size: 15px;
	font-style: normal;
	color: #000;
	text-decoration: underline;
}
.red14 p {
	font-family: "宋体";
	font-size: 15px;
	font-style: normal;
	color: #FF0000;
	text-decoration: none;
}

/*info.asp分页*/
/*文章分页*/
#page2{ clear:both;width:98%; margin:0 auto;text-align:center;font-size:12px;}
#page2 a{background:url() no-repeat; text-align:center;text-decoration:none;display:inline-block; margin:0 2px; font-family: Arial, Helvetica, sans-serif; color:#ff0000; padding:3px 8px 3px 8px; border:1px #D20030 solid; overflow:hidden;}
#page2 a:hover{color:#1863B6;border:1px #1863B6 solid;}
#page2 a.on{font-weight:bold;background:#ff7c0b;border:1px #ff7c0b solid;color:#fff;}
#page2 a.first{background:url() no-repeat; background-position:2px 0;width:9px;_height:15px;text-indent:-9999px;_vertical-align:top;}
#page2 a.prev{background:url() no-repeat; background-position:-29px 0;width:8px;_height:15px;text-indent:-9999px;_vertical-align:top;}
#page2 a.next{background:url() no-repeat; background-position:-57px 0;width:8px;_height:15px;text-indent:-9999px;_vertical-align:top;}
#page2 a.last{background:url() no-repeat; background-position:-88px 0;width:9px;_height:15px;text-indent:-9999px;_vertical-align:top;}
#page2 a.sandian{font-family: Tahoma; border:none; padding:3px 1px 3px 1px;color:#999;cursor:default;}
.pageinput{border:1px solid #cccccc;background-color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;color: #666666;text-decoration: none;padding: 0px 3px 0px 4px;margin:0 5px 0 3px;text-align:center;vertical-align:top;}
.pagebtn{width:54px;height:24px;line-height:26px;background:url() no-repeat;color:#ffffff;border:none;font-size:12px;text-decoration: none;vertical-align:top;font-weight:bold;}

/* 留言开始  */
.liuyan1{width:660px; margin:auto}
label{float:left;width:100px;line-height:40px; margin-top:10px;
} 
form{margin:0px} 
input{width: 550px;line-height: 40px;border:1px solid #808080;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
} 
textarea{width: 550px;height: 150px;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
} 
 
#sbutton{	margin-top: 30px;
	width: 200px;
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
} 
 
br{clear: left;} 
/* 留言结束  */

