@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0; list-style:none}

body{ font-family:"SourceHanSerif"; position:relative;background:#f5f5f5;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:1400px; 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.02);/* transform:rotate(10deg)*/outline:none;}

.welcome{ line-height:28px; background:#f1f1f1; font-size:16px; color:#a5a5a5}

.welcome span{ float:right}

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

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

.topper .logo img{ width:90%; margin-left:2%}

.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:38px; color:#000000; line-height:34px; font-weight:600; text-shadow: 2px 3px 1px #a9a9a9;/*添加字体文字的阴影*/}

.nav{ height:58px;background:#f9a705; position:relative}

.nav li{text-align:center; font-size:20px; color:#030303; line-height:58px; color:#ffffff;font-family: 'SourceHanSerif'; width:14.285%; float:left; position:relative }



.nav li a{ color:#030303;font-family: 'SourceHanSerif'; display:inline-block; padding:0 20px; transition:all 0.5s; border-radius:10px; line-height:32px;}

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

.nav li .show{ width:100%; position:absolute; left:0; top:58px; padding-top:15px; padding-bottom:16px; background:#fafafa; z-index:3; display:none;}

.nav li .show .down_nav{ width:96%; margin:auto;}

.nav li .show .down_nav h3{ line-height:34px; width:90%; border-bottom:1px solid #f5f5f5; margin-bottom:3px; color:#000000; text-align:left; font-size:18px;}

.nav li .show .down_nav p{ line-height:32px; font-size:16px; color:#5D5D5D; text-align:center;}

.nav li .show .down_nav p a{ padding:0; 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:top; margin-right:1%}

.topper_r li  p{ display:block; text-align:right}

.topper_r li p span{ font-size:20px; color:#0a0a0a; line-height:40px; }

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

.topper_r li p:last-child{ font-size:36px; color:#f90505; line-height:24px;}

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



.catpos{ position:relative;color:#000000; font-size:20px;padding-top:20px}

.catpos span{ float:right; margin-top:20px;}

.catpos .title{ display:inline-block; vertical-align:middle; color:#000000; font-weight:600; font-size:24px; letter-spacing:3px; line-height:36px;}

.catpos .title .en{}

.catpos .title .cn{}

.catpos .title .cn img{ display:inline-block; vertical-align:middle}

.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;  padding-bottom:30px; background:#f9aa0f; margin-top:50px; }

.guestbook{ height:auto; overflow:hidden; background:url(../images/book_bg.png) top center no-repeat; padding-top:30px}

.guestbook .title{ height:auto; overflow:hidden; padding-bottom:20px; position:relative}

.guestbook .cn{ position:absolute; width:100%; text-align:center; font-size:96px; letter-spacing:10px; bottom:0; color:rgba(255,255,255,0.08)}



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

.footer_box .caigou_form input{ display:inline-block; vertical-align:middle; margin:0 1%; margin-bottom:50px; width:20%; background:#ffffff; border:0px solid #ffffff; line-height:46px; color:#666666; font-size:16px; text-indent:1em; border-radius:10px}

.footer_box .caigou_form input:last-child{ background:#f9aa0f; color:#ffffff; border:2px solid #f9aa0f;}

.footer_box .caigou_form input::placeholder{color:#6666666; font-size:18px;}

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

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

.footer_box .footer .footer_nav dl{ display:inline-block; vertical-align:top;width:21.33%; padding:0 2%;}

.footer_box .footer .footer_nav dl dt{ font-size:22px; color:#ffffff; line-height:38px; 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_nav dl dd a{ color:#ffffff}

.footer_box .footer .footer_contact{ width:40%;color:#ffffff;height:auto; overflow:hidden; position:relative }

	.footer_box .footer .footer_contact .logo{ position:absolute; right:0; top:0; max-width:50%}

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

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

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

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

.footer_box .footer .footer_contact .hottel span{ font-size:30px; letter-spacing:2px; color: #f90505; font-weight: bold;} 

.links{font-size:18px; line-height:24px; color:#ffffff; height:auto; overflow:hidden; padding:10px 0; text-align:left; margin-top:20px}

.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_contact .ewm{ padding-top:10px;}

.footer_box .footer .footer_contact .ewm ul li{width:33.33%;float:left; text-align:center;}

.footer_box .footer .footer_contact .ewm ul li img{display:block; max-width:80%;margin:auto;}

.copy{ color:#ffffff; padding-top:20px}
.copy a{color:#ffffff;}
.pages{ clear:both}

.pages a,.pages span{ display:inline-block; vertical-align:middle; margin:0 5px; line-height:46px; padding:0 16px; border:1px solid #000; border-radius:6px;}

.pages span{background:#f6b73c;border:1px solid #f6b73c;}