@charset "utf-8";
@charset "utf-8";
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html{height:100%;}
html,
body,
div,
p,
strong,
span,
a,
b,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
del,
img,
i,
em,
select,
button,
textarea,
input{margin:0;padding:0;}
body{background:#fff;font-family:'Microsoft YaHei',"Arial",'SimSun',Serif;font-size:16px;color:#333;position:relative;min-height:100%;}
a,
img,
button,
input,
textarea,
select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],
input[type="hidden"],
input[type="password"],
button,
textarea,
select{outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Microsoft YaHei',"Arial",'SimSun',Serif;}
select::-ms-expand{display:none;}
input::-ms-clear{display:none;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#636363;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#636363;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:#636363;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#636363;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:#b8b8b8;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:#b8b8b8;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color:#b8b8b8;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color:#b8b8b8;}
table{border-collapse:collapse;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
li{list-style:none;}
img{vertical-align:middle;border:none;}
i{font-style:normal;}
.img img{width:100%;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.oh{overflow:hidden;}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{font-weight:normal;}
.pr{position:relative;}
.tc{text-align:center;}
.db{display:block;}
.clearfix:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.sca{overflow:hidden;}
.cp{cursor:pointer;}

/*图片悬浮放大*/
.sca img{transition:transform .6s;-webkit-transition:transform .6s;}
.sca img:hover{transform:scale(1.06);}

/*Y轴旋转*/
.rot-y img{transition:all 1.6s;-webkit-transition:all 1.6s;}
.rot-y:hover img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
.clearfix{}
.cell_box{font-size:0;}
.cell_box:before{content:'';height:100%;display:inline-block;vertical-align:middle;}
.cell_box .cell{width:100%;display:inline-block;vertical-align:middle;}

/*scroll*/

/*::-webkit-scrollbar {
    width: 4px;
    height: 4px
}
::-webkit-scrollbar-button:vertical {
    display: none
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #e60012;
}
::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #e60012;
}
::-webkit-scrollbar-thumb:vertical:active {
    background-color: #e60012;
}*/
.my-container{width:1380px;margin:0 auto;}

/*导航开始*/
.nav-box{height:110px;width:100%;z-index:99;border-bottom:1px solid rgba(255,255,255,.3);box-sizing:border-box;}
.nav-box .logo{margin-top:26px;float:left;width:20%;}
.nav-box .logo img{max-width:210px;}
.nav-box .logo img.logo2{display:none;}
.nav-box .nav{text-align:center;width:66%;float:left;}
.nav-box .nav ul{display:inline-block;}
.nav-box .nav ul li{float:left;}
.nav-box .nav ul li .submenu{position:absolute;left:0;top:110px;width:100%;display:none;background:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 0;}
.nav-box .nav ul li .submenu .bg{width:50%;height:100%;background-color:#f7f7f7;position:absolute;right:0;top:0;}
.nav-box .nav ul li .submenu .d-l{float:left;width:50%;text-align:left;border-right:1px dotted rgba(255,255,255,.4);padding-left:200px;}
.nav-box .nav ul li .submenu .d-l p a{font-size:18px;color:#333;line-height:32px;margin-bottom:10px;display:block;}
.nav-box .nav ul li .submenu .d-r{width:50%;float:left;text-align:left;padding-left:150px;}
.nav-box .nav ul li .submenu .d-r .pic{width:400px;}
.nav-box .nav ul li .submenu .d-r p{color:#333;font-size:18px;margin-top:15px;}
.nav-box .nav ul li .submenu .d-pro{display:flex;justify-content:center;}
.nav-box .nav ul li .submenu .d-pro p{float:left;display:inline-block;margin:0 20px;}
.nav-box .nav ul li .submenu .d-pro p a{color:#fff;font-size:16px;}
.nav-box .nav ul li .submenu .d-l p a:hover{color:#78b80a; }
.nav-box .nav ul li .submenu .container {
    position: relative;
    z-index: 2;
}
.nav-box .nav ul li .submenu .bg {
    width: 50%;
    height: 100%;
    background-color: #f7f7f7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.nav-box .nav ul li .yiji{line-height:110px;width:100px;display:block;text-align:center;font-weight:bold;font-size:16px;color:#fff;}
.nav-box .nav ul .active .yiji,
.nav-box .nav ul li:hover .yiji{background:url(../img/bot.png) no-repeat bottom center;transition:all 0s;}
.nav-box .mi{max-width:168px;float:right;width:50%;position:relative;}
.nav-box .mi .serch{width:50px;padding-left:20px;height:110px;}
.nav-box .mi .serch img{margin-top:52px;cursor:pointer;}
.nav-box .mi .serch img.se2{display:none;}
.nav-box .mi .lang{margin-top:42px;}
.nav-box .mi .lang a{color:#fff;font-size:14px;display:block;padding:3px 5px;border:2px solid transparent;margin:0 3px;}
.nav-box .mi .lang .active a{border:2px solid #fff;}
.nav-box .mi .nav-btn{display:none;height:30px;width:40px;float:right;margin-top:27px;position:relative;cursor:pointer;}
.nav-box .mi .nav-btn div{height:3px;width:26px;position:absolute;margin:auto;top:0px;bottom:0px;left:0;right:0;background:#fff;border-radius:2px;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;}
.nav-box .mi .nav-btn div.x{top:-25px;}
.nav-box .mi .nav-btn div.z{top:25px;}
.nav-box .mi .nav-btn-h div.z{top:0px;transform:rotate(-45deg);}
.nav-box .mi .nav-btn-h div.x{top:0px;transform:rotate(45deg);}
.nav-box .mi .nav-btn-h div.y{display:none;}
.nav-box .sousuo{position:absolute;top:110px;left:-60px;width:218px;height:37px;border:1px solid rgba(255,255,255,.6);display:none;}

/*.nav-box .mi .serch:hover .sousuo{
    display: block;
}*/
.nav-box .sousuo input{width:164px;margin:2px;height:30px;}
.nav-box .sousuo button{background:green;color:#fff;width:37px;height:29px;font-size:13px;position:relative;top:-1px;left:0;}
.nav-box .nav-m{display:none;position:absolute;top:80px;left:0;background:rgba(0,0,0,.9);width:100%;padding:30px 0;}
.nav-box .nav-m ul li{padding:0 30px;position:relative;}
.nav-box .nav-m ul li .jh{width:26px;height:30px;position:absolute;right:31px;top:1px;}
.nav-box .nav-m ul li .jh:after{content:'+';position:absolute;top:4px;right:7px;color:#fff;}
.nav-box .nav-m ul li .yiji{text-align:left;color:#fff;font-size:16px;line-height:32px;display:block;border-bottom:1px dotted rgba(255,255,255,.4);}
.nav-box .nav-m ul li .sub-m{display:none;}
.nav-box .nav-m ul li .sub-m p{padding-left:20px;}
.nav-box .nav-m ul li .sub-m p a{display:block;color:#fff;font-size:14px;line-height:32px;border-bottom:1px dotted rgba(255,255,255,.2);}
.nav-box2{background:#fff;}
.nav-box2 .logo img.logo1,
.nav-box2 .mi .serch img.se1{display:none;}
.nav-box2 .logo img.logo2,
.nav-box2 .mi .serch img.se2{display:block;}
.nav-box2 .nav ul li .yiji{color:#000;}
.nav-box2 .mi .lang .active .yiji{border:2px solid #000;}
.nav-box2 .mi .lang a{color:#000;}
.nav-box2 .mi .nav-btn div{background:#000;}

/*导航结束*/
.footer{background:url(../img/foot_bg_02.jpg) no-repeat top center;background-size:100% 100%;}
.footer .foot-t{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.footer .logo{width:20%;max-width:200px;float:left;}
.footer .foot-nav{width:70%;float:right;text-align:right;}
.footer .foot-nav ul{display:inline-block;margin-top:22px;}
.footer .foot-nav ul li{float:left;}
.footer .foot-nav ul li a{display:inline-block;font-size:14px;color:#fff;width:120px;text-align:center;border-right:2px solid #fff;}
.footer .foot-nav ul li:last-child a{border:none;}
.footer .foot-m .er{width:20%;max-width:130px;margin:30px;float:left;}
.footer .foot-m .contact{float:left;width:80%;margin-top:30px;}
.footer .foot-m .ct-box{float:left;width:33.33%;padding-left:60px;border-right:1px solid rgba(255,255,255,.3);}
.footer .foot-m .ct-box:last-child{border-right:none;}
.footer .foot-m .ct-box p{font-size:16px;color:#999999;margin-top:15px;}
.footer .foot-m .ct-box span{display:block;font-size:18px;margin-top:15px;color:#fff;}
.footer .foot-m{border-bottom:1px solid rgba(255,255,255,.2)}
.footer .foot-b{padding:20px 0;}
.footer .foot-b p,
.footer .foot-b p a,
.footer .foot-b p span{font-size:14px;color:#cccccc;}
.footer .foot-b p a{margin-left:5px;}
.footer .foot-b p:first-child{width:85%;}
@media (max-width:1660px){
    @media (min-width:1400px){
        .my-container{width:1380px;margin:0 auto;}
    }
    @media (max-width:1400px){
        .my-container{width:100%;padding:0 10px;}
        .nav-box .nav ul li a{width:95px;}
    }
    @media (max-width:1280px){
        .tit p{font-size:30px;}
        .nav-box .nav{display:none;}
        .nav-box .mi .nav-btn{display:block;}
        .nav-box,
        .nav-box .mi .serch{height:80px;}
        .nav-box .logo{margin-top:16px;}
        .nav-box .mi{max-width:200px;}
        .nav-box .mi .serch img{margin-top:35px;}
        .nav-box .mi .lang{margin-top:27px;}
        .nav-box .mi .lang{float:left;}
        .nav-box .sousuo{top:80px;}
        .footer .foot-b p:nth-child(1){width:100%;}
        .footer .foot-b p:nth-child(2){width:100%;}
        .footer .foot-nav ul{margin-top:7px;}
        .footer .foot-m .ct-box{padding-left:35px;}
        .footer .foot-m .contact{float:right;width:75%;}
    }
    @media (max-width:992px){
        .tit p{font-size:30px;}
        .footer .foot-m .contact{width:70%;}
    }
    @media (max-width:768px){
        .my-container{margin:0 10px;}
        .nav-box .logo img{max-width:140px;}
        .nav-box .mi{max-width:180px;}
        .nav-box .mi .serch{width:40px;padding-left:10px;}
        .nav-box .mi .lang a{font-size:12px;padding:3px 3px;margin:0 1px;}
        .footer .foot-nav{display:none;}
        .footer .logo{width:100%;max-width:100%;}
        .footer .logo img{position:relative;left:50%;transform:translateX(-50%);max-width:200px;}
        .footer .foot-m .er{display:none;}
        .footer .foot-m .contact{width:100%;padding-bottom:20px;}
        .footer .foot-m .ct-box{text-align:center;padding-left:0;}
        .footer .foot-b p:first-child{width:100%;text-align:center;overflow:hidden;}
        .footer .foot-b p:first-child span,.link-bottom{display:none;}
        .footer .foot-b p:nth-child(2){width:100%;text-align:center;}
    }
    @media (max-width:480px){
        .tit p{font-size:24px;}
        .tit span{font-size:14px;margin-top:10px;}
        .footer .foot-m .ct-box span{font-size:13px;}
    }
    @media (max-width:380px){
        .footer .foot-m .ct-box{
            width: 100%;
            border-right: none;
            margin-bottom: 40px;
        }
         .footer .foot-m .ct-box:last-child{
            margin-bottom: 0;
         }
    }
