@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px Verdana, Geneva, sans-serif ; font-family: -apple-system,helvetica neue,helvetica,arial,pingfang sc,hiragino sans gb,stheiti,microsoft yahei,microsoft jhenghei,SimSun,sans-serif;}
body{color:#333; }
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var,i{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:10px;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#333; }
a:hover{text-decoration:none; color:#c72520;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
legend{color:#000;}
fieldset, img { border:0;}
a img{vertical-align:text-bottom;}
:focus {outline:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
button,input,select,textarea{font-size:100%;}
button,input,select{vertical-align:middle;}
button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}



/*Common Style
--------------------------------*/
/*text align*/
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}
.tj{ text-align:justify;}
/*float and clear*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{ clear:both;}
/*clear*/
.clearfix:after{ content: ''; display: block;  clear: both; visibility: hidden; line-height: 0;height: 0; font-size:0; }
.clearfix {zoom:1;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.container{width:1330px;}
.container{padding-right: 15px;padding-left: 15px;margin-right: auto; margin-left: auto;}
.juzhong{margin:0 auto}
.m1330{min-width:1330px; width:100%;}
.l24{line-height:24px;}
.l30{line-height:30px;}
.l40{line-height:40px;}
.l42{line-height:42px;}
.l50{line-height:50px;}
.l60{line-height:60px;}
.l80{line-height:80px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f24{font-size:24px;}
.f20{font-size:20px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.arial{font-family:Arial, Helvetica, sans-serif;}
.nor{font-weight:normal;}
.green{color:#c72520;}
.blue{ color:#00c1de;}
.brown{color:#53281f}
.white{color:#fff;}
.yellow{color:#fff100;}
.red{color:#c72520;}
.c999{color:#999;}
.c666{color:#666;}
.c333{color:#333;}
.c74{color:#747474;}
.c8f{color:#8f8f8f;}
.cce{color:#cecece;}
.bg_green{background:#c72520;}
.bg_white{background:#fff;}
.mt_15{margin-top: 15px!important;}
.mt_20{margin-top: 20px!important;}
.ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
overflow: hidden;}
.capital{text-transform:uppercase;}
.hidden{overflow:hidden;}
.position{position:relative;}

a:focus , a:link, a:active {
	outline:none;
}

html *,
html *:before,
html *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

 /* ::-webkit-scrollbar { */
    /* -webkit-appearance: none; */
    /* width: 8px; */
    /* height: 8px; */
/* } */
/* ::-webkit-scrollbar-thumb { */
    /* border-radius: 4px; */
    /* background-color: #dddddd; */
    /* box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); */
/* }  */

.iconfont{
    font-family:"iconfont" !important;
	font-style:normal!important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.photo:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}


.header_t{border-bottom: 1px solid #eee; padding: 2px 0}
header{padding: 10px 0}
header img{margin: 12px 0;}
.header_tel h1{padding: 0 0 0 60px; position: relative; margin: 20px 0 0}
.header_tel h1 span{display: block; font-size: 25px; color: #c72520}
.header_tel h1::before{font-family:iconfont; content: '\e782'; font-weight: normal; font-size: 45px; position: absolute; left: 0; color: #c72520}

nav{height: 60px; background: #333; position: relative; z-index: 5;}	
nav ul > li{float:left;  position:relative; font-size:16px; z-index: 5; }
nav ul > li > a{display:block;  width:162px; height:60px; line-height:60px; text-align:center; color: #fff; position: relative; z-index: 5;}
nav ul > li:hover > a,#nav_hover{ color:#fff; background: #c72520 }
nav ul li .nav_menu{ width: 860px; height: 0;  background: #fff; position: absolute; left: 0; top: 60px; overflow: hidden; }
nav ul li .nav_menu img{width: 280px; height: 200px; padding: 30px;}
nav ul li .nav_menu .nav_description{padding: 30px}
nav ul li .nav_menu .nav_description h1{font-size: 20px; margin-bottom: 15px;}
nav ul li .nav_menu .nav_description p{line-height: 28px; width: 240px; font-size: 14px; color: #999}
nav ul li .nav_menu .nav_menu_link{border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0 30px; margin: 30px 0 0 10px;}
nav ul li .nav_menu .nav_menu_link a{padding: 8px 0; border-bottom: 1px solid #eee; display:block}
nav ul li:hover .nav_menu{height: 220px;}
nav ul li:nth-child(4) .nav_menu{left: -45px;}
nav ul li:nth-child(5) .nav_menu{left: -210px; }
nav ul li:nth-child(2):hover .nav_menu,nav ul li:nth-child(5):hover .nav_menu{height:380px;}
nav ul li:nth-child(6) .nav_menu{left: -380px;}
nav ul li:nth-child(7) .nav_menu{left: -550px;}
nav ul li:nth-child(8) .nav_menu{left: -690px;}

.banner .swiper-container .swiper-slide{height:650px;}

.gxm_name01{ font-size: 36px; line-height: 35px;}
.gxm_name01 span{ margin: 20px 0 0; font-weight: normal; display: block}
.gxm_name01 em{ display: block}


.h_keywords_search{box-shadow: 0px 5px 5px -5px rgba(102,102,102,.2); padding: 20px 0}
.h_keywords_search h1{font-size: 18px; margin: 0 15px 0 0; display: inline-block; color: #c72520}
.h_keywords_search h1 span{ font-weight: normal; margin: 0 10px 0 0; display: inline-block; font-size: 18px;}
.h_keywords_search .fl{margin-top: 15px;}
.h_keywords_search .fl a{margin-right: 10px; display:inline-block; font-size: 16px;}
.h_keywords_search form input{border: 1px solid #ddd; width: 320px; height: 45px; line-height: 45px; border-radius: 5px;; text-indent: 20px; font-size: 16px; background: none}
.h_keywords_search form button{border:0; color: #fff; margin:0 0 0 -35px; background: #c72520; display: inline-block; height: 45px; line-height: 45px;  width: 80px; font-size: 16px;}


.h_data_show{background: url(../images/bg1.jpg) center no-repeat; background-size: cover; padding: 80px 0}
.h_data_show ul{display: flex; justify-content: space-between; padding-top: 50px}
.h_data_show ul li{width: 22%; padding: 60px 0; background: #fff; text-align: center; border-radius: 12px;}
.h_data_show ul li span{font-size: 70px; color: #c72520}
.h_data_show ul li h1{font-size: 40px; margin: 10px 0}
.h_data_show ul li p{font-size: 16px;}

.h_solution{display: flex}
.h_solution ul{flex: 1}
.h_solution ul li{position: relative; border-right: 4px solid #fff; border-bottom: 4px solid #fff}
.h_solution ul li h1{ background:rgba(0,0,0,.7); color: #fff; display: table; font-size: 22px; position: absolute; bottom: 0}
.h_solution ul li h1 a{color: #fff;padding: 20px 60px 20px 20px; display:block}
.h_solution ul li h1 span{display: block; font-size: 18px; font-weight: normal}
.h_solution ul li h1 a::before{content: '\e6ca'; font-family: iconfont; position:absolute; right: 10px; color:#c72520; font-size: 40px; top: 25px;}
.h_solution ul li:hover h1,.h_solution > ul:nth-child(2) > li:nth-child(2) li:hover h1{background:rgba(199,37,32,.7);}
.h_solution ul li:hover h1 a:before,.h_solution > ul:nth-child(2) > li:nth-child(2) li:hover h1 a:before{color:#fff}
.h_solution > ul:nth-child(2) > li:nth-child(2):hover h1{background:rgba(0,0,0,.7);}
.h_solution > ul:nth-child(2) > li:nth-child(2):hover h1:before{color:#c72520;}
.h_solution > ul > li{height: 480px;}
.h_solution > ul:last-child{flex: 0.6}
.h_solution > ul:nth-child(2) > li:nth-child(1){height: 440px}
.h_solution > ul:nth-child(2) > li:nth-child(2){height: 220px}
.h_solution > ul:nth-child(2) > li:nth-child(2) li{height: 260px; position: absolute; }
.h_solution > ul:nth-child(2) > li:nth-child(2) li:nth-child(1){height: 520px; width: 40%;left: 0}
.h_solution > ul:nth-child(2) > li:nth-child(2) li:nth-child(2){width: 60%; right: 0; border-right: 0}
.h_solution > ul:nth-child(2) > li:nth-child(2) li:nth-child(3){width: 60%; right: 0;  top: 260px;border-right: 0}
.h_solution > ul:last-child li{border-right: 0}


.h_service_show{background: url(../images/bg2.jpg) center no-repeat; padding: 80px 0}
.h_service_show ul{display: flex; justify-content: space-between; padding-top: 50px}
.h_service_show ul li{width: 22%;   text-align: center;  font-size: 24px;}
.h_service_show ul li a{display:block; background:#c72520; border:2px solid #fff;  padding: 20px 0; color:#fff}
.h_service_show ul li a:hover{background:#333}

.h_case{background: url(../images/bg3.jpg) center no-repeat; background-size: cover; padding: 80px 0}
.h_case ul{display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 20px}
.h_case ul li{width: 635px; height: 358px; margin: 30px 0 0; position: relative; overflow: hidden;}
.h_case ul li img{width: 635px; height: 358px; display: block }
.h_case ul li .h_case_bg{background:rgba(199,37,32,.8); color: #fff; position: absolute; left: -100%; top: 0; width: 100%; height: 100%;  padding: 80px 40px 40px; font-size: 18px;}
.h_case ul li .h_case_bg p{margin: 20px 0; line-height:24px; font-size: 14px;}
.h_case ul li .h_case_bg a{border:1px solid #fff; color: #fff; padding: 8px 20px; display: table; font-size: 14px;}
.h_case ul li:hover .h_case_bg{left: 0}

.h_ad{background: url(../images/bg4.jpg) center no-repeat; height: 250px; }
.h_ad_tel{position:absolute; top: 180px; right: 230px; font-size: 24px; color: #fff }
.h_ad_tel h1{display: inline-block}
.h_ad_tel a{display: inline-block; font-size: 16px; background: #fff; padding: 5px 20px; margin-left: 60px; }

.h_products{background: url(../images/bg5.jpg) center no-repeat; background-size: cover; padding: 80px 0}
.h_products ul{display: flex; justify-content: space-between; flex-wrap: wrap}
.h_products ul li{width: 410px; height: 310px; margin: 30px 0 0; position: relative; overflow: hidden;}
.h_products ul li span{display:block;width: 410px; height: 270px; overflow:hidden}
.h_products ul li img{width: 410px; height: 270px;}
.h_products ul li h1{background:#c72520; color: #fff; position: absolute; bottom:0; width: 100%; text-align: center; padding: 10px 15px;}

.h_brand_show{background: url(../images/bg6.jpg) center no-repeat;background-size: cover; padding: 80px 0}
.h_brand_show ul{display: flex; justify-content: space-between; }
.h_brand_show ul li a{width: 300px; padding: 30px 0 20px; background:#fff; text-align: center; margin: 60px 0 0;  border: 2px solid #fff;display:block}
.h_brand_show ul li a img{height:60px; margin-bottom:15px;}
.h_brand_show ul li a:hover{background:#333;}
/* .h_brand_show ul li a span{font-size: 60px; color:#fff} */
.h_brand_show ul li a h1{font-size: 28px; font-weight: normal;}

.h_news{padding: 50px 0 0;}
.h_news_l{width:800px;}
.h_news .tabs{padding: 15px 0; border-bottom: 1px solid #ddd; font-size: 18px;}
.h_news .tabs a{display: inline-block;  }
.h_news .tabs a:hover,.h_news .tabs a.active{ color:#c72520; font-weight: bold;  }
.h_news .swiper-container .swiper-slide{height: 540px;}
.h_news .h_news_m01{padding: 20px 0}
.h_news .h_news_m01 img{width: 240px; height: 150px; float: left}
.h_news .h_news_m01_text{width: 530px;}
.h_news .h_news_m01_text h1{font-size: 18px;}
.h_news .h_news_m01_text p{line-height: 24px; margin: 10px 0}
.h_news .h_news_l ul li{height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}
.h_news .h_news_l ul li em{width: 5px; height: 5px; border-radius: 50%; background:#c72520; display: inline-block; margin-right: 10px;}

.more{background:#c72520; color: #fff; display:table; padding: 4px 15px;}
.more:hover{background:#444}

.h_news .h_news_qustion{border: 1px solid #ccc; width: 420px; padding: 30px 30px 10px; position: relative; margin-top: 30px;}
.h_news .h_news_qustion h1{font-size: 18px; margin-bottom: 30px;}
.h_news .h_news_qustion h1 em{font-size: 40px; font-weight: normal}
.h_news .h_news_qustion h1 span{font-size: 14px; font-weight: normal; color: #999}
.h_news .h_news_qustion li{margin: 20px 0}
.h_news .h_news_qustion li p{line-height: 24px; margin-bottom: 5px;}
.h_news .h_news_qustion li p em{background:#c72520; display: inline-block}
.h_news .h_news_qustion li p span{background:#666;}
.h_news .h_news_qustion li p em,.h_news .h_news_qustion li p span{padding:1px 6px; color: #fff;display: inline-block; margin-right: 5px; line-height: normal}
.h_news_qustion_b{position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index:-1}
.h_news_qustion_b i{width: 40px; height: 40px; display: block;  position: absolute; }
.h_news_qustion_b i:nth-child(1){border-left: 2px solid #c72520;border-top: 2px solid #c72520;  left: 0; top: 0;}
.h_news_qustion_b i:nth-child(2){border-right: 2px solid #c72520;border-top: 2px solid #c72520;  right: 0; top: 0;}
.h_news_qustion_b i:nth-child(3){border-left: 2px solid #c72520;border-bottom: 2px solid #c72520;  left: 0; bottom: 0;}
.h_news_qustion_b i:nth-child(4){border-right: 2px solid #c72520;border-bottom: 2px solid #c72520;  right: 0; bottom: 0;}

.footer_links{padding: 15px 0; background:#c72520; color: #fff}
.footer_links h1{float: left; font-size: 20px; margin-right: 15px; padding: 0 15px 0 0; border-right: 1px solid #b4140f}
.footer_links h1 span{font-size: 16px; display: block}
.footer_links section{line-height: 50px; float: left;}
.footer_links section a{display: inline-block; padding: 0 5px; color: #fff}

.footer_nav{display: flex; flex-wrap: wrap; color: #666;margin-bottom: 50px; }
.footer_nav h1{font-size: 18px;}
.footer_nav h1 span{display: block; font-size: 12px;}
.footer_nav section{padding-left: 20px;}
.footer_nav section a{display:inline-block; font-size: 16px;  color: #666; padding: 0 20px;}


footer{background:#0e0e0e; padding:60px 0;  color: #666; position: relative; }
footer .footer_jiao{margin:0 auto; position: absolute; top: 30px; left: 0; right: 0; z-index: 2; text-align: center}
footer .footer_jiao i{border-right: 30px solid transparent; border-top: 30px solid #c72520; border-left: 30px solid transparent;}

footer .footer_contact{line-height:2; margin: 40px 0 0 120px;}
footer .footer_contact h1{font-size: 16px;}
footer .footer_ewm{margin-top: 50px;}
footer .footer_ewm p{float:left; margin:0 15px 0 0; line-height:32px; text-align:center;}
footer .footer_ewm p img{width: 120px; display: block;}
.footer_b{color:#fff; padding:10px 0; line-height: 35px; background: #000;  color: #666; }



/***************内页开始*****************************/
.min_banner{height:650px; position:relative; z-index:1}
.location{padding:25px 0; background:#c72520; color:#fff;  font-size:16px;}
.location a{color:#fff}
.location span:before{content:'\e610'; font-family:iconfont; margin:0 10px -8px 0; color:#fff; font-size:24px; display:block; float:left;}
.n_menu01 a{padding:5px 30px; background:rgba(255,255,255,.2); cursor:pointer}
.n_menu01 a:hover,.n_menu01 #current{background:#333;}


.n_sheji{padding: 50px 0}
.n_sheji .pc-slide {
	width: 100%;
   margin-top: 50px;
}

.n_sheji .view .swiper-container {
	width: 100%;
}

.n_sheji .view .swiper-slide{height: 408px!important;}
.n_sheji .view .swiper-slide img{width: 620px; height: 408px; float: left; margin-right: 30px;}
.n_sheji .view .swiper-slide h1{margin: 0 0 15px;}
.n_sheji .view .swiper-slide section{line-height: 30px; height:296px; padding:0 10px 0 0; overflow-y:auto; font-size:16px; overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;}
.n_sheji .view .swiper-slide a{padding: 5px 20px; color: #fff; font-size: 16px; background:#c72520; margin-top: 30px; display: inline-block}
.n_sheji .view .arrow-left {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.n_sheji .view .arrow-right {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.n_sheji .preview {
	width: 100%;
	margin-top: 20px;
	position: relative;
}

.n_sheji .preview .swiper-container {
	width: 92%;
	height: 164px;
}

.n_sheji .preview .swiper-slide {
	width: 234px!important;
	height: 160px!important;;
	cursor:pointer;
   margin: 0 5px;
}
.n_sheji .preview .swiper-slide img{width: 100%; height: 160px;border: 2px solid #666;}
.n_sheji .preview .slide6 {
	width: 82px;
}
.n_sheji .preview .swiper-slide h1{position: absolute; bottom: 2px; padding: 2px 10px; text-align: center; color: #fff; background: rgba(0,0,0,.7); margin: 0 auto; left: 0; right: 0; width: calc(100% - 4px);}
.n_sheji .preview .arrow-left {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.n_sheji .preview .arrow-right {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
   transform: rotate(180deg);
}
.n_sheji .preview .arrow-left,.n_sheji .preview .arrow-right{background: #999; color: #fff;  height: 160px; width: 40px; text-align: center;}
.n_sheji .preview .arrow-left span{position: absolute; top: 70px; right: 8px; text-align: center;font-size: 30px;}
.n_sheji .preview .arrow-right span{position: absolute; top: 60px; left: 5px; text-align: center;font-size: 30px; }

.n_sheji .preview .active-nav img {
	padding: 0;
	border: 2px solid #F00;
}


.n_local{padding-top:20px; padding-bottom:20px;  border-bottom:1px solid #eee; font-size:16px; margin-top:10px;}
.n_local span{display:inline-block; margin-right:10px;}

.n_design_process{background: url(../images/bg7.jpg) center no-repeat; padding: 80px 0}
.n_design_process ul{display: flex; justify-content: space-around; margin-top: 50px;}
.n_design_process ul li{width: 24%; padding: 50px 30px; text-align: center; background: #fff; border-top: 10px solid #1dbd56;}
.n_design_process ul li:nth-child(2){border-top: 10px solid #f7a737;}
.n_design_process ul li:nth-child(3){border-top: 10px solid #f76437;}
.n_design_process ul li:nth-child(4){border-top: 10px solid #2c7fe6;}
.n_design_process ul li h1{font-size: 24px;}
.n_design_process ul li p{font-size: 16px; margin: 60px 0; line-height: 28px;}
.n_design_process ul li a{font-size: 16px; background: #1dbd56;; border-radius: 20px; display: table; padding: 5px 20px; color: #fff; margin: 0 auto}
.n_design_process ul li:nth-child(2) a{background: #f7a737;}
.n_design_process ul li:nth-child(3) a{background: #f76437;}
.n_design_process ul li:nth-child(4) a{background: #2c7fe6;}




.n_design_partner{padding: 80px;}
.n_design_partner ul{display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 50px;}
.n_design_partner ul li{width: 215px; height: 180px;  margin-bottom: 20px;}
.n_design_partner ul li img{width: 215px; height: 140px;display: block; border: 1px solid #ccc;}
.n_design_partner ul li h1{background: #eee; padding: 0 10px; height: 40px; line-height: 40px; text-align: center}

.n_service{background: url(../images/bg8.jpg) center no-repeat; background-size: cover; padding: 80px 0 0}
.n_service ul{margin-top: 50px;}
.n_service ul li{margin: 50px 0}
.n_service ul li img{float: left; width: 520px; }
.n_service ul li section{float: right; width: 700px; font-size: 16px;}
.n_service ul li section h1{margin: 15px 0; border-bottom: 1px dashed #ddd; padding: 0 0 35px;}
.n_service ul li section i{font-size: 35px; margin-right: 5px; width: 102px; height: 102px; background: url(../images/icon01.png) center no-repeat; font-weight: bold; display: inline-block;padding-left: 35px; line-height: 98px; vertical-align: middle; margin-top: 20px;}
.n_service ul li section span{margin-top: -30px;}
.n_service ul li section em{display: block; font-weight: normal; color: #666; margin-top: -20px; font-size: 18px; padding: 0 0 0 110px;}
.n_service ul li:nth-child(2) img{float: right;}
.n_service ul li:nth-child(2) section{float: left;}

.n_news_m{margin-top:60px; margin-bottom:80px;}
.n_news_m li{margin:50px 0 0 0; border-bottom:1px dotted #ddd; padding:0 0 50px;}
.n_news_m li img{width:220px; height:160px;}
.n_news_m li span{display:block; width:220px; height:160px; overflow:hidden; }
.n_news_m li .n_news_text{width:745px; }
.n_news_m li h1{ padding:0 0 22px 0; font-size:18px; }
.n_news_m li h1 a:before{content:''; height:16px; width:4px; border-radius:15px; display:inline-block; background:#c72520; vertical-align:middle; margin:0 10px 0 0}
.n_news_m li p{line-height:28px; font-size:15px; color:#666}

.n_news_m li .n_news_date{font-size:16px; margin:35px 0 0 0}
.n_news_m li .n_news_date h2{font-weight:normal; display:inline-block; margin:0 0 0 20px;}
.n_news_m li .n_news_date i:before{content:'\e60a'; font-family:iconfont; display:inline-block; margin:0 6px 0 0}
.n_news_m li .n_news_date h2:before{content:'\e62e'; font-family:iconfont; display:inline-block; margin:0 6px 0 0}
.more02{display: table;background: #7d7d7d; color:#fff; padding: 5px 20px 5px;border-radius: 30px;box-sizing: content-box;margin: 30px auto 0;font-size: 16px;}
.n_news_m li:hover .more02{background:#c72520; color:#fff}



.n_about{padding:50px 0;}
.n_about_l{width:22%; float:left;}
.n_about_l h1{background:#c72520; padding:40px 30px; color:#fff; font-size:28px; font-weight:500}
.n_about_l h1 span{display:block; font-size:14px; font-weight:300;}
.n_about_l .n_about_l_m li a{height:45px; line-height:45px; display:block; padding:0 0 0 30px; background: #ddd; margin:5px 0 0 0; font-size:15px}
.n_about_l .n_about_l_m li a:hover,.n_about_l_m  #current{background:#c72520; color:#fff; }
.n_about_l .n_about_l_m li a:after{content:'\e670'; font-family:iconfont; float:right; font-size:10px; margin:0 20px 0 0; transform: rotate(180deg)}

.subNavBox *{-webkit-transition: 0s;transition: 0s;}
.subNav{border:solid 1px #ddd; height:45px; line-height:45px; font-size:16px; padding:0 0 0 30px;  font-weight:bold; position:relative; background:#ddd; margin:8px 0 0 0}
.subNav:after{content:'\e7a7'; font-family:iconfont; font-size:16px; position:absolute; right:20px; display:inline-block}
.subNav:hover,.subNav.currentDt {color:#fff; background:#c72520}
.navContent #current{color:#c72520;}
.currentDt:after{ transform:rotate(90deg); }
.navContent{display: none; padding:8px 0 8px 30px;}
.navContent li a{display:inline-block; line-height:30px; margin:0 0 0 8px;}

.tel01{margin-top:20px;}
.tel01 h2{font-size:16px; display:inline-block;  background: #989898; width: 100%; padding: 20px 0 20px 80px; position: relative; color: #fff}
.tel01 h2 span{display: block; font-weight: normal; font-size: 22px;}
.tel01 h2::before{font-family:iconfont; content: '\e688'; font-size: 48px; display: inline-block; position: absolute; left: 25px; top: 20px; font-weight: normal }



.n_about_r{width:75%; float:right;}
.n_content_t{border-bottom:1px solid #ddd;  line-height: 40px;}
.n_content_t h1{border-bottom: 2px solid #c72520; font-size: 18px;}
.n_content_t p:before{content:'\e610'; font-family:iconfont; font-size:20px; margin:0 0 -5px 0; vertical-align:middle; margin:0 5px 0 0; color:#c72520}
.n_content,.n_content01{padding:20px 0 0; line-height:220%; font-size:15px}
.n_content img,.n_content01 img{max-width:100%;}

.n_service_b{ padding: 80px 0;}
.n_service_b .tabs{padding: 5px 0; margin-top: 30px; }
.n_service_b .tabs a{display: inline-block; background: #eee; font-size: 20px; padding: 8px 30px; margin: 0 15px;}
.n_service_b .tabs a:hover, .n_service_b .tabs a.active{background: #c72520; color: #fff; font-weight: bold;  }
.n_service_b .service_text{padding:50px; position:absolute; top:0; right:0; width:710px; height:408px; background:#535353; z-index:5}
.n_service_b .service_text p{padding:20px 0; line-height:24px;}
.n_service_b .service_text a{background:#c72520; color:#fff; display:inline-block; padding:5px 20px; font-size:16px;}

.n_produts_xg h1{padding: 5px 0; font-size: 18px; text-align: center; margin-top: 20px}
.n_produts_xg li{border:1px solid #eee; margin: 10px 0 0;}
.n_produts_xg li img,.n_produts_xg li em{width: 100%;  height: 191px; display: block; overflow:hidden}
.n_produts_xg li h2{text-align: center; background: #eee; padding: 5px 0;}

.n_pro_menu{padding:30px 0}
.n_pro_menu a{padding:8px 50px 8px 20px; border:1px solid #ddd; display:inline-block; position:relative}
.n_pro_menu a:after{content:'\e7a7'; font-family:iconfont; transform:rotate(90deg); display:inline-block; position:absolute; right:15px;}
.n_pro_menu a:hover,.n_pro_menu #current{color:#fff; background:#B60005}


.n_case ul{width: 110%; padding:35px 0 0 0}
.n_case li{float: left; position: relative; width: 480px; height: 330px; overflow: hidden; margin: 0 30px 30px 0; border: 1px solid #ddd;}
.n_case li em{width: 480px; height: 272px; display: block; overflow:hidden}
.n_case li img{width: 480px; height: 272px; display: block;}
.n_case li h1{ line-height:55px; padding:0 15px; text-align:center; font-size:16px;}
.n_case li .n_products_m{background: rgba(199,37,32,.6); position: absolute; height:calc(100% - 56px); width:100%; top:-100% ; z-index: 5; padding: 40px; color: #fff; }
.n_case li .n_products_m p{line-height: 26px;}
.n_case li:hover .n_products_m{top:0}


.n_products ul{width: 110%; padding:35px 0 0 0}
.n_products li{float: left; position: relative; width: 320px; height: 250px; overflow: hidden; margin: 0 20px 20px 0; text-align: center; border: 1px solid #ddd;}
.n_products li em{width: 320px; height: 210px; display: block; overflow: hidden;}
.n_products li img{ display: block; width: 320px; height: 210px;}
.n_products li h1{line-height: 40px;}


.pro_content_details .tabs{ border-bottom: 1px solid #eee; text-align:left; margin-bottom: 20px; }
.pro_content_details .tabs a{display: inline-block; padding: 8px 20px; font-size: 16px; }
.pro_content_details .tabs a:hover,.pro_content_details .tabs a.active{ background:#c72520; color: #fff; font-weight: bold;  }
.pro_content_details .n_content02{line-height: 200%;}


.pro_show_main{margin: 40px auto}
.pro_show_main .pc-slide {
	width: 55%;
   float: left;
}

.pro_show_main .view .swiper-container {
	width: 100%;
}

.pro_show_main .view .swiper-slide{height: 360px;}
.pro_show_main .view .swiper-slide img{height: 360px;}


.pro_show_main .preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.pro_show_main .preview .swiper-container {
	width: 88%;
	height: 90px;
}

.pro_show_main .preview .swiper-slide {
	width: 20%!important;
	height: 82px;
	cursor:pointer;
}
.pro_show_main .preview .swiper-slide img{width: 100%; height: 90px;}


.pro_show_main .preview .arrow-left {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.pro_show_main .preview .arrow-right {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
   transform: rotate(180deg);
}
.pro_show_main .preview .arrow-left,.pro_show_main .preview .arrow-right{background: #999; color: #fff;  height: 90px; width: 22px; text-align: center;}
.pro_show_main .preview .arrow-left span{position: absolute; top: 35px; right: 0; text-align: center;font-size: 22px;}
.pro_show_main .preview .arrow-right span{position: absolute; top: 35px; left: 0; text-align: center;font-size: 22px; }


.pro_show_main .preview img {
	padding: 1px;
}

.pro_show_main .view .swiper-wrapper .swiper-slide img{width: 100%;}
.pro_show_main .preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}

.pro_show_basic{float: right; width: 40%;}
.pro_show_basic h1{ padding-bottom: 10px;}
.pro_show_basic_content{ line-height: 200%; height: 376px; padding: 0 0 30px;}
.pro_details_name{border-bottom: 1px solid #eee;}
.pro_content_details {margin-top: 40px;}
.pro_details_name span{display: table; background: #0f8cff; color: #fff; font-weight: normal; font-size: 18px; padding: 8px 30px; }
.pro_content_details_m{line-height: 200%; margin-top: 20px;}
.pro_content_details_m img{max-width: 100%;}
.pro_show_basic_tel{border-top: 1px solid #ddd; }
.pro_show_basic_tel h2{ display:inline-block; padding: 20px 0 20px 70px; position: relative;color: #666 }
.pro_show_basic_tel h2 span{display: block; font-weight: normal;font-size:22px; color: #333 }
.pro_show_basic_tel:before{font-family:iconfont; content: '\e688'; font-size: 45px; display: inline-block; color: #c72520; position: absolute; left: 10px; top: 20px; }
.pro_show_basic_tel a{display: inline-block; padding: 10px 40px; background: #c72520; color: #fff; font-size: 18px; vertical-align: text-bottom; margin-left: 30px;}


.n_news_qustion{margin-top:30px;}
.n_news_qustion li{margin: 20px 0; border-bottom:1px dotted #ddd; padding:0 0 10px}
.n_news_qustion li p{line-height: 24px; margin-bottom: 5px;}
.n_news_qustion li p em{background:#c72520; display: inline-block}
.n_news_qustion li p span{background:#666;}
.n_news_qustion li p em,.n_news_qustion li p span{padding:1px 6px; color: #fff;display: inline-block; margin-right: 5px; line-height: normal}

.n_map{margin:30px auto}
.n_map ul h1{border-bottom:1px solid #ddd; margin:30px 0 15px }
.n_map ul h1 span{background:#c72520; color:#fff;  font-size:18px;display:table; padding:8px 30px;}
.n_map > ul> li{display:inline-block; vertical-align:top; margin:10px 10px 0 0}
.n_map > ul> li > a{border:1px solid #eee; display:block; padding:5px 20px; text-align:center; font-size:16px;}
.n_map > ul> li > a:hover{background:#c72520; color:#fff;}
.n_map ul ul{padding:10px 0 0 10px;}
.n_map > ul> li li a{line-height:30px;}


.online{ position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:6666;}
.online li{ margin:5px 0; width:45px; height:45px; position:relative;}
.onlineIco{ float:right; display:block; text-align:center; width:45px; height:45px; border-radius:5px; background:#b5b5b5; color:#fff; overflow:hidden; transition:all 0.3s ease-in 0s;}
.onlineIco i{ width:45px; height:45px; line-height:45px; font-size:25px; display:inline-block; text-align:center; vertical-align:middle}
.onlineCon{ font-size:15px; font-weight:bold; color:#fff; line-height:45px; display:inline;}
.onlineIco:hover{ color:#fff; background:#c72520; width:144px;}
.onlineIco:focus{ color:#fff;}
.onlineIco:hover i{ text-align:right; width:auto; }
.onlineWx{ position:absolute; right:48px; top:50px; width:90px; height:90px; border:1px solid #666666; transform:scale(1,0); transition:all 0.1s ease-in 0.1s;}
.onlineWx img{max-width:100%;}
.online li:hover .onlineWx{ transform:scale(1,1);}
.online li.online_top .onlineIco{ background:#c72520;}
.online_top .onlineIco:hover{width:45px}
[class*=" fa-"], [class^=fa-].online {
position:relative;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
text-rendering:auto;
speak:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}