@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/
@import url("./gaode_main.css");/*高德地图*/
@import url("../css/owl.carousel.css");
@import url("../css/owl.theme.css");

/*@import url("../css/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:1200px; 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%;}
.header .navbar .pc_menu .pc_logo a { display:block; height:60%; margin-top:20px;}
.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:20px; margin-right:20px;}
.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:#16429f;}

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

/*-----滚动后--------*/
.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;}

.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:#16429f; 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:#16429f;}
/*----------------------------*/


.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%;}



.part_one{margin-top: 100px;}

.in_title{ margin:0 auto 40px auto; width:75%;}
.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:#16429f; color:#fff; border-color:#16429f;}



.part02 .in_title{width: 62%;margin-left: 12%;}

.part02{ width:100%; background:url(../img/part02_bg.jpg) no-repeat; background-size:cover; background-position:right; padding-top:120px; padding-bottom:120px;}
.part02_list{ width:62%; margin:0 auto;}
.part02_list ul{ width:100%; margin-left: -11%;}
.part02_list ul li{ width:32.3333%; margin-left:0.5%; margin-right:0.5%; margin-bottom:1%; float:left; background:#fff; padding-top:40px; padding-bottom:30px; 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:100px; height:100px; margin:0 auto 8% 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;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);}
.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:#16429f;}
.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);
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%); 
	
}


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

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

.part03 .about{ width:75%; 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:#444; line-height:30px; 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:#16429f; border-color:#16429f;}
.part03 .about .right .link li .c:hover .img img{
	-webkit-filter: brightness(10);
filter: brightness(10);}


.part03 .time{ width:75%; margin:0 auto; display:none;}
.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; text-align: right;}
.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:75%; 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% 10%;}
.part04 .news .big .txt .tit{ display:block; font-size:18px;}
.part04 .news .big .txt span{ display:block; font-size:14px; color:#666; margin-top:30px; margin-bottom:30px;}
.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%;}
.part04 .news .list li .img{ width:38.46%; padding-bottom:25.64%; 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%;}
.part04 .news .list li .txt span{ display:block; color:#666; height:40px; overflow:hidden; margin-top:20px; margin-bottom:24px;}
.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:#16429f;}	
.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:#16429f;}	
	


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



.footer{ width:100%; background:#eeeeee; margin:0px auto 0 auto; padding-top:70px; background:url(../img/footer_bg.jpg) center center no-repeat; background-size:cover;}
.footer_content{ width:75%; 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:22px; 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; width:30%;}
.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:20px; padding-bottom:46px; background:#222; margin-top:60px;}
.footer .copy p{ font-size:14px; text-align:left; color:#999; display:inline-block;}
.footer .copy a{ color:#999;}
.footer .copy 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%; height:100px;}
.inner_top .content{ width:100%; margin:0 auto; text-align:center; background:#f4f4f4;}
.inner_top .content li{ display:inline-block; padding-left:17px; padding-right:17px; text-align:center; height:50px;}
.inner_top .content li a{ display:block; font-size:16px; color:#666; line-height:48px;}
.inner_top .content .cur a{color:#16429f; border-bottom:2px solid #16429f; box-sizing:border-box;}
.inner_top .content li a:hover{ color:#16429f; border-bottom:2px solid #16429f; 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%;height: 100px;}
.nav-wrap.navFix{position: fixed;top: 100px;left: 0; z-index: 99999;}
.nav-wrap.navFix .content{  box-shadow: 0 0 5px rgba(0,0,0, 0.2);} 
.nav-wrap ul {padding: 0;margin: 0 auto; width:100%; display: block; 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: #16429f;}
.nav-wrap li a.active { border-bottom:2px solid #16429f;color: #16429f;}*/
.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{ padding-top:50px; width: 100%; }

.news_list{ width:66%; 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:#16429f; transition: all 0.3s linear -1ms;}
.news_list li:hover .txt a{ background:#16429f; border-color:#16429f; color:#fff;}

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


/*-----------0702--------------*/




	

.pro_page{ margin-bottom:50px;}
.pro_search{ margin:30px 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:#16429f; text-align:center;}
.pro_search .submit:hover{ background:#285ac8;}


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

.pro_list{ width:82%; margin:0 auto; border-bottom: 1px dashed #ccc;}
.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:94%; height:60px; line-height:60px; font-size:16px; padding-left:3%; padding-right:3%; 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:#fff; color:#16429f;}*/


.nav-height {width:100%;}
.nav-wrap {
    width:100%;
    height:45px;
    background-color:#f4f4f4;
    overflow:hidden;
    margin:0 auto 40px;
}
.nav-wrap.navFix {
    position:fixed;
    left:0;
    top:100px;
    width:100%;
    border-radius:0;
    z-index:9999;
}
.nav-wrap .content {margin:0 auto;text-align:center;}
.nav-wrap .content li{ display:inline-block; padding-left:15px; padding-right:15px; height:50px;}
.nav-wrap .content li a {font-size:16px; color:#666; line-height:50px;padding-bottom: 5px;}
.nav-wrap .content li .active, .nav-wrap .content li a:hover {color:#16429f; border-bottom:2px solid #16429f; }

.pro_list{ width:82%; margin:0 auto; padding: 60px 0 50px 0;border-bottom: 1px dashed #ccc;}
.pro_list li{ 
	width:22%; 
	display: inline-block;
	text-align:center;  
	margin: 15px 15px; 
	border:1px solid #eee;
	transition: all 0.5s linear -1ms; 
}
.pro_list li:hover{ box-shadow:0px 8px 25px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms;}
.pro_list li .img{overflow:hidden;}
.pro_list li .img a img{ width:100%; height:100%; transition: all 0.4s linear -1ms;} 
.pro_list li .detail a{ display:block;height:60px; line-height:60px; font-size:16px; background:#f0f0f0;}
.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:#fff; color:#16429f;}


.detail_img{ width:30%; float:left;border:1px solid #eee; display:none;} 
#pro_detail { width:100%;  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%; 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:#16429f; 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:#16429f; border-bottom:2px solid #16429f;}

.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:#16429f;}
.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:#16429f; color:#fff;}



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

.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 .point01:hover .content .txt{ display:block;}

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

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

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

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

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

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

.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:65.8%;}
.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 .point16{ position:absolute; top:42.5%; left:76.2%;}
.about_m .point16 .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%; 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;}
.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:5%; margin-bottom:5%;}
.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:#16429f;}
.case_list ul li:hover .right .txt .content .detail{ background:#16429f; color:#fff; border-color:#16429f;}
.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:84%; margin:0 auto 70px auto;}
.in_contact .con_info .left{ float:left; width:18%; margin-right:2%;}
.in_contact .con_info .right{ float:left; width:80%;}
.in_contact .con_info .title h1{ font-size:22px; color:#16429f; margin-bottom:30px;}
.in_contact .con_info .ads{ display:block; color:#16429f; font-size:16px; background:url(../img/ads_icon.png) no-repeat left; height:18px; line-height:18px; text-indent:20px;}
.in_contact .con_info .zixun{ display:block; width:110px; height:34px; border-radius:20px; border:1px solid #16429f; box-sizing:border-box; color:#16429f; font-size:14px; line-height:32px; text-align:center; margin-top:18px; margin-bottom:18px;}
.in_contact .con_info .info{ display:block; color:#333; font-size:14px; line-height:22px; height:66px;}
.in_contact .con_info .left ul li{ margin-bottom:30px}
.in_contact .con_info .left ul li p{ font-size:14px; color:#333;}
.in_contact .con_info .left ul li span{ display:block; font-size:22px; color:#333; margin-top:2px;}
.in_contact .con_info .right ul{ width:100%; margin-top:30px;}
.in_contact .con_info .right ul li{ float:left; width:29.33%; border-bottom:1px solid #ddd; margin-bottom:30px; padding-right:4%;}
.in_contact .con_info .zixun:hover{ background:#16429f; color:#fff;}



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

.in_contact .con_fen{ width:72%; margin:80px auto 80px auto; background:#E7F8EE;}
.in_contact .con_fen .list{ width:30.33%; padding-left:1.5%; padding-right:1.5%; float:left; text-align:center; transition: all 0.3s linear -1ms; min-height: 440px;}
.in_contact .con_fen .list h3{ font-size:22px; font-weight:normal; color:#128348; margin-top:40px; text-align:center;}
.in_contact .con_fen .list span{ display:block; color:#888; line-height:24px; margin-bottom:22px; text-align:center;}
.in_contact .con_fen .list p{ color:#333; font-size:16px; margin-top:34px; margin-bottom:16px; text-align:center;} 
.in_contact .con_fen .list .kefu{ display:block; margin:0 auto; width:130px; height:40px; line-height:40px; background:#128348; color:#fff; text-align:center; margin-top:40px; margin-bottom:40px;}
.in_contact .con_fen .list:hover{ background:#fff; box-shadow:0px 5px 25px #ddd; transition: all 0.3s linear -1ms;}


/*----------0720----------*/
#weixiu{ width:40%; margin:0 auto; border: 1px solid #ddd;}
#weixiu iframe{ width:100%; height:}



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

#owl-banner .owl-controls{margin-top: -27px;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{ background:#fff;}
#owl-banner .owl-controls .owl-page.active span{ background:#16429f;}



.honor_list{ width:82%; margin:0 auto 0 auto; padding-top:50px;}
.honor_list li{ float:left;  width:23%; margin-left:1%; margin-right:1%; 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;}
.honor_list li .img{ width: 100%; padding-bottom:66.666%; position:relative;overflow:hidden;background:#f9f9f9;}
.honor_list li .img a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.honor_list li .img img{ display:block; height: 100%; margin:0 auto;}
.honor_list li .txt{ display:block; height:40px; width:100%; text-align:center; line-height:40px; font-size:16px;overflow: hidden;}

.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;}
.honor_list li:hover .txt{ background:#fff;}








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

@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%;margin-left: auto;}
	.part02_list{ width:98%;}
	.part02_list ul{margin-left:0;}

	.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_main{ width:82%;}
	.honor_list{ width:100%;}
	.honor_list li .txt{font-size:14px;}
	.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){
	
	.m_menu{ display:block;}
	.navbar{ display:none;}
	.part_one{ margin-top:80px !important;}
	#owl-banner .owl-controls{ display:none !important;}
	.page_banner{ margin-top:80px;}
	
	.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%;}
	.products_detail_left{ display:none;}
	.detail_img{display:block;} 
	.de_introduce img{ width:100% !important; height:auto !important;}
	.de_parameter img{ width:100% !important; height:auto !important;}	

	.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 .left ul{ margin-left:5%;vertical-align:top;}
	.in_contact .con_info .right{ width:100%; float:inherit;}

	
	
	
}


@media (max-width: 992px){
	.part02_list ul li{ width:49%; padding-top:10%;}
	.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:#16429f;}
	.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:#16429f; 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;}
	.part03 .time ul li .txt .word span{    text-align:left;}
	.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;}
	
	.page_banner img{    width: 200%;margin-left: -50%;}
	.inner_top .content li{padding-left: 5px; padding-right: 5px;height: 34px;}
	.inner_top .content li a{line-height: 32px;}
	
	.honor_list li{ width:31.33%;}
	.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%;}
	.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; margin-left:0;}
	.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;}
	.inner_main p img{ width: 100% !important; height:auto !important;}
	.in_contact .con_info .right ul li{ width:48%; padding-right:2%;}
	.in_contact .con_map{padding-bottom:70%;}
	
	#weixiu{ width:100%;}
	
	
}




@media (max-width: 768px){
	.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;}
	.news_title{ width:94%; margin:0 auto;}
	
	.honor_list li{ width:48%;}
	.pro_list li{ width:47%;}
	.pro_list li .detail a{font-size: 14px;overflow: hidden;}
	.pro_search{ width:400px; margin-top:80px;}
	.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 .left{ width:98%; margin-right:0; margin-left:2%;}
	.in_contact .con_info .left .cu{ display:block;}
	.in_contact .con_info .left ul{ margin-left:0;vertical-align:top;}
	.in_contact .con_info .left ul li{ margin-bottom:16px;}
	.in_contact .con_info .right ul li{ width:98%; padding-left:2%;}
	.in_contact .con_info .zixun{ margin-top:14px; margin-bottom:12px;}
	.in_contact .con_info .info{ height:auto; margin-bottom:16px;}
	
	.pageGuide{ margin-bottom:50px;}
	.paging a{ margin-bottom:6px;}
	
	.nav-wrap {    height: auto;}
	
	
	#rocket-to-top{ display:none !important;}
	#scrollUp{ width:38px; height:38px;}
}



@media (max-width: 480px){

}


.language {
	width: 100px;
	position: fixed;
	top: 50px;
	right: 4%;
	transform: translateY(-50%);
z-index: 10000000;
}
.language ul{width:100px;margin-bottom: 0;}
.language ul li{font-size: 16px;color: #666666;line-height: 14px;cursor: pointer;}
.language ul li a{
	color: #666666;
}
.language ul li a:first-child{
	margin-right: 15px;
}
.language ul li a:last-child{
	margin-left: 15px;
}


@media (max-width: 1500px){
.header .navbar .pc_menu .pc_menu_right {
    margin-right: 8%;
}
}
@media (max-width: 1300px){
.header .navbar .pc_menu .pc_menu_right {
    margin-right: 11%;
}
}
@media (max-width: 1200px){
.language {
    top: 39px;
    right: 12%;
}
}