@charset "utf-8";
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{ font-family:Arial,"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; color: #333; }
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0; }
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
input::-webkit-input-placeholder{color:#999999;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}
textarea::-webkit-input-placeholder{color:#d4d4d4;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}		
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl{clear:both; display:block}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: alll 0.3s ease-in;} 
body{ color:#333333;  font-size:14px; line-height:1.8; overflow-x:hidden; background-color:#fff}
a{ color:#333333; text-decoration:none; font-size:14px;}
a:hover{ color:#f04433; text-decoration:none}
.weap{  width:1600px;max-width:100%; margin:0 auto; } 
table{width: 100%; empty-cells: show; background-color: transparent; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; border-collapse: separate; border-left: 0;border-bottom: 0;}
table th{text-align: left; font-weight:bold; background-color:#918068; font-size:16px}
table th,table td{padding: 8px; line-height: 20px; word-break: break-all; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
table .center{ text-align:center }
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
 
/*布局*/ 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
 
.banner{  background-color:#03428B;background-image: linear-gradient(#06438d, #1f518d); border-radius:0 0 40px 40px} 
.banner .weap{height:920px; color:#fff; position:relative}
.banner .img{ width:48.75%; position:absolute; z-index:1; right:0;top:3.2%} 
.banner .img img{ display:block; width:100%}
.banner .txt{ position:absolute; z-index:6; left:5px;top:18.6%; right:0; line-height:1.4}
.banner .txt .logo{ margin-bottom:55px}
.banner .txt .logo img{ width:22.25%}
.banner .txt .p1{ font-size:40px; margin-bottom:15px}
.banner .txt span{ display:block}
.banner .txt .p2{ font-size:32px; text-transform:uppercase; margin-bottom:80px}
.banner .txt .p3 a{ display:inline-block; width:240px; height:80px; vertical-align:middle; text-align:center; background-color:#68b7b5; color:#fff; border-radius:80px; font-size:20px; text-transform:uppercase; position:relative;top:0; padding-top:10px; margin-right:30px;}
.banner .txt .p3 a:hover{top:-5px; box-shadow:0 0 10px rgba(0,0,0,.5)}
.banner .txt .p3 .a2{ background-color:#497ad0}
.banner .png{ position:absolute; z-index:5;top:23.3%; left:26%; width:14.75%}
.banner .png img{ display:block; width:100%}

.index01{ padding-top:60px;}
.plo{ line-height:1.1; margin-bottom:80px}
.plo .eng{ font-size:36px; text-transform:uppercase; margin-bottom:5px}
.plo h3{ font-size:48px; text-transform:uppercase; }
.index01 .bd{ position:relative}
.index01 .bd:after{ content:""; display:block; width:236px; height:236px; position:absolute; z-index:1; background:url(../images/index01bg.png) no-repeat center;top:-50px; right:-50px}
.index01 .bd ul{ margin:0 -18px; position:relative; z-index:2}
.index01 .bd li{ float:left; width:33.33%; margin-bottom:135px;}
.index01 .bd li .a{ display:block; height:260px; background-color:#f6f6f6;top:0; position:relative; border-radius:20px; margin:0 18px; padding:0 25px; padding-top:48px; line-height:1.1; box-shadow:10px 10px 30px rgba(102,102,102,.1);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: alll 0.3s ease-in;}
.index01 .bd li .a:hover{top:-1vw}
.index01 .bd li .a h3{ font-size:32px; margin-bottom:15px;}
.index01 .bd li .a .eng{ font-size:20px; text-transform:uppercase; max-width:240px; line-height:1.6}
.index01 .bd li .a .img{ position:absolute; z-index:1; right:0; bottom:0; width:58%}
.index01 .bd li:nth-child(3) .img{ right:-5%}
.index01 .bd li:nth-child(2) .img{ right:-5%}
.index01 .bd li .a .img img{ width:100%; display:block}
.index01 .bd li .a .txt{ position:relative; z-index:2}
.index01 .plo h3{ letter-spacing:3.3px}

.index02{ padding-bottom:110px}
.index02 .hd{ position:relative; z-index:6}
.index02 .hd ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between; background-color:#f2f2f2; border-radius:10px 10px 0 0; padding:0 40px}
.index02 .hd ul li{ text-align:center; position:relative; line-height:1.6; padding:20px 0; cursor:pointer}
.index02 .hd ul li.on{ color:#044F90}
.index02 .hd ul li.on .eng{ color:#044F90}
.index02 .hd ul li.on:after{ content:""; display:block; width:136px; height:9px; background-color:#2e508c; position:absolute; z-index:1; bottom:-4.5px; left:50%; margin-left:-68px; border-radius:9px}
.index02 .hd ul li h3{ font-size:24px; font-weight:normal}
.index02 .hd ul li .eng{ font-size:18px; text-transform:uppercase; color:#575757}

.index02 .bd{ position:relative; z-index:3}
.index02 .slick-list{z-index:3}
.index02 .bd:after{ content:""; display:block; width:236px; height:236px; position:absolute; z-index:1; background:url(../images/index01bg.png) no-repeat center;top:0; left:-120px}
.index02 .item{ height:750px; background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:0 0 10px 10px; color:#fff; padding:20px 65px; padding-top:90px; position:relative; z-index:2}
.index02 .item .title{ line-height:1.1; margin-bottom:100px}
.index02 .item .title h3{ font-size:50px; font-weight:normal; margin-bottom:20px}
.index02 .item .title .eng{ font-size:30px; text-transform:uppercase}
.index02 .item li{ width:25%; float:left; line-height:1.1; margin-bottom:55px}
.index02 .item li .t{ font-size:30px; margin-bottom:15px}
.index02 .item li .eng{ font-size:30px}
.index02 .item.item04 li:nth-child(4n-1){ width:20%}
.index02 .item.item04 li:nth-child(4n){ width:30%}

.index02 .item.item05 li{ width:50%} 

.index03{ padding-top:80px; padding-bottom:80px; background:#03428B url(../images/index03bg.png) no-repeat center top; background-size:cover; border-radius:30px 0 0 0}
.index03 .hd{ line-height:1.1; color:#F8F7AB; margin-bottom:120px}
.index03 .hd .eng{ font-size:37.3px; text-transform:uppercase; margin-bottom:10px}
.index03 .hd h3{ font-size:48px; font-weight:normal}

/*.index03 .bd .weap{ width:1820px; max-width:100%}*/
.index03 .bd ul{ margin:0 -15.5px}
.index03 .bd li{ float:left; width:25%; text-align:center}
.index03 .bd li .a{ display:block; margin:0 15.5px; background-color:#fff; padding-top:30px; border-radius:30px;transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: alll 0.3s ease-in;top:0; position:relative}
.index03 .bd li .a:hover{top:-10px; box-shadow:0 0 30px rgba(0,0,0,.6)}
.index03 .bd li .a .eng{ font-size:28px; font-weight:bold; line-height:1.1}
.index03 .bd li .a i{ font-size:44px; color:#EF634D}
.index03 .bd li .a h3{ font-size:24px; color:#666666; font-weight:normal; margin-bottom:20px}
.index03 .bd li .a .img img{ display:block; width:424px; max-width:100%; margin:0 auto}

.index04{ padding-top:200px; padding-bottom:190px}
/*.index04 .weap{ width:1700px;}*/
.index04 .img{ float:right; width:46.7%; background:url(../images/index01bg.png) no-repeat right bottom}
.index04 .img img{ display:block; width:100%; position:relative; z-index:2;}
.index04 .txt{ float:left; width:47.2%; font-size:18px; text-align:justify}
.index04 .txt .fz14{ font-size:14px}

.index05{ padding-top:120px; padding-bottom:45px; background-color:#f7f7f7}
.index05 .weap{ width:1565px;}
.index05 .img{ float:left; width:46.2%}
.index05 .img img{ display:block; width:100%}
.index05 .bd{ background-color:#fff; width:50%; float:right; border-radius:30px; box-shadow:0 0 30px rgba(51,51,51,.1); padding:45px}
.index05 .bd .title{ line-height:1.1; margin-bottom:25px}
.index05 .bd .title .eng{ font-size:24px; text-transform:uppercase; margin-bottom:15px}
.index05 .bd .title h3{ font-size:28px; font-weight:normal}
.index05 .bd .input{ height:70px; width:100%; border:1px solid #DADADA; border-radius:10px; padding:0 24px; font-size:20px; line-height:70px}
.index05 .bd textarea.input{ height:225px}
.index05 .bd li{ position:relative; float:left; width:49%; margin-bottom:15px;}
.index05 .bd li:nth-child(even){ float:right} 
.index05 .bd li.wnone{ width:100%; float:left}
.index05 .bd li label{ display:block; position:absolute; z-index:1; left:0; right:0;top:0; font-size:20px; padding:0 24px; line-height:1.4; height:70px; color:#8A8A8A; padding-top:8px;transform-origin: left;
  transition: all 0.3s ease;}
.index05 .bd li .input:focus ~ label,.index05 .bd li .input.focus ~ label {top: 0;transform: scale(0.6, 0.6);height:auto; padding:0 2vw; padding-top:0}  
.index05 .bd li .input:focus ~ label i,.index05 .bd li .input.focus ~ label i { display:none}  
 
.index05 .bd li label i{ display:block;}

.index05 .bd .lilast{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index05 .bd .inbtn{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; background-color:#004F94; height:90px; border:none; cursor:pointer; border-radius:20px; color:#fff; font-size:24px; margin-right:36px}
.index05 .bd .inbtn span{ display:block; font-size:16px; margin-top:10px}
.index05 .bd .tis{ width:298px;flex:0 0 298px; font-size:16px; color:#8A8A8A; line-height:1.2}

.footer{ background-color:#282828; text-align:center; font-size:16px; color:rgba(255,255,255,.5); padding:35px 0}
.footer a{font-size:16px; color:rgba(255,255,255,.5); }

.banner{ position:relative; overflow:hidden}
.banner .video video {position: absolute; z-index: 1;width:100%; right: 0;top: 0; } 
@media (max-width:1900px){ 
.weap{ width:83%}
.banner{    border-radius: 0 0 2.08vw 2.08vw;}
.banner .weap{ height:47.91vw}
.banner .txt .logo{ margin-bottom:2.86vw}
.banner .txt .p1{ font-size:2.08vw; margin-bottom:.78vw;}
.banner .txt .p2{ font-size:1.66vw; margin-bottom:4.16vw}

.banner .txt .p3 a{ width:12.5vw; height:4.16vw; font-size:1.04vw; padding-top:.65vw; margin-right:1.56vw}
.index01{ padding-top:8.33vw}
.plo{ margin-bottom:4.1vw}
.plo .eng{ font-size:1.87vw}
.plo h3{ font-size:2.5vw}
.index01 .bd ul{ margin:0 -.93vw}
.index01 .bd li{ margin-bottom:7vw}
.index01 .bd li .a{ height:13.5vw; margin:0 .93vw;    padding: 0 1.3vw;
    padding-top:2.5vw;border-radius:1vw;    box-shadow: .54vw .54vw 1.56vw rgba(102,102,102,.1);}
.index01 .bd li .a h3{ font-size:1.66vw; margin-bottom:.78vw}
.index01 .bd li .a .eng{ font-size:1.04vw; max-width:12.5vw}
.index01 .bd:after{ width:12.2vw; height:12.2vw; background-size:100%; right:-2.6vw;top:-2.6vw}
.index01 .plo h3{ letter-spacing: .15vw;}

.index02{ padding-bottom:5.72vw}
.index02 .hd ul li h3{ font-size:1.25vw;}
.index02 .hd ul li .eng{ font-size:.93vw}
.index02 .hd ul li{ padding:1.04vw 0}

.index02 .item{ height:39vw;    padding:1.04vw 3.38vw; padding-top:4.68vw;}
.index02 .item .title h3{ margin-bottom:1.04vw; font-size:2.76vw}
.index02 .item .title .eng{ font-size:1.66vw}
.index02 .item .title{ margin-bottom:5.2vw}
.index02 .item li .t{ font-size:1.66vw; margin-bottom:.78vw}
.index02 .item li .eng{font-size:1.66vw;}
.index02 .item li{ margin-bottom:2.8vw}
.index02 .bd:after{ width:12.3vw; height:12.3vw; left:-6.25vw; background-size:100%}

.index03{ padding-top:10.67vw; padding-bottom:6.77vw;border-radius: 1.56vw 0 0 0;}
.index03 .hd .eng{ font-size:1.94vw}
.index03 .hd h3{ font-size:2.5vw}
.index03 .hd{ margin-bottom:6.25vw}
/*.index03 .bd .weap{ width:94.8%}*/

.index03 .bd ul{margin:0 -.8vw;}
.index03 .bd li .a{ margin:0 .8vw;padding-top: 1.56vw;    border-radius: 1.56vw;}
.index03 .bd li .a .eng{ font-size:1.6vw}
.index03 .bd li .a i{ font-size:2.5vw}
.index03 .bd li .a h3{ margin-bottom:1.04vw; font-size:1.25vw}
/*.index04 .weap{ width:88.5%}*/
.index04{ padding-top:10.4vw; padding-bottom:9.89vw}
.index04 .txt{ font-size:.83vw}
.index04 .txt .fz14{ font-size:.73vw}
.index04 .img{ background-size:12.3vw}
.index05 .weap{ width:81.5%}

.index05{ padding-top:6.25vw; padding-bottom:2.34vw}
.index05 .bd{ padding:2.34vw;    border-radius:1.56vw;
    box-shadow: 0 0 1.56vw rgba(51,51,51,.1);}
.index05 .bd .title{ margin-bottom:1.30vw}
.index05 .bd .title .eng{ font-size:1.25vw; margin-bottom:.78vw}
.index05 .bd .title h3{ font-size:1.45vw}
.index05 .bd .input{ height:3.64vw; line-height:3.64vw; padding:0 1.25vw; font-size:.83vw;    border-radius:.54vw;}
.index05 .bd li label{padding:0 1.25vw; font-size:.83vw; padding-top:.41vw; height:3.64vw;}
.index05 .bd li{ margin-bottom:.78vw}
.index05 .bd li .input:focus ~ label { padding:0 2.08vw}

.index05 .bd .tis{ font-size:.83vw; width:15.5vw;flex:0 0 15.5vw}
.index05 .bd .inbtn{ height:4.68vw;font-size:1.25vw;  margin-right:1.87vw;    border-radius:1.04vw;} 
.index05 .bd .inbtn span{font-size:.83vw; margin-top:.54vw}

 
}
@media (max-width:766px){ 
.weap{ width:94% !important}
.banner .weap{ height:260px}
.banner .txt .p1{ font-size:18px; margin-bottom:5px}
.banner .txt .logo{ margin-bottom:15px}
.banner .txt .p2{ font-size:12px; margin-bottom:10px}
.banner .txt .p3 a{ font-size:12px; width:110px; height:40px;  margin-right:5px; padding-top:5px}

.plo{ margin-bottom:20px}
.plo .eng{ font-size:14px}
.plo h3{ font-size:20px}
.index01 .bd ul{ margin:0 -5px}
.index01 .bd li{ width:50%; margin-bottom:30px}
.index01 .bd li .a{ margin:0 5px;}
.index01 .bd li .a h3{ font-size:16px; margin-bottom:10px}
.index01 .bd li .a .eng{ font-size:14px; max-width:100%; line-height:1.3}
.index01 .bd li .a{ height:100px; padding:15px 10px; padding-right:20px}
.index01 .bd li .a .img{ opacity:.5}

.index02 .hd ul{ display:block; overflow:hidden; padding:10px 0; padding-bottom:0}
.index02 .hd ul li{ float:left; width:33.33%; padding:0; margin-bottom:10px}
.index02 .hd ul li.on:after{ width:60px; margin-left:-30px; height:2px; bottom:0;}
.index02 .hd ul li .eng{ font-size:10px}
.index02 .hd ul li h3{ font-size:14px}
.index02 .item{ height:auto; border-radius:0 0 10px 10px}
.index02 .item li{ width:50%}

.index02 .item .title{ margin-bottom:20px}
.index02 .item .title h3{ font-size:20px; margin-bottom:10px}
.index02 .item .title .eng{ font-size:14px}
.index02 .item li{ margin-bottom:15px}
.index02 .item li .t{ font-size:16px; margin-bottom:5px}
.index02 .item li .eng{ font-size:12px}
.index02 .item.item04 li:nth-child(4n-1){ width:50%}
.index02 .item.item04 li:nth-child(4n){ width:50%}
.index02 .item.item05 li{ width:100%}

.index01 .plo h3{ letter-spacing:0}
.index03 .hd .eng{ font-size:15.5px; margin-bottom:5px}
.index03 .hd h3{ font-size:20px}
.index03 .bd li{ width:50%; margin-bottom:10px}
.index03 .bd ul{ margin:0 -5px}
.index03 .bd li .a{ margin:0 5px; padding:10px 0}

.index03 .bd li .a .eng{ font-size:14px; margin-bottom:5px}
.index03 .bd li .a i{ font-size:20px}
.index03 .bd li .a h3{ font-size:17px; margin-bottom:10px}
.index04 .img{ float:none; width:auto; margin-bottom:10px}
.index04 .txt{ float:none; width:auto; font-size:15px}
.index04 .txt .fz14{ font-size:13px}
.index05 .img{ float:none; width:auto}
.index05 .bd{ width:auto; float:none; padding:20px 10px; padding-bottom:10px; margin-top:-30vw; background-color:#fff; position:relative; z-index:4}
.index05 .bd .title .eng{ font-size:14px}
.index05 .bd .title h3{ font-size:20px}
.index05 .bd .title{ margin-bottom:15px}
.index05 .bd li{ width:100%; margin-bottom:10px}
.index05 .bd .input{ height:45px; border-radius:5px; font-size:14px}
.index05 .bd li label{ font-size:14px; padding-top:5px; height:45px}
.index05 .bd textarea.input{ height:160px; padding-top:20px}

.index05 .bd .lilast{ display:block}
.index05 .bd .inbtn{ height:45px; font-size:14px; width:100%}
.index05 .bd .tis{ font-size:14px; width:auto; margin-top:10px; text-align:center}

.footer{ padding:10px 0; font-size:14px}
.footer a{ font-size:14px}
.banner{ background:#1f518d}
.banner .video video{ width:100%;}
}