@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none}
body{ font-family:"SourceHanSans"; position:relative; background:#fbfbfc;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
@font-face {font-family: 'SourceHanSans';src:url('../images/SSourceHanSansCN-normal.otf'); }
@font-face {font-family: 'Impact';src:url('../images/Impact.ttf'); }
.w1370{ width:1370px; margin:auto;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ color:#000; text-decoration:none; transition:all 0.7s}
img{ transition:all 0.7s; border:0;}
img:hover{ transform:scale(1.05);/* transform:rotate(10deg)*/}
.topper{ position:absolute; width:100%; left:0; top:0; z-index:2; padding-top:16px; background:rgba(0,0,0,0.3)}
.topper .logo{ display:inline-block; width:10.65%;}
.topper .logo img{ width:100%}
.topper .nav{width:89.35%; padding-top:25px}
.topper .nav li{ width:12.5%; float:left; text-align:center; font-size:20px; color:#000; position:relative; line-height:32px; color:#ffffff}
.topper .nav li a{ color:#ffffff}
.topper .nav li::after{ width:0; position:absolute; left:20%; bottom:0; z-index:1; height:2px; line-height:2px; background:#e67f11; content:""; transition:all 0.7s}
.topper .nav li:hover::after,.topper .nav li.on::after{ width:60%}
.nav ul li:hover .nav-list{display: block;}
.nav-list{
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
    z-index: 9;
    width: 100%;
    height:auto;
	background: rgba(0,0,0,0.4);
    text-align: center;
}
.nav-list dl{
    display: inline-block;
}
.nav-list dl dt{
   /* float: left; */
    margin: 0 25px;
}
.nav-list dl dt a{
    display: block;
    font-size: 14px !important;
    line-height: 46px;
    color: #fff !important;
}
.topper_right{ width:14.1%; position:absolute; right:0; z-index:2; top:40px;}
.topper_right li{ width:50px; float:left; position:relative }
.topper_right li .show{ width:200%; left:0; position:absolute; top:38px; left:0; background:rgba(0,0,0,0.6); color:#ffffff; font-size:13px; display:none; padding:10px; border-radius:10px;}
.topper_right li .show::before{ top:-13px; left:5px; z-index:2; content:"▲"; color:rgba(0,0,0,0.6); position:absolute; }
.topper_right li .show p:last-child{ font-size:16px;}
.topper_right li img{ max-width:100%; display:block; margin:auto}
.topper_right li:last-child .show{ left:auto; right:0;}
.topper_right li:last-child .show::before{ left:auto; right:5px;}
.topper_right li:last-child .show img{ display:block; width:100%;}
.catpos{ height:60px; line-height:60px; background:#ffffff; font-family:'SourceHanSans'; font-size:20px; color:#272828}
.catpos a{ font-size:20px; color:#272828}
.catpos .search{ width:32.794%; height:43px; margin-top:9px;}
.catpos .search input.text{ width:79%; height:44px; line-height:42px; background:#f5f5f5; text-indent:8px; border:0px; font-size:18px; color:#333333;font-family:'SourceHanSans'; float:left }
.catpos .search input.text::placeholder{ font-size:18px; color:#d5d5d5 ;}
.catpos .search  .submit{ width:20.5%; float:left}
.class_nav { padding:18px 0; height:auto; overflow:hidden; border-bottom:2px solid #e5e5e4;}
.class_nav .title{ display:inline-block;}
.class_nav .title .en{ font-size:48px;font-family:'SourceHanSans'; color:#272828;}
.class_nav .title h4{ font-size:30px; color:#e67f11; font-weight:normal}
.class_nav .title h4 span{ display:inline-block; vertical-align:middle; height:2px; line-height:2px; background:#e67f11; width:150px; margin-left:10px}
.list_class { display:inline-block; margin-top:10px}
.list_class  ul li{ display:inline-block; padding:6px 20px; line-height:20px; font-size:20px; color:#ffffff; background:#030000; border:1px solid #030000; margin:0 7px; border-radius:15px; transition:all 0.7s}
.list_class  ul li:hover{border-radius:10px; background:#ffffff; }
.list_class  ul li a{font-size:20px;font-family:'SourceHanSans';  color:#ffffff}
.list_class  ul li.on{ background:#e67f11;}
.list_class  ul li:hover a{ color:#000000}

.footer_box{ height:auto; overflow:hidden; position:relative;  padding-bottom:30px; background:#040000;}
.left_nav{ width:51.21%; height:auto; overflow:hidden; position:relative;padding-top:75px; border-right:1px solid #434343; padding-bottom:20px;}
.left_nav h3{ line-height:40px; font-size:20px; color:#ffffff;font-weight:normal}
.left_nav dl{ display:inline-block; vertical-align:middle; width:48%; padding-top:20px;}
.left_nav dl dd{ width:50%; float:left; line-height:60px; position:relative}
.left_nav dl dd a{ font-size:20px; color:#ffffff;}
.left_nav dl dd::after{ width:0; height:2px; line-height:2px; background:#982a24; position:absolute; bottom:0; left:0; z-index:1; content:""; transition:all 0.7s}
.left_nav dl dd:hover::after{ width:60%;}
.left_nav  .ewm{ position:absolute; right:5%; max-width:80%; top:87px}
.right_con{ width:47.79%; padding-top:75px;}
.right_con .box{ padding-left:9%;}
.right_con .box h3{ line-height:40px; font-size:20px; color:#ffffff;font-weight:normal}
.right_con .box .desc{ font-size:18px; color:#ffffff; line-height:36px; width:82%; padding-top:30px;}
.right_con .box .zx{ width:30%; margin-top:16px; line-height:42px; text-align:center; color:#ffffff; font-size:18px; letter-spacing:3px; background:#946f46; transition:all 0.7s}
.right_con .box .zx a{color:#ffffff; font-size:18px; }
.right_con .box .zx:hover{ border-radius:10px;}
.right_con .box .con_tel{ line-height:44px; font-size:20px; color:#ffffff}
.right_con .box .con_tel img{ display:inline-block; vertical-align:middle; margin-right:2%}
.footer_copy{ height:auto; overflow:hidden; padding:18px 0; border-top:2px solid #434343}
.footer_copy .left{ width:52%; padding:20px 0; font-size:20px; color:#626363; line-height:52px;}
.footer_copy .left a{font-size:20px; color:#626363; }
.footer_copy .right{ width:48%;}
.footer_copy .right img.logo{ display:inline-block; vertical-align:middle; margin-left:8%;} 
.footer_copy .right .text{ display:inline-block; vertical-align:middle; margin-left:6%}
.footer_copy .right .text p{ color:#ffffff}
.footer_copy .right .text p:first-child{ font-size:30px; font-weight:600; letter-spacing:5px;}
.footer_copy .right .text p:last-child{ font-size:30px;  letter-spacing:5px;font-weight:600; }
.link{ color: #ffffff;font-size:14px}
.link a{ color:#ffffff}