﻿@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0;  color:#222;/* background:#f2ebeb; */ font-size:14px; overflow-x:hidden;}
*{ margin:0; padding:0;list-style-type:none;font-style:normal;  text-decoration:none; line-height:30px; font-family:"微软雅黑", Arial;}
a{ color:#222}
a:hover{ color:#CF102D}
.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:1300px;}
#top{ height:100px;}
.topNav,.sj{ display:none}
.flt1{ float:left}
.flt2{ float:right}
 
/*导航*/

.wzt{ margin-top:25px;background:url(../images/xt.jpg) no-repeat left center; padding-left:20px; margin-left:10px;}
.wzt p{ font-size:20px; line-height:25px;}
.wzt p:nth-child(1){ font-weight:bold}
.wzt p:nth-child(2){ color:#CF102D}

.top1{ background:#CF102D; height:50px; color:#FFF; } 
.top1 p{line-height:50px;}
.top1 p.flt2 span{ background:url(../images/tb1.png) no-repeat left center; padding-left:25px;line-height:50px; margin-left:20px;} 
.top1 p.flt2 span:nth-child(2){background:url(../images/tb2.png) no-repeat left center;}
.herder{ background:#fff; height:90px;}
.tel {padding-left: 56px;  background: url("../images/tel.png") no-repeat left center;    margin-top: 15px;}
.tel .fir { font-size: 16px;   color: #ff5a00;}
.tel .sec {font-size: 24px; color: #CF102D; font-weight: 700;  line-height: 28px;}

.nav{  height:70px; line-height:70px; background:#CF102D;  position:relative; z-index:99;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
/*.nav .nLi h3 a{ display:block; padding:0 18px; font-size:16px; font-weight:bold; line-height:70px; }*/
.nav .nLi h3 a{display:block; padding:0 78px; font-size:16px; font-weight:bold; line-height:70px;}


.nav .sub{ display:none; width:100%; left:0; top:70px;  position:absolute; background:#222;  line-height:26px; padding:5px 0; text-align:center; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:5px 10px; }
.nav .sub a:hover{ background:#000; color:#fff;  }
.nav .on h3 a{ background:#000; color:#fff;   }


/*.nav{ width:100%; height:52px;  z-index:2; position:relative; background:#CF102D;}
.navCen{line-height:52px; z-index:9999;}
.navCen li{ position:relative;display:block; float:left; width:12.5%; text-align:center;  text-decoration:none; height:100%}
.navCen li a{ font-size:17px; line-height:52px;display:inline-block; color:#fff; width:100% }
.navCen li:hover,.navCen li.check{background:#3A75C3;}
.navCen li:hover a:hover,.navCen li:hover a{ color:#fff}
.nava{ display:none; background:#5698E2;  position:absolute; top:52px; left:0;width:100%; padding:10px 0}
.navCen li.last{ background:none}
.navCen li div.nava{background: rgba(85, 152, 226, 0.7) none repeat scroll 0 0 !important; filter: Alpha(opacity=70);}
.navCen li div.nava a{ display:block; line-height:35px; width:100%; text-align:center; font-size:14px; color:#fff}
.navCen li div.nava a:hover{background:#2472ba; color:#FFF}
.navCen li:hover .nava{ display:block}*/


/*导航*/
.index-banner{ position:relative}
.index-banner .swiper-slide i img {width: 100%; height: 100%;}
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {	bottom: 45px;}
.index-banner .swiper-pagination-bullet {	width: 15px;	height: 15px;	background: #fff;	opacity: .5;}
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {	margin: 0 5px;}
.index-banner .swiper-pagination-bullet-active {	opacity: 1;}

.bansig{ height:400px;}
.bansig img{ height:100%}
.bansig .bandiv{ position:absolute; top:0; text-align:center; width:100%; color:#fff;background: rgba(0,0,0,0.3); height:270px; padding-top:130px}
.bansig .bandiv h3{ font-size:40px; margin-bottom:20px; font-weight:bold; letter-spacing:20px;text-shadow: 2px 2px 5px #000;}
.bansig .bandiv p{ font-size:16px;}




.con1{ background:#F0F2F5; padding:20px 0;justify-content: center;}
.con1 .con1li{ float:left;width: 15%; margin: 0px; padding: 20px 0.8%; display: flex; justify-content: space-around; flex-direction: column; align-items: center; text-align:center}
.con1 .con1li i{ width:43px; height:43px; display:inline-block;box-sizing: border-box;}
.con1 .con1li:nth-child(1) i{ background:url(../images/lma1.png) no-repeat top center; background-size:100%}
.con1 .con1li:nth-child(2) i{ background:url(../images/lma2.png) no-repeat top center; background-size:100%}
.con1 .con1li:nth-child(3) i{ background:url(../images/lma3.png) no-repeat top center; background-size:100%}
.con1 .con1li:nth-child(4) i{ background:url(../images/lma4.png) no-repeat top center; background-size:100%}
.con1 .con1li:nth-child(5) i{ background:url(../images/lma5.png) no-repeat top center; background-size:100%}
.con1 .con1li:nth-child(6) i{ background:url(../images/lma6.png) no-repeat top center; background-size:100%}
.con1 .con1li:nth-child(1):hover i{ background:url(../images/lm1.png) no-repeat top center;background-size:100% }
.con1 .con1li:nth-child(2):hover i{ background:url(../images/lm2.png) no-repeat top center;background-size:100% }
.con1 .con1li:nth-child(3):hover i{ background:url(../images/lm3.png) no-repeat top center;background-size:100% }
.con1 .con1li:nth-child(4):hover i{ background:url(../images/lm4.png) no-repeat top center;background-size:100% }
.con1 .con1li:nth-child(5):hover i{ background:url(../images/lm5.png) no-repeat top center;background-size:100% }
.con1 .con1li:nth-child(6):hover i{ background:url(../images/lm6.png) no-repeat top center;background-size:100% }

.con1 .con1li:nth-child(1){animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms 1 normal both running sares-animation-move-right;}
.con1 .con1li:nth-child(2){animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 300ms 1 normal both running sares-animation-move-left;}
.con1 .con1li:nth-child(3){animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 600ms 1 normal both running sares-animation-move-right;}
.con1 .con1li:nth-child(4){animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 900ms 1 normal both running sares-animation-move-left;}
.con1 .con1li:nth-child(5){animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 1200ms 1 normal both running sares-animation-move-right;}
.con1 .con1li:nth-child(6){animation: 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 1500ms 1 normal both running sares-animation-move-left;}


.con1 .con1li a p{ padding-top:15px; font-size:16px}
.con1 .con1li a p:hover{ color:#cf2029}
.bg{background:#fff;}
.con2{  padding:50px 0; margin:20px auto}
.title{ background:url(../images/title.png) no-repeat center center; text-align:center; font-size:34px; font-weight:bold; margin-bottom:50px;}
.title samp{font-weight:bold;  font-size:34px; color:#CF102D }

.slidecp{ width:100%; }
.slidecp .hd{ height:58px; line-height:52px;}
.slidecp .hd ul{ text-align:center}
.slidecp .hd ul li{ display:inline-block; border-bottom: solid #fff 6px; line-height:52px; cursor:pointer; background:#1B1B1B; margin:0 10px; width:200px; text-align:center; color:#FFF; font-size:16px; font-weight:bold  }
.slidecp .hd ul li.on{ background:url(../images/cptb1.jpg) no-repeat top center; height:58px; border:0 }

.slidecp .bd ul{ padding:15px;  zoom:1;  }
.slidecp .bd li{  width:31.6%;  margin:20px 2% 0 0; display:inline-block ; }
.slidecp .bd li:hover{ cursor:pointer}
.slidecp .bd li div{position:relative}
.slidecp .bd li div i {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(201,42,50,0.8) url(../images/fangda.png) no-repeat center;  opacity: 0; border-radius:15px 15px 0 0}
.slidecp .bd li:hover div i { opacity: 1;}

.slidecp .bd li:nth-child(3n){ margin-right:0}
.slidecp .bd li img{ width:100%; height:300px; border-radius:15px;}
.slidecp .bd li p{ background:url(../images/syal-tb.png) no-repeat 10px center;background-size: 20px; padding:8px 0 8px 40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.slidecp .bd li:hover p {background:url(../images/syal-tb-h.png) no-repeat 10px center #CF102D; color: #fff;background-size: 20px; border-radius:0 0 15px 15px}



.con3{ background:url(../images/bj221.jpg) no-repeat center center;padding:50px 0; margin:20px auto}
.con3c{padding:25px;}
.con3l{ width:45%; position:relative; height:370px;}
.con3l p{ text-indent:2rem; padding:5px 0; font-size:16px; line-height:35px;}
.con3r{ width:50%}
.con3r img{ width:100%; height:370px;}
.aban { position:absolute; left:0; bottom:5%; width:100%;}
.aban a{ background:#CF102D; color:#fff; display:inline-block; padding:2px 20px;}
.aban .dht{ background:url(../images/dh.png) no-repeat left center; background-size: contain; font-size:16px; padding-left:40px;}
.aban .dht b{ color:#CF102D; font-size:24px;}
.con4{  padding:50px 0; margin:20px auto}
.con4 ul { padding:0 15px;}
.con4 ul li{ width:31.6%; margin-right:2%; display:inline-block; padding-bottom:20px; }
.con4 ul li:nth-child(3n){ margin-right:0}
.con4 ul li img{ width:100%;height:300px;}
.con4 ul li p{ background:url(../images/jt.jpg) no-repeat right center;background-size:25px; padding:8px 20px 8px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right: 10px;}
.con4 ul li a{ display:inline-block}
.con4 ul li a:hover{ background:#CF102D; color:#FFF}
.con4 ul li a:hover p{background:url(../images/jth.jpg) no-repeat right center;background-size: 25px;}


.anliu{ border-bottom:solid 1px #ccc; position:relative; height:35px; text-align:center; width:80%; margin:0 auto}
.anliu a{ background:#CF102D; color:#fff; font-size:14px; line-height:35px; width:150px; position:absolute; left:50%; bottom:-17px; margin-left:-75px; display:inline-block }



.con5{  padding:50px 0; margin:20px auto}
.news{ width:100%; }
.news .hd{ height:52px; line-height:52px;}
.news .hd ul{ text-align:center}
.news .hd ul li{ display:inline-block; line-height:52px; cursor:pointer; background:#1B1B1B; margin:0 10px; width:200px; text-align:center; color:#FFF; font-size:16px; font-weight:bold  }
.news .hd ul li.on{ background:#CF102D; }
.news .bd .dbul{ padding:15px;  zoom:1;}
.newtj{width:48%;overflow:hidden; position:relative; margin:40px 4% 20px 0; float:left}
.newtj:nth-child(2n){ margin-right:0}
.newtj img{ width:45%;}
.newtj h3{ width:52%; font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-weight:100; padding:10px 0}
.newtj h3 a{font-size:18px; }
.newtj p{ width:52%; color:#666}
.newtj span{ position:absolute; right:1%; bottom:4%;color:#A2A2A2; background:url(../images/ssj.jpg) no-repeat left center; padding-left:18px;}
.news .bd li {width:48%;float:left;overflow:hidden;margin-right:4%;border-bottom:1px dashed #e6e6e6;margin-top:6px; padding-bottom:6px;}
.news .bd li:nth-child(2n){ margin-right:0}
.news .bd li a {width:80%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .3s;}
.news .bd li a:before {content:"";width:10px;height:10px;border:1px solid #3c3d3d;border-radius:50%;display:inline-block;margin-right:15px;}
.news .bd li span {color:#666;float:right;}

.con6{ background:url(../images/b_cbg1.jpg) no-repeat center center;padding:50px 0;}
.con6c{padding:25px;}
.slide4m{margin:7% auto; color:#FFF}
.silde4_l ,.silde4_r{ width:50%; float:left}	
.silde4_l	{box-sizing: border-box; padding-top:5%}
.silde4_l h2{ font-size:30px; margin-bottom:30px; font-weight:100}
.silde4_l h3{ font-size:20px; margin-bottom:20px; font-weight:100}
.silde4_l ul li{ background:url(../images/x1600.png) no-repeat left center; background-size:contain; padding:10px 0 10px 80px; font-size:18px; margin-bottom:10px;}
.silde4_l ul li:nth-child(2){ background-image:url(../images/x16.png);}
.silde4_l ul li:nth-child(3){ background-image:url(../images/x18.png);}
.silde4_l ul li:nth-child(4){ background-image:url(../images/x19.png);}	
	
.silde4_r{background-color: rgba(248, 248, 248, 0.3); padding:40px;box-sizing: border-box;}
.silde4_r h2{ font-size:32px; text-align:center}	
.silde4_r .e_line{border-top: 2px solid #f0f0f0;width: 60px; margin: 20px auto; opacity: 1; filter: alpha(opacity:100);display: block; vertical-align: middle;}
textarea { height: 160px;  padding: 10px;  width: 100%;box-sizing: border-box;outline: none;}
.InputText { padding-left: 10px;  outline: none;width:47.5%; border:none; height: 42px; margin-top:20px;}
.btn {display: inline-block; border:none; cursor: pointer; font-size: 16px; margin-top: 30px; background: #CF102D; width: 100%;transition: 0.5s; color:#FFF; line-height:40px;outline: none;}
.btn:hover {background: #fff; color:#222}



.link{line-height:40px; padding:10px 0; background:#fff}
.link h2{ background:url(../images/link.jpg) no-repeat left center;  border-bottom:solid 1px #ccc; line-height:120px; overflow:hidden; height:50px;}
.link p{ margin-left:20px; padding:20px 0}
.link p a{ margin:5px 10px ; display:inline-block; color:#666}
.link p a:hover{ color:#CF102D}


.footer{ background:url(../images/footer.jpg) no-repeat top center; background-size:100% 100%;padding:50px 0; color:#fff; }
.footer .wrapper{position:relative}
.footl{ width:55%;}
.footl ul li{ float:left; margin-right:30px; width:110px;}
.footl ul li h2{ font-size:16px; background:url(../images/footli.png) no-repeat bottom left; padding-bottom:10px; margin-bottom:10px }
.footl ul li h2 a{font-size:16px; color:#fff}
.footl ul li p a{color:#f7f7f7; display:block; font-size:16px}
.footc h2{ font-size:16px; font-weight:bold;background-color: rgba(250, 250, 250, 0.1); width:100px; text-align:center; margin-bottom:20px;}
.footc p{ color:#f7f7f7; font-size:16px; background:url(../images/ft1.jpg) no-repeat left center; padding-left:50px; margin:18px 0}
.footc p:nth-child(2){ background-image:url(../images/ft2.jpg);}
.footc p:nth-child(3){ background-image:url(../images/ft3.jpg);}
.footc p:nth-child(4){ background-image:url(../images/ft4.jpg);}	
.footc p:nth-child(5){ background-image:url(../images/ft5.jpg);}

.footr{ width:13%; text-align:center; position:absolute; right:0%;}
.footr img{ width:100%; margin-top:20px;}
.footr p{ color:#CF102D; padding:10px 0}
.bottom{ text-align:center; line-height:40px; background:#1A1A1A; color:#7e7e7e;}



/*list*/


.newsindex{ /*margin-top:-200px;*/ position:relative}


.list{ padding:0 1%;}
.web-curmbs {padding: 15px 0;border-bottom: 1px dashed #dcdcdc;	margin-bottom: 20px;}
.web-curmbs span {padding-left: 10px;border-left: 10px solid #333;}
.web-curmbs em {font-style: normal;	padding: 0 5px;	color: #999;}

.listl{ width:20%; display:none}
.panel{  background: #CF102D;  color: #fff; padding: 20px 0; text-align:center; font-size:24px;border-bottom: 1px solid #fff;}
.web-column h3 {margin: 0 0 2px;font-weight: normal;background: url(../images/p14-icon5.png) no-repeat right center #ddd;padding: 0 40px;}
.web-column h3 a {display: block;line-height: 50px;	font-size: 16px;}
.web-column h3.on, .web-column h3:hover {background: url(../images/p14-icon2.png) no-repeat right center #CF102D;}
.web-column h3.on a, .web-column h3:hover a {color: #fff;}

.web-contact-z2 {background-color: #CF102D;	text-align: center;	color: #fff;padding: 20px;	margin-bottom: 20px;}
.web-contact-z2 p {	margin: 0;}
.web-contact-z2 p img {	vertical-align: middle;	margin-right: 5px;}
.web-contact-z2 span {display: block;font-size: 26px;font-weight: bold;	margin-top: 10px;line-height: 1;}


.listr{ width:100%}
.web-title {border-bottom: 1px solid #ececeb;height: 44px;	margin-bottom: 15px;}
.web-title span {display: inline-block;	padding-bottom: 10px;	border-bottom: 1px solid #333;font-size: 24px;}
.webindex a{ margin-right:20px; line-height:44px;}
.webindex span {padding:0 10px; line-height:44px;	border-bottom: none;font-size: 20px; background:#CF102D; color:#fff} 



.listcp{ margin-bottom:20px;}
.listcp li {float: left; width: 31.7%; margin: 0 2% 20px 0;border: 1px solid #ddd;}
.listcp li:nth-child(3n){ margin-right:0}
.listcp li:hover {border-color: #CF102D;}
.listcp li .img-center { height: 260px;}
.img-center img { display: inline-block; width:100%; height:100%}
.listcp li h4 {padding: 5px 20px; margin: 0; font-size: 18px; line-height: 45px; height: 45px; overflow: hidden; font-weight: normal; text-align: center;}



.listnew{ margin-bottom:50px;}
.listnew li{padding: 15px 0;  border-bottom: 1px dashed #d4d4d4;    overflow: hidden; width:48%; margin-right:4%; float:left}
.listnew li img{ width:20%; margin-right:2%}
.listnew li:nth-child(2n){ margin-right:0}
.listnew li .date { float: left; margin-right: 15px;  text-align: center;color: #fff;}
.listnew li .day{ font-size: 30px;  margin-bottom: 3px;background: #CF102D; line-height:50px;}
.listnew li .year{margin-bottom: 3px;  background: #000;  padding: 0 15px;}
.news-com a{ font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; font-weight:bold; }
.news-sum{ color:#666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.news-com .time{ background:url(../images/time.png) no-repeat left center; padding-left:20px;}
.newli li{width:100%;margin-right:0}
.newli .news-sum{-webkit-line-clamp:4; margin:5px 0}
.newli .news-com{width:78%}

.newpc li{ width:50%; margin-right:0}
.newpc li img{ width:20%;}
.newpc li .news-com{ width:70%; margin-left:4%; float:left}
.newpc li .news-sum{  -webkit-line-clamp:2;}
.newpc li .time{ background:url(../images/time.png) no-repeat left center; padding-left:20px;}
.news-list-third{ margin-bottom:50px;}
.news-list-third li{padding-left:5%;width:27%;float:left}
.news-list-third li img{border-radius:40px 0 40px 0;width:100%;}
.news-list-third li h2{ font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-top:15px; text-align:center}


.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: #CF102D;	background: white;	border: 1px #CF102D solid;}
.pagination .active a {	border: none;	background: #CF102D;border: 1px #CF102D solid;	color: #fff;}

/*内容页*/
.arc h1{font-size: 38px;line-height: 46px;  margin-top:39px; margin-bottom: 25px;}
.arc .arcmess span{ font-size:16px; background:url(../images/time.png) no-repeat left center; padding-left:20px; margin-right:20px;}
.arc .arcmess span:nth-child(2){ background:url(../images/nepicon02.png) no-repeat left center}
.arc .arcmess span:nth-child(2) span{ background:none; padding:0}
.arc .neirong{ padding:50px 0 0; font-size:16px;}
.others{ padding:20px 0; font-size:16px;}



/*.cpshow{ position: absolute; top:10%; left:50%; margin-left:-650px;padding: 0 13px; background:#fff; height:76%; box-sizing:border-box}*/
.cpshow{ }
.cparct img{ border-radius:30px; width:50%; height:400px;}
.cparct .cparcxx{ width:40%; padding: 40px 20px;   border-radius: 50px 0 50px 0;margin-left:2%}
.cparct .cparcxx h1{ font-size:40px; margin-bottom:30px;}
.cparct .cparcxx p{ background:url(../images/icon_cs.png) no-repeat left 9px; font-size:16px; padding-left:25px; margin:15px 0}
.cparct .cparcxx samp{ color:#CF102D; font-weight:bold; font-size:20px;}

.cparct .cparcxx a {background: #CF102D; padding-left: 32px; font-size: 18px; color: #fff; line-height: 41px; border-radius: 18px; float: left; display: block; margin-top: 17px;   padding-right: 50px;}



/*.cpshownr{box-shadow: 0 3px 12px #dfe5e9;border-radius: 14px; margin-top:-50px; position:relative; margin-bottom:40px;}*/
.cpshownr{ /*margin-top:-200px;*/ position:relative; margin-bottom:40px;}
/*.cpshownr .list{ border-radius:20px 20px 0 0}*/
.protwonav{ text-align:center; margin-top:50px}
.protwonav li{ display:inline-block; margin-left:30px;}
.protwonav li a{line-height:45px;width: 190px; font-size: 18px;border-radius: 5px;text-align: center;border: 1px dashed #bfbfbf; display:inline-block}
.protwonav li a:hover,.protwonav li:first-child a{border: 1px solid #bc0000; background: #bc0000; color: #fff;}



.protwobox h3 {background: url(../images/icon_cs.png) left center no-repeat; line-height: 40px; margin: 50px 0 30px; font-size:30px; padding-left: 30px;}
.protwobox .neirong{ line-height:30px; font-size:16px;}



/*联系我们*/
.address{ padding:0 3%}
.address .slide4m { color:#222; margin:2% auto}
.address .silde4_r .e_line{border-top: 2px solid #CF102D;}
.address .silde4_l ul li{ background:url(../images/x1600s.png) no-repeat left center; background-size:contain;  }
.address .silde4_l ul li:nth-child(2){ background-image:url(../images/x16s.png);}
.address .silde4_l ul li:nth-child(3){ background-image:url(../images/x18s.png);}
.address .silde4_l ul li:nth-child(4){ background-image:url(../images/x19s.png);}	
.address .InputText{ border:solid 1px #CCC; width:47%}
.address .btn:hover {background: #aa1811; color:#fff}
.address textarea{border:solid 1px #CCC}


/*留言*/
.web-section-title {margin-bottom: 40px;font-size: 40px;text-align: center; padding-top:65px}
.web-section-title strong {	color: #CF102D;font-size: 40px;}
.web-message {	background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;	border: 1px solid #ddd;	padding: 50px 200px;	margin-bottom: 30px;}
.form-group {margin-bottom: 15px;}
.form-label {float: left;line-height: 34px;	width: 120px;	text-align: right;}
.form-label span {	color: #CF102D;}
.form-content {	margin-left: 130px;}
.form-control {	line-height: 20px;font-size: 14px;	border: 1px solid #ddd;	padding: 6px 12px;	width: 600px;	display: inline-block;	vertical-align: top;box-sizing: inherit}
.form-submit {	padding: 6px 22px;	color: #fff;	background-color: #CF102D;	border: 0;	cursor: pointer;	font-size: 16px;	border-radius: 3px;}



/*单页*/
.web-menu-inner {text-align: center;margin-bottom: 20px;}
.web-menu-inner a { display:inline-block;width: 15%;}
.web-menu-inner span {	display: block;	margin-left: 1px;	background: #f4f4f4;	font-size: 18px;	line-height: 55px;}
.web-menu-inner a:hover span, .web-menu-inner a.active span {background: url(../images/p16-icon6.png) no-repeat center bottom #CF102D;	color: #fff;}
.web-section{ padding:30px 0}


/*about*/
.aboutone{ padding:80px 0}
.aboutone .aboutonefl{ float:left; width:650px;}
.aboutone .aboutonefl h3 { font-size: 50px; margin-bottom: 40px; background-size: 18px; padding-left: 30px;}
.aboutone .aboutonefl h3 span {margin-right: 10px;   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;   background-image: -webkit-linear-gradient(left,#CF102D,#d3751b);}
.aboutone .aboutonefl p {   font-size: 18px;    line-height: 32px;    padding: 20px 0 20px 30px;}
.aboutonefr{ float:right; width:570px;}
.aboutonefr img{ width:100%;}




.about-two{margin-bottom: 80px;}
.about-two .inner-title{margin-bottom: 38px;text-align: center;}
.about-two .inner-title h2{position: relative; z-index: 1; margin-top: -36px; margin-bottom: 8px; font-size: 40px; line-height: 50px;}
.about-two .inner-title p{ font-size:16px}
.about-two li{float: left;width: 24%;position: relative; margin:0 4%}
.about-two li .img{display: block;background: url(../images/ab-bg1.png) no-repeat center;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.about-two li.on{margin:164px -30px 0;}
.about-two li .tit{display: block;text-align: center;font-size: 22px;line-height: 34px;position: absolute; left:50%; margin-left:-60px;width: 120px;bottom:30px;font-weight: bold;color: #fff;text-shadow: 0 7px 10px rgba(0,0,0,0.38);}
.about-two li:after{content:'';position: absolute;bottom: -55px; left: 0;width: 100%; height: 82px;background: url(../images/ab-bg2.png) no-repeat center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.about-two li .tit:hover{color: #ffe1a8;}


.aboutfour { padding: 50px 0 0;}
.abouttit { text-align: center;}
.abouttit span {
    text-align: center;
    line-height: 1;
    font-size: 40px;
    margin-bottom: 15px;
}
.aboutfour ul li {width: 50%; float:left; position: relative;}
.aboutfourtxt{ font-size:16px; padding:30px }

.aboutfouritem01 .aboutfouritem01fr {
    font-size: 18px;
    line-height: 32px;
    width: 263px;
    padding: 101px 30px 25px 0;float: right;
    color: #fff;
}
.aboutfouritem01 { height: 340px;background: #4f3a34;}
.aboutfouritem01 .aboutfouritem01fl {  width: 60%;float: left;position: relative; height:100%}
.aboutfouritem01 .aboutfouritem01fl img{ width:100%; height:100%}
.aboutfouritem01 .aboutfouritem01fr {
    font-size: 18px;
    line-height: 32px;
    width: 30%;
    padding: 101px 5% 25px 0;float: right;
    color: #fff;
    text-align: left;
}
.aboutfouritem01 .aboutfouritem01fr strong { font-size: 35px;  padding-bottom: 30px; display:block}
.aboutfouritem02 { clear: both; position: relative; height: 320px; overflow: hidden;}
.aboutfouritem02 .aboutfouritem02pic{ height:100%}
.aboutfouritem02 .aboutfouritem02pic img{ width:100%; height:100%}
.aboutfouritem02 .aboutfouritem02box {font-size: 18px;position: absolute;  text-align: center; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,.8); padding:50px }
.aboutfouritem02 .aboutfouritem02box strong { font-size: 35px; padding-bottom: 22px; display:block}
.aboutfouritem02 .aboutfouritem02box a { display:block; width:60%;
    color: #fff;
    margin: 15px auto 0;font-size: 24px;
    line-height: 49px;
    height: 51px;
    margin-top: 48px;
    background: #c9221e;
}


.aboutfouritem03pic img{ height:660px; width:100%}
.aboutfouritem03box {background: rgba(0,0,0,.8);
    width: 320px;
    height: 200px;
    font-size: 18px;
    line-height: 30px;
    padding: 113px 20px 0 143px;position: absolute;
    
    bottom: 0;
    right: 0;
    color: #fff;
}

.aboutfouritem03box strong { font-size: 35px; padding-bottom: 25px;text-align: right; display:block}





.about-four{background: url(../images/ab-bg3.jpg) no-repeat left center;padding:100px 0 50px;}
.about-four .img{float: left;width: 53%;padding-left: 40px;}
.about-four .img img{display: block;width: 100%;}
.about-four .text{float: right;width: 40.75%;margin-top: 56px;margin-bottom: 40px;}
.about-four .text h2{font-size: 40px;line-height: 50px;color: #c3987c;padding-top: 10px; position: relative;}
.about-four .text h2:before{content:'';width: 359px;height: 51px;background: url(../images/ab-txt1.png) no-repeat;position: absolute;left: 0;top: 0;}

.about-four .text p{font-size: 18px;color: #5b6770;line-height: 2em;}
.about-four .text a{display: inline-block;width: 266px;height: 60px;border-radius: 30px;font-size: 20px;line-height: 60px;text-align: center;color: #fff;background:#2f9ae4;background: -moz-linear-gradient(left, #2c8cd0 0%, #2f9ae4 100%);background: -webkit-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -o-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: -ms-linear-gradient(left, #2c8cd0 0%,#2f9ae4 100%);background: linear-gradient(to right, #2c8cd0 0%,#2f9ae4 100%);margin-top: 40px;-webkit-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-moz-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-ms-box-shadow: 0 2px 5px rgba(6,108,181,0.4);-o-box-shadow: 0 2px 5px rgba(6,108,181,0.4);box-shadow: 0 2px 5px rgba(6,108,181,0.4);font-weight: bold;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.about-four .text a:hover{border-radius: 0;}



@media only screen and (max-width: 768px) {
	
*{ margin:0px; padding:0px; list-style:none; text-decoration:none; font-style:normal; line-height:25px; font-family:"微软雅黑", Arial;}
.clear{ clear:both;}
a{  text-decoration:none;}
html, body {height: 100%; color:#222; font-size:14px; /*background:#f2ebeb*/ }
p{ font-size:14px; line-height:25px}
img {border: 0;	vertical-align: top;}
ol, ul, li, dl, dt, dd {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
a {color: #222;}
a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: none;	color:#CF102D}
.clear {font-size: 0;line-height: 0;clear: both;overflow: hidden;zoom: 1;}
.wrapper { margin: 0px auto; width:100%; padding:0; overflow:hidden}
.pc{ display:none}
.sj{ display:block}

.herder{ height:60px; position:relative}
.logo{ height:60px;}
.logo img{height:90%; margin:1% 0 0 2%;}


.wzt{ margin-top:15px;background-size: contain; padding-left:10px}
.wzt p{ font-size:14px; line-height:15px;}



.herder .menu {height:25px; position:absolute; right:2%; top:50%; margin-top:-12px; }
.web-menu-box {	position: absolute;	top:60px;left: 0;	width: 100%;z-index: 10;background: #d82634;display: none;}
.web-menu-box li {	border-bottom: 1px solid rgba(255,255,255,0.4);}
.web-menu-box li a {display: block;	color: #fff;padding: 12px;	margin-right:2%; font-size:16px}
.web-menu-box li i {float: right;height:50px;	width:50px;background: url(../images/arrt.png) no-repeat center;background-size:40%;position: relative;z-index: 1;	cursor: pointer;}
.web-menu-box li .sub {	display: none;}
.web-menu-box li .sub a {border-top: 1px solid rgba(255,255,255,0.4);margin-right: 0;background-color: #ad0011;}
.web-menu-box li.open i {background-image: url(../images/arrb.png);}
.web-menu-box li.open .sub {	display: block;}


.index-banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {	bottom:15px;}
.index-banner .swiper-pagination-bullet {	width: 10px;	height: 10px;}
.index-banner img{ width:100%}
.bansig{height:260px}
.bansig img{ height:100%;}
.bansig .bandiv{height:180px; padding-top:80px;}
.bansig .bandiv h3{ font-size:30px; letter-spacing:10px; margin-bottom:10px;}

.con1 .con1li { width:31%;padding: 10px 0.8%;}
.con1 .con1li a p{ font-size:14px}
.con2,.con4,.con5{ margin:20px 2%; width:96%; padding:30px 0}
.title,.title samp{ font-size:24px;}
.title{background-size: contain;margin-bottom:30px}
.slidecp .hd{ height:auto}
.slidecp .hd ul li{ width:32%;line-height:35px; margin:0 0 0 1%; font-size:14px; font-weight:100; float:left; overflow:hidden; height:35px;}
.slidecp .hd ul li.on{background: url(../images/cptb1.jpg) no-repeat bottom center; height:41px;}
.slidecp .bd ul{ padding:0 15px;}
.slidecp .bd li{  width:48%;  margin:20px 2% 0 0; display:inline-block }
.slidecp .bd li:nth-child(3n){ margin-right:2%}
.slidecp .bd li:nth-child(2n){ margin-right:0}
.slidecp .bd li img{ width:100%; height:180px; border-radius:15px;}
.con3{padding:30px 0;background-size:cover}
.con3c{ margin:0 2%; }
.con3l{ padding-bottom:10px; width:100%; height:auto}
.aban a{ padding:0 10px; font-size:14px}
.con3r{ width:100%; margin-top:10px}
.con3r img{ height:auto}
.aban{position: inherit;margin-top:10px;}
.aban .dht{ float:left !important; margin-top:10px;}


.con4 ul li{  width:48%;  margin:0 2% 0 0; display:inline-block }
.con4 ul li:nth-child(3n){ margin-right:2%}
.con4 ul li:nth-child(2n){ margin-right:0}
.con4 ul li img{ width:100%; height:180px; border-radius:15px;}
.con4 ul li p{margin-right:0;padding-left:0}
.anliu a{line-height: 30px; width: 100px;    bottom: -14px;margin-left: -50px;}
.news .hd ul li{width:28%;line-height:35px; margin:0 1%; font-size:14px}
.newtj{ margin-top:0; width:100%}
.newtj p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.newtj h3{ padding:5px 0}
.newtj h3 a{font-size:16px; }
.newtj span{ bottom:0}
.news .bd li{ width:100%}
.news .bd .dbul ul{height:200px; overflow:hidden}

.con5{ padding-bottom:0;}

.con6{padding:30px 2%;}
.slide4m{ margin:1% auto}
.silde4_l, .silde4_r{ width:100%}
.silde4_l h2{ font-size:22px; margin-bottom:10px;}
.silde4_l h3{ font-size:18px}
.silde4_l ul li{ font-size:14px;padding: 5px 0 5px 50px;}

.silde4_r h2{ font-size:18px}
.silde4_r .e_line{ margin:10px auto}
.silde4_r{ padding:10px;}
.link{ padding:0 2%}
.link p{ padding:0; margin:0; width:100%}


.footer{ position:relative; padding:30px 0}
.footc { padding-left:20px; font-size:12px;}
.footc p{ margin:10px 0; font-size:12px;}
.footr{ position:absolute; right:5%; top:15%; width:25%; font-size:12px;}
.bottom{ line-height:20px; padding:10px 20px; font-size:12px;}



.web-footer-fix {position: fixed;bottom: 0;	left: 0;width: 100%;background-color: #363636;	z-index: 10;}
.web-footer-fix li {float: left;width: 25%;}
.web-footer-fix li a {	display: block;	text-align: center;	color: #fff;padding:10px 0;	line-height: 1;}
.web-footer-fix li i {display: block;height:22px;	background: no-repeat center;	background-size: contain;	margin-bottom:10px;}
.web-footer-fix li i.i1 {background-image: url(../images/fmenu1.png);}
.web-footer-fix li i.i2 {background-image: url(../images/fmenu2.png);}
.web-footer-fix li i.i3 {background-image: url(../images/fmenu3.png);}
.web-footer-fix li i.i4 {background-image: url(../images/fmenu4.png);}


.list{ padding:0}
.listl,.listr{ width:100%}

.panel{  background: #393939; font-size:18px; font-weight:100; padding:10px 0 }

.webindex{ height:auto; margin:15px 2% 0 2%}
.webindex span {padding:5px 10px;	font-size:16px; background:#111; color:#fff; line-height:inherit} 
.webindex a{ line-height:30px; margin:0}
.news-list-third{ margin:20px 0 10px 0}
.listnew{margin:0 2% 30px 2%;}
.listnew li{ width:100%; margin-right:0}

.newpc li .news-sum,.newli .news-sum{-webkit-line-clamp:1;}
.news-com a{ font-size:16px}
.newli .news-sum{ margin:0}

.listcp li { width: 47%; margin:10px 0 0 2%; border:none}
.listcp li .img-center{height: 200px; }
.listcp li:nth-child(3n){ margin-right:0;}
.listcp li h4 {font-size: 14px; line-height: 30px; height:30px;border-bottom: 1px solid #ddd;  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; }
.pagination li a{padding: 2px 10px;}

.arc{ margin:0 2%}
.arc h1{ font-size:24px; padding:20px 0 5px 0;  margin-top:0 }
.arc .neirong{ padding:20px 0;}
.arc .neirong img{ max-width:100%}
.others{ padding:20px 0}


.web-section-title {margin-bottom:10px;font-size: 20px;padding-top:25px}
.web-section-title strong {font-size:20px;}
.web-message {	border:none;	padding: 20px 2%;	margin:0}
.form-group {margin-bottom: 15px;}
.form-label {float: left;line-height: 34px;	width:25%;	text-align: right;}
.form-label span {	color: #d82634;}
.form-content {	margin-left: 90px;}
.form-control {	line-height: 20px;font-size: 14px;	border: 1px solid #ddd;	padding: 6px 1%;	width: 90%;	display: inline-block;	vertical-align: top;}
.form-submit {	padding: 6px 22px;	color: #fff;	background-color: #d82634;	border: 0;	cursor: pointer;	font-size: 16px;	border-radius: 3px;}

.web-section{ padding:20px 3%}


.silde4_l ul li:nth-child(4){ background-size:11%}



.cparct{ margin-top:20px;}
.cparct img{ width:96%; height:auto; margin:0 2%}
.cparct .cparcxx{ width:96%; margin-left:0; padding:20px 2%}
.cparct .cparcxx h1{ font-size:30px;}
.protwonav li{ float:left; width:21%; margin:0 2%;}

.protwonav li a{ width:100%; line-height:35px;}
.protwobox{ padding:0 2%}
.protwobox h3{ font-size:24px; margin:20px 0 10px}







.abouttit span,.about-two .inner-title h2{ font-size:30px;}
.aboutfourtxt { padding:20px 3%}
.aboutone{ padding:50px 0;}
.aboutone .aboutonefl h3{ font-size:40px; margin-bottom:20px;}
.aboutone .aboutonefl h3 span{ margin-right:0}
.aboutone .aboutonefl{ width:100%}
.aboutone .aboutonefl p{ padding:10px 3%; font-size:16px}
.aboutonefr,.about-two{ width:94%; margin:0 3%}
.about-two .inner-title p{ text-align:left}

.about-two li{ width:31%; margin:0 1%}
.about-two li .img{background-size: contain;}
.about-two li .img img{ width:100%}
.about-two li .tit{ bottom:9%; font-size:14px; width:70px; margin-left:-35px; line-height:20px;}


.aboutfour ul li{ width:94%; margin:0 3%}
.aboutfouritem01 { height:180px;}
.aboutfouritem01 .aboutfouritem01fl{ width:55%}
.aboutfouritem01 .aboutfouritem01fr { width:35%}
.aboutfouritem02 {height: 200px;}
.aboutfouritem03pic img{ height:280px;}
.aboutfouritem01 .aboutfouritem01fr{ font-size:14px; line-height:25px;padding:30px 5% 15px 0;}
.aboutfouritem01 .aboutfouritem01fr strong{ font-size:22px; padding-bottom:10px;}

.aboutfouritem02 .aboutfouritem02box{ font-size:16px; padding:20px }
.aboutfouritem02 .aboutfouritem02box strong{font-size:22px; padding-bottom:10px;}
.aboutfouritem02 .aboutfouritem02box a {
    width: 70%;
    font-size: 18px;
    line-height: 35px;
    height: 35px;margin: 15px auto 0;
}
.aboutfouritem03box {
    background: rgba(0,0,0,.8);
    width: 60%;
    height: 130px;
    font-size: 14px;
    line-height: 30px;
    padding: 30px 5% 0 5%;}

.aboutfouritem03box strong {
    font-size: 22px;
    padding-bottom: 15px;
    text-align: center;
}
.about-four{ padding:50px 20px}
.about-four .img{ width:100%; padding-left:0}
.about-four .text{ width:100%; margin:20px 0 0}
.about-four .text h2{ font-size:30px}
.about-four .text p{ font-size:16px}


}
@media only screen and (max-width: 620px) {
	.slidecp .bd li img,.con4 ul li img,.listcp li .img-center{ height:180px}
}

@media only screen and (max-width: 520px) {
	.newtj p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
	.news .bd li a{ width:70%}
	.InputText{ width:47%}
	.address .InputText{width:46.5%}
	.slidecp .bd li img,.con4 ul li img,.listcp li .img-center{ height:150px}
	.about-two li .tit{ font-size:12px;  line-height:18px;}
}

@media only screen and (max-width: 450px) {
	.newtj p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
	.news .bd li a{ width:70%}
	.InputText{ width:46%}
	.address .InputText{width:46%}
	.slidecp .bd li img,.con4 ul li img,.listcp li .img-center{ height:130px}
	.about-two li .tit{ bottom:9%; font-size:12px; width:70px; margin-left:-35px; line-height:15px;}

	
}
@media only screen and (max-width: 420px) {
	.slidecp .bd li img,.con4 ul li img,.listcp li .img-center{ height:120px}
	.address .InputText{width:45.5%}
	
}
@media only screen and (max-width: 390px) {.aban .dht b{ font-size:14px}}

@media only screen and (max-width: 360px) {
	.news .bd li a{ width:70%}
	.slidecp .bd li img,.con4 ul li img,.listcp li .img-center{ height:110px}
	.address .InputText{width:45%}
	
	.protwonav li{  width:45.5%; margin:0 3% 10px 3%;}
	.protwonav li:nth-child(2n){ margin:0 0 10px 0}
}