@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0;  color:#323232; font-size:14px; overflow-x:hidden}
*{ margin:0; padding:0;list-style-type:none; text-decoration:none;  line-height:30px; font-family:"微软雅黑", Arial;}
a{ color:#323232}
a:hover{ color:#e50012}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html>body .clearfix { display:inline-block; width:100%; } 
* html .clearfix { height:1%; /* End hide from IE-mac */ } 
*+html .clearfix { min-height:1%; }/* ie7 hack*/ 
.wrapper{ margin: 0px auto; width:80%;}
.flt1{ float:left}
.flt2{ float:right}
.sj{ display: none}
.head{ height: 30px; line-height: 30px; background: #3F4055; color: #FFF;}
.header{ position:relative; height:100px}

.wzt{ margin-top:25px;background:url(../images/xt.jpg) no-repeat left center; padding-left:20px; margin-left:10px;font-size:18px;}
.wzt p{  line-height:30px;}
.wzt p:nth-child(1){ font-weight:bold;font-size:22px;}

.tdh{background:url(../images/content.jpg) no-repeat left center; padding-left:60px;margin-top:15px;}
.tdh b{ display:block; font-size:24px; color:#e50012; border-top:solid 1px #e8e8e8; padding-top:5px}


/*.navs{width:100%;background: #e50012;height: 55px;}
.nav li{ position:relative;display:block; text-align:center; float:left; margin-right:35px;}
.nav li a{border-radius:5px; font-size:18px;padding:7px 40px; display: inline-block; margin-top:5px; color:#fff}   
.nav li.on a,.nav li:hover a{background:#222;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);}
*/
.navs{width:100%;background: #e50012;height: 55px;}
.navs li{position:relative;display:block; text-align:center; float:left; margin-right:5%; width:12.5%; text-align:center}
.navs li h3 a{border-radius:5px; font-size:18px;padding:7px 0; display: inline-block; margin-top:5px; color:#fff; width:80%; font-weight:100}
.navs .on h3 a,.navs li:hover h3 a{background:#222;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);}
.navs li:last-child{ margin-right:0}
.navs .sub{ display:none; width:100%; left:0; top:55px;  position:absolute; background:rgba(0, 0, 0, 0.6);  line-height:35px; padding:15px 0; text-align:center; z-index:10; border-radius: 0 0 5px 5px  }
.navs .sub li{ zoom:1; width:100% }
.navs .sub a{ display:block; width:100%; color:#FFF ;line-height:40px;}
.navs .sub a:hover{ background:#222; color:#fff;  }
		


.banner{ width:100%; position:relative; }
.banner .hd{ height:15px; position:absolute;  bottom:4%;  width:100%; text-align:center; z-index:1  }
.banner .hd ul{ overflow:hidden; zoom:1;}
.banner .hd ul li{ display:inline-block; margin-right:10px;  width:12px; height:12px; line-height:140px;  background:#fff; cursor:pointer; overflow:hidden; background:#fff ; border-radius:50%}
.banner .hd ul li.on{ background:#f00; }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; height:100%;}
.banner .prev,.banner .next{position:absolute;left:3%; top:50%; margin-top:-30px; display:block;width:60px; height:60px; filter:alpha(opacity=20);opacity:0.2; border-radius:50%; background:#333 }
.banner .next{ left:auto; right:3%; }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }







.index_product{ padding: 40px 0;}
.tit1{ font-size: 30px; text-align: center; padding-bottom: 20px; position: relative; font-weight:bold}
.tit1::before{ content: ""; position: absolute;  width: 40%;  left: 50%;  transform: translateX(-50%);  height: 1px; background-color: #ccc;  bottom: 0;}
.tit1::after{ content: ""; position: absolute; width: 5%; left: 50%; transform: translateX(-50%); height: 3px; background-color: #e62129; bottom: -1px;}
.desc1 { margin: 20PX 0;  color: #666; text-align: center;}

.img-list1 li{float: left; width: 23.5%; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box;  border: 1px solid #e0e0e0;}
.img-list1 li:nth-of-type(4n){ margin-right: 0;}
.img-list1 li .pic img{  width: 100%;  transition: all 0.3s;  position: relative; height:250px;}
.img-list1 li .pic{ position: relative;}
.img-list1 li .pic::before{ content: "";width: 100%; height: 100%; position: absolute;left: 0; top: 0; background-color: #000; z-index: 1; opacity: 0; transition: all 0.3s;}
.img-list1 li:hover .pic::before{ opacity: 0.4;}
.img-list1 li .pic:hover img{   transform: scale(1.1);}
.img-list1 li > a{ display: block; text-align: center; padding: 5px 0; font-size: 16px;  line-height: 2em; transition: all 0.3s; color: #333;    text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.img-list1 li:hover a{ background-color: #e62129; color: #fff;}
.img-list1 li .pic a{ display: block;  position: relative;  overflow: hidden;}
.img-list1 li .pic a::before,.img-list1 li .pic a::after{  position: absolute; content: "";  top: 50%; transition: all 0.3s; z-index: 10;}
.img-list1 li .pic a::before{ left: 0; width:100%; height:100%;  margin-left: -100%;  margin-top:-35%;  background: url(../images/i5.png) no-repeat center center ; background-size:15% }
.img-list1 li:hover .pic a::before{ left:50%;  margin-left:-50%; margin-top:-35%;}
.img-list1 li .pic a::after{ right: 0; width: 30px; height: 30px; margin-right: -30px; margin-top: -15px; background: url("../images/i6.png"); background-size: 100%;}
.img-list1 li:hover .pic a::after{  right: 50%;  margin-right: -15px;}

.list_li .img-list1 li .pic a::before{  margin-top:-38%; }
.list_li .img-list1 li:hover .pic a::before{margin-left:-50.5%;}

.more { text-align: center;}
.more a {display: inline-block; padding: 5px 20px;  font-size: 16px; color: #999; border: 1px solid #f0f0f0; transition: all 0.3s;}
.more a:hover{ color: #e62129; border-color: #e62129;}



.index_advantage{ padding:0;  background: #f3f3f3;}
.index_advantage li{ float: left; margin-right: 2%; width: 23.5%; margin-bottom: 10px;  background: #fff;  box-sizing: border-box; padding: 10px; position: relative; transition: color 0.2s;}
.index_advantage li:last-of-type{   margin-right: 0;}
.index_advantage li i{ display: block; text-align: center; width:100px; height:100px; margin:15px auto}
.index_advantage li:nth-child(1) i{ background:url(../images/ys1.jpg) no-repeat center center}
.index_advantage li:nth-child(2) i{ background:url(../images/ys2.jpg) no-repeat center center}
.index_advantage li:nth-child(3) i{ background:url(../images/ys3.jpg) no-repeat center center}
.index_advantage li:nth-child(4) i{ background:url(../images/ys4.jpg) no-repeat center center}
.index_advantage li strong{ font-size: 16px;  text-align: center;  padding: 5px 0;  display:block;}
.index_advantage li strong,.index_advantage li p{ position: relative;  z-index: 3; line-height: 2em;}
.index_advantage li:nth-child(1):hover i{ background:url(../images/ysh1.png) no-repeat center center}
.index_advantage li:nth-child(2):hover i{ background:url(../images/ysh2.png) no-repeat center center}
.index_advantage li:nth-child(3):hover i{ background:url(../images/ysh3.png) no-repeat center center}
.index_advantage li:nth-child(4):hover i{ background:url(../images/ysh4.png) no-repeat center center}

.index_advantage li:hover{  transition: all 0.5s;  background: #e50012;}
.index_advantage li:hover strong,.index_advantage li:hover p{ color:#FFF}


.index_about{  padding: 40px 0;   background:url("../images/about_bg.png") center bottom no-repeat; margin-bottom:40px;}
.index_about .about_con img{  float: right;   margin-left: 50px;}
.index_about .about_con p{ line-height: 2em; text-indent: 2em;  margin-bottom: 10px; }
.index_about .about_con .more{  margin-top: 20px;  text-align: center;}
.index_about .about_con .more a{ display: inline-block; padding: 10px 30px; line-height:15px;  background-color: #e62129; color: #fff; transition: all 0.3s; border-radius: 10px;}
.index_about .about_con .more a:hover{ padding: 10px 50px;}



.section {padding: 0;}
.section-title {margin-bottom: 40px;font-size: 30px;line-height: 1.2;text-align: center;}
.section-title span {display: block;margin-top: 10px;text-transform: uppercase;letter-spacing: 3px;text-indent: 3px;font-size: 18px;color: #666;}
.section-title p {margin: 10px 0 0;font-size: 0;}
.section-title p small {position: relative;display: inline-block;vertical-align: middle;font-size: 14px;color: #333;padding: 0 20px;}
.section-title p small:before,.section-title p small:after {content: "";width: 34px;height: 2px;background: #e62129;position: absolute;top: 50%;margin-top: -1px;}
.section-title p small:before {right: 100%;}
.section-title p small:after {left: 100%;}

.in-cpys dl {margin: 20px 0 0;}
.in-cpys dt {float: left;width: 555px;}
.in-cpys dd {margin-left: 615px;}
.in-cpys dd .item {overflow: hidden;margin-bottom: 30px;}
.in-cpys dd .item:last-child {margin-bottom: 0;}
.in-cpys dd .num {float: left;width: 50px;text-align: center;line-height: 58px;font-size: 32px;font-family: Impact;background-color: #e62129;color: #fff;height: 75px;}
.in-cpys dd .num:after {width: 34px;height: 2px;display: block;margin: 0 auto;background-color: #fff;content: '';}
.in-cpys dd .text {margin-left: 65px;}
.in-cpys dd .text h4 {margin: 0;color: #e62129;font-size: 26px;line-height: 1.2; font-weight:100}
.in-cpys dd .text h4 small {display: block;text-transform: uppercase;font-size: 16px;color: #999;border-top: 2px dotted #ccc;padding-top: 10px;margin-top: 14px;}
.in-cpys dd .text p {margin: 15px 0 0;color: #666;line-height: 1.8;background: url(../images/icon_ye.gif) no-repeat 0 3px;padding-left: 30px;}
.in-cpys dd .text p span {color: #e62129;font-weight: bold;}
.in-cpys dl:nth-of-type(even) dt {float: right;}
.in-cpys dl:nth-of-type(even) dd {margin: 0 615px 0 0;}


.news {padding: 40px 0;}
.news li{ margin:15px 0; width:49%; margin-right:2%; float: left;}
.news li:nth-child(2n){margin-right:0;}
.news li a {height: 100%; padding: 20px; box-sizing: border-box; display: inline-block; background: #dedede; overflow:hidden; width:100%}
.news_img{ width: 140px; height: 105px;float: left; margin-right:-140px;}
.news_img img{width:100%; height:100%; object-fit: cover; display: block;}
.news_text { float: left; width:100%;}
.news_text h3 { /*font-weight:100;*/ font-size: 18px;  margin-bottom: 6px; margin-left: 160px; height:30px; line-height: 30px;  display: block;}
.news_text h3 span{ width:70%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:inline-block}
.news_text h3 font{ float:right; font-size:16px}
.news_text p { color: #444; line-height: 24px;  /*font-size:16px;*/ margin-left: 160px; height:72px; overflow: hidden; margin-top: 3px;}
.news li a:hover { background:#e62129;transition: all .3s;}
.news li a:hover h3 { color: #fff;}
.news li a:hover p { color: #fff;}

.index_lc { padding:40px 0}

.xdlc { margin-top: 28px;  display: flex;  display: -webkit-flex;  justify-content: space-between;  -webkit-justify-content: space-between;}
.xdlc li { text-align: center;  width: 14.285%;   background: url(../images/ul_bg.png) no-repeat right 19px;}
.xdlc li .pic {  width: 64px;  height: 64px;  background: #E3E3E3;  border-radius: 50%;  -o-transition: all .3s ease;  transition: all .3s ease;  line-height: 0;  margin: 0 auto 17px;}
.xdlc li .pic i {  display: block;  width: 64px;  height: 64px;}
.xdlc li .pic img {  width: 64px;}
.xdlc li h3 {font-weight:100;  font-size: 16px;  line-height: 24px; /* height: 24px;  color: #282828; */ font-weight: bold;  overflow: hidden;  padding-top: 9px;  position: relative;}
.xdlc li h3:before {  position: absolute;  content: "";  width: 13px;  height: 2px;  background: #2f2e3e;  top: 0;  left: 50%;  margin-left: -6.5px;}
.xdlc li p { /* font-size: 14px;  line-height: 24px; */ color: #a3a3a3; /* max-height: 48px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;*/}
.xdlc li:hover .pic { background: #d60000;}
.xdlc li:hover .pic i { filter: brightness(1000);  -webkit-filter: brightness(1000);}



.football{ background:#27343c; color: #CCCCCC; padding:25px 0;}
.football h3{font-weight:100; width:100%;}
.football h3,.ilianxi h3{ border-bottom:1px dashed #CCC; font-size:20px; line-height:50px; margin-bottom:10px;}
.football a{color: #CCCCCC;}
.ifang{ float:left; width:42%;}
.ifang li{ font-size:16px; line-height:38px;/*width:25%; */float:left; margin-right:30px}
.ilianxi{ width:33%; margin-left:7%; float:left;}
.ilianxi li{text-align:left; /*font-size:16px;*/ line-height:38px;width:100%;}
.erwm{ margin-top:35px; width:10%; float:right; text-align:center}
.erwm img{ width:100%}

.foote{ background:#222;}
.foote p{ font-size:14px; line-height:40px;color: #e2e9ec; text-align:center}
.foote a{color: #e2e9ec;}



/*list*/
.list{background: url(../images/banner_cp.jpg) center top no-repeat; background-size: 100%;}
.postion p { font-size: 16px; padding: 25px 0 46px; color:#fff;}
.postion p a{color:#fff;}
.prozhtit { font-size: 18px; padding-left: 49px; background-position: left 17px; margin-bottom: 52px;background: url(../images/homeoneicon01.png) left 11px no-repeat; color:#FFF}
.prozhtit h1{font-size: 46px;  margin-bottom: 25px; font-weight:bold; letter-spacing:10px;}
.prozhtit p{ color:#ccc}
.list_li{ background:#fff; border-radius:10px 10px 0 0; padding: 50px;}
.arcpro h1{ letter-spacing:0;}

.item-cate{width:100%;margin-bottom:60px}
.item-cate .cate-title{width:100%}
.item-cate .cate-title h2{float:left;height:60px;line-height:60px;font-weight:bold;width:20%;background:url(../images/title_bg.png) left top no-repeat;font-size:32px;color:#212121;padding-left:20px; }
.item-cate .cate-title>a{display:block;height:30px;border:1px dotted #c6a38d;border-radius:5px;padding:0 15px;float:right;margin:15px 20px 0 0;line-height:28px;font-size:16px;color:#4c4c4c;position:relative;transition:all .5s linear}
.item-cate .cate-title>a:after{content:'';width:28px;height:7px;position:absolute;right:-20px;top:11px;background:url(../images/icon_more.png) right top no-repeat;transition:all .5s linear}
.item-cate .cate-title>a:hover{color:#e50012}
.item-cate>p{font-size:16px;line-height:36px;width:100%;overflow:hidden;padding:0 20px;color:#666}


.pro-list{margin:24px 0}
.pro-list li{margin-right:4%;margin-bottom:50px;width:22%;float:left;}
.pro-list li:nth-child(4n) { margin-right:0}
.item-product{width:100%;position:relative;border-bottom: solid 6px #e50012; transition: all .5s linear;border-radius:20px 20px 60px 20px;-webkit-box-shadow:0 0 24px rgba(75,23,1,.3);-moz-box-shadow:0 0 24px rgba(75,23,1,.3);box-shadow:0 0 24px rgba(75,23,1,.3);}
.item-product:hover{-webkit-box-shadow:0 0 12px rgba(75,23,1,.4);-moz-box-shadow:0 0 12px rgba(75,23,1,.4);box-shadow:0 0 12px rgba(75,23,1,.4)}

.item-product .item-img{border:6px solid #fff;border-radius:20px 20px 20px 0;display:block;width:100%;overflow:hidden;box-sizing: border-box;position:relative;padding-top:65%;height:0;}
.item-product .item-img img{display:block;transition:.5s all linear;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.item-product:hover .item-img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.item-product:hover .item-info a{color:#e50012}
.item-product .item-info{padding:20px 25px 25px;overflow:hidden}
.item-product .item-info a{line-height:32px;font-size:24px;display:block;width:100%;overflow:hidden;color:#333;font-weight:700;margin-bottom:5px;transition:all .5s linear;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.item-product .item-info p{line-height:36px;font-size:16px;width:100%;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.listnew{background: url(../images/banner_new.jpg) center top no-repeat; background-size: 100%;}

.newtj li{ width:31.3%; margin-right:3%; float:left}
.newtj li:nth-child(3) { margin-right:0}
.newtj li .pic{width:90%;position:relative;padding-top:65%;height:0;overflow:hidden;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}
.newtj li .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;object-fit:cover}
.newtj li .text{background:#fff;border-radius:30px 10px 10px 10px;position:relative;max-width:340px;width:100%;margin-left:17%;margin-top:-36px;z-index:2;box-shadow:0 3px 27px rgba(112,133,159,.46);padding:22px 30px}
.newtj li .text .tit{font-size:22px;line-height:38px;height:76px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.more-news{width:38px;height:32px;border-radius:0 16px 16px 0;-webkit-border-radius:0 16px 16px 0;-moz-border-radius:0 16px 16px 0;-ms-border-radius:0 16px 16px 0;-o-border-radius:0 16px 16px 0;background:url(../images/new-arr01.png) no-repeat center #f3b86f;display:block;position:absolute;right:-20px;bottom:10px}
.more-news:hover{background-color:#e50012}

.listnew_li{ margin-top:100px;}

.newzhtwofl { width: 38%; margin-top: 45px; float:left; position: relative; height:400px;}
.newzhtwofl h3 {font-weight:100; position: absolute;left: 0; right: 0; bottom: 0;  border-radius:0 0 12px 12px; color: #fff; background: rgba(0,0,0,.51); font-size: 18px; line-height: 24px; overflow:hidden}
.newzhtwofl h3 a{ color:#FFF;padding: 16px 15px; display:block}
.newzhtwofl:hover h3 a {background: rgba(191,33,29,.5)}
.newzhtwofl .newzhtwoflpic img{ width:100%; border-radius: 12px; height:100%}


.new_li {float: right;	width: 58%;margin-top:45px}
.new_li li {background: url(../images/newicon01.jpg) right bottom no-repeat; background-size: auto 12px;  padding-bottom: 28px;  margin-bottom: 5px}
.new_li li:last-child {margin-bottom: 0}
.new_li li span {float: left;background: #f4f7ff;	border-radius: 6px;	text-align: center;	font-size: 40px;padding-top:15px;width:12%}
.new_li li span i {clear: both;display: block;	font-style: normal;	background: #fff;font-size: 16px;line-height: 30px;	margin: 14px 1px 4px;border-radius: 6px;	color: #161616;	box-shadow: 0 2px 2px rgba(0,0,0,.06)}

.newzhtwoitem { width:85%; padding-top: 3px; float:right}
.newzhtwoitem h3 a {font-weight:100;font-size: 22px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 5px;}
.newzhtwoitem p {font-size: 16px;line-height: 26px;margin-top: 12px; height: 52px;display: -webkit-box; -webkit-box-orient: vertical; overflow:hidden; color:#666}

.listnew_cp{}
.listnew_cp li{margin-top:40px;padding:10px 0;width:48%; margin-right:4%;transition:all .5s linear; float:left}
.listnew_cp li:nth-child(2n) {margin-right: 0}
.listnew_cp li .news-img{float:left;display:block;width:25%;overflow:hidden}
.listnew_cp li .news-img img{display:block;width:100%}
.listnew_cp li .news-info{width:72%;padding-top:5px;float:right}
.listnew_cp li .news-info .news-title{height:36px;width:100%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.listnew_cp li .news-info .news-title a{line-height:36px;font-size:20px;color:#333;font-weight:700;transition:all .5s linear}
.listnew_cp li .news-info p{margin-top:5px;margin-bottom:5px;height:48px;font-size:15px;line-height:24px;width:100%;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.listnew_cp li .news-info .time{height:24px; line-height:24px;overflow:hidden;position:relative; background:url(../images/ssj.jpg) no-repeat left center; padding-left:20px;}
.listnew_cp li:hover{background:#f5f5f5}
.listnew_cp li:hover .news-info .news-title a{color:#e50012}


.new_li2 li{float:left;width:48%;padding:25px 0; margin-right:4%;line-height:28px;border-bottom:1px dashed #e1e4eb;overflow:hidden; background:url(../images/base-icon1.png) no-repeat left center;}
.new_li2 li a{display:block;float:left;width:80%;font-size:18px;color:#232323;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:42px;position:relative}
.new_li2 li a:hover{color:#e50012}
.new_li2 li:nth-child(2n) {margin-right: 0}

.pages{ text-align:center}
.pagination {height: 40px;	padding: 20px 0px; display:inline-block}
.pagination li{	float: left;}
.pagination li a{display: block;margin-right: 10px;	padding: 2px 12px;height: 24px;	border: 1px #cccccc solid;	background: #fff;text-decoration: none;	color: #808080;	line-height: 24px; border-radius:3px}
.pagination li a:hover {color: #e50012;	background: white;	border: 1px #e50012 solid;}
.pagination .active a {	border: none;	background: #e50012;border: 1px #e50012 solid;	color: #fff;}


.arc{ font-size:16px;}
.sxp{ margin:80px 0 ;color:#6c6c6c;border-top: dashed 1px #CCC; padding:10px 0;font-size:16px;}
.sxp a{color:#6c6c6c;font-size:16px;}

.proonetop{ position:relative}
.proonetop:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 110px;
    bottom: 0;
    background: #FFF;
    box-shadow: 0 0 16px rgba(86,86,86,.3);
    border-radius: 10px;
}
.proonetop .proonefl { width: 45%; float:left;position: relative;}
.proonetop .proonefl img{ width:100%;border-radius: 10px;}
.proonetop .proonefl p { padding: 20px 0; text-align:center}
.proonetop .proonefl p span {font-size: 15px; padding-left: 23px; padding-right: 43px;background: url(../images/prodot01.png) left center no-repeat; display:inline-block}
.proonetop .proonefr{ width:47%; float:left;position: relative; margin-left:5%}
.proonetop .proonefr h1 { font-size: 48px; margin-bottom: 45px;color: #fff; font-weight:bold; padding-top:25px}

.proonetop .proonefr .proonecon { font-size: 16px; padding:65px 26px 40px 0;}
.proonecon .con01 span strong {	font-size: 20px}
.proonecon .con01 {	padding: 10px 0}
.proonecon .con01 span { background: url(../images/prooneicon02.jpg) left center no-repeat;padding-left: 22px;}
.proonecon .con01 span strong { color: #bc0000; font-size: 24px; font-weight:bold}
.proonecon .con02{border-top: 1px solid #E8E8E8; padding:15px 0; margin-top:30px;}

.proonebtn {position: relative;}
.proonebtn:before {
    content: "";
    position: absolute;
    left: 20%;
    right: 0;
    bottom: 0;
    height: 45px;
    background: linear-gradient(to right,rgba(201,35,30,.2) 0,transparent 100%);
}

.proonebtn a {width: 25%;line-height: 45px;display: inline-block; font-size:18px; color: #fff;font-weight: bold; text-shadow: 0 1px 3px rgba(86,11,0,.6); background: linear-gradient(90deg,#c9211e 0,#de7c1b 50%,#c9211e 100%) no-repeat left center;  background-size: 200% 100%; border-radius: 60px; text-align: center; cursor: pointer;}
.proonebtn span { margin-left: 26px; font-size:18px}
.proonebtn span strong { font-size: 20px;color: #e50012;}




.protwo { background: url(../images/protwobg01.png) center 40px no-repeat; margin-top:50px}
.protwo .protwonav li { display:inline-block; margin-right: 20px; }
.protwo .protwonav li a:hover, .protwo .protwonav li:first-child a { border: 1px solid #bc0000; border-bottom: 0; background: #bc0000;  color: #fff;}
.protwo .protwonav li a { display:block; width:160px;line-height:40px; text-align: center; border-radius: 5px 5px 0 0; border: 1px dashed #bfbfbf;  border-bottom: 0;    font-size: 16px;}
.protwobox {    padding: 0 0 50px 0;}
.protwobox h3 {font-weight:100; background: url(../images/title_bg.png) left top no-repeat; line-height: 40px;  margin: 50px 0 30px;font-size: 32px; background-size: 100px; padding-left:50px; font-weight:bold}
.proboxarc{ font-size:16px}

.proboxarc img{ max-width:100%}
.protwobox .item-product{border-bottom:0;border-radius:20px;}



.add p,.add p a{ color:#000;}

.address{margin-bottom:120px;margin-top:40px;padding-bottom:20px}
.address .left-pic{float:left;width:50%;margin-right:5%;padding-bottom:55px;position:relative;z-index:1; /*border:solid 5px #e50012; border-radius:10px;*/}
.address .right-text{float:right;width:44%;}
.address .right-text h2{/*font-weight:100;*/font-size:46px;color:#374359;line-height:56px;letter-spacing:10px;margin-top:20px;position:relative;z-index:1;}
.address .right-text .con{margin-top:36px}
.address .right-text .con p{font-size:18px;line-height:36px;}

.lx-info{margin-top:42px;margin-bottom:58px}
.lx-info p{ margin-bottom:10px;}



.msg-box{background: linear-gradient(to right, #e50012 0%,#c9211e 100%);border-radius: 30px 0 0 60px;position: relative;padding:40px;}
.msg-box strong{display: block;font-size: 36px;color: #ffffff;line-height: 46px;padding-left: 52px;margin-bottom: 36px;}
.msg-box ul li{position: relative;padding-left: 40px;margin-bottom: 30px;}
.msg-box ul li img{position: absolute;left: -0;top:3px;}
.msg-box ul li input,.msg-box ul li textarea{width: 90%;padding:0 15px;border-radius: 10px; border:none;outline:none;}
.msg-box ul li input{line-height: 40px;height:40px;}
.msg-box ul li textarea{height: 124px;line-height: 36px;padding-top: 12px;}
.msg-btn{position: absolute;width: 250px;right: 0;}
.msg-btn button{border:none;outline:none; cursor:pointer; text-align: center;line-height: 60px;font-size: 22px;color: #fff;background:#e50012;display: inline-block;border-radius: 10px 0 0 40px;box-shadow: 0 4px 10px rgba(6,108,181,0.4);display: block;width: 100%;transition: all .3s ease-in-out;}
.msg-btn button:hover{border-radius: 0;}



.about{background: url(../images/about.jpg) center top no-repeat; background-size: 100%;}

.aboutone{ margin-bottom:100px;}
.aboutone .aboutonefl{ width:60%; margin-top:30px;}
.aboutone .aboutonefl p{ font-size:16px; line-height:30px; margin-bottom:20px; text-indent:2rem}
.aboutone img{ width:35%}


.abouttit{ text-align:center;font-size:30px; margin-bottom:20px; line-height:50px;}
.abouttit:before {
	content: "";
	background: url(../images/homeoneicon01.png) center center no-repeat;
	background-size: 18px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	margin-top:15px
}
.aboutthree{ margin-bottom:100px;}
.aboutthree p { font-size: 16px; line-height: 32px;}
.aboutthree ul{ margin:40px 0}
.aboutthree ul li {float: left;	width: 21%; margin-right:5%;	border-radius: 5px;	overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.08); text-align:center; box-sizing:border-box; padding:50px 0}
.aboutthree ul li span { display:block; font-size: 20px; margin-top:20px;}
.aboutthree ul li:nth-child(4){ margin-right:0}


.aboutfive p { font-size: 16px; line-height: 32px;}
.aboutfive div{ text-align:center; margin-top:50px;}









.yb_top{position:fixed;z-index:9999999;bottom:20px;right:0px;cursor:pointer;transition:all .3s ease;}
.yb_top img{ border-radius:10px;}



@media screen and (max-width:768px){
	.wrapper{width:94%; margin:0 3%}
	/*.header img { width: 95%;}*/
	.sj{ display: block}
	.pc{ display:none}
	/*.menu{width: 44px; height: 44px;background: url(../images/menu.png) no-repeat;position: absolute;right: 10px;top: 7%;cursor: pointer;}*/
	.show { display: block !important; }

.header{  height:70px}
.logo{ height:70px}	
.logo img{height: 100%;/* margin: 1% 0 0 2%; width:auto*/}
.header .dh{ line-height:25px; margin:10px 0 0 5px; letter-spacing:-1px;}
.header .dh a{ font-size:18px; font-weight:bold; display:block; line-height:20px; color:#e62129;letter-spacing:-0.2px;}


.topNav dd { display: none; width: 70%; height:100%; background: #000; right: 0; padding:0 10px; position: fixed; top: 70px; text-align: left; line-height: 1.8; z-index:10 }
.topNav dt { display: block; width:40px; height: 30px; right: 0; margin: 20px 3% 0 0; text-align: center; position: absolute; top:0;background: url(../images/menu.png) no-repeat right center;  }
.topNav dt.on{ background: url(../images/xx.png) no-repeat right center;}
.mainNav .li1 { padding-left: 10px; line-height: 50px;   border-top: 1px solid #373737; position: relative;}
.mainNav .li1 .a1 { display: block; color: #cbcbcd;  height:50px; line-height:50px; font-size: 18px;font-weight: 500; }
.mainNav .ul1 { display: none; overflow: hidden; padding-bottom: 15px; width:100% }
.mainNav .xs li{ min-width:48%}
.mainNav .li2 { float: left; width:100% ;border-top: 1px solid #373737;  margin-left: 30px; }
.mainNav .a2 { color: #c7c7c9; word-break: keep-all; white-space: nowrap; font-size: 16px;  height: 48px; line-height: 48px;}
.mainNav .sh { display: none; }
.mainNav .hasUl1 .sh { display: block; float: right; width: 52px; margin-top:10px; position: relative; overflow: hidden; color:#000 }
.mainNav .sh::after,.mainNav .sh::before { content: ""; display: block; height: 1px; width: 13px; margin: 0 0 0 -6px; background: #888; position: absolute; left: 50%; top: 50%; }
.mainNav .sh::before { height: 13px; width: 1px; margin: -6px 0 0 0; }
.mainNav .showSubMenu .ul1 { display: block; }
.mainNav .showSubMenu .sh::before { display: none; }

.banner .prev,.banner .next{margin-top:-20px;width:40px; height:40px; }
.banner .prev img,.banner .next img	{ width:100%}
.banner .hd ul li{ width:8px; height:8px;}	
	
	
	
.tit1{ font-size:24px; padding-bottom:10px;}
.news,.index_about,.index_product{ padding:20px 0}
.index_about{ margin-bottom:20px}
	
	
	
.desc1{ line-height:20px;}
.index_case{ margin-bottom:20px; padding-top:20px}
.img-list1 li{ width:48.5%;}	
.img-list1 li:nth-of-type(2n){ margin-right: 0;}
.img-list1 li .pic img{ height:200px;}
.img-list1 li > a{ font-size:14px}


.img-list1 li .pic a::before{ background-size:30%;}
.img-list1 li:hover .pic a::before{margin-left: -51%; margin-top: -41%;}
.list_li .img-list1 li:hover .pic a::before{margin-left:-51%; margin-top: -43%;}


.index_advantage li{width:48.5%;}
.index_advantage li:nth-of-type(2n){   margin-right: 0;}
.index_about .about_con img{ margin-bottom:20px; width:100%}
.in-cpys dt,.in-cpys dt img{ width:100%}
.in-cpys dd{ margin-left:0}
.in-cpys dd .item{ overflow: inherit}
.in-cpys dl:nth-of-type(even) dd{ margin:0}
.news_img{ margin-right:5%}
.news_text{width:65%;}
.news li{ width:100%; margin:5px 0;}
.news_text p{ /*font-size:14px;*/ margin-top:0; margin-left:0; height:auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
.news_text h3{ margin-left:0}

.ifang,.ilianxi,.erwm{ width:100%; margin-left:0}
.ifang li{ width:30%; text-align: center; margin-right:0}
.erwm img{ width:30%}


.football a,.ilianxi li{ font-size:14px}






.listnew{ background-size:100% 300px;}
.list{ background-size:100% 300px;}
.postion p{ padding-bottom:20px; font-size:14px;}

.prozhtit{ font-size:14px; line-height:25px; margin-bottom:20px; padding-left:35px}
.prozhtit h1{ font-size:36px}



.newtj li{ width:100%; margin-right:0; margin-bottom:20px}
.newtj li .text{ max-width:90%; margin-left:3%;padding:10px;}
.newtj li .text .tit{ font-size:16px; height:auto;-webkit-line-clamp:1; }
.newzhtwofl{ width:100%; height:auto; margin-top:20px;}
.listnew_li{ margin-top:20px}
.new_li{ width:100%}
.new_li li{padding-bottom:15px;margin-bottom:0;}
.new_li li span{ width:20%; font-size:30px}
.newzhtwoitem{ width:75%}
.newzhtwoitem h3 a{ font-size:16px}
.newzhtwoitem p{ font-size:14px; margin-top:0}

.item-cate .cate-title h2{ font-size:24px; width:50%}
.new_li2 li,.listnew_cp li{ width:100%; margin-right:0; padding:10px 0}
.new_li2 li a{ font-size:16px;padding-left:30px; width:70%}
.new_li2 li span{ float:right}
.listnew_cp li{ margin-top:20px; padding:0}
.listnew_cp li .news-info{ padding-top:0}
.listnew_cp li .news-info .news-title{ height:auto}
.listnew_cp li .news-info .news-title a{ line-height: 20px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:inline-block; width:100%; font-size:16px}
.listnew_cp li .news-info p{ margin:0; height:auto;-webkit-line-clamp:1;}




.list_li{ padding:10px;}
.item-cate{ margin-bottom:10px;}
.item-cate>p{ line-height:25px;}
.pro-list li{ width:48%; margin-bottom:20px;}
.pro-list li:nth-child(2n){ margin-right:0}
.item-product .item-info{padding: 10px 15px 15px;}
.item-product .item-info a{ font-size:18px;}
.item-product .item-info p{ font-size:14px; line-height:25px;}

.arcpro h1{ font-size:18px; margin-bottom:0}
.arcpro p{ font-size:12px;}


.arc{ font-size:14px;}
.arc img,.arc video{ max-width:100%; height:auto}



.sxp{ margin:50px 0 20px 0;font-size:14px; line-height:25px}
.sxp a{font-size:14px;}
.sxp .flt2{ float:left} 

.proonetop .proonefl{ width:100%}
.proonetop .proonefr{ width:94%; padding:0 3%; margin-left:0}
.proonetop .proonefr h1{ color:#222; margin-bottom:0; font-size:30px}
.proonecon .con01{ padding:5px 0}
.proonetop .proonefr .proonec{ padding:10px;}

.protwo .protwonav li{ margin-right:2%; width:23%; float:left}
.protwo .protwonav li a{ width:auto; padding:0; }

.protwobox h3{ font-size:20px; margin:30px 0 20px 0}


.address{ margin:10px 0}
.address .left-pic,.address .right-text{ width:100%; margin-right:0}
.msg-box strong{ font-size:30px; margin-bottom:15px}
.msg-box{ padding:20px;}
.msg-box ul li{ margin-bottom:10px;}
.msg-btn button{ line-height:50px; font-size:18px}
.address .right-text h2{ font-size:30px}
.address .right-text .con{ margin-top:0px}
.address p{font-size:16px !important;}
.lx-info{ margin:0 0 20px 0}
.about{ background-size:100% 300px;}
.about p{ font-size:16px !important;}
.abouttit{ font-size:24px; margin-bottom:10px;}
.aboutone .aboutonefl{ width:100%; margin-top:0}
.aboutone img{ width:100%}
.aboutone,.aboutthree{ margin-bottom:30px;}
.aboutthree ul{ margin:20px 0}
.aboutthree ul li{ width:47%; padding:10px 0; margin-bottom:10px;}
.aboutthree ul li:nth-child(2n){ margin-right:0}
.aboutthree ul li span{ font-size:16px; margin-top:0}
.aboutfive div{ margin-top:0}
.aboutfive div img{ width:100%}
.lx-info p{ margin-bottom:0}








.foote{ margin-bottom:66px;}

.web-footer {position: fixed;bottom: 0;	left: 0;width: 100%;background-color: #363636;	z-index: 10;}
.web-footer li {float: left;width: 50%;}
.web-footer li a {	display: block;	text-align: center;	color: #fff;padding:10px 0;	line-height: 1;}
.web-footer li i {display: block;height:22px;	background: no-repeat center;	background-size: contain;	margin-bottom:10px;}
.web-footer li i.i1 {background-image: url(../images/fmenu1.png);}
.web-footer li i.i2 {background-image: url(../images/fmenu3.png);}









}

@media screen and (max-width:578px){
	.img-list1 li .pic img{ height:180px;}
	.news_text{width:64%;}
}
@media screen and (max-width:540px){
	.news_text p{   }
	.news_text{width:61%;}
}
@media screen and (max-width:520px){
	.img-list1 li .pic img{ height:170px;}
	.news_text{width:60%;}
}

@media screen and (max-width:478px){
	.img-list1 li .pic img{ height:150px;}
	.news_img{ margin-right:2%}
	.news_text{width:57%;}
	.proonebtn span{ margin-left:0; font-size:16px}
	.proonetop .proonefr .proonecon{ font-size:16px}
	
	/*.protwo .protwonav li a{ width:auto; padding:0 5px; font-size:14px}*/
	
}

@media screen and (max-width:440px){
	.img-list1 li .pic img{ height:140px;}
	.news_text{width:55%;}
	/*.protwo{ background:none}
	.protwo .protwonav li{ width:30%; margin-bottom:10px}
.protwo .protwonav li a{ border: 1px solid #bc0000;border-radius:5px; line-height:35px;font-size:16px}*/
	
}

@media screen and (max-width:420px){
	.news_img{ width:130px}
	.proonebtn span{ margin-left:0; font-size:16px}
	.proonebtn a{ font-size:16px}
	.proonebtn span{ font-size:14px}
}


@media screen and (max-width:378px){
	/*.logo img{height:80%; margin: 2% 0 0 2%;}*/
	.img-list1 li .pic img{ height:140px;}
	.news_img{ width:120px; height:90px;}
	.news_text p{ -webkit-line-clamp:2;}
	.new_li2 li a{ width:64%}
	.new_li li span{ width:22%}
	.proonecon .con01 span strong{ font-size:20px}
	.proonebtn a{ font-size:14px; width:20%;}
	.proonebtn:before{left:16%}
	.proonebtn span strong{ font-size:16px}
	
	}
	@media screen and (max-width:355px){
		.header .dh a{ font-size:16px;}

	}
	@media screen and (max-width:340px){
		.news_text{     width: 53%;}
	
}