@charset "utf-8";
/* CSS Document */
html,body{ padding:0; margin:0; font-family:"微软雅黑";}
.p0{ padding-left:0; padding-right:0;}

li{list-style:none}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

/*PC端首页头部*/
.header_box{ width:100%; height:125px;}
.heder_top{ background-color:#ae0001; height:35px; color:#fff;}
.heder_top h4{ font-size:14px; font-weight:normal; line-height:35px; margin:0;}
.search{width:18px; height:18px; line-height:35px; display:inline-block; float:right; margin:0 5px;}
.search img{width: 100%; height: 100%;}
.en {height:18px; line-height:35px; display:inline-block; float:right; margin:0 5px;}
.en a{color: #fff;}
.en img{width: 100%; height: 100%;}
/*PC导航*/
.header_nav{ padding-top:30px;}
.head-v3{position:relative;z-index:100; width:100%;}
.head-v3 .navigation-inner{position:relative}
.head-v3 .navigation-inner .yuyan{ position: absolute; right:-70px; top:8px}
.navigation-up{height:60px; }
.navigation-up .navigation-v3{float:left;}
.navigation-up .navigation-v3 ul{float:left; padding-left:0;}
.navigation-up .navigation-v3 li{float:left;color:#fff}
.navigation-up .navigation-v3 li h2 a:hover{ color:#ae0001;}
.navigation-up .navigation-v3 .nav-up-selected{ border-bottom:2px solid #ae0001;}
.navigation-up .navigation-v3 .nav-cur{ border-bottom:2px solid #ae0001;}
/*.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}*/
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0; font-size:16px;}
.navigation-up .navigation-v3 li h2 a{padding:0 15px;color:#332c2b;display:inline-block;height:40px; line-height:40px;}

.navigation-down{position:absolute;top:60px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#ae0001;position:absolute;top:0px; opacity: 1}
/*.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}*/
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:100%;position:relative}
.navigation-down .nav-down-menu .navigation-down-inner .n:nth-of-type(1){margin-left: 35%;}
.navigation-down .nav-down-menu .navigation-down-inner .m:nth-of-type(1){margin-left:40%;}

.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}

.navigation-down .menu-1 dl{margin:20px 4% 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#fff;padding-bottom:10px;border-bottom:1px solid #fff;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#fff;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}
#about3 .m:nth-of-type(1){ margin-left: 45.5%;}
#about42 .m:nth-of-type(1){ margin-left: 70%;}

/*手机菜单*/
.m_menu_btn {
    background: #ae0001 url("../images/ind_siblenav.png") no-repeat scroll center center / 50% auto;
    bottom: 0;
    float: left;
    height: 35px;
    right: 5px;
    line-height: 35px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 35px;
}
.m_caidan {
    background: #072034 none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    top: -200%;
    width: 100%;
    z-index: 9999;
}

.m_caidan_1 {
    margin-top: 6rem;
    padding: 20px;
}
.m_guanbi {
    background: rgba(0, 0, 0, 0) url("../images/sidenav_close.png") no-repeat scroll 0 0 / cover ;
	margin: 20px 20px 0 0;
    height: 3.6rem;
    position: absolute;
    right: 0;
    width: 3.6rem;
}
.ind_wzmap {
    
    padding: 0 15px;
    width: 100%;
}
.sidebar {
    color: #f4f4f4;
}
.sidebar a{ color: #fff}
.sidebar ul {
    margin-bottom: 0;
}
.sidebar ul li h1 {
    background: rgba(0, 0, 0, 0) url("../images/snav.png") no-repeat scroll 95% center / 5% auto;
    border-bottom: 1px solid #999;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 50px;
    margin: 0;
    width: 100%;
}
.sidebar ul li h1 a{color: #fff}
.sidebar ul li .current {
    background: rgba(0, 0, 0, 0) url("../images/snavon.png") no-repeat scroll 95% center / 5% auto;
    border-bottom: 1px solid #ff9b00;
    color: #ff9b00;
}
.sidebar ul li dl {
    margin-bottom: 0;
}
.sidebar ul li dl dd {
    border-bottom: 1px solid #666;
    cursor: pointer;
    font-weight: 400;
    line-height: 50px;
    width: 100%;
}
.sidebar ul li dl dd a {
    color: #ccc;
}

/*轮播图*/
		.flexslider{position:relative;height:740px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
		.slides{position:relative;z-index:1;}
		.slides li{height:740px; background-size:cover !important;}
		.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
		.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
		.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
		.flex-control-nav .flex-active{background-position:0 0;}

		.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
		.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
		.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
		.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
		
/*产品中心*/
.product_box{ padding-bottom:70px; padding-top:20px;}
.article_title{ text-align:center; line-height:120px; margin:0 auto; margin-bottom:30px; }
.article_title h1{ font-size:28px; color:#595757;}
.article_title h2{ font-size:18px; color:#898989;}
.product-1{ width:280px; display:block; position:relative; margin-bottom:10px; margin-left:5px; margin-right:5px;}
.product-hide{ position:absolute; top:0; left:0;}
/*关于我们*/
.about_box{ padding-top:50px; background:url(../images/about-bg.jpg) no-repeat top left; background-size:cover; height:auto;}
.about_text{ padding-left:50px; padding-right:50px;}
.about_text p{ font-size:14px; text-align:justify; line-height:30px;}
.more { display:block; margin:20px auto; height:40px; text-align:center; }
.more a{ width:134px; line-height:40px; color:#ae0001; border:1px #ae0001 dashed; padding:15px 30px;}
.about-icon{ margin-left:30%;}
.about-icon a{ width:99px; height:101px; display:inline-block; background-position: center center; background-size:cover; background-repeat:no-repeat; margin:50px 23px;}
.about-icon a:nth-child(1){ background:url(../images/jj-hover.png);}
.about-icon a:nth-child(2){ background:url(../images/wh-hover.png);}
.about-icon a:nth-child(3){ background:url(../images/ry-hover.png);}
.about-icon a:nth-child(4){ background:url(../images/zj-hover.png);}
.about-icon a:nth-child(1):hover{ background:url(../images/jj.png); transition:all ease 0.2s;}
.about-icon a:nth-child(2):hover{ background:url(../images/wh.png); transition:all ease 0.2s;}
.about-icon a:nth-child(3):hover{ background:url(../images/ry.png); transition:all ease 0.2s;}
.about-icon a:nth-child(4):hover{ background:url(../images/zj.png); transition:all ease 0.2s;}
.pc_banner{display: block;}
	.mobile_banner{display: none;}
/*案例展示*/
.case-1{ margin-bottom:50px; width:270px; height:270px; margin-left:5px; margin-right:5px; position:relative; }
.case-1 span{ width:100%; height:83.5%; display:none;background-color:rgba(0,0,0,0.6); position:absolute; left:0; top:0;}
.case-hover{ margin-top:36%; margin-left:38%;}
.case-1 h1{ font-size:16px; font-weight:normal; text-align:center; color:rgba(46,46,46,1.00);}

		.product_box .txtScroll-left{ width:100%; height:auto;  position:relative; left:0;}
		.product_box .txtScroll-left .hd{ overflow:hidden;  height:30px; padding:0 10px; width:51%; position:absolute; bottom:0px; z-index:999;}

		.product_box .txtScroll-left .hd .prevStop{ background-position:-60px 0; }
		.product_box .txtScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.product_box .txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
		.product_box .txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat; }
		.product_box .txtScroll-left .hd ul li.on{ background-position:0 0; }
		.product_box .txtScroll-left .bd{ padding-left:2%;overflow:hidden;}
		.product_box .txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.product_box .txtScroll-left .bd ul li{ margin-right:20px;  float:left; line-height:24px;  text-align:left; }
		.product_box .txtScroll-left .bd ul li h1{ font-size:16px; color:rgba(51,51,51,1.00); text-align:center; }
		.product_box .txtScroll-left .bd ul li p{ font-size:12px; color:rgba(73,73,73,1.00); text-align:justify; height:48px; overflow:hidden; margin-bottom:30px;
		}

		.product_box .txtScroll-left .bd ul li span{ color:#999;}


/*新闻视频*/
.news_box{ background:url(../images/new-bg.jpg) repeat-y top center; background-size:contain; padding-top:50px; padding-bottom:30px;}

		.txtScroll-left{ width:409px; height:auto;  position:relative; left:13%;  }
		.txtScroll-left .hd{ overflow:hidden;  height:30px;  width:53%; position:absolute; bottom:0px; z-index:999;}

		.txtScroll-left .hd .prevStop{ background-position:-60px 0; }
		.txtScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
		.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat; }
		.txtScroll-left .hd ul li.on{ background-position:0 0; }
		.txtScroll-left .bd{ padding-left:7%;overflow:hidden;}
		.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.txtScroll-left .bd ul li{ margin-right:20px;  float:left; line-height:24px;  text-align:left;}
		.txtScroll-left .bd ul li h1{ font-size:16px; color:rgba(51,51,51,1.00); text-align:center; }
		.txtScroll-left .bd ul li p{ font-size:12px; color:rgba(73,73,73,1.00); text-align:justify; height:48px; overflow:hidden; margin-bottom:30px;
		}

		.txtScroll-left .bd ul li span{ color:#999;}
.xinwen{ height: 266px; width: 100%; display: inline-block; overflow: hidden; }
.xinwen img{ height: 100%; width: auto;}
.video_box{ margin-left:19%; margin-top: 8%;}		
.video_box video{ width:350px; height:auto;}
.video_box h1{font-size:16px; color:rgba(51,51,51,1.00); text-align:center; width:354px;}
.video_box a{ padding:8px 30px; border:1px solid #ae0001; text-align:center; color:#ae0001; margin-left:24%; margin-top:10px; display:inline-block;}
.video_box a:hover{ background-color:#ae0001; color:#fff; transition:all ease 0.2s;}


/*合作客户*/

.client-1{ text-align:-webkit-center;text-align:-moz-center; margin-top:24px; margin-bottom:48px;}
.client-1 img{ width:170px; height:73px;}

/*底部*/
footer{ background-color:#072034; height:auto; color:#fff; padding-top:36px;}
footer dt{ font-weight: normal;}
footer dt a{ font-size:16px; line-height:30px; color:#BDBDBD;}
footer dd a{ font-size:14px; color:#959595; line-height:30px;}
.footer_bottom{ background:#000; color:#fff; text-align:center;}
.footer_bottom a{color: #fff;}
.footer_bottom p{ margin-left:20px; display:inline-block; font-size:14px; line-height:40px; margin-bottom:0;}
.gz{ margin-left:25px;}
.gz_box{ margin-left:-30px;}

footer .m_foot {
    background: #ae0001 none repeat scroll 0 0;
    bottom: 0;
    height: 50px;
    position: fixed;
    width: 100%;
	z-index: 10;
}
footer .m_foot div {
    border-right: 1px solid #832121;
    color: #fff;
    float: left;
    text-align: center;
    width: 20%;
}
footer .m_foot div i {
    font-size: 20px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}



/*浮动*/
.genping{ position: fixed; right: 0; top:60%; z-index: 100;}
.genping div{ cursor: pointer;}
.genping div:nth-of-type(1){border-bottom: 1px solid #fff;}
.genping div:nth-of-type(2){border-bottom: 1px solid #fff;}
.genping .tel{ position: relative;}
.genping .tel a span{ position: absolute; right: -200px; top: 0; display: inline-block; background: #8c0000; height: 72px; line-height: 72px; text-align: center; font-size: 18px; color:#fff; width: 200px; border-radius: 10px;
 transition: all 0.5s ease 0s;  opacity: 0;}

.genping .tel a:hover span{right: 100px;opacity: 1; transition: all 0.5s ease 0s; }
.genping .ewm{position: relative;}
.genping .ewm span{position: absolute; left:0; opacity: 0;transition:0.5s all; }
.genping .ewm:hover span{left:-120px; opacity:1; transition:0.5s all;}
.tanchu{margin-top: 15%;}

.tanchu .anniu{background: #8c0000 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #fff;}
.hzkh{}
.hzkh li{ width: 17%; margin: 1.5%; float: left;}
/*1024*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.navigation-up .navigation-v3 ul{ float:right;}
	.navigation-up .navigation-v3 li h2 a{ padding:0 10px;}
	.flexslider{ height:382px;}
	.slides li{ height:382px;}
	.product-1{ width:220px;}
	.about-icon a{ margin:25px 12px;}
	.about-icon{ margin-left:20%;}
	.case-1{ width:220px; height:220px;}
	.news_box .txtScroll-left .bd ul li{ width:320px;}
	.news_box .tempWrap{ margin-left:-5%;}
	.video_box{ margin-left:12%;}
	.video_box a{ margin-left:30%;}

}
@media screen and (max-width: 768px) {
	.header_box{ height:35px;}
	.banner{margin-top: 65px;}
	.navbar-default{ display:inline;}
	.navbar-brand{padding:0 15px; position:relative; left:110%; margin-bottom:10px;}
	.nav > li > a{ padding:8px;}
	.flexslider{ height:297px;}
	.slides li{ height:297px;}
	.product-1{ width:170px;}
	.product_box{ padding-bottom:40px;}
	.article_title h1{ font-size:24px;}
	.article_title h2{ font-size:16px;}
	.about_box{ padding-top:30px;}
	.about-icon a{ width:88px; height:88px; margin:20px; background-repeat:no-repeat !important; background-size:contain !important;}
	.about-icon{ margin-left:11%;}
	.case-1{ width:163px; height:163px;}
	.product_box .txtScroll-left .bd ul li span img{ width:50px; height:50px;}
	.product_box .txtScroll-left .hd{ width:54%;}
	.news_box{ background:url(../images/new-bg-md.jpg) repeat-x; background-size:contain;}
	.news_box{ padding-top:20px;}
	.news_box .txtScroll-left{ left:20%;}
	.news_box .txtScroll-left .hd{ bottom:5px; width:58%;}
	.video_box{ margin-left:23%;}
	.video_box h1{ width:350px;}
	.video_box a{ margin-left:17%;}
	.client-1{ margin-top:0;}
	}
@media screen and (max-width: 767px) {
	
	.mobile_banner{display: block; width: 100%; overflow: hidden; height: 200px;}

	.pc_banner{display: none;}
	.navbar-brand{ position:inherit; margin-bottom:0px; width:198px; padding-top:15px; padding-left:0; box-sizing:content-box;}
	.navbar-brand img{ width:80%;}
	.navbar-toggle{ margin-top:15px; margin-right:0;}
	.navbar{ margin-bottom:0;}
	.flexslider{ height:148px;}
	.slides li{ height:148px;}
	.flex-direction-nav li a{ width:30px; height:30px; }
	.flex-direction-nav li a.flex-prev,.flex-direction-nav li a.flex-next{ background-size:contain;}
	.flex-control-nav a{ width:10px; height:10px; background-size:cover;}
	.flex-control-nav li{ width:10px; height:10px;}
	.flex-control-nav{ margin-bottom:0;}
	.article_title h1{ font-size:18px; margin-top:10px;}
	.article_title h2{ font-size:16px;}
	.article_title{ margin-bottom:10px;}
	.product-1{ width:48%; margin-left:1%; margin-right:1%;}
	.product_box{ padding-bottom:0px;}
	.about_box{ padding-top:0px;}
	.about_text{ padding-left:0; padding-right:0;}
	.more a{ padding:10px 30px;}
	.more{ margin:10px auto;}
	.case-1{ width:45%;}
	.product_box .txtScroll-left .bd{ margin-left:5%;}
	.case-1{ margin-bottom:5%;}
	.product_box .txtScroll-left .bd ul li h1{ font-size:14px; margin-top:10px;}
	.product_box .txtScroll-left .hd{ width:56%;}
	.case-1 span{ height:83%;}	
	.news_box .txtScroll-left .bd{ width:100%; padding-left:20px;}

	.news_box .txtScroll-left{ width:100%; left:0;}
	.video_box{ margin-left:0;}
	.video_box video,.video_box h1{ width:100%;}
	.video_box a{ display:block; width:60%; margin:20px auto 0 auto;}
	.client-1{ margin-bottom:28px;}
	.client-1 img{ width:130px; height:auto;}
	.lx{ padding-left:15px; padding-right:15px;}
	footer{ padding-top:0px;margin-bottom: 120px;}
	.footer_bottom{ padding: 15px 0}
	.footer_bottom p{margin-left:0; font-size:12px; line-height: 16px; }
	.xinwen{ height: 170px; width: 100%; display: inline-block; overflow: hidden; }
	.xinwen img{ height: auto; width: auto;}
	
	.hzkh li{ width: 47%; margin: 1.5%; float: left;}
	
	}
	
	@media screen and (max-width: 414px){
		.case-1 span{ height:93%;}
		}
	@media screen and (max-width: 320px){
		.case-1 span{ height:70%;}
		.case-hover{ margin-top:26%; margin-left:28%;}
		}