@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: 'SourceHanSerif';src:url('../images/SourceHanSerifCN-Bold.otf'); }


.w1400{ width:96.8%; margin:auto; position:relative}


.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.02);/* transform:rotate(10deg)*/outline:none;}


.topper{ position:relative; width:100%; padding:12px 0; background:rgba(0,0,0,1); border-bottom:1px solid #ffffff; height:auto; overflow:hidden}


.topper .logo{ display:inline-block; vertical-align:middle; width:34.5%; position:relative; height:auto; overflow:hidden}


.topper .logo img{ width:100%;}


.topper .logo::after{ width:1px; height:60%; position:absolute; right:0; z-index:1; content:""; background:#ffffff; top:20%;}


.logoText{ position:relative; display:inline-block; vertical-align:middle; padding:0 1%;font-family: 'SourceHanSerif'; font-size:22px; color:#b60005; line-height:34px;}


.topper .menu{ position:absolute; right:1%; width:35px; top:6px; z-index:2}


.topper .menu img{ max-width:100%}


.shadow{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); z-index:9; left:0; top:0; display:none}


.nav{ height:90%; padding:13px 3%;background:#b60005; position:fixed; width:50%; z-index:10; right:-60%; top:0; padding-bottom:15%;overflow:auto; transition:all 0.7s}


.nav li{text-align:center; font-size:20px; color:#ffffff; line-height:32px; color:#ffffff;font-family: 'SourceHanSerif'; width:100%;}





.nav li a.big{ color:#ffffff;font-family: 'SourceHanSerif'; display:inline-block; padding:0 5px; transition:all 0.5s; border-radius:10px; line-height:28px; font-size:16px;font-weight:600}


.nav li:hover a.big{ background:#000000;}


.nav li .show{ width:100%;  padding:5px 0;}


.nav li .show p{ line-height:24px; font-size:14px; text-indent:1em; border-bottom:1px dotted #FFCACA}


.nav li .show p a{ font-size:14px; color:#ffffff}


.down_contact{ width:17.1%; margin-left:4%;}


.down_ewm{ text-align:left;}


.down_tel{ width:100%; clear:both; margin-top:90px; color:#000000}


/*.nav li::after{ width:0px; position:absolute; left:20%; bottom:-15px; z-index:1; height:3px; line-height:3px; background:#ee4426; content:""; transition:all 0.7s}


.topper .nav li:hover::after,.topper .nav li.on::after{ width:60%}*/


.down_tel .tel{ display:inline-block; vertical-align:middle; padding:0px; line-height:54px; background:#c42003; border-radius:10px; width:20%; color:#ffffff; margin-right:2%}


.down_tel .tel img{ max-width:50px; display:inline-block; vertical-align:middle; margin-right:2%; }


.topper_r{ width:22%; position:relative; right:0; z-index:2; top:15px;}


.topper_r li{ position:relative }


.topper_r 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_r li .show::before{ top:-13px; left:5px; z-index:2; content:"▲"; color:rgba(0,0,0,0.6); position:absolute; }


.topper_r li .show p:last-child{ font-size:16px;}


.topper_r li img{ max-width:55px; display:inline-block; vertical-align:middle;}


.topper_r li  p{ display:inline-block; vertical-align:middle}


.topper_r li p span{ display:block;}


.topper_r li p span:first-child{ line-height:20px; font-size:16px; color:#000000; text-indent:1em; }


.topper_r li p span:last-child{ line-height:30px; font-size:30px; color:#000000;}


.topper_r li .teltext{ display:inline-block; vertical-align:middle;}


.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:50px}


.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;  background:#040000;}


.footer_box .caigou_form{ clear:both; padding:36px 0; height:auto; overflow:hidden; text-align:center; border-bottom:1px solid #504e4c;}





.footer_box .footer{ height:auto; overflow:hidden; padding-top:20px; padding-bottom:30px}


.footer_box .footer .footer_nav{ position:relative; height:auto; overflow:hidden; width:70%; padding-bottom:60px;}


.footer_box .footer .footer_nav dl{ display:inline-block; vertical-align:top; margin-right:4%;}


.footer_box .footer .footer_nav dl dt{ font-size:22px; color:#ffffff; line-height:38px; border-bottom:1px solid #a9a9a9; margin-bottom:15px; letter-spacing:3px;}


.footer_box .footer .footer_nav dl dd{ line-height:36px; font-size:18px; color:#ffffff;}


.footer_box .footer .footer_contact{ width:100%;color:#ffffff; }


.footer_box .footer .footer_contact .hottel{ margin-bottom:3px; line-height:30px; font-size:16px;}


.footer_box .footer .footer_contact .hottel img{ display:inline-block; vertical-align:top; margin-right:4%;max-width:40px;}


.footer_box .footer .footer_contact .hottel:first-child img{ margin-right:3%;max-width:45px;}


.footer_box .footer .footer_contact .hottel p{ display:inline-block; vertical-align:middle; width:80%;}


.footer_box .footer .footer_contact .hottel b{ font-size:24px; letter-spacing:2px; color:#c42003}


.footer_box .footer .footer_contact .hottel a{color:#ffffff}


.links{ margin-top:40px; font-size:22px; line-height:24px; color:#ffffff; height:auto; overflow:hidden; padding:10px 0; border:1px solid #a9a9a9}


.links img{ display:inline-block; vertical-align:middle; margin-right:2%;}


.footer_copy{ padding:18px; line-height:32px; font-size:18px; color:#ffffff; background:#c42003;}


.footer_copy a{ font-size:18px; color:#ffffff}


.footer_box .footer .footer_nav .ewm{ width:45%; position:absolute; right:0; bottom:0; z-index:2}


.footer_box .footer .footer_nav .ewm img{ max-width:40%; float:left; margin-right:5%;}