@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,table,tr,th,td,a,i,span,b{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
}
body{color:#747474;font-size:12px;text-align:center;margin:0;background:#fff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p{margin:0;padding:0;}
input,select{vertical-align:middle;line-height:100%;}
table{margin:0 auto;}
table,td,tr,th{text-align:left;vertical-align:top;}
ol,ul{list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal;}
a{color:#4a4a4a;text-decoration:none;}
a:hover{color:#a68d6a;}

.relPositionXY{position:absolute; left:50%; top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}

.relPositionX{position:absolute; left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}

.relPositionY{position:absolute; top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}

#header{width:100%; background:#fff; position:fixed; left:0; top:0; z-index:999999;
    -webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 2px 10px rgba(0,0,0,0.3);
    -o-box-shadow:0px 2px 10px rgba(0,0,0,0.3);
    box-shadow:0px 2px 10px rgba(0,0,0,0.3);
}
#header .box{width:1200px; height:80px; margin:0 auto;}
#header .box .logo{width:162px; height:44px; margin-top:18px; float:left; overflow:hidden;}
#header .box .logo h1{display:none;}
#header .box .logo img{width:100%; height:100%;}
#header .box .menu{padding-top:15px; float:right;}
#header .box .menu .phone{height:25px; line-height:25px; color:#d4a93e; text-align:right; overflow:hidden;}
#header .box .menu .option li{height:40px; margin-right:16px; padding:0 16px 0 12px; background:url(/Public/Website/assets/header_menu_main_bg.png) no-repeat right top; background-size:auto 100%; float:left; position:relative;}
#header .box .menu .option li a.main{line-height:25px; font-size:16px;}
#header .box .menu .option li a.main.now,
#header .box .menu .option li a.main.on{color:#a68d6a;}
#header .box .menu .option li.last{margin-right:0; padding-right:0; background:none;}
#header .box .menu .option li .show{display:none; height:240px; padding-top:4px; background:#fff; overflow:hidden; position:absolute; left:0; top:36px;}
#header .box .menu .option li .show i{display:block; height:4px; background:#a68d6a; overflow:hidden; position:absolute; top:0;}
#header .box .menu .option li .show .show-container{width:100%; border-top:1px solid #a68d6a; overflow:hidden;}
#header .box .menu .option li .show .show-container .show-box{width:1000px; margin:0 auto; overflow:hidden;}
#header .box .menu .option li .show .show-container .show-box .cont{width:680px; height:150px; text-align:left; margin-top:38px; float:left; overflow:hidden; position:relative;}
#header .box .menu .option li .show .show-container .show-box .cont .en{height:30px; line-height:30px; color:#a68d6a; font-size:24px; overflow:hidden;}
#header .box .menu .option li .show .show-container .show-box .cont .text{width:490px; line-height:25px; color:#9b9b9b;}
#header .box .menu .option li .show .show-container .show-box .cont .link{position:absolute; left:0; bottom:0;}
#header .box .menu .option li .show .show-container .show-box .cont .link a{display:block; height:25px; line-height:25px; font-size:16px; margin-right:35px; padding-left:11px; float:left; overflow:hidden; position:relative;}
#header .box .menu .option li .show .show-container .show-box .cont .link a span{display:block; width:6px; height:25px; background:url(/Public/Website/assets/header_menu_icon.png) no-repeat; background-size:100% auto; overflow:hidden; position:absolute; left:0; top:0;}
#header .box .menu .option li .show .show-container .show-box .photo{width:320px; height:172px; margin-top:32px; background:#f7f6f6; float:right; overflow:hidden;}
#header .box .menu .option li .show .show-container .show-box .photo img{width:100%; height:100%;}
#header .mobile_menu{display:none;}
#header .mobile_box{display:none;}

#footer{width:100%; background:#a68d6a;}
#footer .box{width:1200px; height:120px; margin:0 auto;}
#footer .box .logo{width:184px; height:50px; margin-top:34px; float:left; overflow:hidden;}
#footer .box .logo div{display:none;}
#footer .box .logo img{width:100%; height:100%;}
#footer .box .other{padding-top:39px; text-align:right; float:right; overflow:hidden;}
#footer .box .other div{height:25px; line-height:25px; color:#fff; overflow:hidden;}
#footer .box .other div span{padding:0 5px;}
#footer .box .other div a{display:block; color:#fff; margin-left:20px; float:right;}
#footer .box .other div a:hover{text-decoration:underline;}

#subBanner{width:100%; height:190px; margin-top:80px; overflow:hidden; position:relative;}
#subBanner .box{width:1920px; height:190px; margin-left:-960px; overflow:hidden; position:absolute; top:0; left:50%;}
#subBanner .box img{width:100%; height:100%;}
#subBanner .box .left{width:50%; height:100%; position:absolute; top:0; left:0;
    background:-webkit-linear-gradient(45deg,rgba(17,45,52,1) 0%,rgba(140,75,0,0.4) 100%);
    background:-moz-linear-gradient(45deg,rgba(17,45,52,1) 0%,rgba(140,75,0,0.4) 100%);
    background:-ms-linear-gradient(45deg,rgba(17,45,52,1) 0%,rgba(140,75,0,0.4) 100%);
    background:linear-gradient(45deg,rgba(17,45,52,1) 0%,rgba(140,75,0,0.4) 100%);
}
#subBanner .box .text{width:1000px; text-align:left; overflow:hidden; position:absolute; top:60px;}
#subBanner .box .text .cn{height:45px; line-height:45px; color:#fff; font-size:32px; font-weight:500; padding:0 25px; overflow:hidden;}
#subBanner .box .text .en{height:45px; line-height:45px; color:#fff; font-size:24px; padding:0 25px; overflow:hidden;
    -moz-opacity:0.6;
    opacity:0.6;
    filter:alpha(opacity=60);
}



#subMenu{background:#554d46; overflow:hidden;}
#subMenu .box{width:1000px; height:60px; margin:0 auto; overflow:hidden;}
#subMenu .box div{display:inline-block; height:60px; line-height:60px; padding:0 40px;}
#subMenu .box div a{color:#d3d3d3; font-size:16px;}
#subMenu .box div a:hover,
#subMenu .box div a.on{color:#d4a93e;}

#toTop{display:none; width:48px; height:48px; background:url(/Public/Website/assets/top.png) no-repeat; background-size:100% auto; overflow:hidden; position:fixed; z-index:9999999999; bottom:180px; right:25px; cursor:pointer;}
/*pad*/
@media only screen and (min-width:768px) and (max-width:1219px){
    #header .box{width:auto; height:60px; padding:0 25px;}
    #header .box .logo{width:100px; height:28px; margin-top:16px;}
    #header .box .logo h1{display:none;}
    #header .box .logo img{width:100%; height:100%;}
    #header .box .menu{display:none;}
    #header .mobile_menu{display:block; width:14px; height:14px; background:url(/Public/Website/assets/header_menu_icon_mobile.png) no-repeat; background-size:100% auto; overflow:hidden; position:absolute; right:25px; top:23px; cursor:pointer;}
    #header .mobile_box{display:block; width:180px; text-align:left; padding:0 20px 50px 20px; background:#A68D6A; overflow-x:hidden; overflow-y:auto; position:fixed; right:-220px; top:0; z-index:9999999;}
    #header .mobile_box a.close{display:block; height:14px; line-height:14px; color:#fff; font-size:12px; padding-right:24px; background:url(/Public/Website/assets/header_menu_close_icon_mobile.png) no-repeat right 0; background-size:auto 100%; overflow:hidden; position:absolute; right:20px; top:18px;}
    #header .mobile_box .list{width:100%; margin-top:50px; padding:6px 0; overflow:hidden;}
    #header .mobile_box .list li{width:100%; overflow:hidden;}
    #header .mobile_box .list li a.main{display:block; height:30px; line-height:30px; color:#fff; font-size:12px; padding:0 10px; overflow:hidden;}
    #header .mobile_box .list li a.main.on{background:#D4A93E;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
    }
    #header .mobile_box .list li .show{display:none; padding:6px 25px; overflow:hidden;}
    #header .mobile_box .list li .show a{display:block; height:40px; line-height:40px; color:#313131; font-size:12px; overflow:hidden;}

    #footer .box{width:auto; height:auto; padding:0 25px 15px 25px; position:relative;}
    #footer .box .logo{width:91px; height:25px; margin:0; padding-top:10px; float:inherit;}
    #footer .box .other{padding-top:10px; text-align:left; float:inherit;}
    #footer .box .other div{height:auto; line-height:21px; font-size:11px;}
    #footer .box .other div span{padding:0 3px;}
    #footer .box .other div a{margin-left:10px; font-size:11px;}
    #footer .box .other div a:hover{text-decoration:underline;}
    #footer .box .other .menu{text-align:right; position:absolute; top:7px; right:15px;}
    #footer .box .other .copyright{line-height:13px; padding-top:20px;}

    #subBanner{height:320px; margin-top:60px; overflow:hidden; position:relative;}
    #subBanner .box{width:100%; height:320px; margin-left:0; overflow:hidden; position:relative; top:0; left:0;}
    #subBanner .box img{width:1280px; height:100%; margin-left:-640px; position:absolute; top:0; left:50%; z-index:0;}
    #subBanner .box .text{width:100%; text-align:left; overflow:hidden; position:absolute; top:120px; z-index:1;}
    #subBanner .box .text .cn{height:38px; line-height:38px; font-size:24px; padding:0 25px;}
    #subBanner .box .text .en{height:38px; line-height:38px; font-size:32px; padding:0 25px;}

    #subMenu .box{width:100%; height:50px;}
    #subMenu .box div{height:50px; line-height:50px; padding:0 35px;}
    #subMenu .box div a{font-size:14px;}

    #toTop{width:30px; height:30px; bottom:113px; right:20px;}
}
/*mobile*/
@media only screen and (min-width:320px) and (max-width:767px){
    #header .box{width:auto; height:46px; padding:0 15px;}
    #header .box .logo{width:77px; height:21px; margin-top:13px;}
    #header .box .logo h1{display:none;}
    #header .box .logo img{width:100%; height:100%;}
    #header .box .menu{display:none;}
    #header .mobile_menu{display:block; width:14px; height:14px; background:url(/Public/Website/assets/header_menu_icon_mobile.png) no-repeat; background-size:100% auto; overflow:hidden; position:absolute; right:15px; top:16px; cursor:pointer;}
    #header .mobile_box{display:block; width:180px; text-align:left; padding:0 20px 50px 20px; background:#A68D6A; overflow-x:hidden; overflow-y:auto; position:fixed; right:-220px; top:0; z-index:9999999;}
    #header .mobile_box a.close{display:block; height:14px; line-height:14px; color:#fff; font-size:12px; padding-right:24px; background:url(/Public/Website/assets/header_menu_close_icon_mobile.png) no-repeat right 0; background-size:auto 100%; overflow:hidden; position:absolute; right:20px; top:18px;}
    #header .mobile_box .list{width:100%; margin-top:50px; padding:6px 0; overflow:hidden;}
    #header .mobile_box .list li{width:100%; overflow:hidden;}
    #header .mobile_box .list li a.main{display:block; height:30px; line-height:30px; color:#fff; font-size:12px; padding:0 10px; overflow:hidden;}
    #header .mobile_box .list li a.main.on{background:#D4A93E;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
    }
    #header .mobile_box .list li .show{display:none; padding:6px 25px; overflow:hidden;}
    #header .mobile_box .list li .show a{display:block; height:40px; line-height:40px; color:#313131; font-size:12px; overflow:hidden;}

    #footer .box{width:auto; height:auto; padding:0 15px 10px 15px; position:relative;}
    #footer .box .logo{width:91px; height:25px; margin:0; padding-top:10px; float:inherit;}
    #footer .box .other{padding-top:10px; text-align:left; float:inherit;}
    #footer .box .other div{height:auto; line-height:21px; font-size:11px;}
    #footer .box .other div span{padding:0 3px;}
    #footer .box .other div a{margin-left:10px; font-size:11px;}
    #footer .box .other div a:hover{text-decoration:underline;}
    #footer .box .other .menu{text-align:right; position:absolute; top:7px; right:15px;}
    #footer .box .other .copyright{line-height:13px; padding-top:10px;}

    #subBanner{height:134px; margin-top:46px; overflow:hidden; position:relative;}
    #subBanner .box{width:100%; height:134px; margin-left:0; overflow:hidden; position:relative; top:0; left:0;}
    #subBanner .box img{width:536px; height:100%; margin-left:-268px; position:absolute; top:0; left:50%; z-index:0;}
    #subBanner .box .text{width:100%; text-align:left; overflow:hidden; position:absolute; top:45px; z-index:1;}
    #subBanner .box .text .cn{height:23px; line-height:23px; font-size:16px; padding:0 15px;}
    #subBanner .box .text .en{height:23px; line-height:23px; font-size:16px; padding:0 15px;}

    #subMenu .box{width:100%; height:40px;}
    #subMenu .box div{height:40px; line-height:40px; padding:0 20px;}
    #subMenu .box div a{font-size:11px;}

    #toTop{width:25px; height:25px; bottom:100px; right:15px;}
}