@charset "utf-8";
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size:14px;}
html{font-size: 62.5%}
img{border:0;vertical-align:bottom;max-width:100%;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{
outline:none;
text-decoration: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input{
  box-shadow:none; /*去除阴影*/
  outline: none;/*聚焦input的蓝色边框*/
  resize: none; /*textarea 禁止拖拽*/
  border: none; /*去除边框*/
  -webkit-appearance: none;/*常用于IOS下移除原生样式*/
  -webkit-tap-highlight-color: rgba(0,0,0,0); /*点击高亮的颜色*/
}
textarea {  -webkit-appearance: none;}   
input:focus, textarea:focus {
outline: none;
}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
*:focus { outline: none; } 
.cl{clear: both;display: block;}
.center{text-align: center;}
.fs0{font-size: 0}
.lineblock{display: inline-block;}
.middle{vertical-align: middle;}
.right{text-align: right;}
.left{text-align: left;}
.xl5{width: 50%}
.overtext{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.zw{height:7rem;background-color: #fdfaf5}
.public{padding: 0 3%}
.tanchu{width:120px;height:25px;margin:0 auto;background:#000;text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:25px;}
.click_more{width: 50%;padding: 2% 0;margin:5% auto;text-align: center;border:2px solid #025786;color:#025786;font-size: 1.8rem;border-radius: 8px}
#page{text-align: right;}
#page li{display: inline-block;height: 3rem;padding: 0 1rem;box-sizing:border-box;margin:0 .5rem;line-height: 3rem;vertical-align: middle;}
#page li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 1.4rem;color:#4c4c4c;}
#page .page_active{background-color: #c61b1b;border-radius: 3px}
#page .page_active a{color: #fff}
#page li.pageno{color: #8e8d8d}
/*头部*/
.header{margin: 0 auto; width:100%;max-width: 640px;z-index:666;position: relative;}
.headTop{margin: 0 auto; width:100%;max-width: 640px;position: fixed;z-index: 999;top:0;left:0}
.headTop.ons{background-color: rgba(0,0,0,.8);}
.logo{width: 100%;max-width: 640px;margin: 0 auto;}
.lan{position: absolute;width: 10%;height: 100%;right: 15%;top: 0;display: flex;justify-content:center;align-items:center;}
.lan span{display: inline-block;padding: 3% .5rem;background-color: #c61b1b;color: #fff;font-size: 1.4rem;}
.mobile-inner-header{position: absolute;width: 15%;height: 100%;right: 0%;top: 0;box-sizing:border-box;display: flex;align-items:center;justify-content:flex-end;padding-top: .7rem}
.mobile-inner-header-icon{color: #ffffff;height: 50px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;right: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(255,255,255,1);}

.mobile-inner-header-icon1 span{background-color: #076f6a;}
.mobile-inner-header-icon span:nth-child(1){width: 20px;transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(1):before{content: "";position: absolute;width: 15px;background-color: #fff;height: 1px;right: 0;top: -7px;}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}	
.mobile-inner-header-icon-click span:nth-child(1):before{display: none;}	
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
	0% {
		transform: translateY(4px) rotate(0deg);
	}
	100% {
		transform: translateY(0) rotate(45deg);
	}
}	
@keyframes clicksecond {
	0% {
		transform: translateY(-4px) rotate(0deg);
	}
	100% {
		transform: translateY(0) rotate(-45deg);
	}
}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg);
	}
	100% {
		transform: translateY(-4px) rotate(0deg);
	}
}	
@keyframes outsecond {
	0% {
		transform: translateY(0) rotate(45deg);
	}
	100% {
		transform: translateY(4px) rotate(0deg);
	}
}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: fixed;max-width: 640px;margin: 0 auto;display: none;z-index: 33;height: calc(100% - 50px);box-sizing:border-box;}
.mobile-inner-nav div.lis{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.mobile-inner-nav div.lis:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}	
.mobile-inner-nav div.lis>a{display: inline-block;width: 100%;line-height: 50px;color: #fff;position: relative;font-size: 1.6rem}
.mobile-inner-nav div.lis>a span{position: absolute;width: 10%;right: 0;bottom: 0;text-align: center;line-height: 50px;color: #fff; transform: rotate(90deg);}
.mobile-inner-nav div.lis ul{display: none;}
.mobile-inner-nav div.lis ul li{line-height: 3rem;padding-bottom: 5%}
.mobile-inner-nav div.lis ul li a{color: #fff;font-size: 1.4rem;display: block;width: 100%;height: 100%}
@-webkit-keyframes returnToNormal {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
    	opacity: 1;
    	-webkit-transform: none;
    	transform: none;
	}
}
@keyframes returnToNormal {
	from {
    	opacity: 0;
    	-webkit-transform: translate3d(0, 100%, 0);
    	transform: translate3d(0, 100%, 0);
	}
	to {
    	opacity: 1;
    	-webkit-transform: none;
    	transform: none;
	}
}
.footcon{padding: 2rem 3%;background-color: #363636}
.copyright{background-color: #303030;padding: 1rem 3%;font-size: 1.4rem;color: #b2b2b2;text-align: center;}
.logobtn{position: absolute;bottom: 20%;left: 40%;display: block;width: 20%;height: 3rem;border:1px solid #fff;border-radius: .5rem;text-align: center;line-height: 3rem;font-size: 1.5rem;margin: 10% auto;color: #fff}
/*内容*/
.public{padding: 0 3%}
.container{max-width: 640px;margin: 0 auto;overflow: hidden;}
.idxTitle{text-align: center;}
.idxTitle p:first-child{font-size: 2rem;color: #282828;font-weight: bold;margin-bottom: 1rem}
.idxTitle p:last-child{font-size: 1.6rem;color: #a0a0a0}
.s1{padding: 7% 0 3%}
.s1list{margin-top: 7%}
.s1list li{display: inline-block;vertical-align: top;width: 48%;margin-bottom: 4%}
.s1list li:nth-child(odd){margin-right: 4%}

.s1list li a{display: block;width: 100%;height: 100%}
.s1list li .s1Pic img{width: 100%}
.s1list li .s1Con{padding:5% 3% 8%;background-color: #f9f9f9}
.s1list li .s1Title{font-size: 1.6rem;color: #434343;text-align: center;height: 2rem;line-height: 2rem}
.s1list li .s1Txt{color: #595959;font-size: 1.3rem;line-height: 1.7;margin-top: 3%;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;box-sizing:border-box;height: 7rem}
.s2List{padding:10% 0;}
.s2List li{transition: 300ms;width: 60%;transform: scale(1);margin: 0 4%;position: relative;}
.s2List li.swiper-slide-active,.s2List li.swiper-slide-duplicate-active{z-index: 3;transform: scale(1.11);}
.s2List li .s2Licon{position: absolute;width: 100%;box-sizing:border-box;padding: 5% 3% 8%;background-color: rgba(0,0,0,.7);left: 0;bottom: 0;opacity: 0}
.s2List li .s2Licon p:first-child{color: #fff;font-size: 1.6rem;}
.s2List li .s2Licon p:nth-child(2){margin: 3% 0;font-size: 1.4rem;color: #fff;line-height: 1.7}
.s2List li .s2Licon img:last-child{display: block;width: 30%}
.s2List li.swiper-slide-active .s2Licon{opacity: 1}
.s3{padding: 7% 0;background: url(../images/s3.jpg) no-repeat;background-size: 100% 100%}
.s3recom{margin: 7% 0 3%;background-color: #fff;padding: 0 3%;}
.s3RecL_date{padding: 5% 0;position: relative;border-bottom: 1px solid #eeeeee}
.s3RecL_date p:first-child{font-size: 2.4rem;color: #9c9c9c;}
.s3RecL_date p:nth-child(2){font-size: 1.6rem;color: #999999;}
.s3RecL_date span{position: absolute;width:17%;height:3rem;text-align: center;line-height: 3rem;color: #fff;font-size: 1.4rem;background-color: #c61b1b;right: 0;bottom: 25%}
.s3RecL_txt{padding: 5% 0;}
.s3RecL_txt p:first-child{font-size: 1.8rem;color: #333333;font-weight: bold;}
.s3RecL_txt p:nth-child(2){font-size: 1.4rem;color: #999999;line-height: 1.8;margin: 5% 0}
.s3RecL_txt a:last-child{display: block;width: 35%;height: 3.5rem;border:1px solid #d70f0f;color: #d70f0f;font-size: 1.5rem;text-align: center;line-height: 3.5rem;border-radius: 3.5rem}
.s3List li{display: inline-block;vertical-align: top;width: calc(50% - 1px);background-color: #fff;box-sizing:border-box;padding: 5% 3%}
.s3List li:nth-child(odd){margin-right: 2px}
.s3List li:nth-child(-n+2){margin-bottom: 2px}
.s3List li a{display: block;width: 100%;height: 100%}
.s3List li p:first-child{font-size: 2rem;color: #212121;font-weight: bold;}
.s3List li p:nth-child(2){font-size: 1.4rem;color: #212121;font-weight: bold;}
.s3List li p:nth-child(3){margin: 3%;font-weight: bold;font-size: 1.6rem;color: #212121}
.s3List li p:nth-child(4){color: rgba(33,33,33,.76);font-size: 1.3rem;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;margin: 7% 0}
.s3List li p:nth-child(5){color: #252525;font-size: 1.4rem;}
.s4{padding: 7% 0;background-color: #f6f6f6;}
.s4List{margin-top: 7%}
.s4List li{display: inline-block;width: 32%;margin-left: 2%;margin-bottom: 2%}
.s4List li img{width: 100%}
.s4List li:nth-child(3n+1){margin-left: 0}


.ejcon{padding-bottom: 9%}
.proList{padding: 5% 0 8%}
.proList li{display: inline-block;vertical-align: top;width: 48%;margin-bottom: 4%;background-color: #f9f9f9}
.proList li:nth-child(odd){margin-right: 4%}
.proList li a{display: block;width: 100%;height: 100%}


.proimg {overflow: hidden;}
.proimg img{width: 100%;transition:all 0.33s linear; -webkit-transition:all 0.33s linear;}
.protxt{padding: 5% 3%;height: 12rem;}
.protxt p:first-child{font-size: 1.6rem;color: #434343;text-align: center;height: 2rem;line-height: 2rem}
.protxt div:last-child{font-size: 1.3rem;color: #595959;line-height: 1.8;margin-top: 5%;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.proList li:hover{box-shadow: 0 0 1rem rgba(0,70,131,.36)}
.proList li:hover .proimg img{transform: scale(1.12);}
.proList li:hover::after{width: 100%}
.proList li:hover .protxt p:first-child{color: #004683;font-weight: bold;}

.typeshow{padding: 7% 0;}
.typeNav{position: relative;}
.typeNav p{color: #3a3a3a;font-size: 2rem;}
.typeNav>img{position: absolute;right: 0;top: 0}
.navList{margin-top: 7%;font-size: 0;display: none;}
.navList li{display: inline-block;vertical-align: top;margin-right: 3%;font-size: 1.5rem;line-height: 3rem;}
.tproList{margin-bottom: 7%}
.tproList li{margin-top: 5%}
.tproList li .tprotxt{font-size: 1.5rem;color: #6f6f6f;line-height: 1.6;margin-bottom: 5%}

.moreBtn{text-align: center;}
.moreBtn a{display: inline-block;width:55%;height: 4rem;background-color: #c61b1b;line-height:3.5rem;padding: 0 3%;border-radius: .8rem;text-align: left;color: #fff;font-size: 1.6rem}
.moreBtn a img{width:2rem}
.moreBtn a span,.moreBtn a img{display: inline-block;vertical-align: middle;}
.moreBtn a span{margin-right: 4rem}
.nono{color: #a5a4a4;font-size: 1.6rem;text-align: center; line-height: 6rem;min-height: 8rem;}
.prosList li{display: inline-block;vertical-align: top;width: 48%;margin-bottom: 4%;box-sizing:border-box;border:1px solid #eee;}
.prosList li:nth-child(odd){margin-right: 4%}
.prosList li a{display: block;box-sizing:border-box;padding:5%}
.prosList li .prosRimg{width: 35%;margin-right: 5%;}
.prosList li .prosRtxt{width: 50%;}
.prosList li .prosRtxt p:first-child{font-size: 1.5rem;color: #353535;font-weight: bold;}
.prosList li .prosRtxt p:last-child{font-size: 1.3rem;color: #a6a6a6;margin-top: 1.5rem;}
.prosList li:hover{box-shadow: 0 0 16px rgba(213,32,39,.22)}
.prosList li:hover .prosList p:last-child{color: #cc0202}
.xinxian-con{margin: 7% 0}
.prod-title{font-size: 2rem;color:#212121;text-align: center;}
.prod-rd{font-size: 1.5rem;color:#999999;text-align: center;margin: 5% 0 7%}
.prod-tp img{width: 100%}
.prod-sx{width: 100%;font-size: 1.5rem;}
.prs-con-last1{width:100%;font-size: 1.4rem;color:#333333;}
.prs-con-last1 a{font-size: 1.4rem;color:#333333;margin: 2% 0;display: block;}
.newsList{padding: 7% 0}
.newsList li{display: block;margin-bottom: 5%;}
.newsList li a{display: block;width: 100%;height: 100%}
.newsList li .ns_img{width: 40%;display: inline-block;vertical-align: middle;margin-right: 3%}
.newsList li .ns_txt{width: 57%;display: inline-block;vertical-align: middle;}
.newsList li .ns_txt p:first-child{font-weight: bold;color: #4c4c4c;font-size: 1.7rem;margin-bottom:3%}
.newsList li .ns_txt p:last-child{font-size: 1.4rem;color: #4c4c4c;line-height: 1.7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.newshow{padding-top: 7%}

/*下载*/
.downform{text-align: center;margin: 9% 0}
.dawnshous{width: 80%;height: 4rem;border:1px solid #EAEAEA;background:#F8F8F8;border-radius:4rem;display: inline-block;}
.dawnsle{width:15%;vertical-align: middle;margin-top: -.3rem}
.dawnsle img{width: 33%;}
.dawnsre{width: 85%;vertical-align: middle;}
.dawnsre input{width: 100%;height: 4rem;line-height: 4rem;font-size: 1.5rem;color:#cecece;border:none;background:none;outline: none;}
.downList{margin-bottom: 8%}
.downList li{margin-bottom: 5%}
.downList li .downxiale{display: inline-block;vertical-align: middle;width: 35%;margin-right: 5%;}
.downList li .downxiale img{width: 100%}
.downList li .downxiare{display: inline-block;vertical-align: middle;width: 60%;}
.downList li .downxiare p:first-child{font-size: 1.6rem;color: #464646;font-weight: bold;margin-bottom: 1rem}
.downList li .downxiare p:nth-child(2){font-size: 1.2rem;color: #727272;margin-bottom:3%;word-break:break-all;}
.downList li .downxiare p:nth-child(3){font-size: 1.2rem;color: #727272;word-break:break-all;}
.downList li .downxiare div:last-child{margin-top: 5%;}
.downList li .downxiare div:last-child a{display: inline-block;vertical-align: middle;width: 40%;height: 3rem;border-radius: 3rem;background-color: #e6e6e6;text-align: center;line-height: 3rem;font-size: 1.3rem;color: #727272;margin-right: 3%}
.downList li:hover .downxiale{box-shadow: 0 0 16px rgba(204,2,2,.13)}
.downList li:hover .downxiare p:first-child{color: #cc0202}
.downList li .downxiare div:last-child a:first-child{background-color: #cc0202;color: #fff}

/*单页*/
.dycon{padding-top: 8%}
.showCon img{display: block;max-width: 100%;}
.contact_title{text-align: center;}
.contact_title p{font-size: 2rem;color: #464646;font-weight: bold;}
.contact_title p:first-child{margin-bottom: 5px}
.gbook{margin-top: 7%}
.gbook_1{margin-bottom: 3%}
.gbook_1_2{margin: 3%;background-color: #eaecf3;vertical-align: top;}
.gh2{width: 100%;background-color: #eaecf3;height: 4rem}
.gh2:nth-child(2){margin-top: 20px}
.gh2ipt{display: block;width: 100%;height: 100%;border:none;background-color: transparent;outline: none;padding: 0 25px;box-sizing:border-box;font-size: 15px}
.gh3{width: 48%;height: 4rem;background-color: #eaecf3;vertical-align: top;}
.gh3:nth-child(odd){margin-right: 4%}
.gh3 select{display: block;width: calc(100% - 25px);height: 100%;border:none;background-color: transparent;outline: none;padding: 0 25px;box-sizing:border-box;font-size: 15px;color: #464646}
.gh3 select:focus { outline:none }
.gh3 select::-ms-expand { display: none; }
.gh3-1{width: 55%;height: 4rem;vertical-align: top;}
.rdo-grp{font-size: 15px;color: #464646;width: 45%;vertical-align: top;}

.rdo-grp label {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  padding: 0 8px;
  line-height: 4rem;
  border-radius: 20px;
  float: left;
  transition: all 0.2s ease;
}
.rdo-grp label:not(:last-child) {
  margin-right: 16px;
}
.rdo-grp label span {
  vertical-align: middle;
}
.rdo-grp label span:first-child {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: #e8eaed;
  border-radius: 50%;
  transition: all 0.2s ease;
  margin-right: 8px;
}
.rdo-grp label span:first-child:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 2px;
  background: #fff;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.rdo-grp input {
  display: none;
}
.rdo-grp input:checked + label span:first-child {
  background: #c61b1b;
}
.rdo-grp input:checked + label span:first-child:after {
  transform: scale(0.5);
}
.gbook_2{width: 100%;height: 160px;background-color: #eaecf3;box-sizing:border-box;padding: 25px;}
.gbook_2 p{margin-bottom: 10px;font-size: 15px;color: #464646;}
.gbook_2 textarea{width: 100%;height: 80px;border:none;outline: none;resize:none;background-color: transparent;font-family: "微软雅黑"}
.gbooksub{margin-top: 45px;text-align: center;}
.gbooksub input{width: 290px;height: 50px;background-color: #c61b1b;outline: none;font-size: 15px;color: #ffffff;border:none;}
.map{margin-top:10%}
.lianxicon1{width: 100%;}
.lianxicon1 li{display: block;vertical-align: top;width: 100%;box-sizing:border-box;padding: 5%;box-shadow: 0 0 16px rgba(34,23,20,.1);background-color: #f6f8fb;margin-bottom: 7%}

.lianxicon1 li img{display: block;margin: 0 auto;width: 3rem}
.lianxicon1 li p:nth-child(2){margin: 3% 0;font-size: 2rem;color: #3a3a3a;font-weight: bold;text-align: center;}
.lianxicon1 li p:nth-child(3){font-size: 1.6rem;color: #343434;text-align: center;}

.homeNav{text-align:right;padding:2rem 0 0}
.homeNav *{color: #888;font-size:1.4rem;display:inline-block;vertical-align:middle;line-height:3rem}
.homeNav img{width:18px}