@import url("grid.css");/*网格*/
@import url("layout.css");/*整体框架*/
@import url("icon.css");/*图标*/
@import url("navi_02.css");/*02导航*/
@import url("banner.css");/*幻灯片*/
@import url("classify_01.css");/*侧栏样式*/
@import url("/css/adorner/01/A_style.css");/*01装饰器*/
@import url("A_style.css");/*02装饰器*/
@import url("links.css");/*友情链接*/
@import url("kefu.css");/*在线客服*/
@import url("doc.css");/*自定义文档*/
/*@import url("animate.min.css");*//*动画*/

html {
	overflow-x: hidden;
}

.dowebok .section{ overflow:hidden;}




.header{ width:100%; background:none; position:fixed !important; z-index:9999999!important;}
.header .navbar{ width:100%; background:#fff;box-shadow:0px 2px 4px rgba(0,0,0,0.1);}
.header .navbar .pc_menu{ width:1280px; height:100px; margin:0 auto; transition: all 0.3s 0s ease-in-out ; background:#fff;
 transition: all 0.2s linear -1ms;}
.header .navbar .pc_menu .pc_logo{ float:left; height:100%; margin-left:2%;align-items:center; display: -webkit-flex;}
.header .navbar .pc_menu .pc_logo a { display:block; height:60%;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}
.header .navbar .pc_menu .pc_menu_right{ float:right; margin-right:1%;}
.header .navbar .pc_menu .pc_menu_right li{ float:left; margin-left:25px; margin-right:25px;}
.header .navbar .pc_menu .pc_menu_right li .t{ margin-top:30px; display:block; height:auto; }
.header .navbar .pc_menu .pc_menu_right li .t p{font-size:16px; color:#666;}
.header .navbar .pc_menu .pc_menu_right li .t span{ display:block; font-family:arial; font-size:12px; margin-top:4px;}
.header .navbar .pc_menu .pc_menu_right .cur .t p{ color:#0096d9;}

.header .navbar .pc_menu .pc_menu_right li:hover .t p{ color:#0096d9;}
.header .navbar .pc_menu .pc_menu_right li:hover .t span{ color:#0096d9;}

/*-----滚动后--------*/
.header .navbar .pc_fixed{ background:#fff !important; transition: all 0.2s linear -1ms;}
.header .navbar .pc_fixed .pc_menu_right li .t{ color:#666;}




.nav .m .sub{ z-index:999; background-color:rgba(255,255,255,0.85);}
.header .navbar .pc_menu .pc_menu_right li .sub li{ margin-left:0; margin-right:0; width:100%;}
.pc_menu_right .sub { position: absolute; left: -60px;}

.navbar .pc_menu .nav .m .sub li a{ font-size:14px; height:40px; line-height:40px; color:#666; border:none; margin-left:0px; margin-right:0px;}
.navbar .pc_menu .nav .m .sub li a:hover{ background:#0096d9; color:#fff; border:none;}


.m_menu{ display:none; position:relative; z-index:999;}
.m_menu_top{ width:100%; background:#fff; height:80px; box-shadow:0 0px 10px 0px  #888; z-index:998;}
.m_menu_top .m_logo{ height:50px; margin-top:15px;  position: absolute; left:2%;}
.m_menu_top .m_logo img{ height:100%;}
.m_menu_top .list{height: 24px; margin: auto; position: absolute; top: 0; bottom: 0; right: 5%;transition: all 0.2s linear -1ms;}
.m_menu_top .list span{ display:block; width:24px; height:4px; border-radius:2px; background:#999; margin:3px auto;}

.m_menu_list{ position:relative; width: 30%; height: 100%; position: fixed;top: 0;right:-88%;background: #fff;z-index: 10; transition: all 0.5s cubic-bezier(0.73, 0.03, 0.04, 0.94) -1ms;}
.m_menu_list .menu_list_close{ position:absolute;  right: 15%; top:30px; z-index:20;}
.m_menu_list .menu_list_close img{ width:24px; height:24px;}

.m_menu_list .m_menu_nav{ margin-top:20%; margin-left:15%;}
.m_menu_list .m_menu_nav li{ margin-top:14px; margin-bottom:14px;}
.m_menu_list .m_menu_nav li a{ font-size:22px; color:#666;letter-spacing: 6px;}
.m_menu_box{ display:none;width: 100%; height: 100%; position: fixed; top: 0; right: 0; background-color:rgba(0,162,233,0.2);}
.m_open_list{ right:0;  transition: all 0.5s cubic-bezier(0.73, 0.03, 0.04, 0.94) -1ms; box-shadow:0 0px 10px 0px  #888;}
.m_menu_list .m_menu_nav li a:hover{ color:#0096d9;}
/*----------------------------*/


.nav>li:nth-child(4) .sub{
	width: 1280px;
	left: -1260px;
	background: #f8f8f8;
	padding: 30px 320px;
	flex-flow: wrap;
}
.nav>li:nth-child(4) .sub li{
	display: inline-block !important;
	width: 19.5% !important;
	margin-right: 0;
	margin-left: 0;
}

















.part01{ width:100%; z-index:1 !important; position:relative;}
.part01 .banner{ z-index:2 !important; width:100%;}
.swiper-wrapper{ z-index:3 !important; width:100%;}

.in_title{ margin:0 auto 40px auto; width:67.7%;}
.in_title h2{ font-size:28px; color:#333; font-weight:normal; float:left; line-height:36px; }
.in_title h2 span{ font-size:20px; color:#999; font-family:arial; line-height:36px;}
.in_title .more{ float:right; display:block; width:120px; height:36px; border:1px solid #999; border-radius:20px; box-sizing:border-box; line-height:36px; color:#999; text-align:center;font-family:arial;}
.in_title .more:hover{ background:#0096d9; color:#fff; border-color:#0096d9;}



.part02{ width:100%; background:url(../image/part02_bg.jpg) no-repeat; background-size:cover; background-position:right; padding-top:100px; padding-bottom:100px;}
.part02-contact{
	width: 67.7%;
	margin: 0 auto;
}
.part02-contact .in_title{
	width: 90%;
	margin: 0;
	margin-bottom: 40px;
}
.part02_list{ width:90%;}
.part02_list ul{ width:100%;}
.part02_list ul li{ width:32.3333%; margin-left:0.5%; margin-right:0.5%; margin-bottom:1%; float:left; background:#fff; padding-top:30px; padding-bottom:20px; position:relative; box-shadow:0px 4px 6px rgba(0,0,0,0.1);
	webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;}
.part02_list ul li .con{ width:210px; height:120px; margin:0 auto 7% auto;}
.part02_list ul li .con img{ width:100%; height:100%;transition: all 0.5s cubic-bezier(0.54, 0, 0.16, 0.99) -1ms;}
.part02_list ul li .tit{ display:block; margin:0 auto; font-size:16px;}
.part02_list ul li .link{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.part02_list ul li:hover{ z-index:10; box-shadow:0px 12px 25px rgba(0,0,0,0.2);
	webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;}
.part02_list ul li:hover .tit{ color:#0096d9;}
.part02_list ul li:hover .con img{	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition:all 0.5s cubic-bezier(0.54, 0, 0.16, 0.99) -1ms;
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
}


/*-------part02 END----------*/

.part03{ width:100%; margin:0 auto; background:url(../image/part03_bg.jpg) no-repeat center top; background-size:cover; padding-top:100px; padding-bottom:100px;}

.part03 .about{ width:67.7%; margin:0 auto 50px auto;}
.part03 .about .img{ width:46%; float:left;}
.part03 .about .img a{ display:block; width:100%;}
.part03 .about .img a img{ width:100%; height:auto;}

.part03 .about .right{ width:48%; float:right;}
.part03 .about .right .txt{ display:block; width:100%; font-size:16px; color:#333; line-height:36px; text-align:left;}
.part03 .about .right .link{ width:100%; margin-top:40px;}
.part03 .about .right .link li{ float:left; width:25%;}
.part03 .about .right .link li .c{ width:66%; margin:0 auto;}
.part03 .about .right .link li .c .img{ display:block; width:100%; position:relative; padding-bottom:100%; border:1px solid #272636; box-sizing:border-box; border-radius:100px; margin-bottom:14px; }
.part03 .about .right .link li .c .img img{ display:block; position:absolute; height:44%; top:28%; left:28%; width:44%; margin:0 auto;}
.part03 .about .right .link li .c .tit{ display:block; font-size:16px; color:#444;}
.part03 .about .right .link li .c:hover .img{ background:#0096d9; border-color:#0096d9;}
.part03 .about .right .link li .c:hover .img img{
	-webkit-filter: brightness(10);
filter: brightness(10);}


.part03 .time{ width:75%; margin:0 auto;}
.part03 .time ul{ width:100%; height:1px; background:#333; position:relative; margin-top:250px; margin-bottom:150px;}
.part03 .time ul li{ width:20%; position:absolute;}
.part03 .time ul .p1{ right:0%;}
.part03 .time ul .p2{ right:18%;}
.part03 .time ul .p3{ right:36%;}
.part03 .time ul .p4{ right:54%;}
.part03 .time ul .p5{ right:72%;}

.part03 .time ul li .txt{ margin:0 auto; width:100px; height:100px; position:relative;}
.part03 .time ul li .txt .tit{ height:100px; line-height:100px; font-size:22px; background:#fff; border:2px solid #666; box-sizing:border-box; border-radius:50px;}
.part03 .time ul li .txt .word{ position:absolute; width: 200%; top:30px;left: -220px; text-align: left;}
.part03 .time ul li .txt .word span{ display:block;}
.part03 .time ul li:nth-child(odd){ top:-150px;}
.part03 .time ul li:nth-child(even){ top:50px;}
.part03 .time ul li:nth-child(odd) .line{ position:absolute; left:49px;}
.part03 .time ul li:nth-child(odd) .point{ position:absolute; left:40px; top:140px;}
.part03 .time ul li .line{ display:block; width:1px; height:50px; background:#333; margin:0 auto;}
.part03 .time ul li .point{ display:block; width:16px; height:16px; border-radius:20px; background:#333; border:2px solid #fff; margin:0 auto;}
.part03 .time ul li:nth-child(even) .line{ position:absolute; left:49px; top:-50px;}
.part03 .time ul li:nth-child(even) .point{ position:absolute; left:40px; top:-60px;}





/*-------part03 END----------*/

.part04{ width:100%; margin:0 auto; padding-top:100px; padding-bottom:100px;}
.part04 .news{ width:67.7%; margin:0 auto;}
.part04 .news .big{ width:46.15%; float:left; box-shadow:0px 8px 25px rgba(0,0,0,0.1);}
.part04 .news .list{ width:50%; float:right;}
.part04 .news .big .img{ width:100%; padding-bottom:66.66%; position:relative;}
.part04 .news .big .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.part04 .news .big .img a img{ width:100%; min-height:100%;}
.part04 .news .big .txt{ width:80%; text-align:left; padding:5% 10% 5.8% 10%;}
.part04 .news .big .txt .tit{ display:block; font-size:18px;color: #333;}
.part04 .news .big .txt span{ display:block; font-size:14px; color:#666; margin-top:30px; margin-bottom:30px;line-height: 24px;}
.part04 .news .big .txt p{ display:block; font-size:14px; color:#999; text-align:right;}
.part04 .news .list li{ width:100%; height:auto; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; margin-bottom:6.5%;}
.part04 .news .list li .img{ width:38.46%; padding-bottom:28.5%; position:relative; float:left;}
.part04 .news .list li .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.part04 .news .list li .img a img{ width:100%; min-height:100%;}
.part04 .news .list li .txt{ float:left; width:50%; text-align:left; padding-left:5%; padding-right:5%;}
.part04 .news .list li .txt .tit{ display:block; font-size:16px; margin-top:8%;color: #333;}
.part04 .news .list li .txt span{ display:block; color:#666; height:50px; overflow:hidden; margin-top:20px; margin-bottom:24px;line-height: 24px;font-size: 14px;}
.part04 .news .list li .txt p{ display:block; text-align:right; color:#999;}
.part04 .news .img img{
		webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.part04 .news .big:hover .img img{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);}	
.part04 .news .big:hover .tit{ color:#0096d9;}	
.part04 .news .list li:hover{ box-shadow:0px 8px 25px rgba(0,0,0,0.1);transition: all 0.3s linear -1ms;}	
.part04 .news .list li:hover .img img{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05)}	
.part04 .news .list li:hover .tit{ color:#0096d9;}	
	


/*-------part04 END----------*/

.footer{ width:100%; background:#eeeeee; margin:0px auto 0 auto; padding-top:70px; background:url(../image/footer_bg.jpg) center center no-repeat; background-size:cover;}
.footer_content{ width:67.7%; margin:0 auto; text-align:left;}
.footer_content .left{ float:left; width:70%;}
.footer_content .left .list{ width:100%;}
.footer_content .left .list .li{ float:left; width:20%;}
.footer_content .left .list .li .tit{ display:block; font-size:18px; color:#fff; margin-bottom:24px;}
.footer_content .left .list .li ul li{ float:inherit; margin-bottom:5%;}
.footer_content .left .list .li ul li a{ font-size:14px; color:#aaa;}
.footer_content .left .list .li ul li a:hover{ color:#fff;}

.footer_content .right{ float:right;}
.footer_content .right p{font-size:22px; color:#fff; margin-bottom:24px;}
.footer_content .right .qr_code{ width:140px; height:auto;}
.footer_content .right .qr_code img{ width:100%; height:auto;}
.footer_content .right .qr_code span{ display:block; color:#aaa; text-align:center; margin-top:4px;}


.footer .copy{ height:auto; padding-top:25px; padding-bottom:25px; background:#222; margin-top:60px;}
.footer .copy p{ font-size:14px; text-align:left; color:#999; display:inline-block;}
.footer .copy p a{ color:#999;}
.footer .copy p a:hover{ color:#fff;}

/*----------------------------------------------------------------*/

.page_banner{ height:auto; overflow: hidden; position: relative; width:100%; margin-top: 100px;}
.page_banner .m{ display:none;}	

.inner_top{ width:100%;background:#f4f4f4;margin-bottom: 80px;}
.inner_top .content{ width:66%; margin:0 auto; text-align:center;}
.inner_top .content li{ display:inline-block; padding-left:25px; padding-right:25px; text-align:center; height:50px;}
.inner_top .content li a{ display:block; font-size:16px; color:#333; line-height:48px;}
.inner_top .content .cur a{color:#0096d9; border-bottom:2px solid #0096d9; box-sizing:border-box;}
.inner_top .content li a:hover{ color:#0096d9; border-bottom:2px solid #0096d9; box-sizing:border-box;}

.inner_main{ background:#fff; width:66%; margin:0 auto 80px auto;}


.nav-height{ position:relative; height:auto;}
.nav-wrap { width: 100%;}
.nav-wrap.navFix{position: fixed;top: 100px;left: 0; z-index: 99999;}
.nav-wrap .content{ width:100%;}

.nav-wrap.navFix .content{  box-shadow: 0 0 5px rgba(0,0,0, 0.2);} 
.nav-wrap ul {padding: 0;margin: 0 auto; width:66%; text-align:center;}
.nav-wrap li { display: inline-block; text-align:center;height: 50px;}
.nav-wrap li a {display: block;}
.nav-wrap li a:hover{color: #0096d9;}
.nav-wrap li a.active { border-bottom:2px solid #0096d9;color: #0096d9;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}


.news_page{ margin-bottom:50px;}
.news-section{ width: 100%; }

.news_list{ width:66.7%; margin:0 auto;}
.news_list li{ width:100%; background:#fff; box-shadow:0px 3px 8px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms; margin-bottom:50px;}
.news_list li .right{ width:50%; float:right;}
.news_list li .right .img{ width:100%; padding-bottom:39.06%; position:relative; overflow:hidden;}
.news_list li .right .img a{ display:block; position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden;}
.news_list li .right .img a img{ width:100%; height:auto; min-height:100%; margin-top:-10%;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.news_list li .left{ float:left; width:50%; height:auto;}
.news_list li .left .txt{ width:90%; height:auto; padding-left:10%; text-align:left;}
.news_list li .left .txt p{ display:block; color:#999; margin-top:8%;}
.news_list li .left .txt h3{ font-weight:normal; font-size:22px; color:#333; margin-top:3%; margin-bottom:3%;}
.news_list li .left .txt a{ display:block; width:120px; height:40px; line-height:40px; border:1px solid #ddd; color:#999; text-align:center; border-radius:20px; box-sizing:border-box;}
.news_list li:hover{ box-shadow:0px 8px 26px rgba(0,0,0,0.15);}
.news_list li:hover img{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05)}
.news_list li:hover .txt h3{ color:#0096d9; transition: all 0.3s linear -1ms;}
.news_list li:hover .txt a{ background:#0096d9; border-color:#0096d9; color:#fff;}

/*-------------------------------------------*/
/*.honor_list{ width:82%; margin:0 auto 0 auto;}
.honor_list li{ float:left; background:#f4f4f4; width:23%; margin-left:1%; margin-right:1%; margin-bottom:2%; position: relative; padding-bottom: 15.33%;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.honor_list li a{width: 100%;height: 100%; position: absolute;left: 0;top: 0; overflow:hidden;}
.honor_list li a img{ display:block; height: 100%; margin:0 auto;}
.honor_list li:hover{ box-shadow:0 5px 25px 0px  #ccc;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
*/
/*-----------0702--------------*/


.pro_page{ margin-bottom:50px;}
.pro_search{ margin:0px auto 10px auto; width:600px;}
.pro_search .input{ background:none; font-size:16px; text-indent:20px; height:60px; line-height:60px; font-family:"Microsoft YaHei"; border:1px solid #ddd; box-sizing:border-box; width:460px; vertical-align:top; outline:none;}
.pro_search .submit{ display:inline-block; width:140px; height:60px; line-height:60px; font-size:22px; color:#fff; background:#0096d9; text-align:center;}
.pro_search .submit:hover{ background:#285ac8;}


.pro-section{ width:100%; padding-top:50px;}

.pro_list{ width:82%; margin:0 auto;}
.pro_list li{ float:left; width:22%; margin-left:1.5%; margin-right:1.5%; text-align:center; background:#fff; margin-bottom:3%; transition: all 0.3s linear -1ms; border:1px solid #eee; box-sizing:border-box;}
.pro_list li .img{ width:100%; padding-bottom:100%; position:relative;}
.pro_list li .img a{ display:block; position:absolute; top:0%; left:0; width:100%; height:100%; overflow:hidden;}
.pro_list li .img a img{ width:100%; height:100%; transition: all 0.4s linear -1ms;} 
.pro_list li .detail{ width:100%;}
.pro_list li .detail a{ display:block; width:96%; height:60px; line-height:60px; font-size:16px; padding-left:2%; padding-right:2%; background:#f0f0f0;     overflow: hidden;}
.pro_list li:hover{ box-shadow:0px 8px 25px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms;}
.pro_list li:hover .img img{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05)
	 transition: all 0.4s linear -1ms;}
.pro_list li:hover .detail a{ background:#f0f0f0; color:#0096d9;}





.detail_img{ width:30%; float:left; margin-right:7%; display:none;}
#pro_detail { width:100%; border:1px solid #eee; box-sizing:border-box;}
#pro_detail .item{ width:100%; padding-bottom:100%; position:relative;}
#pro_detail .item a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
#pro_detail .item a img{ width:100%; height:100%;}

.pro_detail{ width:66.7%; margin:0 auto;}
.pro_detail .top{ width:100%; margin-bottom:40px;}

.pro_detail .top .right{ width:60%;  float:left;margin-left: 5%;}
.pro_detail .top .right .txt{ width:100%; height:auto;}
.pro_detail .top .right .txt h3{ font-size:24px; font-weight:normal; color:#333; margin-bottom:30px; margin-top:8%;}
.pro_detail .top .right .txt span{ display:block; width:70%; font-size:14px; color:#666; line-height:22px; min-height:66px;}
.pro_detail .top .right .zixun{ margin-top:6%;}
.pro_detail .top .right .zixun a { display:block; height:40px; width:130px; background:#0096d9; color:#fff; line-height:40px; border-radius:20px; text-align:center;}
.pro_detail .top .right .zixun a:hover{ background:#285ac8;}

.pro_detail .detail{ width:100%; margin:0 auto 80px auto;}
.pro_detail .detail .hd{ width:100%; border-left:none; border-bottom:2px solid #ddd; height:40px;}
.pro_detail .detail .hd ul li{ border:none; background:none; height:auto; margin-right:20px; margin-bottom:-2px; text-align:left; padding:0;}
.pro_detail .detail .hd ul li a{ font-size:22px; color:666; line-height:40px; display:block;}
.pro_detail .detail .hd ul .on a{ color:#0096d9; border-bottom:2px solid #0096d9;}

.pro_detail .ctrl{ width:100%; margin:0 auto 40px auto;}
.pro_detail .ctrl .left{ float:left;}
.pro_detail .ctrl .left p{ color:#666; font-size:14px;}
.pro_detail .ctrl .left p a{ color:#666; font-size:14px;}
.pro_detail .ctrl .left p a:hover{ color:#0096d9;}
.pro_detail .ctrl .back{ float:right; margin-top:3px;}
.pro_detail .ctrl .back a{ display:block; font-size:14px; line-height:38px; height:38px; width:140px; border-radius:40px; background:#ddd; text-align:center; color:#666;}
.pro_detail .ctrl .back a:hover{ background:#0096d9; color:#fff;}


/*-------地图----------*/
.service_p{ width:82%; margin:0 auto 80px auto;}

.service_p .about_m{ width:100%; position:relative;}
.about_m .bg{ width:100%;}
.about_m .bg img{ width:100%;}

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s; }
  .ball-scale-multiple > div {
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }



.about_m .info .txt{ text-align:left; padding:18px; background:rgba(0,0,0,0.8); border-radius:6px; display:none; z-index:999 !important;}
.about_m .info .txt h3{ font-weight:normal; font-size:22px; color:#fff; white-space:nowrap;}
.about_m .info .txt span{ display:inline-block; color:#fff; font-size:14px; font-family:arial; line-height:24px; white-space:nowrap; margin-top:14px;}
.about_m .info .content{ position:relative;}

.about_m .point01{ position:absolute; bottom:23.5%; left:66.5%;}
.about_m .point01 .content .txt{ position:absolute; top: -215px; left:-147px;}

.about_m .point02{ position:absolute;  bottom:21.7%; left:69%;}
.about_m .point02 .content .txt{ position:absolute; top:-73px; left:35px;}

.about_m .point03{ position:absolute; bottom:24.3%; left:56.5%;}
.about_m .point03 .content .txt{ position:absolute; top:-70px; right:-4px;}

.about_m .point04{ position:absolute; bottom:15.5%; left: 60.7%;}
.about_m .point04 .content .txt{ position:absolute; top:-70px; right:-4px;}

.about_m .point05{ position:absolute; bottom:34.2%; left:54%;}
.about_m .point05 .content .txt{ position:absolute; top:-70px; right:-4px;}

.about_m .point06{ position:absolute; bottom:31.7%; left:45.7%;}
.about_m .point06 .content .txt{ position:absolute; top:-70px; right:-4px;}

.about_m .point07{ position:absolute; bottom:21.5%; left:67.5%;}
.about_m .point07 .content .txt{ position:absolute; top:8px; left:-160px;}

.about_m .point08{ position:absolute; bottom:43.5%; left:81%;}
.about_m .point08 .content .txt{ position:absolute; top:8px; left:-50px;}

.about_m .point09{ position:absolute; top:37.5%; left:70.5%;}
.about_m .point09 .content .txt{ position:absolute; top:8px; left:-50px;}

.about_m .point10{ position:absolute; top:63.2%; left:66%;}
.about_m .point10 .content .txt{ position:absolute; top:8px; left:-50px;}

.about_m .point11{ position:absolute; top:55.5%; left:50%;}
.about_m .point11 .content .txt{ position:absolute; top:8px; left:-50px;}

.about_m .point12{ position:absolute; top:49%; left:58.8%;}
.about_m .point12 .content .txt{ position:absolute; top:8px; left:-50px;}

.about_m .point13{ position:absolute; top:58%; left:67.8%;}
.about_m .point13 .content .txt{ position:absolute; top:8px; left:-50px;}

.about_m .point14{ position:absolute; top:68.7%; left:78.2%;}
.about_m .point14 .content .txt{ position:absolute; top:8px; left:-50px;}

.about_m .point15{ position:absolute; top:27.3%; left:82.5%;}
.about_m .point15 .content .txt{ position:absolute; top:8px; left:-50px;}

.about_m .info:hover .content .txt{ display:block;}

/*--------------------------------*/

.stuff_main{ width:66%; margin:0 auto 80px auto;}





.case_list{ width:66.7%; margin:0 auto 70px auto;}
.case_list ul{ width:100%;}
.case_list ul li{ width:100%; background:#fafafa; margin-bottom:40px; transition: all 0.4s linear -1ms;}
.case_list ul li .left{ width:50%; float:left;}
.case_list ul li .left .img{ width:100%; padding-bottom:56.25%; position:relative;}
.case_list ul li .left .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.case_list ul li .left .img a img{ width:100%; height:100%; transition: all 0.4s linear -1ms; -webkit-transition: all 0.4s linear -1ms; -moz-transition: all 0.4s linear -1ms; -ms-transition: all 0.4s linear -1ms; -o-transition: all 0.4s linear -1ms; }
.case_list ul li .right{ width:50%; float:left; padding-bottom:28.125%; position:relative;}
.case_list ul li .right .txt{ position:absolute; top:0; left:0; width:100%; height:100%;align-items:center; display: -webkit-flex;}
.case_list ul li .right .txt .content{ width:80%; margin-left:10%;}
.case_list ul li .right .txt .content .tit{ display:block; font-size:22px;}
.case_list ul li .right .txt .content span{ display:block; color:#666; margin-top:8%; margin-bottom:8%;font-size: 14px;line-height: 22px;}
.case_list ul li .right .txt .content .detail{ display:block; width:120px; height:40px; line-height:40px; text-align:center; color:#ccc; border-radius:20px; border:1px solid #ccc; box-sizing:border-box; font-family:arial;}

.case_list ul li:hover .img img{ transition: all 0.4s linear -1ms;
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.5);}
.case_list ul li:hover .tit{ color:#0096d9;}
.case_list ul li:hover .right .txt .content .detail{ background:#0096d9; color:#fff; border-color:#0096d9;}
.case_list ul li:hover{ background:#fff; box-shadow:0px 7px 24px rgba(0,0,0,0.1); transition: all 0.4s linear -1ms;}







.in_contact{ width:100%; margin:0 auto ;}
.in_contact .con_info{ width:66.7%; margin:0 auto 70px auto;}
.in_contact .con_info>div{ display: flex; align-items: center;}
.in_contact .con_info .left{ float:left; width: 45%; margin-right:2%;}
.in_contact .con_info .left h1{font-size: 28px; color: #0096d9;margin-bottom: 5%;}
.in_contact .con_info .left p{font-size: 16px;line-height: 30px; color: #333;}
.in_contact .con_info .right{ float:right; width: 50.5%;background: #f6f6f6;}
.in_contact .con_info .right h1{ font-size: 28px; color: #0096d9;font-weight: normal;padding-top: 5%;margin-bottom: 15px;text-align: left;margin-left: 7%;}
.in_contact .con_info .right input{ color: #333; display: inline-block;width: 82%;margin: 0 auto; margin-left: 7%;height: 35px;line-height: 35px;margin-bottom: 20px;padding: 0 2%;
background: transparent;outline: none;border-bottom: 1px solid #999999;}
.in_contact .con_info .right input::-webkit-input-placeholder{
    color:#999;
    font-size:14px;
}
.in_contact .con_info .right input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
    font-size:14px;
}
.in_contact .con_info .right input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
    font-size:14px;
}
.in_contact .con_info .right input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999;
    font-size:14px;
}
.in_contact .con_info .right textarea{
	width: 82%;
	padding: 0 2%;
	color: #333;
	outline: none;
	background: transparent;
	border-bottom: 1px solid #999999;
	padding-bottom: 16%;
	margin-left: 7%;
}
.in_contact .con_info .right textarea::-webkit-input-placeholder{
    color:#999;
    font-size:14px;
}
.in_contact .con_info .right textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
    font-size:14px;
}
.in_contact .con_info .right textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
    font-size:14px;
}
.in_contact .con_info .right textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999;
    font-size:14px;
}
.in_contact .con_info .right a{
	display: inline-block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	margin-left: 7%;
	background: #0096d9;
	color: #fff;
	margin-top: 4%;
	margin-bottom: 8%;
	text-align: center;
}



.in_contact .con_map{ margin:0 auto 50px auto; width:66.7%; padding-bottom:32%; position:relative;}
.in_contact .con_map .map{ position:absolute; top:0px; left:0px; width:100%; height:100%;}







#scrollUp{ width:0px; height:0px;}



/*----------0807-----------*/
#owl-example .item{ padding:0px;
                    color: #FFF;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    text-align: center;
                }
				
#owl-example .item img{width: 100%;}

.page_banner {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 100px;
}
.part_one{
	margin-top: 100px;
	overflow: hidden;
}
#owl-banner .owl-controls{text-align: center; position: absolute;width: 100%;}
#owl-banner .owl-controls .owl-pagination{ margin:0 auto;}
#owl-banner .owl-controls .active{ z-index:999999 !important;}
#owl-banner .owl-controls .owl-page span{ border: 1px solid #3b3b3b;background: transparent;}
#owl-banner .owl-controls .owl-page.active span{ background:#666;border: 1px solid #666;}
#owl-banner img{ display: inline-block; width: 100%;}





.honor_list{ width:66.7%; margin:0 auto 0 auto;}
.honor_list li{
	float:left;
	width:30.07%;
	margin-left:1.6%;
	margin-right:1.6%;
	margin-bottom:2%;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;
	-webkit-transition: all 0.3s linear -1ms;
}
.honor_list li .img{ width: 100%; padding-bottom:66.666%; position:relative;overflow:hidden;}
.honor_list li .img a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;overflow: hidden;}
.honor_list li .img img{ display:block; height: 100%; margin:0 auto;overflow: hidden;}
.honor_list li .txt{ display:block; height:55px; width:100%; text-align:center; line-height:55px; font-size:18px;color: #333;}
.honor_list li:hover .txt{ color: #0096d9 !important;}

.honor_list li:hover .img{
	box-shadow:0 5px 25px 0px  rgba(0,0,0,0.1);
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;
}
.honor_list li:hover .img img{
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

@media (max-width: 1600px){
	.part02 .in_title{ width:82%}
	.part02_list{ width:82%;}
	.part03 .in_title{ width:82%}
	.part03 .about{ width:82%;}
	.part03 .time{ width:82%;}
	.part04 .in_title{ width:82%}
	.part04 .news{ width:82%}
	
	.news_list{ width:84%;}
	.pro_detail{ width:82%;}
	.stuff_main{ width:82%;}
	.case_list{ width:82%;}
	}






@media (max-width: 1440px){
	
	.nav #m2 .sub .content{ width:98%;}
	
	
	.part02 .in_title{ width:98%}
	.part02_list{ width:98%;}
	.part03 .in_title{ width:98%}
	.part03 .about{ width:98%;}
	.part03 .time{ width:90%;}
	.part04 .in_title{ width:98%}
	.part04 .news{ width:98%}
	.part04 .news .list li .txt .tit{ margin-top:5%;}
	.part04 .news .list li .txt span{ margin-top:16px; margin-bottom:20px;}
	
	
	
	.footer_content{ width:98%;}
	
	.inner_top .content{ width:100%;}
	.inner_top .content li{padding-left: 12px; padding-right: 12px;}
	.inner_top .content li a{    font-size: 14px;}
	.inner_main{ width:82%;}
	.honor_list{ width:100%;}
	.news_list{ width:98%;}
	.pro_list{ width:98%;}
	.pro_detail{ width:98%;}
	.service_p{ width:98%;}
	.stuff_main{ width:98%;}
	.case_list{ width:92%;}
	.in_contact .con_info{ width:98%;}
	.in_contact .con_map{ width:98%; padding-bottom:36%;}
}




@media (max-width: 1199px){
	.part_one{
		margin-top: 80px;
	}
	.part02-contact{
		width: 98%;
	}
	
	.m_menu{ display:block;}
	.navbar{ display:none;}
	.banner{ margin-top:80px !important;}
	.page_banner{ margin-top:80px;}
	.swiper-container-horizontal>.swiper-pagination{ display:none;}
	.in_title{ margin-bottom:20px;}
	
	
	.part02{ background:#f6f6f6; padding-top:60px; padding-bottom:60px}
	.part03{ background:none;}
	.part03 .time ul li .txt .word{ width:180%; left:-180%;}
	.part03 .time ul li{ width:16%;}
	.footer_content .left{ width:82%;}
	.footer_content .left .list .li .tit{ font-size:18px;}
	.footer_content .right p{ font-size:18px;}
	.footer_content .right{ width:16%;}
	.footer_content .right .qr_code{ width:100%;}
	
	.inner_main{ width:96%;}
	.nav-wrap{ min-height:80px !important;}
	.nav-wrap.navFix{ top:80px;}
	
	.pro_search .input{ font-size:16px;}
	.pro_detail{ width:98%;}
	.detail_img{ display:block;}
	.products_detail_left{ display:none;}
	.in_contact .con_info .left{ width:100%; float:inherit; margin-bottom:40px;}
	.in_contact .con_info .left .cu{ display:inline-block;}
	.in_contact .con_info .right{ width:100%; float:inherit;}	
}


@media (max-width: 992px){
	.part02_list ul li{ width:49%; padding-top:5%;}
	.part02_list ul li .con{
		display: inline-block;
		width: 65%;
		height: auto;
		margin: 0 auto;
	}
	.part03{ padding-bottom:0;}
	.part03 .about .img{ width:100%; float:inherit;}
	.part03 .about .right{ width:98%; float:inherit; margin:24px auto 0 auto;}
	.part03 .time{ width:98%;}
	.part03 .time ul{ height:auto; background:none; margin:0;}
	.part03 .time ul li{ position:static; width:94%; margin:0 auto 10px auto;}
	.part03 .time ul li .txt{position:static; width:100%;}
	.part03 .time ul li .txt .tit{ border:none; text-align:left; height:auto; line-height:34px; font-size:22px; color:#0096d9;}
	.part03 .time ul li .txt .word{ width:98%; position:static; margin-top:10px;}
	.part03 .time ul li .txt .word span{ line-height:20px; height:40px;}
	.part03 .time ul li .line{ position:static; width:40px; height:2px; background:#0096d9; margin-left:1px; margin-top:-44px;}
	.part03 .time ul li:nth-child(odd) .line{ position:static; left:0;}
	.part03 .time ul li:nth-child(even) .line{ position:static; left:0;}
	.part03 .time ul li .point{ position:static; display:none;}
	.part04{ padding-top:20px; padding-bottom:30px;}
	.part04 .news .big{ float:inherit; width:100%;}
	.part04 .news .big .txt{ padding:3% 4%; width:92%;}
	.part04 .news .big .txt span{ margin-top:3%; margin-bottom:3%;}
	.part04 .news .list{ float:inherit; width:100%; margin-top:30px;}
	.part04 .news .list li{ margin-bottom:4%;}
	.part04 .news .list li .txt{ margin-top:3%;}
	.part04 .news .list li .txt span{ display:none;}
	.part04 .news .list li .txt p{ text-align:left;}
	
	.news_list li .right{ float:inherit; width:100%;}
    .news_list li .left{ float:inherit; width:100%; padding-bottom:3%;}
	.news_list li .left .txt{ width:94%; padding-left:3%; padding-right:3%;}
	.news_list li .left .txt p{ margin-top:2%;}
	.news_list li .left .txt h3{ margin-top:1.5%; margin-bottom:1.5%;font-size: 18px;}
	.news_list li .left .txt a{ display:none;}
	
	.pro_list li{ width:31.33%; margin-left:1%; margin-right:1%;}
	.pro_detail{ margin-top:50px;} 
	.detail_img{ width:100%; float:inherit;}
	.pro_detail .top .right{ width:100%; float:inherit;}
	.pro_detail .top .right .txt h3{ margin-top:2%; margin-bottom:2%;}
	.pro_detail .top .right .txt span{ width:100%;}
	.pro_detail .top .right .zixun{ margin-top:3%;}
	.case_list{ width:98%;}
	.case_list ul li .left{ width:100%; float:inherit;}
	.case_list ul li .right{ width:100%; float:inherit; padding-bottom:0; position:static;}
	.case_list ul li .right .txt{ position:static;}
	.case_list ul li .right .txt .content{ width:94%; margin:3% auto;}
	.case_list ul li .right .txt .content span{ margin-top:2%; margin-bottom:2%;}
	.case_list ul li .right .txt .content .detail{ display:none;}
	
	.in_contact .con_map{padding-bottom:70%;}
		
}


@media (max-width: 768px){
	.page_banner img{
		width: 200%;
		margin-left: -50%;
	}

	.m_menu_list{ width:60%;}
	.m_menu_list .menu_list_close{ right:9%;}
	
	.footer{ padding-top:40px;}
	.footer_content .left{ display:none; float:inherit;}
	.footer_content .right{ float:inherit; width:100%;}
	.footer_content .right p{ text-align:center;}
	.footer_content .right .qr_code{ width:35%; margin:0 auto;}
	.footer .copy{ margin-top:30px;padding: 25px 4%;}
	.news_title{ width:94%; margin:0 auto;}
	
	.honor_list li{ width:96.8%;}
	.pro_list li{ width:48%;}
	.pro_search{ width:400px;}
	.pro_search .input{ width:300px;}
	.pro_search .submit{ width:100px;}
	.pro_detail .ctrl .left{ float:inherit;}
	.pro_detail .ctrl .back{ float:inherit; margin-top:20px;}	
	.in_contact .con_info>div{
		display: block;
	}
	.in_contact .con_info .left{ width:98%; margin-right:0; margin-left:2%;}
	.in_contact .con_info .left .cu{ display:block;}
	.in_contact .con_info .zixun{ margin-top:14px; margin-bottom:12px;}
	.in_contact .con_info .info{ height:auto; margin-bottom:16px;}
	.in_contact .con_info .right{
		float: none !important;
	}
	
	.pageGuide{ margin-bottom:50px;}
	.paging a{ margin-bottom:6px;}
	
	.fancybox-nav span{
		visibility: visible !important;
	}
	.pro_list li .detail a{
		font-size: 16px;
	}
	
	#rocket-to-top{ display:none !important;}
	#scrollUp{ width:38px; height:38px;}
	.inner_top{
		margin-bottom: 50px;
	}
}



@media (max-width: 480px){
	.pro_search{ width:90%}
	.pro_search .input{ width:calc(99% - 70px);}
	.pro_search .submit{ width:70px;}
}


/*0810*/
.part03 .time{display:none;}


/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:120px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#3f8fcc;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 0px 10px;}
#floatDivBoxs .floatDtel img{display:block;height: 60px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(/images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../image/online_arrow.jpg) no-repeat;position:fixed;top:120px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}