﻿body{
	max-width: 640px;
	margin: 0 auto;
	background-color: #fff;
	visibility: hidden;
}
.header{
	padding:2% 3%;
	position: relative;
  box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);
	z-index: 2px;
	/* background: url(../images/top-logo.png) no-repeat 80% center;
	background-size: 16%; */
}
.header .logo{
	width:35%;
	display: block;

}

.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header .hamburger
{
	display: block;
	width: 28px;
	height: 18px;
	padding: 11px;
	position: absolute;
	top: 50%;margin-top: -20px;
	right: 3%;
}
.header .hamburger:before,
.header .hamburger:after
{
	transition: all 0.5s;
	content: '';
	display: block;
	background: #da251c;
	height: 2px;
}
.header .hamburger span
{
	transition: all 0.5s;
	background: #da251c;
	display: block;
	height: 2px;
	margin: 6px 0;
}
.header .on:before {
  -webkit-transform: translate3d(0, 10px, 0) rotateZ(-45deg);
  -moz-transform: translate3d(0, 10px, 0) rotateZ(-45deg);
  -ms-transform: translate3d(0, 10px, 0) rotateZ(-45deg);
  -o-transform: translate3d(0, 10px, 0) rotateZ(-45deg);
  transform: translate3d(0, 10px, 0) rotateZ(-45deg);
}
.header .on span{ opacity: 0; filter: alpha(opacity=0); }
.header .on:after{
  -webkit-transform: translate3d(0, -6px, 0) rotateZ(45deg);
  -moz-transform: translate3d(0, -6px, 0) rotateZ(45deg);
  -ms-transform: translate3d(0, -6px, 0) rotateZ(45deg);
  -o-transform: translate3d(0, -6px, 0) rotateZ(45deg);
  transform: translate3d(0, -6px, 0) rotateZ(45deg);
}

/*banner*/
.banner	.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:100%; }
.banner	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0px; right:0; z-index:1;  width:100%; text-align:center;}
.banner	.slideBox .hd li{ display:inline-block; width:5%; height:3px;  background:none; text-indent:-9999px; overflow:hidden; margin:0 6px;border: 1px solid #da251c}
.banner	.slideBox .hd li.on{ background:#da251c;  }
.banner	.slideBox .bd{ position:relative; z-index:0; }
.banner	.slideBox .bd li{ position:relative; text-align:center;  }
.banner	.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.banner	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.banner	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/tm.png) repeat; color:#fff;  text-align:left;  }

.search{padding: 30px 0;background: #f8f8f8}
.search .text{width:87%;float: left;border: none;height: 45px;padding-left: 3%}
.search .button{width: 10%;float: left;border: none;height: 45px;background: url(../images/search.jpg) #fff center no-repeat }



.title .h1{font-size: 30px;font-weight: bold;text-align: center;color: #111111;text-transform: uppercase}
.title .h2{font-size:16px;text-align: center}

.in_1{padding: 35px 0;}
.in_1 ul li{float: left;width:48%;margin-right: 4%;position: relative;margin-bottom: 20px;height: auto}
.in_1 ul li img{width: 100%;display: block}
.in_1 ul li:nth-child(2n){margin-right: 0}
.in_1 ul li:nth-child(3),.in_1 ul li:nth-child(4){margin-bottom: 0}
.in_1 ul{margin-top: 30px;}
.in_1 ul li .txt1{margin-top: 30px;position: absolute;text-align: center;left: 0 ;top: 0;width: 100%;color: #111;font-size: 20px}
.in_1 ul li .txt2{position: absolute;text-align: center;left: 0 ;top: 0;width:90%;color: #666;font-size:0.18rem;padding: 0 5%; margin-top:64px;line-height: 20px}

.in_2{background: url(../images/in_2_img.jpg)no-repeat center;background-size: 100%;height: 4.8rem;padding: 0.3rem 0;position: relative}
.in_2 .i_d2_title1 .i_d2_b{ width:30px; height:5px; margin:0 auto; background:#da251c; margin-top:15px;}

.i_d2_list{margin-top: 15px;position: absolute;bottom: 0;width: 94%}
 .i_d2_list li{float: left; width:23%; height:35px; background:#7f7f7f;margin-bottom: 15px;display: block;margin-right: 2%}
.i_d2_list li:nth-child(4n){margin-right: 0}
 .i_d2_list li a{ display:block;  height:35px; }
 .i_d2_list li a .txt1{ font-size:12px; color:#ffffff; line-height:35px;text-align: center}
 .i_d2_list li.on{ background:#e56660;display: block}


.in_3{background: url(../images/in_3_bg.jpg) center;background-size: 100%; padding: 40px 0}
.in_3  .txt{background: #fff;padding: 40px 5%;box-shadow: 6.428px 7.66px 30px 0px rgba(9, 1, 3, 0.07);}
.in_3  .txt1{ font-size:14px; color:#666666; line-height:28px;text-align: left}
.in_3  a.i_d3_c_more{ display:block; width:130px; height:35px; text-align:center; line-height:35px;  background:#da251c; color:#fff;border:#da251c 1px solid; border-radius:5px;margin: 0 auto;margin-top:30px;}


.in_4 .new_txt{width: 90%; padding:20px 5%;;background:#da251c;}
.in_4 .new_txt .txt1{ font-size:18px; color:#ffffff; line-height:30px;}
.in_4 .new_txt .txt2{ font-size:14px; color:#ffffff; line-height:30px; margin-top:15px; height:60px; overflow:hidden;}
.in_4 .new_txt .i_news_hr{ width:30px; height:3px; background:#fff; margin-top:30px;}
.in_4{background: #f8f8f8;padding: 1px 0 30px
	
	
}
.i_news_r{ background:#ffffff; width:100%;}
.i_news_r li{ border-top:#e6e6e6 1px solid; height:28px; line-height:24px; padding:0 5%; padding-top:25px; padding-bottom:25px;}
.i_news_r li a{ font-size:16px; color:#333333;}

.foot{text-align: center;padding: 50px 0 30px;font-size: 18px}
.copy{padding: 30px 0;font-size: 14px;text-align: center;background: #f8f8f8;line-height: 24px}

.product_nav{text-align: center; padding: 10px 0;}
.product_nav li{ float:left; display: block;width: 25%;text-align: center;font-size: 14px; height:40px; line-height:40px;}
.product_nav .on{color:#DA251C }
.product{background: #f8f8f8;padding: 30px 0 40px }

.p_nav{ padding:0px 20px; background:#fff;}
.p_nav .p_nav_tr{ border-top:#cccccc 1px dashed; padding:20px 0;}
.p_nav .no_b{ border-bottom:0;}
.p_nav .p_nav_tr .title{ float:left; width:25%; line-height:25px; font-size:14px; color:#222222;}
.p_nav .p_nav_tr .txt{ float:left;width: 75%; line-height:25px; font-size:14px; color:#666666;}
.p_nav .p_nav_tr .txt a{ color:#666666; margin:0 8px;}
.p_nav .p_nav_tr .txt a.on{ color:#da251c;}
.p_nav .p_nav_tr .txt a:hover{ color:#da251c;}

.p_list li{ float:left; width:48%; margin-right: 4%; transition: all 0.3s;position: relative;top: 0;left: 0;}
.p_list li:nth-child(2n){margin-right: 0}
.p_list li.no_ml{ margin-left:0;}
.p_list li img{ width: 100%; height: 2.13rem; object-fit: cover;}
.p_list li .txt{ font-size:16px; color:#666666; padding:0 0 10px; line-height:35px; text-align:center;}
.p_list{margin-top: 30px}

.pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; }
.pages a { text-decoration: none; color: #666; background: #ffffff;/*外框颜色*/  padding:9px 13px; margin-right: 8px;margin-bottom: 10px;display: inline-block}
.pages a.active { background: #da251c; color: #fff }/*激活状态颜色*/
.pages a:hover {  background: #da251c; color: #fff; text-decoration: none;  }/*鼠标经过颜色*/
.pages a.wz{  padding:9px 20px;}

.n_title{text-align: center;font-size: 18px;color: #da251c;line-height: 60px}

.case{background: #f8f8f8;padding: 30px 0}

.case_list li{width: 48%;margin-right: 4%;float: left;margin-bottom: 10px}
.case_list li:nth-child(2n){margin-right: 0}
.case_list li .fd{ padding:5px; background:#fff; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.07);}
.case_list li img{ width: 100%;display: block;height: 1.6rem;}
.case_list li .txt{ font-size:14px; color:#666666; padding:5px 0; line-height:30px; text-align:center;}

.productinfo{background:#f8f8f8;padding-bottom: 30px }
.p_i_title{background:#f8f8f8 url(../images/p_i_title_ico.png) left center no-repeat; padding-left:40px; font-size:20px; color:#da251c;line-height:80px;border-top: 1px solid #e5e5e5}
.p_i_title1{;background:#f8f8f8 url(../images/p_i_title_ico1.png) left center no-repeat;padding-left:75px;font-size:20px;color:#da251c;line-height:80px;border-top: 1px solid #e5e5e5;background-size: 60px}
.p_i_title2{background:#f8f8f8 url(../images/p_i_title_ico2.png) left center no-repeat; padding-left:60px; font-size:20px; color:#1f3a86;line-height:80px;border-top: 1px solid #e5e5e5;background-size: 60px}
.p_i_title3{background:#f8f8f8 url(../images/p_i_title_ico3.png) left center no-repeat; padding-left:80px; font-size:20px; color:#1f3a86;line-height:80px;border-top: 1px solid #e5e5e5;background-size: 60px}

.p_i_c{ width: 106%;margin-left: -3%; background:#fff;}
.p_i_c .p_i_c_img{ width:100%;}
.p_i_c .p_i_c_txt{  width:94%; border-left: #e6e6e6 1px solid; padding:0 3%;}
.p_i_c .p_i_c_txt .title{ font-size:18px; color:#da251c; line-height:35px;}
.p_i_c .p_i_c_txt .txt1{ font-size:14px; color:#666666; line-height:26px; margin-top:10px;}
.p_i_c .p_i_c_txt .txt1 *{ font-size:14px; color:#666666; line-height:26px;}
.p_i_c .p_i_c_txt .p_i_c_more{ margin: 0 auto;display: block; width:  48%; height:45px; text-align:center; line-height:45px; background:#da251c; font-size:16px; color:#ffffff; margin-top:35px;border-radius: 6px;}
.p_i_c .p_i_c_txt .p_i_c_more2{ margin: 0 auto;display: block;width:  48%; height:45px; text-align:center; line-height:45px; background:#da251c; font-size:16px; color:#ffffff; margin-top:35px;border-radius: 6px;}

.content table.table1{ margin-bottom:20px;}
.content table.table1 tr{display:block;}
.content table.table1 td{ padding-left:20px; padding-top:10px; padding-bottom:10px; width:50%!important; box-sizing:border-box;;display:inline-block;font-size: 12px;word-wrap:break-word;}
.content table.table1 td:nth-child(2n){
	margin-left: -2%;
}
.content table.table1 tr:nth-child(odd) { background:#f2f2f2;}
.content table.table1 tr:nth-child(even) { background:#fff;}
.content table.table1 td:nth-child(odd) {}
.content table.table1 td:nth-child(even) { border-left:#dbdbdb 1px solid;}
.content table.table1 img{float: left}

/*.content table.table2{ margin-bottom:85px;position: relative;}
.content table.table2 tr{  box-sizing:border-box;height:40px;}
.content table.table2 tr td{ display:inline-block;line-height: 40px;padding-left:20px; box-sizing:border-box;background: #999}
.content table.table2 tr td:nth-child(2n){
	margin-left: -2%;
	border-left: 1px solid #999999
}*/
.content table.table2 tr.biaoti{ color:#fff;margin-top: 10px;font-size: 0.16rem}
.content table.table2{ margin-bottom:20px;}
.content table.table2 tr{ width:300px; box-sizing:border-box; height:40px;width: 100%;}
.content table.table2 tr td{ width:300px; text-align:center;height: 40px;font-size: 0.16rem;border-bottom:#605c5c 2px solid;}
.content table.table2 tr.biaoti{ background:#605c5c; color:#fff; }
/*.content table.table2 tr.biaoti td:nth-child(1){    position: absolute;left: 0;top: 0;width: 49%;background: #605c5c;}
.content table.table2 tr.biaoti td:nth-child(2){    position: absolute;right:0;top: 0;width: 51%;background: #605c5c;}
.content table.table2 tr.biaoti td:nth-child(3){    position: absolute;left: 0;top: 80px;width: 49%;background: #605c5c;}
.content table.table2 tr.biaoti td:nth-child(4){    position: absolute;right:0;top: 80px;width: 51%;background: #605c5c;}*/

/*.content table.table2 tr:nth-child(2){ color:#fff;margin-top: 10px;display: block}
.content table.table2 tr:nth-child(2) td:nth-child(1){ color: #fff;   position: absolute;right: 0;top: 00px;width: 49%;}
.content table.table2 tr:nth-child(2) td:nth-child(2){ color: #333;   position: absolute;right: 0;top: 40px;width: 51%;}
.content table.table2 tr:nth-child(2) td:nth-child(3){color: #333;border-bottom: 1px solid #999 ;    position: absolute;left: 0;top: 120px;width: 49%;}
.content table.table2 tr:nth-child(2) td:nth-child(4){color: #333;border-bottom: 1px solid #999 ;position: absolute;right: 0;top:120px;width: 51%;}*/



.content table.table3{ margin-bottom:20px; border-collapse:collapse;}
.content table.table3 tr{ width:300px; box-sizing:border-box; height:40px;}
.content table.table3 tr td{ width:300px; text-align:center; border:1px solid #c7c7c7; word-break: break-all;}
.content table.table3 tr td:first-child{ background:#4d4d4d; color:#fff;}
.content table.table3 tr.biaoti{ background:#605c5c; color:#fff;}

.content table.table4{ margin-bottom:20px; border-collapse:collapse;}
.content table.table4 tr{ box-sizing:border-box; height:40px;}
.content table.table4 tr td{ text-align:center; border:1px solid #c7c7c7; word-break: break-all;}
.content table.table4 tr td.bt{ width:300px; background:#4d4d4d; color:#fff;}
.content table.table4 tr.biaoti{ background:#605c5c; color:#fff;}









.cptj_title{ font-size:18px; color:#da251c;padding-top: 20px; line-height:30px;}

.productinfo .swiper-slide img{width: 100%;border: 1px solid #e5e5e5}
.productinfo .swiper-container{margin-top: 30px;padding-bottom: 40px}
.productinfo .swiper-pagination{bottom: 0}
.productinfo .swiper-slide .p{text-align: center}
.productinfo .swiper-pagination-bullet-active{background: #da251c}

.about{ background:#f8f8f8;}
.about .about_title{ font-size:20px; color:#222222; line-height:60px; text-align:center;padding-top: 20px}
.about_list li{ width: 100%;}
.about_list li .txt{ background:#fff;width:92%; padding:30px 4% 0 4%; }
.about_list li .txt .txt1{ font-size:20px; color:#222222; line-height:50px;}
.about_list li .txt .txt2{ font-size:16px; color:#666666; line-height:30px;padding-bottom: 20px;}

.contact_us{background: #f8f8f8;padding: 30px 0}

.honor{background: #f8f8f8;padding: 30px 0;}
.honor .honor_p{line-height: 24px;text-align: center}

.rongyu_list{margin-top: 30px;}
.rongyu_list li{ float:left; width:48%;margin-right: 4%; transition: all 0.3s;position: relative;top: 0;left: 0;}
.rongyu_list li:nth-child(2n){margin-right: 0;}
.rongyu_list li img{width: 100%;height: 2.9rem;}
.rongyu_list li .txt{ font-size:16px; color:#666666; padding-bottom: 10px; line-height:35px; text-align:center;}

.pic{margin-top: 30px;}
.pic li{ float:left; width:48%;margin-right: 4%; transition: all 0.3s;position: relative;top: 0;left: 0;}
.pic li:nth-child(2n){margin-right: 0;}
.pic li img{width: 100%;height: 1.9rem;}
.pic li .txt{ font-size:16px; color:#666666; padding-bottom: 10px; line-height:35px; text-align:center;}

.new{background: #f8f8f8;padding: 20px 0 40px}
.news_top{ background:#fff; padding:20px 3%;}
.news_top .news_top_l{width: 100% }
.news_top .news_top_r{ }
.news_top .news_top_r .txt1{ font-size:20px; color:#333333; line-height:50px;}
.news_top .news_top_r .txt1 a{ color:#da251c;}
.news_top .news_top_r .txt2{ font-size:14px; color:#999999; line-height:30px; padding-top:5px;height: 60px;overflow: hidden}
.news_top .news_top_r .txt3{ font-size:14px; color:#333333; line-height:25px; padding-top:15px;}

.news_list li{  margin-top:30px; transition: all 0.3s;position: relative;top: 0;left: 0;}
.news_list li .rq_box{ float:left; width:20%; height:70px; background:#da251c;box-sizing: border-box}
.news_list li .rq_box .txt1{ font-size:18px; color:#ffffff; line-height:30px; text-align:center; font-family:Arial;margin-top: 10px}
.news_list li .rq_box .txt2{ font-size:14px; color:#ffffff; line-height:25px; text-align:center; font-family:Arial;}
.news_list li .txt{ float:left; width:80%; height:150px; background:#fff; padding:10px 10px 0 10px; transition: all 0.3s;position: relative;top: 0;left: 0;box-sizing: border-box}
.news_list li .txt .txt1{ font-size:18px; color:#333333; line-height:40px;}

.news_list li .txt .txt2{ font-size:14px; color:#999999; line-height:25px; padding-top:0px;height: 50px;overflow: hidden}
.news_list li .txt .txt3{ position:absolute; left:30px; bottom:30px; width:20px; height:1px; background:#999999;}
.news_list li.n_r .rq_box{ margin-left:30px;}
.news_list{margin-bottom: 40px}

.message{background:#f8f8f8;padding: 30px 0 }
.mewssage_p{text-align: center;font-size: 12px}

.message_txt{ font-size:18px; color:#333333; line-height:30px; text-align:center;}
.ms_inp{ display:block; width:100%; height:50px; padding:10px 20px; border:#e6e6e6 1px solid; box-sizing:border-box;}
.ms_inp2{ display:block; width:100%; height:150px; padding:10px 20px; border:#e6e6e6 1px solid; box-sizing:border-box;}
.ms_bt1{ display:block; width:100%; height:50px; padding:10px 20px; background:#da251c; font-size:16px; color:#ffffff; cursor:pointer; border:#e6e6e6 1px solid; box-sizing:border-box;}

.newinfo{background:#f8f8f8 }
.news_i_l{ padding-top: 20px}
.news_i_c{ padding: 0 5%; background:#fff;}
.news_i_title1{ font-size:18px; color:#222222; text-align:center; line-height:30px; padding-top:20px;}
.news_i_title2{ font-size:12px; color:#666666; text-align:center; line-height:25px; padding-bottom:20px; border-bottom:#cbcbcb 1px dashed;margin-top: 10px}
a.news_i_a1{ display:block; float:left; width:48%;margin-right: 4%; height:55px; text-align:center; line-height:55px; background:#fff; background:url(../images/news_i_a1_ico.png) #fff right 81% center no-repeat; }

a.news_i_a2{ display:block; float:right; width:48%; height:55px; text-align:center; line-height:55px; color:#333; background:url(../images/news_i_a2_ico.png) #fff  right 30% center no-repeat;}

.news_i_r{ background:#fff; padding:0 20px;}
.news_i_r .title{ font-size:18px; line-height:25px; padding-top:25px; position:relative;}
.news_i_r_list li{ padding:25px 0; border-top:#cbcbcb 1px dashed;}
.news_i_r_list li .txt1{ line-height:24px;}
.news_i_r_list li .txt2{ font-size:14px; color:#999999; line-height:24px;}
.news_i_r_list li .txt1 a:hover{ color:#da251c;}
.news_i_r_hr{ position:absolute; left:-20px; top:30px; width:2px; height:15px; background:#da251c;}

/*下载专区*/
.n_title2{ font-size:18px; color:#333333; line-height:35px; font-weight:bold;}
.download_list li{ height:55px; padding-left:20px; background:#fff; position:relative; margin-bottom:20px;}
.download_list li .txt{ line-height:25px; padding:15px 0; font-size:16px; color:#333333;}
.download_list li .ico{ position:absolute; right:20px; top:15px; background:url(../images/download_ico.png) center no-repeat; width:20px; height:25px;}
.download_list li:hover .txt{ color:#da251c;}
.download_list li:hover .ico{ background:url(../images/download_ico_on.png) center no-repeat;}

/*招聘*/
.zhaopin_list li{ background:#fff; margin-bottom:20px;}
.zhaopin_list li .txt{ border-bottom:#e6e6e6 1px solid; padding:5px 10px; position:relative;}
.zhaopin_list li .txt .txt1{ font-size:16px; color:#333333; line-height:35px;}
.zhaopin_list li .txt .txt2{ position:absolute; right:10px; top:5px; font-size:16px; color:#da251c; line-height:35px;}
.zhaopin_list li .txt_c{ padding:10px 10px;}
.zhaopin_list li .txt_c .txt1{ font-size:14px; color:#666666; line-height:35px;}
.zhaopin_list li .txt_c .txt2{ font-size:14px; color:#666666; line-height:35px;}
.zhaopin_list li .txt_c .txt2 *{ line-height:35px;}
.zhaopin_list li .txt_c .txt3{ font-size:16px; color:#333333; line-height:35px;}


.mm-listitem.on{font-weight: bold}



/*发展历程2*/
.fzlc2_list{ position:relative; margin-top:20px;}
.fzlc2_list:before{content: "";width:1px;height: 100%; background: #e8e8e8; position: absolute; left: 0; top:0;}
.fzlc2_list li{ padding-left:10px; position:relative;}
.fzlc2_list li .txt1{ font-size:18px; color:#e8251f; line-height:30px;}
.fzlc2_list li .txt2{ font-size:16px; color:#222222; font-weight:bold; line-height:30px;}
.fzlc2_list li .txt3{ font-size:14px; color:#666666; line-height:30px; text-align:left; margin-top:10px;}
.fzlc2_list li .txt3 *{ color:#666666; line-height:30px;}
.fzlc2_list li:before{content: "";width:9px;height: 9px; background: #e8251f; border-radius:50%; position: absolute; left: -4px; top:10.5px;}















