@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none;}
/* remember to define focus styles! */
:focus {outline:0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style:normal;font-weight:normal !important;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:none;font-variant:normal;}

input, button, textarea,
select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;*font-family:"Microsoft YaHei",Arial;resize: none;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline:none;}
body {line-height: 1.5; font-family:Arial; font-size:14px; color:#666666;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;
/*表格自动换行*/
table-layout:fixed;word-wrap:break-word;}
caption, th{text-align:center;}
/*caption, th {text-align: left;}*/
sup, sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a{transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
/*------------浮动-----------------*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clear10{ clear:both; height:10px; overflow:hidden;}
.clear15{ clear:both; height:15px; overflow:hidden;}
.clear20{ clear:both; height:20px; overflow:hidden;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}

.textover{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;filter:alpha(opacity=50);}
a{color: #373737;}
a:hover{ color: #d62230;}
.ft84{font-size:84px;}
.ft70{font-size:70px;}
.ft60{font-size:60px;}
.ft48{font-size: 48px;}
.ft40{font-size: 40px;}
.ft36{font-size: 36px;}
.ft34{font-size: 34px;}
.ft30{font-size: 30px;}
.ft28{font-size: 28px;}
.ft24{font-size: 24px;}
.ft44{font-size: 44px;}
.ft48{font-size: 48px;}
.ptb100{padding: 100px 0;}
.ptb150{padding: 100px 0 150px;}
.ptb40{padding: 40px 0;}
.pt80{padding: 80px;}
.ptb60{padding: 60px 0 60px;}
.ptb70{padding: 68px 0 68px;}
.ptb80{padding: 80px 0 80px;}

img{display: block;}
.img{overflow: hidden; position: relative;}
.img img{display: block;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transform:scale(1);transform:scale(1);}
.img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.table{ height:100%; display:table; margin: 0 auto; width: 100%;}
.table-cell{ display:table-cell; vertical-align:middle;}

.wap{width: 94%; max-width: 1200px; margin: 0 auto;}
.waps{width: 94%; max-width: 1600px; margin: 0 auto;}
:lang(zh-hk) body,body{font-family: "microsoft yahei", "Arial", sans-serif;}
body{color: #373737; font-size: 14px;  width: 100%;  position: relative;overflow-x:hidden ; background: #fff; }
/*:first-child  filter:alpha(opacity=50);*/
/*img{display: block;}*/

html{ position: relative; width: 100%;}

.hecdt ul li a .txt p,.hmgywm .txt .text p,.gyjis .con a .txt p,.hmpro dl dd .txt .text p,.hmpro dl dt .txt .text p{text-align: justify;}




.animation,.banner .swiper-slide .text{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;}
.animation.srcospcur{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
.banner .swiper-slide.swiper-slide-active .text{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s 0.5s; -webkit-transition:1.3s 0.5s; -moz-transition:1.3s 0.5s; -ms-transition:1.3s 0.5s; -o-transition:1.3s 0.5s;}

.head{position: fixed; top: 0; left: 0; width: 100%; padding: 20px 0;transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; z-index: 50; }
.heads{padding: 10px 0; background: #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.1); background: rgba(250,250,250,0.9);}
.head .logo{float: left; width: 176px;}
.head .luang{float: right; width: 50px; line-height: 30px; text-align: center; background: #D62230; color: #fff; font-size: 16px; margin-top: 23px; margin-left: 30px; border-radius: 4px; opacity: 1;}
.head .luang:hover{border-radius: 8px; opacity: 0.9;}
.head .nav{float: right; line-height: 30px; padding-top: 23px;}
.head .nav ul li{float: left;  font-size: 16px; position: relative;}
.head .nav ul li a.yij{display: block;padding:0 25px 7px;}
.head .nav ul li a.yij.cur{color: #D62230;}
.head .nav ul li .erj{position: absolute; top: 100%; background: #fff; width: 100%; left: -00%; padding: 15px 0; border-radius: 5px; display: none;}
.head .nav ul li:first-child .erj{width: 250%;}
.head .nav ul li:last-child .erj,.head .nav ul li:nth-child(7) .erj{width: 150%; right: 0; left: auto;}
.head .nav ul li:nth-child(7) .erj{width: 240%;}
.head .nav ul li .erj:before{width: 30px; top: 0; left: 50%; margin-left: -15px; height: 1px; content: ''; position: absolute; background: #D62230;}
.head .nav ul li:nth-child(7) .erj:before{left: auto; right: 10%; margin-left: 0;}
.head .nav ul li:last-child .erj:before{left: auto; right: 10%; margin-left: 0;}
.head .nav ul li .erj a{display: block; padding: 0 10px; font-size: 14px;background: url(../images/navico1.jpg) no-repeat 250px center;}
.head .nav ul li .erj a:hover{background: url(../images/navico1.jpg) no-repeat right center;}
.navlin{float: right; display: none;}

.banner{position: relative; overflow: hidden;}
.banner .swiper-slide{height: 750px; position: relative;}
.banner .swiper-slide .text{position: absolute; top: 25%; left: 50%; margin-left: -600px; width: 55%; max-width: 545px;}
.bnprev,.bnnext{position: absolute; top: 50%; width: 120px; height: 120px; margin-top: -60px; z-index: 2; cursor: pointer; overflow: hidden;border-radius:50%; background:  rgba(214,34,48,0.74);}
.bnprev:hover,.bnnext:hover{background: #D62230;}
.bnprev span,.bnnext span{display: block;position: absolute;  top: 0; width: 56%; height: 100%;}
.bnprev{left: -60px;}
.bnprev span{right: 0; background: url(../images/qh1.png) no-repeat center;}
.bnnext{right: -60px;}
.bnnext span{left: 0; background: url(../images/qh2.png) no-repeat center;}
.bannerpage{position: absolute; left: 50%; margin-left: -600px; bottom: 5%; z-index: 3; padding: 30px 0; background: rgba(0,0,0,0.7); min-width: 320px; border-radius: 4px;}
.bannerpage a{display: block; padding: 0 30px; line-height: 40px; color: #fff; font-size: 16px; position: relative; font-weight: bold;}
.bannerpage a.cur{color: #D62230;}
.banner .swiper-button-disabled{display: none;}
.bannerpage a.cur:before{height: 1em; width: 3px; border-radius: 30%; content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.5em; background: #D62230;}

.hmpro{background: #f2f2f2; padding: 0px 0 20px;}
.hmpro dl dt{float: right; width: calc(50% - 10px); margin-top: 20px;}
.hmpro dl dd{float: left; width: calc(50% - 10px); margin-top: 20px;}
.hmpro dl a{display: block; position: relative;}
.hmpro dl dd a{color: #fff;}
.hmpro dl dd .txt{position: absolute; left: 5%; width: 90%; bottom: 8%;}
.hmpro dl dd .txt .text{line-height: 24px; padding: 15px 0 36px;}
.hmpro dl dd .txt .mre{display: block; width: 128px; line-height: 38px; border: 1px solid #fff; border-radius: 4px; text-align: center;}
.hmpro dl dd .txt .mre:hover{background: #fff; color: #D62230;}
.hmpro dl dt a .txt{position: absolute; left: 5%; top: 0; height: 100%; width: 90%;}
.hmpro dl dt a .txt h3{padding-bottom: 0.3em;}
.hmpro dl dt.bai a,.hmpro dl dt:last-child a{color: #fff;}

.gyjis{padding: 45px 0;}
.gyjis .con{float: left; width: 19%; padding: 0 3%; text-align: center;}
.gyjis .con a{display: block;}
.gyjis .con .ico{position: relative; width: 118px; margin: 0 auto; border: 1px solid #e2e2e2; border-radius: 50%;}
.gyjis .con .ico img{display: block; width: 100%;}
.gyjis .con .ico .ico2{position: absolute; left: 0; top: 0; width: 100%; opacity: 0;}
.gyjis .con a:hover .ico .ico2{opacity: 1;}
.gyjis .con a:hover .ico .ico1{opacity: 0;}
.gyjis .con a:hover .ico{background: #D62230; border-color: #D62230;}
.gyjis .con a .txt{}
.gyjis .con a .txt h3{font-size: 18px; padding: 25px 0 12px;}
.gyjis .con a .txt p{color: #666666; line-height: 1.8em;}

.hmgywm{position: relative;}
.hmgywm .img{float: left; width: 50%; border-radius: 4px;}
.hmgywm .txt{position: absolute; width: calc(50% - 81px); padding: 0 40px; border: 1px solid #e1e1e1; border-radius: 0 4px 4px 0; border-left: 0; right: 0; top: 0; height: calc(100% - 2px);}
.hmgywm .txt h3{padding-bottom: 0.6em;}
.hmgywm .txt .text{line-height: 24px; color: #666;}
.hmgywm .txt a{display: block; width: 128px; line-height: 38px; color: #D62230; border: 1px solid #D62230; text-align: center; margin-top: 40px; border-radius: 4px;}

.hecdt{background: #F2F2F2; padding: 40px 0 80px;}
.hecdt .tit{text-align: center; padding-bottom: 1em;}
.hecdt ul li{float: left; width: calc(33.33% - 14px); margin-left: 21px;}
.hecdt ul li:first-child{margin-left: 0;}
.hecdt ul li a{display: block; background: #fff; border-radius: 4px; overflow: hidden;}
.hecdt ul li a .txt{padding: 25px 30px;}
.hecdt ul li a .txt h3{padding-bottom: 0.5em; font-size: 16px; color: #2c2c2c; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hecdt ul li a .txt p{margin-bottom: 15px; overflow: hidden; color: #666; height:72px; line-height: 24px;}
.hecdt ul li a .txt span{display: block; position: relative; padding-top: 8px; font-size: 12px; color: #666;}
.hecdt ul li a .txt span:before{content: ''; position: absolute; top: 0; left: 0; width: 2.1em; height: 2px; background: #2c2c2c;}
.hecdt ul li a:hover{background: #D62230;}
.hecdt ul li a:hover .txt h3,.hecdt ul li a:hover .txt p,.hecdt ul li a:hover .txt span{color: #fff;}
.hecdt ul li a:hover .txt span:before{background: #fff;}

.hmmore{display: block; margin: 40px auto 0; text-align: center; width: 128px; line-height: 40px; background: #D62230; color: #fff; border-radius: 4px;}
.hmmore:hover{color: #fff; opacity: 0.7;}

.foot{border-top: 5px solid #D62230; background: #000; color: #fff;}
.foot a{color: #fff;}
.footcon{padding: 65px 0 130px;}
.footcon .tit{text-align: center; padding-bottom: 1.8em;}
.footcon .kslj{float: left; width: 230px;}
.footcon h3{font-size: 16px; padding-bottom: 20px;}
.footcon .kslj p.gs{line-height: 24px;}
.footcon .kslj .ewm{padding-top: 20px;}
.footcon .kslj .ewm p{width: 105px; text-align: center; padding-top: 8px;}
.footcon .gsxx{float: right; width: calc(100% - 280px); max-width: 850px;}
.footcon .gsxx .con{float: left; width: 44%; border-bottom: 2px solid #D62230;}
.footcon .gsxx .con:last-child{float: right;}
.footcon .gsxx .con ul li{padding: 10px 0;}
.footcon .gsxx .con ul li:first-child{padding-top: 0;}
.footcon .gsxx .con ul li span{float: left; width: 3.5em; line-height: 24px; border-bottom: 2px solid #fff;}
.footcon .gsxx .con ul li p{float: left; width: calc(100% - 8em - 40px); margin: 0 2em; max-width: 290px;}
.footcon .gsxx .con ul li img{float: right;}
.foot .beia{text-align: center; border-top: 1px solid #333333; padding: 16px 0;}
.foot .beia .wap{opacity: 0.2;}

@media screen and (max-width:1680px) {
	.head .nav ul li a.yij{padding: 0 15px 7px;}
	
}
@media screen and (max-width:1500px) {
	.banner .swiper-slide{height: 650px;}
	
	.head .nav ul li a.yij{padding: 0 8px 7px; font-size: 15px;}
	.head .luang{margin-left: 15px;}

}
@media screen and (max-width:1300px) {
	.head .nav ul li a.yij{padding: 0 6px;}
	.head .nav ul li{font-size: 14px;}
	.banner .swiper-slide .text{left: 3%; margin-left: 0;}
	.banner .swiper-slide{height: 500px;}
	.bannerpage{left: 3%; margin-left: 0; font-size: 14px; padding: 20px 0; line-height: 30px;}
}
@media screen and (max-width:1278px) {
	.head{padding: 10px 0;}
	.head.cur{background: #fff;background: rgba(250,250,250,0.9);}
	.head .logo{width: 120px;}
	.head .luang{margin-top: 5px; font-size: 14px; width: 40px; margin-left: 20px;}
	.head .nav{padding-top: 5px;}
	.head .navlin{position: relative; width: 25px; height: 21px; margin-top: 5px; margin-right: 0px; display: block;}
	.head .navlin span{display: block; width: 100%; height: 2px; background: #373737; position: relative; transition:.3s; -webkit-transition:.3s;}
	.head .navlin span:nth-child(2),.head .navlin span:nth-child(3){margin-top: 7px;}
	.head .navlin.cur span:nth-child(3){display: none;}
	.head .navlin.cur span:nth-child(1){transform:rotate(45deg); -webkit-transform:rotate(45deg); top: 9px;}
	.head .navlin.cur span:nth-child(2){transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top: 0px;}
	.head .nav .navs{position: fixed; top: 61px; height: calc(100% - 62px); background: rgba(250,250,250,0.9); left: 0; width: 100%; border-top: 1px solid #e5e5e5; display: none;}
	.head .nav .navs ul{position: absolute; top: 5%; left: 5%; height: 90%; width: 90%; text-align: center;}
	.head .nav .navs ul li{padding: 0; width: 100%; line-height: 40px;border-bottom: 1px solid #fff;}
	
	.head .nav ul li .erj{display: block !important; height: auto !important; position: relative; top: 0; left: 0; background: none; left: 0; width: 100% !important; padding: 2px 0 5px; }
	.head .nav ul li .erj a{display: inline-block;}
	
	.banner .swiper-slide{height: 400px;}
	.banner .swiper-slide .text{width: 60%; top: 30%; left: 20%;}
	/*公用*/
	.ptb150{padding: 60px 0 90px;}
	.ptb100{padding: 60px 0;}
	.ptb40{padding: 36px 0;}
	.pt80{padding: 55px;}
	.ptb60{padding: 45px 0;}
	.ptb70{padding: 50px 0 50px;}
	.ptb80{padding: 55px 0 55px;}
	.ft60{font-size: 46px;}
	.ft70{font-size:50px;}
	.ft84{font-size:60px;}
	.ft48{font-size: 40px;}
	.ft44{font-size: 35px;}
	.ft40{font-size: 30px;}
	.ft36{font-size: 28px;}
	.ft34{font-size: 28px;}
	.ft30{font-size: 26px;}
	.ft24{font-size: 22px;}
	.ft28{font-size: 24px;}
}
@media screen and (max-width:960px) {
	.bnprev,.bnnext{width: 80px; height: 80px; margin-top: -40px;}
	.bnprev{left: -40px;}
	.bnnext{right: -40px;}
	
	.hmpro{padding-bottom: 12px;}
	.hmpro dl dd,.hmpro dl dt{margin-top: 12px;}
	
	.gyjis{padding: 20px 0;}
	.gyjis .con{width: 100%; padding: 10px 0;}
	.gyjis .con .ico{float: left;}
	.gyjis .con a .txt{float: right; width: calc(100% - 148px); text-align: left;}
	
	.hmgywm .img{width: 100%;}
	.hmgywm .txt{position: relative; width: calc(100% - 50px); padding: 25px; border: 1px solid #E1E1E1; float: left;}
	.hmgywm .txt a{margin-top: 30px;}
	
	.hecdt ul li a .txt{padding: 15px 18px;}
	
	.footcon .tit{padding-bottom: 0.8em;}
	.footcon{padding: 35px 0 50px;}
	.footcon .kslj{float: none; margin: 0 auto; text-align: center;}
	.footcon .kslj img{margin: 0 auto;}
	.footcon h3{padding-bottom: 10px;}
	.footcon .kslj .ewm p{width: 100%;}
	.footcon .gsxx{width: 100%; float: none;}
	.footcon .gsxx .con{width: 100%; float: none; margin-top: 30px;}
	.foot .beia{font-size: 12px;}
}

@media screen and (max-width:768px) {
	.banner .swiper-slide{height: 300px;}
	.bnprev,.bnnext{width: 50px; height: 50px; margin-top: -25px;}
	.bnprev{left: -25px;}
	.bnnext{right: -25px;}
	.bnprev span,.bnnext span{background-size: 12px !important;}
	.bannerpage{display: none;}
	
	.hmpro dl dd,.hmpro dl dt{width: 100%;}
	.hmpro dl dd .txt .text br{display: none; }
	.hmpro dl dd .txt .text{padding: 10px 0 12px; line-height: 1.5em;}
	.hmpro dl dd .txt .text h3{font-size: 18px;}
	.hmpro dl dd .txt .mre,.hmgywm .txt a{line-height: 32px; width: 108px;}
	.hmpro dl a{overflow: hidden;}
	.hmpro dl dt a img{width: auto; max-width: initial; height: 150px;}
	
	.hecdt{padding: 30px 0 40px;}
	.hecdt .tit{padding-bottom: 0;}
	.hecdt ul li{width: 100%; margin-left: 0; margin-top: 20px;}
	
	/*公用*/
	.ptb150{padding: 50px 0 80px;}
	.ptb100{padding: 50px 0;}
	.ptb40{padding: 30px 0;}
	.pt80{padding:45px;}
	.ptb60{padding: 35px 0;}
	.ptb80{padding: 45px 0 45px;}
	.ptb70{padding: 40px 0 40px;}
	.ft60{font-size: 36px;}
	.ft70{font-size:42px;}
	.ft84{font-size:50px;}
	.ft40{font-size: 26px;}
	.ft48{font-size: 30px;}
	.ft44{font-size: 26px;}
	.ft36{font-size: 25px;}
	.ft34{font-size: 25px;}
	.ft30{font-size: 24px;}
	.ft24{font-size: 20px;}
	.ft28{font-size: 22px;}
}

@media screen and (max-width:640px) {
	.gyjis .con .ico{float: left; width: 80px; height: 80px;}
	.gyjis .con a .txt{width: calc(100% - 100px);}
	.gyjis .con a .txt h3{padding: 0 0 5px; font-size: 16px;}
	
}

@media screen and (max-width:480px) {
	.banner .swiper-slide{height: 240px;}
	
	
	
	/*公用*/
	.ptb150{padding: 40px 0 60px;}
	.ptb100{padding: 40px 0;}
	.ptb80{padding: 40px 0 40px;}
	.pt80{padding: 40px;}
	.ft60{font-size: 32px;}
	.ft70{font-size:36px;}
	.ft84{font-size:40px;}
	.ft40{font-size: 24px;}
	.ft48{font-size: 26px;}
	.ft44{font-size: 28px;}
	.ft36{font-size: 23px;}
	.ft34{font-size: 23px;}
	.ft30{font-size: 20px;}
	.ft24{font-size: 18px;}
	.ft28{font-size: 20px;}
}

@media screen and (max-width:378px) {
	
	
}
@media screen and (max-width:338px) {
	
	
}