@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: 140px 0;}
.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; max-width: 100%;}
.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: 90%; max-width: 1170px; margin: 0 auto;}
.waps{width: 94%; max-width: 1600px; margin: 0 auto;}
:lang(zh-hk) body,body{font-family: Montserrat, Arial, Helvetica, sans-serif,"microsoft yahei";}
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%; }

 .loader, .loader:before, .loader:after { background: #c23b46; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; } .loader { color: #c23b46; text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 1.5em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } }
       .loader-dupuy{position: fixed; top:0; left:0; bottom: 0; right:0; z-index: 1100; background-color: #333d47;}
       .container-loader{position: absolute; left: 50%; top: 40%;}
       .display-2 { font-size: 2rem;}
.loader-dupuy{display: block;}








.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;}

.toubxwb{position: absolute; top: 10px; right: 0; z-index: 30; width: 100%; text-align: right;}
.toubxwb a{display: inline-block; /*width: 120px;*/ background: #16AE80; padding: 3px 10px; margin-right: 15px; text-align: center; color: #fff;}
/*.toubxwb a:hover{background: ;}*/
.head .navlin{display: none;}
.head{position: absolute; top: 40px; left: 0;z-index: 20; width: 100%;}
.head .logo{float: left;}
.head .nav{float: right;}
.head .nav ul li{float: left; position: relative;}
.head .nav ul li .yij{display: block; line-height: 50px; color: #fff; padding: 0 15px; font-size: 16px;}
.head .nav ul li .yij img{display: inline-block; vertical-align: middle; padding-left: 5px;}
.head .nav ul li .erj{position: absolute; top: 100%; display: none; width: 250px; padding-top: 10px;
    box-shadow: 0 2px 2px rgba(33, 33, 33, 0.3);
    -o-box-shadow: 0 2px 2px rgba(33, 33, 33, 0.3);
    -ms-box-shadow: 0 2px 2px rgba(33, 33, 33, 0.3);
    -moz-box-shadow: 0 2px 2px rgba(33, 33, 33, 0.3);
    -webkit-box-shadow: 0 2px 2px rgba(33, 33, 33, 0.3);
    filter: alpha(opacity=50);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.head .nav ul li .erj:before{    content: " ";
    display: inline-block; position: absolute; top: 0;
    float: left;
    width: 0px;
    left: 20px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(51,61,71,0.8);
    margin-left: 0px;}
.head .nav ul li:hover .erj{display: block;}
.head .nav ul li .erj a{display: block; padding: 0 20px; line-height: 40px; background: rgba(51,61,71,0.8); color: rgba(250,250,250,0.9);}
.head .nav ul li .erj a:hover{background: #c73b46;}

.banner{position: relative; width: 100%; height: 100vh; overflow: hidden;}
.banner video{position: absolute; top: -30%; left: -20%; width: 140%; height: 160%; vertical-align: baseline;}
.banner .text{position: absolute; top: 200px; z-index: 5; color: #fff; width: 100%;}
.banner .text h3{position: relative; padding-bottom: 0.3em; line-height: 1.2em;}
.banner .text h3:before{content: ''; position: absolute; left: 0; bottom: 0; width: 5em; height: 2px; background: #C73B46;}
.banner .text p{padding: 30px 0 40px; font-size: 18px;}
/*.banner .text a{display: block; width: 200px; line-height: 50px; background: #7a808a; color: #fff; text-align: center; font-size: 18px;}*/
.btn:hover{color: #7A808A; background: #fff;}
.btn{padding: 8px 25px; display: inline-block; background: #7a808a; color: #fff; font-size: 18px;
    border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    /*font-weight: bold;*/
    border: none;
    line-height: 28px;}

.homenav{}
.homenav ul li{float: left; width: 25%;}
.homenav ul li .con{padding: 50px; background: #778592; cursor: pointer;}
.homenav ul li:nth-child(2) .con{background: #e83943;}
.homenav ul li:nth-child(3) .con{background: #fff;}
.homenav ul li:nth-child(4) .con{background: #e2e4e6;}
.homenav ul li .con:hover{background: #778592;}
.homenav ul li .con .txt{}
.homenav ul li .con .txt p{font-size: 20px; color: #fff; height: 3em; padding-bottom: 0.5em;}
.homenav ul li .con .txt a{color: #fff; font-weight: bold; font-size: 16px;}
.homenav ul li:nth-child(3) .con .txt a,.homenav ul li:nth-child(3) .con .txt p,.homenav ul li:nth-child(4) .con .txt a,.homenav ul li:nth-child(4) .con .txt p{color: #575756;}
.homenav ul li .con .txt a:hover{text-decoration:underline ; opacity: 0.8;}
.homenav ul li .con .ico{}
.homenav ul li .con .ico img{float: right; width: 60%;}

.nkwsm{background: url(../images/dupuybig.png) no-repeat right center; background-size: auto 100%; font-size: 18px; line-height: 1.8em;}
.nkwsm .text{width: 70%;}
.nkwsm .tit{padding-bottom: 0.3em; margin-bottom: 1em; position: relative;}
.nkwsm .tit:before{content: ''; position: absolute; left: 0; bottom: 0; width: 3em; height: 1px; background: #C73B46; line-height: 1.2em;}
.nkwsm a{ margin-top: 40px;}
.nkwsm a:hover{background: #e83943; color: #fff;}

.wlysf{background: url(../images/quote.png) no-repeat left center; background-size: 55% auto; font-size: 18px; line-height: 1.8em;}
.wlysf .text{width: 50%; float: right; text-align: right;}
.wlysf .tit{padding-bottom: 0.3em; margin-bottom: 1em; position: relative;}
.wlysf .tit:before{content: ''; position: absolute; right: 0; bottom: 0; width: 3em; height: 1px; background: #C73B46; line-height: 1.2em;}
.wlysf a{ margin-top: 40px; background: #16ae80; color: #fff; border: 1px solid #16ae80;}
.wlysf a:hover{background: #fff; color: #16ae80;}

.newsh{background: #f5f5f5;}
.newsh .tit{text-align: center;padding-bottom: 0.3em; margin-bottom: 1em; position: relative;}
.newsh .tit:before{content: ''; position: absolute; right: 50%; margin-right: -1.5em; bottom: 0; width: 3em; height: 1px; background: #C73B46; line-height: 1.2em;}
.newsh ul li{float: left; width: 20%; padding: 0 2.5%;}
.newsh ul li .imgs a{display: block;  position: relative; max-width: 250px; margin: 0 auto;}
.newsh ul li .imgs a .pic{border-radius: 100%; border: 8px solid #fff; overflow: hidden;}
.news-date {
    position: absolute;
    right: 0;
    top: 108px;
}
.day-month {
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px #333d47;
}
.day-date {
    color: white;
    font-size: 80px; line-height: 1.2em;
    text-shadow: 1px 2px 4px #333d47;
}
.newsh ul li .imgs a .more{position: absolute; left: 8px; top: 8px; width: calc(100% - 16px); height: calc(100% - 16px); text-align: center; background: rgba(0,0,0,0.7); border-radius: 50%; color: #c73b46;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; opacity: 0;}
.newsh ul li .imgs a:hover .more{opacity: 1;}
.newsh ul li .imgs a:hover .pic{border-color:#c73b46;}
.newsh ul li .txt{padding-top: 15px; font-size: 18px; font-weight: bold;}

.foot{background: url(../images/qround.png) #FFF no-repeat right bottom;background-size: auto 100%;}
.foot .container{ padding: 30px 0; }
.foot .container .logo{float: left; width: 280px;}
.foot .container .fenx{float: right; padding-top: 60px;}
.foot .container .fenx a{float: left; margin-left: 20px;}
.copyright{background: #C23B46; padding: 20px 0 70px; color: #fff; font-size: 16px;}

.fuchuan{position: fixed; bottom: -100px; left: 0; width: calc(100% - 20px); padding: 10px; background: rgba(0,0,0,0.5);transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.fuchuan.cur{bottom: 0;}
.fuchuan a{float: right; background: #16AE80; padding: 5px 20px; color: #fff;}

.fhtop{position: fixed; bottom: 60px; right: 5%; background: rgba(0,0,0,0.5); cursor: pointer; display: none;}
.fhtop.cur{display: block;}

@media screen and (max-width:1500px) {
	

}
@media screen and (max-width:1300px) {
	
}
@media screen and (max-width:1200px) {
	.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: #fff; 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 .nav_{position: fixed; top: 78px; height: calc(100% - 79px); background: rgba(250,250,250,0.99); left: 0; width: 100%; border-top: 1px solid #e5e5e5; display: none;}
	.head .nav .nav_ ul{position: absolute; top: 5%; left: 5%; height: 90%; width: 90%; text-align: center; overflow-y: auto;}
	.head .nav .nav_ ul li{padding: 0;text-align: left;width: 100%;line-height: 40px;border-bottom: 1px solid #eee; padding: 8px 0;}
	.head .nav ul li a.yij{padding-left: 8px; font-size: 17px; color: #333;}
	.page_header .cons .txt p{font-size: 14px;}
	.head .nav ul li .erj{display: block !important;height: auto !important;position: relative;top: 0;padding-top: 0;text-align: left;overflow: hidden; -webkit-box-shadow: 0 0 0 #000000; box-shadow: 0 0 0 #000000; width: 100%;}
	.head .nav ul li .erj:before{display: none;}
	.head .nav ul li .erj_{box-shadow: 0 0 0 rgba(0,0,0,0) !important;padding-bottom: 15px;height: 30px;}
	.head .nav ul li .erj a{float: left;background: none;border: 0;padding: 0 8px;line-height: 30px;vertical-align: middle; color: #808080;}
	
	.day-date{font-size: 40px;}
	.newsh ul li .txt{font-size: 14px;}
	
	
	
	/*公用*/
	.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) {
	.banner video{width: 320%; height: 100%; left: -110%; top: -0%;}
	.head .logo{width: 120px;}
	.banner .text{top: 120px;}
	.banner .text p{font-size: 14px; padding: 18px 0 22px;}
	.btn{font-size: 14px;/* width: 100px;*/ line-height: 20px;}
	.homenav ul li{width: 50%;}
	
	.newsh ul li{width: 46%; padding: 10px 2%;}
	.newsh ul li .txt{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	
	.nkwsm{background-size: 30% auto; font-size: 14px;}
	.wlysf{background-size: 50% auto; font-size: 14px;}
}

@media screen and (max-width:768px) {
	.homenav ul li{width: 100%;}
	.homenav ul li .con{padding: 25px; overflow: hidden;}
	.homenav ul li .con .txt{float: left; width: 66%;}
	.homenav ul li .con .ico{float: right; width: 28%;}
	.homenav ul li .con .txt p{height: auto; font-size: 16px;}
	.homenav ul li .con .txt a{font-size: 14px;}
	
	.foot .container .logo{width: 120px;}
	.foot .container .fenx{padding-top: 10px;}
	.copyright{font-size: 14px;}
	
	/*公用*/
	.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) {
	
	
}

@media screen and (max-width:480px) {
	.newsh ul li{width: 100%;}
	
	
	
	/*公用*/
	.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) {
	
	
}