﻿/*-----------------[初始化]--------------*/
*,*:before,*:after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;}
body{color:#333;font-size:14px;line-height:1.5;font-family:"PingFang SC Semibold","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing:antialiased;}
img{max-width:100%;border:none;}
input,textarea,select{font-size:14px;color:#333;font-family:"Arial",sans-serif;border:none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;}
select::-ms-expand{display:none;}
a{color:#333;text-decoration:none;}
a:hover{color:inherit;}
ul{list-style:none;}
.fix{*zoom:1;}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both;}
table{border-collapse:collapse;border-spacing:0;}
.c{clear:both;}
.col-l{float:left;}
.col-r{float:right;}
em{font-style:normal;}
.menuBtn{display:none;position:fixed;top:10px;right:15px;width:30px;height:30px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.menuBtn b{display:block;height:4px;background-color:#fff;margin:4px 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.menuBtn.open{}
.menuBtn.open b{display:none;margin:0;position:absolute;left:0px;top:50%;margin-top:-5px;width:30px;}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:rgba(0,0,0,.5);}
.logo{float:left;position:relative;margin:20px 0 15px 40px;}
.logo .img1{float:left;width:65px;height:70px;}
.logo .img1 img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.logo .img1 .xiao{height:0px;}
.logo .img2{float:left;}

/*.logo:hover .img1 .xian{*/

/*height: 0px;*/

/*}*/

/*.logo:hover .img1 .xiao{*/

/*height: auto;*/

/*}*/
.logo:hover .img1 img{    /*-webkit-transform: rotate3d(0,1,0,360deg);*/

    /*-moz-transform: rotate3d(0,1,0,360deg);*/

    /*transform: rotate3d(0,1,0,360deg);*/
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.hdr{float:right;padding:27px 36px 0 0;}
.nav{float:left;}
.nav li{float:left;margin-right:56px; position: relative;}

/*.nav li:first-child{
margin-right: 45px;
}*/
.nav li > a{display:block;font-size:16px;line-height:45px;color:#ffffff;    /*width: 120px;*/text-align:center;border-bottom:1px solid transparent;}
.nav li.ok > a,.nav li > a:hover{border-color:#e7c462;}
.nav .con{display:none; padding:10px 0 20px; position:absolute; top:83px; left: 50%;  z-index: 1; width: 280px; margin-left: -140px; background: rgba(0,0,0,.5); }
.nav .con a{display:block;font-size:14px;line-height:40px;text-align:center;color:#ffffff;}
.nav .con a:hover{color:#e7c462;}



.lang{font-size:16px;line-height:45px;float:right;color:#ffffff;}
.lang a{color:#ffffff;}
.lang a.on,.lang a:hover{color:#e7c462;}
.banner .item{display:block;height:100vh;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;}
.banner .slick-arrow{position:absolute;top:50%;margin-top:-26px;width:52px;height:52px;background-repeat:no-repeat;background-position:center;border:0;font-size:0;background-color:transparent;z-index:10;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.banner .slick-prev{left:12%;background-image:url(../images/prev.png);}
.banner .slick-next{right:12%;background-image:url(../images/next.png);}
.banner .slick-arrow:hover{opacity:0.8;}
.fp-viewing-page1 #particles-js,.fp-viewing-page1 #particles-js6{opacity:0;}


@media only screen and (max-width: 1199px) {
.nav .con{position: relative; padding:10px 0 125px; position:block; top:0; left: 0;  z-index: 1; width: 100%; margin-left: 0; }
}