@charset "utf-8";
@import url("styles.css");
/* wx/qq.465320335 */ 

/* pub */
.f13 { font-size: 0.21rem; }
.f14 { font-size: 0.23rem; }
.f15 { font-size: 0.24rem; }
.f16 { font-size: 0.28rem; }
.f18 { font-size: 0.33rem; }
.f22 { font-size: 0.38rem; }
.lh18 { line-height: 0.25rem; }
.lh20 { line-height: 0.28rem; }
.lh23 { line-height: 0.31rem; }
.lh26 { line-height: 0.36rem; }
.lh30 { line-height: 0.4rem; }
.lh33 { line-height: 0.45rem; }
.lh35 { line-height: 0.65rem; }
.lh38 { line-height: 0.73rem; }
/* head */
.header { width: 100%; position: relative; }
.header .top { width: 100%; padding: 4% 3% 4% 2%; background: url(../images/top_dt.jpg) center top repeat-x; background-size: cover; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.header .logo { width: 80%; }
.header .logo img { max-width: 100%; }
.header a.toggle { display: block;  width: .5rem;
}
.header a.toggle i { display: block; height: 0; border-bottom: 2px solid #094cbb;  margin: .12rem 0;
}
ul.second-nav li i { display: inline-block; margin-right: 8px; }
.hc-mobile-nav .nav-wrapper { background-color: #094cbb; }
.home-slide { width: 100%;/* height: 3.1rem;*/ overflow: hidden; text-align: center; position: relative; }
.home-slide ul{ width: 100%; height: 100% !important; }
.home-slide li, .home-slide li a { display: block; width: 100%; height: 100% !important; }
.home-slide li img{ display:block; width:100%;}
.home-slide .pagination { position: absolute;  bottom: .26rem;
width: 100%; z-index: 999; }
.home-slide .swiper-pagination-bullet { display: inline-block;  width: .2rem;
 height: .2rem;
 margin: 0 .06rem;
background: #000; opacity: .5; cursor: pointer; border-radius: 1rem; }
.home-slide .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: .6; }
.top_bar { width: 100%;  padding: .18rem .35rem;
background-color: #f5f5f5; }
.top_bar .form { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; border-radius: 2rem; overflow: hidden; }
.top_bar input, .top_bar button {  height: .63rem;
 line-height: .63rem;
}
.top_bar input { border: none; width: 72%;  padding: 0 .22rem;
color: #353535;  font-size: .22rem;
border-radius: 2px 0 0 2px; }
.top_bar button { width: 27%; background-color: #fed324; border: none;  font-size: .25rem;
cursor: pointer; border-radius: 0 2px 2px 0; }
/* wrapper */
.wrapper { width: 100%; overflow: hidden; padding-bottom: 1.02rem; }
.main_title { color: #353535; }
.main_title span { display: block; }
.main_title span.s1 { font-size: 0.45rem; font-weight: bold; padding-bottom: 0.25rem; }
.main_title span.s2 { width: 1rem; margin: 0 auto; border-bottom: 2px solid #094cbb; }
.products { width: 100%; padding: 0.7rem 2%; }
.products .p_class { margin-top: 0.4rem; }
.products .p_class ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.products .p_class li { width: 32%; margin-bottom: 2%; }
.products .p_class li a { display: block; border-radius: 2px; background-color: #f5f5f5; color: #353535; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.products .p_class li a:hover { background-color: #094cbb; color: #fff; }
.products .p_list { margin-top: 0.3rem; }
.products .p_list ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: top; }
.products .p_list li { width: 48.5%; padding: 0.17rem; margin: 0 0 2.5%; box-shadow: 0 0 12px rgba(0,0,0,0.08); }
.products .p_list li ._pic { height: 2rem; overflow: hidden; }
.products .p_list li ._pic img { width: 100%; height: 100%; object-fit: contain }
.products .p_list li ._title { margin-top: 0.2rem; border-top: 1px solid #f1f1f1; padding: 0.2rem 0; }
.products .p_list li a { color: #555; }
.products .p_list li a:hover { color: #094cbb; }
.products .p_more, .cases .p_more { width: 45%; margin: 0 auto; padding-top: 0.45rem; }
.products .p_more a, .cases .p_more a { display: block; background-color: #f7f7f7; color: #555; border-radius: 1rem; padding: 0.25rem 0; font-size: 0.24rem; }
.products .p_more a:hover, .cases .p_more a:hover { background-color: #094cbb; color: #fff; }
.abouts { width: 100%; background-color: #f7f7f7; padding: 0.7rem 2%; }
.abouts .a_left_bt { padding-bottom: 0.2rem; }
.abouts .a_left_bt h1 { font-size: 0.35rem; color: #094cbb; }
.abouts .a_left_bt span { display: block; color: #aaa; padding-top: 0.15rem; letter-spacing: -0.01rem; }
.abouts .a_info { color: #585858; overflow: hidden; }
.abouts .a_more { padding-top: 0.45rem; }
.abouts .a_more a { display: inline-block; background-color: #094cbb; color: #fff; padding: 14px 38px; border-radius: 5px; }
.abouts .a_more a:hover { background-color: #063583; }
.abouts .a_video { padding-top: 0.3rem; }
.abouts .a_video video { width: 100%; }
.cases { width: 100%; padding: 0.7rem 2%; }
.cases .c_class { margin-top: 0.4rem; }
.cases .c_class ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.cases .c_class li { width: 49%; margin-bottom: 2%; }
.cases .c_class li a { display: block; border-radius: 2px; background-color: #f5f5f5; color: #353535; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0.03rem 0; }
.cases .c_class li a:hover { background-color: #094cbb; color: #fff; }
.cases .c_list { padding-top: 0.3rem; }
.cases .c_list ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.cases .c_list li { width: 48.5%; margin-bottom: 2.5%; }
.cases .c_list li ._pic { height: 2.2rem; overflow: hidden; }
.cases .c_list li ._pic img { width: 100%; height: 100%; object-fit: cover }
.cases .c_list li ._box { background-color: #f5f5f5; padding: 0.22rem 0.2rem; }
.cases .c_list li ._box span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cases .c_list li ._box span a { color: #444; }
.cases .c_list li ._box span a:hover { color: #094cbb; }
.cases .c_list li ._box span.s1 { font-size: 12px; margin-top: 11px; }
.cases .c_list li ._box span.s1 a { display: inline-block; background-color: #094cbb; color: #fff; padding: 4px 8px; border-radius: 4px; }
.cases .c_list li ._box span.s1 a:hover { background-color: #063583; }
.news { width: 100%; background-color: #f7f7f7; padding: 0.7rem 2%; }
.news .p_class li a { background-color: #fff; padding: 0.02rem 0; }
.news ._list { width: 100%; padding-top: 0.2rem; }
.news ._list li { background-color: #fff; border-top: 1px solid #f7f7f7; margin-bottom: 0.12rem; padding: 0.26rem 0.22rem; }
.news ._list li span { display: block; color: #999; }
.news ._list li a { color: #555; display: block; padding-top: 0.1rem; }
.news ._list li a:hover { color: #094cbb; text-indent: 2px; }
.news .n_right { width: 100%; margin-top: 0.45rem; }
.news .n_right_bt { background-color: #094cbb; line-height: 0.9rem; padding-left: 0.38rem; }
.news .n_right_bt i { display: inline-block; margin-right: 13px; }
.news .n_right_list { height: 7rem; background-color: #fff; overflow: hidden; }
.news .n_right_list li { border-bottom: 1px dotted #eee; padding: 19px 0.3rem 19px 59px; color: #666; position: relative; }
.news .n_right_list li span { display: block; position: absolute; top: 24px; left: 0.38rem; width: 19px; height: 18px; background-color: #cbcbcb; text-align: center; line-height: 18px; overflow: hidden; font-size: 12px; color: #fff; }
.news .n_right_list li span.s1 { background-color: #d80007; }
.news .n_right_list li span.s2 { background-color: #da9706; }
.news .n_right_list li span.s3 { background-color: #13cb31; }
/* cols */
.cols { width: 100%; padding-bottom: 1.1rem; }
.cols_bt { border-bottom: 1px solid #e0e0e0; color: #414141;  padding: .34rem 3% .29rem;
 font-size: .22rem;
}
.cols_bt a { color: #414141; }
.cols_bt a:hover { color: #094cbb; }
.cols_bt i.fa-map-marker { display: inline-block; color: #686868; margin-right: 5px; }
.cols_desc { color: #353535; overflow: hidden; text-align: justify; padding: 5% 3%;  font-size: .25rem;
 line-height: .45rem;
}
.cols_desc a { color: #353535; }
.cols_desc a:hover { color: #094cbb; }
.cols_desc table { border-collapse: collapse; border: 1px solid #dfdfdf; margin: 0 auto; font-size: 14px; }
.cols_desc table tr, .cols_desc table td { border: 1px solid #dfdfdf; }
.cols_desc table td { box-sizing: border-box; }
.cols_desc video { width: 100% !important; }
.cols_desc img, .cols_pic img { max-width: 100%; }
.cols_pic {  padding: .35rem 3% 0;
}
/* photo */
.photo {  padding: .35rem 2% .5rem;
}
.photo ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: top; }
.photo li { width: 32%; margin-bottom: 3%; }
.photo li ._pic { border: 1px solid #eee; padding: 0.1rem; overflow: hidden; }
.photo li ._pic img { width: 100%; }
.photo li ._desc {
 font-size: .2rem;
 padding: .17rem 0; background-color: #f7f7f7; margin-top: 1px;  line-height: .25rem;
}
.photo li ._desc a { display: block; color: #414141; }
.photo li ._desc a:hover { color: #094cbb; }
.productlist li { width: 48.5%; }
.photo li ._pic { height: 2.3rem; overflow: hidden; }
.photo li ._pic img { width: 100%; height: 100%; object-fit: contain; }
.hezuo ul::after { content: ''; height: 0; width: 32%; }
.hezuo li ._pic { height: 1.5rem; }
/* newslist */
.newslist {  padding: .1rem 0 .55rem;
}
.newslist ul {  font-size: .23rem;
 line-height: .68rem;
}
.newslist li { border-bottom: 1px dashed #e0e0e0; position: relative; padding: 0 3%; }
.newslist li i { display: inline-block;  margin-right: .1rem;
vertical-align: -1px; color: #1960a2; font-size: 16px; }
.newslist li a { display: block; color: #414141;  padding-right: .45rem;
white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newslist li a:hover { color: #094cbb; }
.newslist li span.time { display: block; position: absolute; right: 2%; top: 0; color: #888;  font-size: .22rem;
}
/* info */
.info_box {  padding: .5rem 0;
}
.info_box .info_t { border-bottom: 1px solid #e0e0e0;  padding-bottom: .28rem;
}
.info_box .info_t h3 { color: #f00; text-align: center;  font-size: .33rem;
 line-height: .43rem;
}
.info_box .info_t span { display: block; color: #888;  padding: .25rem 0 0;
 font-size: .2rem;
}
.info_box .info_t span i { display: inline-block; margin: 0 6px 0 8px;  font-size: .22rem;
}
/* pages */
.n_pages {
 padding: .4rem 0 0; letter-spacing: -4px;  font-size: .22rem;
}
.n_pages a { display: inline-block; background-color: #eee; color: #666;  padding: .16rem .19rem .15rem;
margin: 0 2px; letter-spacing: 0; }
.n_pages a:hover, .n_pages a.page-num-current { background-color: #094cbb; border-color: #094cbb; color: #fff; }
.n_pages .not_data { letter-spacing: 1px; color: #999; }
.n_next { border-top: 1px solid #eee; padding: 4% 1% 0; color: #555;  font-size: .23rem;
line-height: 0.33rem; }
.n_next a { display: block; color: #555;  padding: .07rem 0;
}
.n_next a:hover { color: #094cbb; }
/* message */
.apply { display: none; width: 90%; padding: 2.5% 0 6%; margin: 0 auto; }
.apply li { margin: 10px 0; }
.apply li input, .apply li textarea { width: 100%; border: 1px solid #ddd; padding: 10px 12px; font-size: 14px; }
.apply li textarea { height: 80px; }
.apply li button { background: #d30006; color: #fff; border-radius: 3px; line-height: 43px; width: 100%; border: none; font-size: 15px; cursor: pointer; transition: all .3s linear 0s; }
.apply li button:hover { background: #ec0007; box-shadow: 0 5px 10px #ccc; }
.apply li input.code { width: 50%; margin: 3px 0 5px; }
.apply li img { display: inline-block; vertical-align: -18px; cursor: pointer; margin-left: 8px; }
/* footer */
.footer { background-color: #094cbb; position: fixed; bottom: 0; z-index: 99999; height: 1.02rem; width: 100%;  padding-bottom: .03rem;
}
.footer ul { height: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.footer li { width: 20%;  font-size: .21rem;
}
.footer li i { display: block;  font-size: .33rem;
line-height: 0.35rem; margin-bottom: 0.09rem; }
.footer li a { display: block; color: rgba(255,255,255,.8); }
.footer li a:hover { color: #fff; }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #999;
 font-size: .22rem;
}
p#back-to-top { position: fixed; display: none; bottom: 25px; right: 15px; }
p#back-to-top i { display: block; font-size: 22px; }
p#back-to-top a { text-align: center; display: block; height: 30px; width: 30px; line-height: 30px; border: 1px #f1433c solid; color: #f1433c; overflow: hidden; }
p#back-to-top a:hover { color: #fff; border-color: #f1433c; background-color: #f1433c; }
/*<!---->*/
.inside_con{ padding:.34rem 3% .29rem;}
.clear{ clear:both;}
.tit1{}
.tit1 .h2{ font-size:24px; line-height:34px; font-weight:bold;}
.contact1{ }
.contact1 .tit1{ padding:.34rem 3% .29rem;}
.contact1 .list{ margin-top:30px; border:1px solid #ddd;}
.contact1 .list ul li{ text-align:center;}
.contact1 .list ul li .nr_box{ border-top:1px solid #ddd; padding:40px 40px 40px 40px;}
.contact1 .list ul li:nth-child(1) .nr_box{ border:none;}
.contact1 .list ul li .img{ height:92px; position:relative;}
.contact1 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.contact1 .list ul li .txt{}
.contact1 .list ul li .txt .h2{ font-size:20px; line-height:30px; font-weight:bold; margin-top:20px;}
.contact1 .list ul li .txt .line1{ width:30px; height:4px; background:#fe5d13; margin:20px auto 20px auto;}
.contact1 .list ul li .txt .h3{ font-size:15px; line-height:25px; color:#999;}
.contact1 .list ul li:nth-child(2) .txt .h3{ text-align:left;}
.contact2{ background:#f6f6f6; padding:0 0 .29rem 0;}
.contact2 .tit1{ padding:.34rem 3% .29rem;}
.contact2 .list{ margin-top:30px;}
.culture1{ padding:.34rem 0 .29rem 0 ;}
.culture1 .list{ border:1px solid #ddd;}
.culture1 .list ul li{ text-align:center;}
.culture1 .list ul li .nr_box{ border-top:1px solid #ddd; padding:40px 40px 40px 40px;}
.culture1 .list ul li:nth-child(1) .nr_box{ border:none;}
.culture1 .list ul li .img{ height:80px; position:relative;}
.culture1 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.culture1 .list ul li .txt{ margin-top:40px;}
.culture1 .list ul li .txt .h2{ font-size:18px; line-height:28px; }
.culture1 .list ul li .txt .h3{ font-size:15px; line-height:25px; color:#999;}


.aboutus1{ padding:30px 3% 30px 3% ;}
.aboutus1 .list1{}
.aboutus1 .list1 .h1{ font-size:24px; line-height:34px; font-weight:bold; text-align:center; color:#fe5d13;}
.aboutus1 .list1 .h2{ font-size:15px; line-height:2em; color:#999; margin-top:20px;}
.aboutus1 .list2{}
.aboutus1 .list2 ul li{ margin:60px 0 0 0; text-align:center;}
.aboutus1 .list2 ul li .nr_box{}
.aboutus1 .list2 ul li .img{ height:70px; position:relative;}
.aboutus1 .list2 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.aboutus1 .list2 ul li .txt{ color:#333;}
.aboutus1 .list2 ul li .txt .h2{ font-size:18px; line-height:28px; font-weight:bold; margin-top:30px;}
.aboutus1 .list2 ul li .txt .h3{ font-size:14px; line-height:24px; margin-top:15px;}
.aboutus2{ height:220px;
/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.video1_open{ width:40px; height:40px; background:url(../images/video_play.png) center no-repeat; cursor:pointer;}
.video1_box{ display:none;}
.video1_close1{ width:100%; height:100%; background:rgba(0,0,0,.8); position:fixed; z-index:55; top:0; left:0;}
.video1bg{ width:90%; position:fixed; z-index:56; top:50%; left:50%; transform:translate(-50%,-50%);}
.video1{ position:relative;}
.video1_close2{ position:absolute; top:0; right:0; color:#fff; cursor:pointer; font-size:30px; z-index:2;}
.video1_con{}
.video1 video{ display:block; width:100%;}
.tit2{ text-align:center;}
.tit2 .h2{ font-size:18px; line-height:28px; text-transform:uppercase;}
.tit2 .h2 span{ color:#fe5d13;}
.tit2 .h3{ font-size:16px; line-height:26px; font-weight:bold;}
.aboutus3{ padding:30px 3% 30px 3% ;}
.aboutus3 .list{ margin-top:5px;}
.aboutus3 .list ul li{ float:left; width:calc((100% - 15px)/2); margin:15px 15px 0 0; text-align:center;}
.aboutus3 .list ul li:nth-child(2n){ margin-right:0;}
.aboutus3 .list ul li .nr_box{ border:1px solid #dddddd; padding:15px;}
.aboutus3 .list ul li:hover .nr_box{ border-color:#fe5d13;}
.aboutus3 .list ul li .img_box{ position:relative;}
.aboutus3 .list ul li .img{ padding-bottom:100%; position:relative; overflow:hidden; z-index:1;}
.aboutus3 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.aboutus3 .list ul li:hover .img img{ transform:scale(1.1);}
.aboutus3 .list ul li .imgbg{ width:100%; height:100%; background:rgba(254,93,19,.8); position:absolute; top:0; left:0; z-index:2; color:#fff; font-size:30px; opacity:0; visibility:hidden;  transition:all .3s ease;
/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.aboutus3 .list ul li:hover .imgbg{ opacity:1; visibility:visible;}
.aboutus3 .list ul li .txt{ color:#333;}
.aboutus3 .list ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; margin-top:10px;}
.aboutus4{ padding:30px 3% 30px 3% ; color:#fff;}
.aboutus4 ul li{ margin:30px 0 30px 0; text-align:center;}
.aboutus4 ul li .txt{}
.aboutus4 ul li .txt .h2{ font-size:18px; line-height:32px;}
.aboutus4 ul li .txt .h2 strong{ font-size:32px;}
.aboutus4 ul li .txt .h3{ font-size:16px; line-height:26px;}
.aboutus5{ padding:30px 3% 30px 3% ;}
.aboutus5 .list{}
.aboutus5 .list ul li{ float:left; width:calc((100% - 20px)/2); margin:20px 20px 0 0;}
.aboutus5 .list ul li:nth-child(2n){ margin-right:0;}
.aboutus5 .list ul li .img{ padding-bottom:50%; position:relative;}
.aboutus5 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}