/*reset*/
:focus{outline:0;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0; line-height:normal}
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0; font-family:"微软雅黑","Microsoft YaHei",Verdana, Geneva, sans-serif;}
em{font-style:normal;}
img{border:none; max-width:100%}
/*li,ul,ol{list-style:none;}*/
a{text-decoration:none;color:#2b2d33;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 
body{overflow-x:hidden;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}
a:focus {outline: none;}
:focus {outline: none; box-shadow:none} 
iframe {max-width: 100%;}
.table-responsive ul li {list-style-position: inside; }
.table-responsive td{ padding:0 8px}/*share*/
/*share*/
body{
	font-size: 14px;
	font-family: "微软雅黑","Microsoft YaHei",Verdana, Geneva, sans-serif;
	color:#2b2d33; background:#fff;
	line-height:24px;
}

.bold{font-weight:bold;}
.fontRed{color:red;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}

@media only screen and (max-width: 768px) {
	.row{margin:0;}
}

a:hover,img:hover{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a,img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
 
/*page*/
.pager { display:block; width:100%; text-align:center; padding:20px 0; overflow:hidden; }
.pager a { display:inline-block; PADDING: 3px 10px; MARGIN:1px; COLOR: #2b2d33; BACKGROUND-COLOR: #f7f7f7; TEXT-DECORATION: none; border:#eaeaea 1px solid; border-radius:6px; }
.pager a:hover { PADDING: 3px 10px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #f23c4d; border:#f23c4d 1px solid; border-radius:6px;}
.pager a:active { PADDING: 3px 10px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #f23c4d; border:#f23c4d 1px solid; border-radius:6px;}
.pager span.p_on { PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #f23c4d; border:#f23c4d 1px solid; border-radius:6px; }

/*index*/
#logo{position:relative;text-align:left;float:left;z-index:9999999; margin:10px 0; }
#logo h1{margin:0;padding:0; }
#logo a.top_logo{padding:0;display:inline-block;}
#logo img{ max-width:128px;height:auto;padding:0; transition:all .5s;}
 
.head-right{float:right;margin-top:30px; width:80%; position:relative;  transition:all .5s;}

.top_cent{ margin-bottom:32px; position:relative; height:48px; line-height:48px;}
.top_cent:after{ position:absolute; top:0; height:48px; right:-100px; background:#f5f5f5; content:''; display:inline-block; width:100%;    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 3% 100%);-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 3% 100%); max-width:916px}

/* Top Search*/
.search_box{float:right;z-index:99999999; margin:0 20px 0 50px; }

.top-search { display: block; width:100%;max-width:55%;position:absolute;right:0;top:60px;display: none;z-index:9999999;background:#fafafa;border-radius:0px;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.05);}
.top-search h4{font-size:20px; text-align:center; color:#333; margin:15px 0;text-transform:capitalize;display:none;display:none;}
.top-search .input-group-addon i {float: right;position:absolute; right:0px; top:12px; width:40px; height:40px;  line-height:38px;font-size:18px;}
.top-search .input-group-addon i:hover{color:#f23c4d;}
.top-search .form-control {box-shadow:none;border:none;border-radius:0;border:1px solid #eee;background:#fafafa;color: #808080;height: 48px;line-height: 48px;padding: 0 60px 0 20px;text-align: left;font-size:13px;border-radius:25px;}
.top-search input.form-control:focus{color:#333;font-style:inherit;}
.top-search .input-group-addon.close-search {cursor: pointer;}
.top-search .input-group{ width:100%;padding:10px 40px 10px 10px;}
.btn_search1 {background:#f5f5f5 url(../images/search_btn.png) no-repeat center center;top: 1px;height:46px; position: absolute;right:1px;width:46px;z-index: 3; border-radius:50%;}
.header_search {position: relative;}
.top-search .input-group-addon{background-color: transparent;border: none;color: #666;padding-left: 0;padding-right: 0;}
.top-search .input-group-addon.close-search{cursor: pointer; float:right;position:absolute;right:0;top:0;}
.attr-nav{float:right; z-index:9999999;display:inline-block; margin-top:3px; }
.attr-nav>a{ color:#888888; text-align:center; display:block;  }
.attr-nav>a span{ display:inline-block; margin-left:8px}
.search i{width:28px; height:26px; text-align:center;background:url(../images/search_btn.png) no-repeat center center; background-size:20px auto; display:inline-block; vertical-align:middle;}
.attr-nav ul li{ list-style:none;}

.top-search .input-group { max-width:100%; margin:0 auto;}

.lang{ float:right; z-index:99999998; margin-top:4px; }
.lang a{ display:block; color:#666; padding:0 0 0 55px; background:url(../images/en.png) no-repeat center center; background-size:25px auto; }

/* Sizes for the bigger menu */
header{width: 100%;z-index: 9999999;padding:0; position:fixed;left:0;background-color:#fff;top:0;box-shadow:0 0 20px 2px rgba(0,0,0,0.08); }
header .container{ width:100%; max-width:1400px; }
.header_m {position:relative;}
.topW{ background:#fafafa; height:50px; line-height:50px;}
.top{ position:relative}
 
@media only screen and (max-width: 1024px) {
	.header{ padding:10px 0; min-width:inherit; }
	#logo{ margin:0; }
	#logo img{ max-width:80px; }
	.head-right{ margin-top:0px; } 
	.lang { display:none; }
	.top-search { max-width:100%; }
	.search_box{ margin:0 50px 0 0; }
	.attr-nav{ margin-top:10px; }
}

@media only screen and (min-width: 999px) { 
header.small{ position:fixed;left:0;background-color:#fff;top:0;box-shadow:0 0 20px 2px rgba(0,0,0,0.08); padding:0}
header.small .header{ padding:0} 
header.small #logo{ margin-top:8px; margin-bottom:5px; padding-bottom:0px}
header.small #logo img{max-width:103px;}
header.small .head-right{ margin-top:20px; }
header.small .mainmenu>nav>ul>li>a{ padding: 4px 0px 20px 0; }
header.small .top_cent{ display:none} 
header.small .attr-nav{ margin-top:3px}
header.small .top-search{ top:60px} 
}
@media only screen and (max-width: 768px) {
	.head-right{ width:40%; margin-top:0px; position:static; min-width:inherit; }
}

.main_more{position: relative; display: inline-block;margin-top: 20px; border:#FFF 1px solid; transition: all .5s;box-shadow:0 0 18px rgba(0,0,0,0.1); z-index: 3; background: #f23c4d;overflow: hidden;transition:all .5s}
.main_more:hover{  transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);box-shadow:0 0 20px rgba(0,0,0,0.1);}
.main_more a i{ color:#fff; font-size:20px; margin-left:10px}
.main_more:before {
    position: absolute;
    left: -2px;
    top: -2px;
    height: 110%;
    width: 110%;
    background-color: #000;
    border-radius: 0px;
    content: "";
    -webkit-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;}
.main_more:hover:before{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;

}
.main_more a,.main_more button,.main_more input{  
    padding: 0px 38px;
    line-height: 50px;
    display: inline-block;background: none;
    border: none;
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
	font-weight:lighter;
}
.main_more:hover a{ color:#fff; }

/*fan*/
.in_fan { width:100%; overflow:hidden; padding:80px 0; overflow:hidden; }
.fan_list { display:block; width:100%; max-width:1400px; margin:0 auto; padding:40px 0 0 0; overflow:hidden; }
.fan_list li { float:left; width:24%; list-style:none; margin-right:1.3%; }
.fan_list li a{ display:block; font-size:24px; color:#2b2d33; font-weight:lighter; }
.fan_list li a:hover{ text-decoration:underline; }
.fan_list li img{ width:100%; }
.fan_list li p{ padding:20px 0; }
.fan_list li:nth-child(4) { margin-right:0; }

.fan_lists { display:block; width:100%; max-width:1400px; margin:0 auto; overflow:hidden; }
.fan_lists li { float:left; width:24%; list-style:none; margin-right:1.3%; margin-bottom: 30px; }
.fan_lists li a{ display:block; font-size:24px; color:#2b2d33; font-weight:lighter; }
.fan_lists li a:hover{ text-decoration:underline; }
.fan_lists li img{ width:100%; }
.fan_lists li p{ padding:20px 0; }
.fan_lists li:nth-child(4n) { margin-right:0; }

/*pro*/
.in_categW { padding:60px 0 0 0; background:#f7f7f7; overflow:hidden; }
.pro_cls { display:block; width:100%; padding:20px 0 0 0; overflow:hidden; }
.pro_cls ul{ display: table; margin: 0 auto; list-style:none; }
.pro_cls ul li{ float:left; margin:0 20px; }
.pro_cls ul li a{ font-size:18px; color:#555555; font-weight:lighter; }
.pro_cls ul li a:hover{ text-decoration:underline; }

.prod_list { display:block; width:100%; max-width:1400px; margin:0 auto; padding:40px 0; overflow:hidden; }
.prod_list ul li {
    width: 32%;
    float: left;
    background: #fff;
    transition: 0.4s;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 30px;
}
.prod_list ul li:hover {
    box-shadow: 0px 0px 6px #aaa;
    background: #f23c4d;
}
.prod_list ul li:nth-child(3), .prod_list ul li:nth-child(6), .prod_list ul li:nth-child(9), .prod_list ul li:nth-child(12) {
    margin-right: 0px !important;
}
.prod_list ul li i {
    width: 98%;
    display: block;
    overflow: hidden;
    margin: auto;
    margin-top: 2px;
}
.prod_list ul li i img {
    display: block;
    margin: auto;
    padding-top: 2px;
    width: 100%;
}
.prod_list ul li h2 { display:block; padding:10px 0 20px 0; font-size:18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight:lighter; line-height: 22px; text-align:center; }
.prod_list ul li:hover h2 {color: #fff;}

/*case*/
.in_casebg { padding:60px 0 40px 0; overflow:hidden; }
.case_list { display:block; width:100%; max-width:1400px; margin:0 auto; padding:40px 0 0 0; overflow:hidden; }
.case_list li { float:left; width:32%; list-style:none; margin-right:2%; margin-bottom:40px; position:relative; }
.case_list li a{ display:block; font-size:22px; color:#fff; font-weight:lighter; }
.case_list li a:hover p{ text-decoration:underline; }
.case_list li img{ width:100%; }
.case_list li div{ position:absolute; width:100%; height:40%; bottom:0; left:0; background-color: transparent; background-image: linear-gradient(180deg, #14141400 0%, #141414E6 60%); }
.case_list li p{ padding:15% 0 0 20px; }
.case_list li:nth-child(3n) { margin-right:0; }
/*about us*/
.home_about { display:block; overflow:hidden; }
.home_about_left { float:left; width:50%; height:580px; background: url(../images/about_idx.jpg) no-repeat right 0; background-size:cover; overflow:hidden; }
.home_about_right { float:left; width:50%; overflow:hidden; }
.home_about_right div{ width:700px; height:580px; padding:50px 60px; position:relative; }
.home_about_right div.d2{ float:right; text-align:right; width:580px; padding:80px 60px 60px 60px; }
.home_about_right h2{ display:block; font-size:56px; color:#f23c4d; font-weight:normal; }
.home_about_right h3{ display:block; font-size:24px; color:#f23c4d; font-weight:lighter; }
.home_about_right i{ display:block; font-size:13px; color:#ccc; font-weight:lighter; font-style:normal; }
.home_about_right p{ display:block; padding:20px 0 0 0; font-size:16px; line-height:38px; font-weight: lighter; }
.home_about_right div a{ position:absolute; bottom:40px; left:60px; line-height:80px; font-size:20px; color:#f23c4d; padding:0 20px; border-bottom:#eee 1px solid; }
.home_about_bg { padding:60px 0; background:#f7f7f7; overflow:hidden; }
.home_about_num { display:block; width:100%; max-width:1400px; margin:0 auto; overflow:hidden; }
.home_about_num li{ float:left; width:25%; list-style:none; text-align:center; }
.home_about_num li h2{ font-size:42px; }
.home_about_num li p{ font-size:18px; color:#666; font-weight:lighter; }

.home_ad_bg { padding:60px 0; background:#f23c4d; overflow:hidden; }
.home_ad_div { display:block; width:100%; max-width:1400px; margin:0 auto; overflow:hidden; }
.home_ad_left { float:left; width:50%; color:#FFF; overflow:hidden; }
.home_ad_left h2{ padding:10px 0; font-size:25px; font-weight:lighter; }
.home_ad_left p{ font-size:13px; font-weight:lighter; }
.home_ad_right{ float:right; }

/*news*/
.home_news_div { display:block; width:100%; max-width:1400px; margin:0 auto; padding:40px 0 0 0; overflow:hidden; }
.home_news_left { float:left; width:40%; background-color:#f23c4d; overflow:hidden; }
.home_news_left a{ display:block; }
.home_news_left img{ width:100%; height:340px; }
.home_news_left .tit{ padding:50px; }
.home_news_left .tit h2{ font-size:18px; color:#FFF; }
.home_news_left .tit i{ display:inline-block; padding: 20px 0 0 0; width: 100px; border-bottom: #fff solid 2px; }
.home_news_left .tit p{ padding: 20px 0 0 0; color:#FFF; font-weight:lighter; }
.home_news_left a:hover .tit h2{ text-decoration:underline; }

.home_news_right { float:right; width:58%; overflow:hidden; }
.home_news_right li{ float:left; width:45%; margin-left:5%; list-style:none; background-color:#f7f7f7; padding:20px; }
.home_news_right li .rq{ display:block; color:#ccc; padding:10px 0 0 0; }
.home_news_right li .rq h2{ display:block; font-size:50px; }
.home_news_right li .tit { display:block; padding:20px 0; }
.home_news_right li .tit h2{ display:block; font-size:16px; color:#2b2d33; }
.home_news_right li .tit i{ display:inline-block; padding: 30px 0 0 0; width: 100px; border-bottom: #ccc solid 2px; }
.home_news_right li .imgs{ height:180px; }
.home_news_right li .imgs img{ width:100%; height:100%; }
.home_news_right li p{ color:#666; padding:12px 0; font-weight:lighter; }
.home_news_right li a:hover .tit h2{ text-decoration:underline; }

/*foot*/
.in_foot { display:block; width:100%; background-color:#121617; overflow:hidden; }
.in_foot_div { display:block; width:100%; max-width:1400px; margin:0 auto; padding:50px 0; overflow:hidden; }
.cpy { display:block; width:100%; padding:10px 0; background-color:#262626; color:#bcbcbc; text-align:center; overflow:hidden; }
.cpy a{ color:#bcbcbc; }
.foot_logo { float:left; width:25%; overflow:hidden; }
.foot_logo .imgs{ display:block; }
.foot_logo .imgs img{ width:130px; }
.foot_logo .txt{ display:block; color:#bcbcbc; padding:20px 0 0 0; overflow:hidden; }

.foot_logo .share { display:block; padding:30px 0 0 0; overflow:hidden; }
.foot_logo .share a { display:inline-block; width:30px; height:30px; border-radius:50%; margin:0 5px; border:#bcbcbc 1px solid; }
.foot_logo .share a img{ width:30px; height:30px }

.foot_nav { float:left; width:28%; margin:0 0 0 12%; overflow:hidden; }
.foot_nav ul{ float:left; width:50%; }
.foot_nav ul h2{ display:block; padding:10px 0; font-size:22px; color:#bcbcbc; overflow:hidden; }
.foot_nav ul li{ display:block; padding:8px 0 0 0; }
.foot_nav ul li a{ color:#bcbcbc; }
.foot_nav ul li a:hover{ text-decoration:underline; }

.foot_lx { float:right; text-align:right; width:30%; color:#bcbcbc; overflow:hidden; }
.foot_lx h2{ display:block; padding:10px 0; font-size:22px; }
.foot_lx h1{ display:block; font-size:32px; }
.foot_lx p{ padding:10px 0; }
.foot_lx .ewm { display:block; padding:10px 0 0 0; overflow:hidden; }
.foot_lx .ewm img{ width:120px; padding:0 10px 0 0; }
.foot_lx .ewm p{ float:right; text-align:left; padding:30px 0 0 0; }

.in_title{ text-align:center; }
.in_title span{ font-size:42px; line-height:50px; color:#2b2d33; }
.in_title i{ display:table; margin:0 auto; padding:15px 0 0 0; width:40px; border-bottom:#127fcb solid 3px; }
.in_title p{ font-size:13px; line-height:24px; max-height:48px; max-width:670px; margin:13px auto 0;  overflow:hidden; color:#fff;}

@media only screen and (max-width: 1024px) {
	.in_foot_div { padding:40px 5%; }
	.foot_logo { float:none; width:100%; }
	.foot_nav { float:none; width:100%; margin:30px 0 0 0; }
	.foot_lx { float:none; text-align:left; width:100%; margin:30px 0 0 0; }
	.foot_lx .ewm img{ float:left; }
	.foot_lx .ewm p{ float:left; }
	.cpy { padding:10px 5%; }	
	
	/*fan*/
	.fan_list { padding:40px 5% 0 5%; }
	.fan_list li { float:none; width:100%; margin-right:0; margin-bottom:20px; }
	/*pro*/
	.pro_cls { padding:20px 5% 0 5%; }
	.prod_list { padding:40px 5%; }
	.prod_list ul li { width: 100%; margin-right:0px; }
	/*case*/
	.case_list { padding:40px 5% 0 5%; }
	.case_list li { float:none; width:100%;margin-right:0; }
	/*about us*/
	.home_about_left { float:none; width:100%; height:200px; }
	.home_about_right { float:none; width:100%; padding:0 5%; }
	.home_about_right div{ width:100%; height:auto; padding:50px 0; }
	.home_about_right p{ padding:20px 0 50px 0; }
	.home_about_right div a{ bottom:10px; left:0px; line-height:60px; margin:20px 0; }
	.home_about_num li{ width:50%; padding:10px 0; }
	.home_ad_div { padding:0 5%; }
	.home_ad_left { float:none; width:100%; }
	.home_ad_right{ float:left; }
	/*news*/
	.home_news_left { float:none; width:90%; margin:0 auto; }
	.home_news_left img{ height:auto; }
	.home_news_left .tit{ padding:10%; }
	.home_news_right { float:none; width:90%; margin:0 auto; }
	.home_news_right li{ float:none; width:100%; margin-left:0px; margin-top:15px; }
	.home_news_right li .imgs{ height:auto; }
}

/*main*/
.banner_nei { display:block; width:100%; height:400px; margin:60px 0 0 0; text-align:center; overflow:hidden; }
.banner_nei h2{ font-size:40px; color:#fff; padding:11% 0 0 0; letter-spacing:5px; }

.about_div { display:block; width:100%; max-width:1400px; margin:0 auto; padding:60px 0; overflow:hidden; }
.about_zillion { float:left; width:45%; position:relative; overflow:hidden; }
.about_zillion h2 { display:block; padding:20px 0; color:#000; font-size:42px; }
.about_zillion i { position:absolute; left:0; top:105px; display: table; width:4px; border-bottom:#f23c4d solid 70px;}
.about_zillion .about_pl { padding-left:50px; font-size:15px; line-height:30px; }
.about_zillion .about_pl strong{ color:#000; }
.about_zillion .about_pl p{ padding:0 0 20px 0; }
.about_pic { float:right; width:50%; padding:20px 0 0 0; }
.about_pic img{ width:100%; }

.honer_div { display:block; width:100%; background-color:#f7f7f7; overflow:hidden; }
.zs_div { display:block; width:100%; max-width:1400px; margin:0 auto; padding:20px 0 40px 0; }
.swiper_honer { display:block; position: relative; padding:20px 0; }
.honer_tit { display:block; padding:30px 0; position:relative; }
.honer_tit h2 { display:block; color:#000; font-size:42px; }
.honer_tit i { display: table; width:50px; margin:20px 0; border-bottom: #f23c4d solid 4px; }

.honer_scroll { position: relative; width:100%; margin: 0 auto; overflow:hidden; }
.swiper_honer .honer-button-prev {
    background: url(../images/probig-left.jpg) no-repeat left center !important;
    background-size: 34px 52px;
    width: 34px; height: 52px; left:-60px; top:60% !important;
	cursor:pointer;
}
.swiper_honer .honer-button-prev:hover {
    background: url(../images/probig-left.jpg) center no-repeat; opacity:.8;
}
.swiper_honer .honer-button-next {
    background: url(../images/probig-right.jpg) center no-repeat !important;
    background-size: 34px 52px;
	 width: 34px; height: 52px; right:-60px; top:60% !important;
	cursor:pointer;
}
.swiper_honer .honer-button-next:hover {
    background: url(../images/probig-right.jpg) center no-repeat; opacity:.8;
}
.honer_li{ width:100%; margin:0 0 0 0; }
.honer_li a{ display:block; }
.honer_li .imgs{ width:100%; overflow:hidden; }
.honer_li .imgs img{ width:100%; height:auto; }
.honer_li .tits{ display:block; text-align:center; padding:10px 0px; font-weight:lighter; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

.nl_div { display:block; width:100%; max-width:1400px; margin:0 auto; padding:40px 0 80px 0; overflow:hidden; }
.nl_div ul{ list-style:none; }
.nl_div ul li{ float:left; width:30%; margin-right:3%; }
.nl_div ul li h2{ font-size:20px; padding:10px 0; }
.nl_div ul li p{ font-weight:lighter; color:#666; }
.nl_div ul li img{ width:100%; padding:20px 0 0 0; }

@media only screen and (max-width: 1024px) {
	.banner_nei { height:200px; margin: 35px 0 0 0; }
	.banner_nei h2{ font-size:30px; padding:20% 0 0 0; }
	
	.about_div { padding:60px 5%; }
	.about_zillion { float:none; width:100%; }
	.about_zillion .about_pl { padding-left:30px; }
	.about_pic { float:none; width:100%; }
	.zs_div { padding:20px 5% 40px 5%; }
	.nl_div { padding:40px 5% 80px 5%; }
}
@media only screen and (max-width: 768px) {
	.nl_div ul li{ float:none; width:100%; margin-right:0; }
	.nl_div ul li img{ padding:10px 0 25px 0; }
    .fan_lists li { float:none; width:100%; margin-right:0%; }
}

.navsd_div { display:block; background:url(../images/navsd.jpg) top center repeat-x; margin:60px 0 0 0; overflow:hidden; }
.nei_div { display:block; width:100%; max-width:1400px; margin:0 auto; padding:40px 0 80px 0; }

.honer_tit ul{ position:absolute; top:60px; right:0; list-style:none; }
.honer_tit ul li{ float:right; margin:0 30px 0 0; }
.honer_tit ul li a{ font-size:16px; color:#2b2d33; font-weight:lighter; }
.honer_tit ul li a:hover{ text-decoration:underline; }

.pro_list { display:block; padding:10px 0 0 0; list-style:none; }
.pro_list li{ float:left; width:23%; margin:0 2% 50px 0; overflow:hidden; transition: 0.4s ease all; }
.pro_list li:hover {
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
}
.pro_list li a{ display:block; }
.pro_list li .imgs{ width:100%; overflow:hidden; }
.pro_list li .imgs img{ width:100%; height:auto; transition: all 0.4s; }
.pro_list li .imgs img:hover{ transform: scale(1.05);}
.pro_list li .tits{ display:block; font-size:20px; color:#333; text-align:center; padding:20px 0; overflow: hidden; }
.pro_list li a:hover .tits{ color:#f23c4d; }
.pro_list li:nth-child(4n){ margin:0 0px 50px 0; }

.pro_div { display:block; width:100%; max-width:1400px; margin:0 auto; padding:80px 0; }
.pro_info { display:block; overflow:hidden; }
.pro_info .spic{ float:left; width:65%; text-align:center; }
.pro_info .spic img{ height:400px; }
.pro_info .stxt { float:left; width:30%; margin:0; overflow:hidden; }
.pro_info .stxt h2{ font-size:42px; color:#f23c4d; padding:30px 0 0 0; }
.pro_info .stxt h3{ font-size:26px; padding:15px 0; }
.pro_info .stxt p{ font-size:21px; padding:20px 0; line-height:35px; font-weight: lighter; word-wrap: break-word; word-break: normal; }
.pro_info .stxt p.p2{ font-size:17px; padding:0px 0; }
.pro_info .stxt i{ font-size:17px; color:#666; padding:0 5px 0 0; }

.pro_xg { display:block; padding: 60px 0 0 0; }
.pro_xg .pro_xggk{ padding: 50px 0;}


.mostBox { display:block; padding:50px 0; overflow:hidden; }
/*products-tab*/
#parentHorizontalTab02{margin:0;text-align:left;padding:0px;text-align:left; margin-top:0;}
#parentHorizontalTab02 ul.resp-tabs-list {margin: 0px;padding: 0px;  }
#parentHorizontalTab02 .resp-tabs-list li {list-style: none;cursor: pointer;margin:0;border:none;display:block;display:inline-block;position:relative;z-index:1; margin:0;font-size:18px;line-height:48px; font-weight:bold; vertical-align: middle; text-transform:capitalize; padding:0 60px; background:#f7f7f7; }
#parentHorizontalTab02 .resp-tabs-list li i{color:#fff;width:28px;height:28px;border-radius:50%;box-shadow:0 2px 5px 1px rgba(49,176,58,0.2);display:inline-block;text-align:center;font-size:16px;line-height:28px;margin-right:10px; vertical-align:middle;background:#f23c4d;}
#parentHorizontalTab02 .resp-tabs-list li.resp-tab-active{ background:#f23c4d; color:#fff}
#parentHorizontalTab02 em.resp-accordion {cursor: pointer;padding: 5px;display: none;padding:3px 10px !important;}
#parentHorizontalTab02 em.resp-accordion {font-size: 16px;margin: 0px;background:#f8f8f8;margin-bottom:1px; color:#333;font-style:normal; margin-bottom:10px; text-transform:uppercase;}
#parentHorizontalTab02 em.resp-tab-active {margin-bottom: 0px !important;}
#parentHorizontalTab02 em.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}
#parentHorizontalTab02 .resp-tab-content {display: none;}
#parentHorizontalTab02 .resp-content-active,#parentHorizontalTab02 .resp-accordion-active {display: block;}
#parentHorizontalTab02 .resp-tabs-container{ background:#fff; border-top:#f7f7f7 2px solid; padding:30px 0px; }
#parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}
#parentHorizontalTab02 .resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}
#parentHorizontalTab02 .resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}
#parentHorizontalTab02 .resp-vtabs .resp-tab-content {border: none;word-wrap: break-word;}
#parentHorizontalTab02 .resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}
#parentHorizontalTab02 .resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #c1c1c1;
}
#parentHorizontalTab02 em.resp-tab-active span.resp-arrow {
    border: none;
	position:relative;
}
#parentHorizontalTab02 em.resp-tab-active span.resp-arrow:after{ content: "\f044";
    position: absolute;
    right: -6px;
    cursor: pointer;
    font-size: 20px;
    top: -8px;
    color: #fff}
#parentHorizontalTab02 em.resp-tab-active {background: #e60012  !important; color:#fff;}
#parentHorizontalTab02 .resp-easy-accordion em.resp-accordion {display: block;}
#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content {border: 1px solid #ea202e;}
#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #ea202e;/* !important;*/}
#parentHorizontalTab02 .resp-jfit {width: 100%;margin: 0px;}
#parentHorizontalTab02 .resp-tab-content-active {display: block;}

.pro_zx { display:block; background-color:#ebecf0; padding:20px; overflow:hidden;}
.pro_zx .zx_img{ float:left; width:30%; text-align:center; }
.pro_zx .zx_img img{ height:80px; }
.pro_zx .zx_say{ float:left; width:70%; }
.pro_zx .zx_say h2{ font-size:22px; padding:10px 0; }
.pro_zx .zx_say p a{ text-decoration:underline; }
.pro-text { font-size:18px; line-height:32px; font-weight:lighter; }
.pro-text p{ margin-bottom:12px; }
.pro-text a{ color:#2b2d33; }
.pro-text a:hover{ text-decoration:underline; }

.case_lists { display:block; width:100%; max-width:1400px; margin:0 auto; overflow:hidden; }
.case_lists li { float:left; width:32%; list-style:none; margin-right:2%; margin-bottom:40px; position:relative; }
.case_lists li a{ display:block; font-size:22px; color:#fff; font-weight:lighter; }
.case_lists li a:hover p{ text-decoration:underline; }
.case_lists li img{ width:100%; height:100%; }
.case_lists li div{ position:absolute; width:100%; height:40%; bottom:0; left:0; background-color: transparent; background-image: linear-gradient(180deg, #14141400 0%, #141414E6 60%); }
.case_lists li p{ padding:15% 0 0 20px; }
.case_lists li:nth-child(3n) { margin-right:0; }

.news_list { display:block; list-style:none; overflow:hidden; }
.news_list li{ display:block; padding:40px 0; overflow:hidden; }
.news_list li:nth-child(1){ padding:0 0 40px 0; }
.news_list li a{ display:block; color:#2b2d33; }
.news_list li .pic{ float:left; width:30%; max-height:260px; overflow:hidden; }
.news_list li .pic img{ width:100%; transition: all 0.4s; }
.news_list li .pic img:hover{ transform: scale(1.05);}
.news_list li .txt{ float:right; width:66%; }
.news_list li .txt h2{ display:block; font-size:24px; padding:20px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all 0.4s; }
.news_list li a:hover h2{ text-decoration:underline; }
.news_list li .txt .news_p { font-size:16px; min-height:120px; line-height:30px; font-weight:lighter; overflow:hidden; }
.news_list li .txt i{ display:block; font-size:16px; margin:20px 0 0 0; text-decoration:underline; font-style:normal; }

.news_detail_info{ text-align:left; }
.news_detail_info .news_detail_title h6{ font-size:32px;display:block; line-height:45px; margin:10px 0;}
.news_detail_info .txt{ font-size:18px;line-height:32px; margin:30px 0;text-align:left; font-weight: lighter;}
.news_detail_info .txt p{ margin-bottom:12px; }
.news_detail_info .txt img{max-width:100%;height:auto;}
.news_detail_info .txt a{color:#427ed1;}
.news_detail_info .txt ul{ padding:0 0 0 30px; }
.page_date{display:inline-block; font-size:17px; line-height:20px; }
.page_date i{display:inline-block; font-size:17px; line-height:20px; color:#666; padding:0 5px 0 0; }

@media only screen and (max-width: 1024px) {
    .navsd_div { margin: 35px 0 0 0;}
	.nei_div { padding:40px 5% 80px 5%; }
}
@media only screen and (max-width: 768px) {
	.honer_tit ul { display:none; }
	.pro_list li{ float:none; width:100%; margin:0 0 50px 0; }
	.pro_div { padding:80px 5%; }
	.pro_info .spic{ float:none; width:100%; }
	.pro_info .spic img{ width:100%; height:auto; }
	.pro_info .stxt { float:none; width:100%; }
	#parentHorizontalTab02 .resp-tabs-list li { padding:0 8%; }
	.pro_zx .zx_img img{ height:auto; max-width:100%; }
	.pro_zx .zx_say{ float:right; width:65%; }
	
	.case_lists li { float:none; width:100%; margin-right:0; }
	
	.news_list li .pic{ float:none; width:100%; max-height:none; }
	.news_list li .txt{ float:none; width:100%; }
}

/*page-turning*/
.navigation{width:100%;list-style:none;border-top:1px solid #efefef;margin-top:20px;padding-top:10px;}
.navigation li{width:calc(50% - 80px);float:left;text-align:left;}
.navigation li.next_post{float:right;text-align:right;}
.navigation li a{padding-top:20px;padding-bottom:20px;position:relative;display:block;transition:all .5s;}
.navigation li a:hover{text-decoration:none;}
.navigation li.prev_post a{padding-left:50px;}
.navigation li.next_post a{padding-right:50px;}
.navigation li a:before{
	font-family:'FontAwesome';font-size:16px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:50%;text-align:center;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 2px 4px rgba(0, 0, 0, 0.06);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;background-color:#fff;
}
.navigation li.prev_post a:before{left:0;content:"\f0d9";}
.navigation li.next_post a:before{right:0;content:"\f0da";}
.navigation li a:hover:before{background:#000;color:#fff;}

.navigation li a .meta_nav{display:block;font-size:14px;text-transform:uppercase;color:#808080;margin-bottom:5px;line-height:20px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;transition:all .5s;}
.navigation li a:hover .meta_nav{color:#000;}
.navigation li a .post_title{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;margin:0;transition:all .5s;}
.navigation li a:hover .post_title{color:#000;}

@media only screen and (max-width: 992px) {
	.navigation li{width:calc(50% - 40px);}
}
@media only screen and (max-width: 768px) {
	.navigation{border:none;padding-top:0;margin-bottom:0;}
	.navigation li{width:100%;background:#f7f7f7;padding:0 10px;margin-bottom:10px;}
	.navigation li.prev_post a{padding-left:50px;}
	.navigation li.next_post a{padding-right:50px;}
	.navigation li a:before{width:40px;height:40px;line-height:40px;}
}

.page_contact{ position: relative;
    background: #fff;
    box-shadow: 0 15px 30px 2px rgba(0,0,0,0.1);
    z-index: 999;
}
.send_column{ padding:50px; min-height:600px; position: relative;z-index:10; background: #fff; width:58.33333333%; float:right; }
.send_column .main_title{ background:url(../images/icon_send.png) no-repeat right top;background-size:36px;padding-bottom:20px;margin-bottom:0;padding-top:6px;}
.send_column .text{ color:#808080; line-height:22px; font-weight:lighter; padding:10px 0; }
.send_column .in_title span{ font-size:32px !important; }

.contact { display:block; padding:20px 0 0 0; font-size:18px; line-height:30px; font-weight:lighter; overflow:hidden; }
.contact p{ margin-bottom:12px; }
.contact_right{ padding:50px; height:100%; position:absolute; left:0;top:0;background:url(../images/formbg.jpg) #000 no-repeat 0 0; background-size:cover; width:41.66666667%; }
.contact_right .main_title em{color: #fff;padding-top:5px;}

.fade .item .ff{ position:absolute; left: 0; bottom: 10%; width: 100%; }
.fade .item .ff .ffw{  display:block; width:100%; max-width:1400px; margin:0 auto; overflow:hidden; padding: 50px 0; color: #ffffff; font-size:48px; font-weight: lighter; }

@media only screen and (max-width: 768px) {
	.contact_right { display:none; }
	.send_column{ padding:20px; min-height:auto; width:100%; }
    .fade .item .ff .ffw{ font-size: 20px; padding: 10px 0; padding: 0 0 0 5%; }
}

/*back-top*/
.back_top{width:48px;height:48px;text-align:center; position:fixed; right:5px;bottom:80px; z-index:99999999; display:none; background:#000;background-size:cover;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:50%;border:2px solid rgba(255,255,255,0.1);}
.back_top:before{content:"\f106";font-family:'FontAwesome';color:#fff;font-size:22px;display:block;line-height:44px;}
.back_top:hover{text-decoration:none;box-shadow:0 0 10px 2px rgba(0,0,0,0,0.2);background:#0d0d0d;}
.back_top:hover:before {animation: scroll_up_anim 1.5s infinite; }
@keyframes scroll_up_anim {
0% {
transform: translateY(-3px); }
50% {
transform: translateY(3px); }
100% {
transform: translateY(-3px); } }
.back_top:link{text-decoration:none;}
.back_top:hover:before{color:#fff;text-decoration:none;}