/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px; }
input, select { font-size: 12px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 12px; color: #636363; }/*google浏览器字体兼容*/
body { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; width: 100%; background: #ffffff; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #222222; outline: none; }
a:hover { color: #31aeb8; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #ed6b1e }
.green { color: #007b3f }
.red { color: #e1550b }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #007e40 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold }
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.container { width: 1157px; margin: 0 auto; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }
/*index start*/
.top { width: 100%; height: 36px; background: #dfdfdf; font-size: 14px; color: #919191; line-height: 36px; }
.top_r { padding-left: 26px; background: url(../images/phone.jpg) no-repeat left 50%; }
.tel i { animation: 6s ease-out 0s normal none infinite running tel; color: #d90000; display: inline-block; font-size: 14px; line-height: 26px; }
.tel .t0 { animation-delay: 0s; }
.tel .t1 { animation-delay: 0.1s; }
.tel .t2 { animation-delay: 0.2s; }
.tel .t3 { animation-delay: 0.3s; }
.tel .t4 { animation-delay: 0.4s; }
.tel .t5 { animation-delay: 0.5s; }
.tel .t6 { animation-delay: 0.6s; }
.tel .t7 { animation-delay: 0.7s; }
.tel .t8 { animation-delay: 0.8s; }
.tel .t9 { animation-delay: 0.9s; }
.tel .t10 { animation-delay: 1s; }
.tel .t11 { animation-delay: 1.1s; }
.tel .t12 { animation-delay: 1.2s; }
@keyframes tel { 0% {
 transform: scale(1);
}
1% {
 transform: scale(2);
}
3% {
 transform: scale(0.8);
}
6% {
 transform: scale(1);
}
100% {
 transform: scale(1);
}
}
.logo { padding: 10px 0 10px 0; }
.menu { width: 898px; height: auto; padding-top: 35px; }
.menu ul li { width: 112px; height: 30px; line-height: 30px; float: left; }
.menu ul li a { display: block; width: 112px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #444444; }
.menu ul li a:hover{ color:#d90000;}


.c_banner{ width:100%; height:585px; background:url(../images/c_banner.jpg) no-repeat 50% top #17c3e7;}
.c_banner_l{ padding:100px 0 0 60px; width:460px;}
.c_banner_l_1{ font-size:24px; color:#444444; text-align:center;}
.c_banner_l_2{ font-size:48px; text-align:center; padding:30px 0 40px 0; color:#FFF;}
.c_banner_l_3{ font-size:18px; color:#FFF; line-height:35px;}


.c_banner_more{ display:block; width:170px; height:48px; background:url(../images/look_more.png) no-repeat; text-align:center; line-height:48px; color:#FFF; font-size:24px; margin:70px auto 0 auto;}
.c_banner_more:hover{ color:#FFF;filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}


.icon1 { margin: 20px auto; }
.icon1t { }
.icon1t_t { width: 710px; height: 55px; background: url(../images/icon1t_bg.jpg) no-repeat 50% 50%; margin: 0 auto; text-align: center; line-height: 55px; color: #666666; font-size: 35px; }
.icon1t_c { text-align: center; font-size: 26px; color: #666666; padding: 5px 0 10px 0; line-height: 30px; }
.icon1t_c span { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #acacac; padding-right: 20px; }
.ac-list { width: 1200px; height: auto; padding-top: 25px; }
.ac-list li { float: left; height: 400px; margin: 0 20px 30px 12px; overflow: hidden; width: 260px; }
.ac-list li a{ display:block;}
.ac-list li h3 { height: 75px; margin: 0 auto; position: relative; width: 190px; z-index: 320; }
.ac-list li h3 p { background: url("../images/site-01.png") no-repeat scroll left top; box-sizing: border-box; height: 171px; left: 0; padding: 41px 0 40px; position: absolute; top: -12px; width: 190px; z-index: 360; }
.ac-list li h3 p span { color: #009fed; display: block; font-family: "微软雅黑"; font-weight: normal; margin: 0 auto; text-align: center; width: 190px; }
.ac-list li h3 p span.acl-title-num { font-size: 30px; font-style: italic; height: 45px; line-height: 45px; }
.ac-list li h3 p span.acl-title-txt { font-size: 18px; height: 35px; line-height: 35px; }
.ac-list li div.acl-cen { background: #d3f0fd none repeat scroll 0 0; box-sizing: border-box; height: 325px; padding: 90px 0 20px; position: relative; width: 260px; z-index: 300; }
.ac-list li div.acl-cen h4, .acl-cen-txt { color: #333; font-family: "微软雅黑"; font-size: 20px; font-weight: normal; height: 50px; line-height: 50px; overflow: hidden; text-align: center; /*width: 260px;*/ }
.acl-cen-txt { color: #666; font-size: 16px; height: auto; line-height: 26px; text-align: left; padding-left: 70px; }
.ac-list li:nth-child(2) h3 p { background: url("../images/site-02.png") no-repeat scroll left top; }
.ac-list li:nth-child(3) h3 p { background: url("../images/site-03.png") no-repeat scroll left top; }
.ac-list li:nth-child(4) h3 p { background: url("../images/site-04.png") no-repeat scroll left top; }
.ac-list li:nth-child(6) h3 p { background: url("../images/site-02.png") no-repeat scroll left top; }
.ac-list li:nth-child(7) h3 p { background: url("../images/site-03.png") no-repeat scroll left top; }
.ac-list li:nth-child(8) h3 p { background: url("../images/site-04.png") no-repeat scroll left top; }
.acl-cen-txt-short { padding-left: 35px; }
.acl-cen-txt-shorttt { padding: 0 15px 0 15px; }
.ac-list li:nth-child(2) h3 p span { color: #7bb741; }
.ac-list li:nth-child(3) h3 p span { color: #ffad2d; }
.ac-list li:nth-child(4) h3 p span { color: #e24d34; }
.ac-list li:nth-child(2) div.acl-cen { background: #e8f3df none repeat scroll 0 0; }
.ac-list li:nth-child(3) div.acl-cen { background: #fff1de none repeat scroll 0 0; }
.ac-list li:nth-child(4) div.acl-cen { background: #f8e7e1 none repeat scroll 0 0; }
.ac-list li:nth-child(6) h3 p span { color: #7bb741; }
.ac-list li:nth-child(7) h3 p span { color: #ffad2d; }
.ac-list li:nth-child(8) h3 p span { color: #e24d34; }
.ac-list li:nth-child(6) div.acl-cen { background: #e8f3df none repeat scroll 0 0; }
.ac-list li:nth-child(7) div.acl-cen { background: #fff1de none repeat scroll 0 0; }
.ac-list li:nth-child(8) div.acl-cen { background: #f8e7e1 none repeat scroll 0 0; }
.icon2 { width: 100%; height: auto; padding: 50px 0; background: #f2f2f2; }
.icon2_l { width: 510px; height: auto; font-size: 19px; color: #666666; line-height: 32px; }
.icon2_r { width: 531px; height: 298px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45); }
.icon3 { padding: 40px 0; }
.icon3_l { width: 517px; height: 326px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45); }
.icon3_r { width: 580px; height: auto; font-size: 19px; color: #666666; line-height: 32px; }
.icon4 { width: 100%; height: 500px; background: url(../images/icon4_img.jpg) no-repeat 50% top #dbecf4; }
.icon4_l { padding-top: 50px; font-size: 19px; color: #666666; line-height: 32px; }
.icon5 { padding: 40px 0; }
.icon5_r { width: 570px; height: auto; font-size: 18px; color: #666666; line-height: 32px; }
.icon6 { padding: 45px 0; width: 100%; height: auto; background: #f2f2f2; }
.icon6_l { padding-top: 10px; font-size: 19px; color: #666666; line-height: 32px; }
.icon7 { padding: 50px 0; }
.icon7_r { width: 530px; height: auto; font-size: 19px; color: #666666; line-height: 32px; }
.col7 { background: #e9eaf4 none repeat scroll 0 0; height: 600px; width: 100%; }
.col-cen { height: 328px; margin: 0 auto; padding: 60px 0; position: relative; width: 1200px; }
.col7 .col-title { display: block; height: 90px; }
.col7 .col-title h2, .col7 .col-title p { display: none; }
.col7 .col-title p, .col9 .col-title p { animation-delay: 0.5s; }
.col-title { height: auto; overflow: hidden; padding-bottom: 60px; width: 100%; }
.col-list { height: auto; overflow: hidden; padding-bottom: 0; width: 1200px; }
.col-list::after { clear: both; content: ""; display: block; }
.col-list li { background: #fff url("../images/emp-02.png") no-repeat scroll center 150px; border: 2px solid #dfdeee; border-radius: 2px; box-sizing: border-box; cursor: pointer; float: left; height: 254px; margin-right: 20px; padding: 0 15px; width: 224px; }
.col-list li a{ display:block;}
.col-list li:nth-child(2) { background-image: url("../images/emp-03.png"); }
.col-list li:nth-child(3) { background-image: url("../images/emp-04.png"); }
.col-list li:nth-child(4) { background-image: url("../images/emp-05.png"); }
.col-list li:nth-child(5) { background-image: url("../images/emp-06.png"); }
.col-list li:nth-child(5n) { margin-right: 0; }
.col-list li h3, .col-list li p { font-size: 18px; font-weight: normal; height: 72px; line-height: 72px; text-align: center; width: 194px; }
.col-list li h3 a { color: #21b400; }
.col-list li p { font-size: 16px; height: auto; line-height: 20px; }
.col-title h2, .col-title p, .case-title h2, .case-title p { color: #273290; font-size: 32px; font-weight: normal; height: 60px; line-height: 60px; text-align: center; }
.col-title p, .case-title p { color: #424242; font-size: 16px; height: auto; line-height: 30px; }
.animate_top { animation: 0.7s ease 0s normal none 1 running s1-1; }
.btn { background: #e24d34 none repeat scroll 0 0; border-radius: 3px; height: 48px; margin: 40px auto; overflow: hidden; width: 166px; }
.btn:hover { background: #fa6a51 none repeat scroll 0 0; }
.btn a { color: #fff; display: block; font-size: 20px; font-weight: normal; height: 48px; line-height: 48px; text-align: center; width: 166px; }
.icon9 { padding: 60px 0; }
.icon9 ul li { width: 315px; height: auto; margin-right: 85px; float: left; }
.icon9 ul li a { display: block; }
.icon9 ul li a img { border: 1px #c5c5c5 solid; }
.icon9 ul li a p { text-align: center; font-size: 15px; line-height: 30px; padding-top: 5px; }
.bh-parnter { background: #f2f2f2 none repeat scroll 0 0; height: 590px; min-width: 1200px; overflow: hidden; width: 100%; padding: 15px 0; }
.bh-parnter .parnter { margin: 0 auto; overflow: hidden; width: 1200px; }
.bh-parnter .parnter-topic { margin: 70px auto 0; overflow: hidden; text-align: center; }
.bh-parnter .parnter-title { color: #0097e0; font-size: 28px; height: 50px; line-height: 50px; text-align: center; }
.bh-parnter .parnter-font { color: #666; text-align: center; }
.bh-parnter .parnter-table { cursor: pointer; height: 423px; margin: 45px auto 0; overflow: hidden; position: relative; width: 1200px; }
.bh-parnter .parnter-div { background: url("../images/l-img.png") no-repeat scroll center center; display: none; height: 165px; left: 0; overflow: hidden; position: absolute; top: 0; width: 144px; }
.bh-parnter .parnter-div .parnter-mask { background: url("../images/logo-mask.png") no-repeat scroll center center; color: #fff; display: none; height: 165px; line-height: 165px; overflow: hidden; text-align: center; width: 144px; }
.bh-parnter .parnter-div .parnter-img { height: 165px; width: 144px; }
.bh-contact { background: #0097e0 none repeat scroll 0 0; height: 302px; min-width: 1200px; overflow: hidden; width: 100%; }
.bh-contact .contact { height: 302px; margin: 0 auto; overflow: hidden; width: 100%; }
.bh-contact .contact-topic { margin: 70px auto 0; overflow: hidden; text-align: center; }
.bh-contact .contact-title { color: #fff; font-size: 28px; height: 50px; line-height: 50px; text-align: center; }
.bh-contact .contact-font { color: #fff; text-align: center; }
.bh-contact .contact-tel { cursor: pointer; height: 90px; margin: 15px auto 0; text-align: center; width: 603px; }
.bh-contact .contact-tool { border-top: 1px solid #49b2e5; color: #fff; height: 80px; line-height: 80px; margin: 50px auto 0; overflow: hidden; width: 100%; }
.bh-contact .contact-tool-main { height: auto; margin: 0 auto; overflow: hidden; width: 1200px; }
.bh-contact .tool-tel { float: left; margin-right: 49px; }
.bh-contact .tool-skill { float: left; margin-right: 49px; }
.bh-contact .tool-address { float: left; }
.bh-contact .tool-code { float: right; }
.pageController { width: 100%; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; margin: 30px auto 0 auto; text-align: center; line-height: 25px; }
.pageController a { display: inline-block; background-color: #ffffff; border: #f2f2f2 1px solid; color: #cfcfcf; padding: 3px 12px; margin-right: 5px; }
.pageController a:hover { background-color: #31aeb8; color: #FFF; text-decoration: none; border: #31aeb8 1px solid; }
.pageController .xuanzhong { background-color: #31aeb8; color: #FFF; font-weight: bold; border: #31aeb8 1px solid; }
.pageController p { float: left; display: block; background-color: #FFF; border: #efefef 1px solid; color: #656565; padding: 1px 5px 1px 5px; margin-right: 5px; }
.footer { width: 100%; height: auto; background: #748036; }
.footer_l { width: 247px; height: 133px; padding: 80px 25px 0 65px; background: url(../images/footer_bg.jpg) no-repeat right 50%; }
.footer_m { padding: 65px 0 0 42px; width: 410px; height: auto; font-size: 18px; line-height: 33px; color: #FFF; }
.footer_r { width: 294px; height: 108px; border: 1px #8c9752 solid; margin-top: 60px; }
.footer_r_t { padding: 10px 0 0 52px; height: 70px; background: url(../images/footer_phone.jpg) no-repeat 17px 15px; color: #FFF; }
.footer_r_t_t { font-size: 20px; }
.footer_r_t_info { font-size: 28px; font-weight: bolder; }
.footer_r_c { text-align: center; font-size: 15px; padding: 0 0 0 0; color: #f0f1f6; }
.com_cate{ height:auto; line-height:59px; margin-top:10px;}
.com_cate ul li{ width:242px; height:59px; float:left; margin-right:3px;}
.com_cate ul li a{ display:block; width:242px; height:59px; line-height:55px; background:url(../images/cate_li_bg.jpg)  no-repeat 50% top #ffffff; text-align:center; font-size:16px; color:#FFF;}
.com_cate ul li a:hover{ background:url(../images/cate_li_bg_over.jpg) no-repeat 50% top;}
.com_cate ul li a.leftcurrent{ background:url(../images/cate_li_bg_over.jpg) no-repeat 50% top;}
/* CSS Document */

/*------------------------------------------------------------
	kefu
------------------------------------------------------------*/
#side {
	position: fixed;
	right: 0;
	top: 40%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 999;
}
#side ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}

#side a:link {
	color: #000;
	text-decoration: none;
}

#side a:visited {
	color: #000;
}

#side a:hover {
	color: #000;
}

#side a:active {
	color: #000;
}
#side li {
	margin-bottom: 1px;
	float: right;
	clear: both;
}
#side li a {
	padding: 6px 0 5px;
	width: 90px;
	display: block;
	font-size: 16px;
	text-align: center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border-radius: 5px 0 0 5px;
	background: #FED400;
}
#side li a:hover {
	padding-right: 10px;
}
#side li a img {
	margin: 0 auto 3px;
	display: block;
}
#side .tel {
	margin-bottom: 15px;
	width: 90px;
	clear: both;
	float: right;
	overflow: hidden;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border-radius: 5px 0 0 5px;
	background: #FED400;
}
#side .tel:hover {
	width: 238px;
}
#side .tel .subTel {
	width: 2380px;
}
#side .tel .txt {
	padding: 6px 0 5px;
	width: 90px;
	float: left;
	display: block;
	color:#000000;
}
#side .tel .txt img {
	margin: 0 auto 3px;
	display: block;
}
#side .tel .num {
	width: 149px;
	display: block;
	float: left;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 66px;
	border-left: 1px solid #FEBF00;
}
#side .pageTop {
	float: right;
	clear: both;
	margin-right: 13px;
	border-radius: 50%;
	overflow: hidden;
	opacity: .33;
	
	transition: all 0.3s;

}

#side .pageTop:hover {
	display: block;
	opacity: 1;
	
}