@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: '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:12px 0; background:#ffffff; border-bottom:1px solid #ffffff; height:auto; overflow:hidden}



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



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



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



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



.nav{ height:58px; padding:0 13px; background:#b60005; position:relative}



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





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

.nav li a.big{ color:#ffffff; height: 32px; 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:35px; padding-bottom:16px; background:#fafafa; z-index:3; display:none;}



.nav li .show .pic{ width:32%;}



.nav li .show .pic img{ max-width:80%; display:block; margin:auto;}



.nav li .show .down_nav{ width:18%; margin-left:3%;}



.nav li .show .down_nav h4,.nav li .show .down_case h4,.down_contact h4{ 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:40px; font-size:16px; color:#5D5D5D; text-align:left;}



.nav li .show .down_case{ width:18.5%}



.nav li .show .down_case h3,.down_contact h3{ width:100%}



.nav li .show .down_case dl dd{ width:48%; float:left; margin:1%; margin-bottom:5px; box-shadow:0px 0px 5px #e0e0e0;}



.nav li .show .down_case dl dd img{ width:90%; display:block; margin:auto}



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



.down_ewm{ text-align:left;}



.down_tel{ width:100%; clear:both; margin-top:90px; color:#000000;font-family: "微软雅黑";}



/*.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;  padding-bottom:30px; background:#040000; padding-top:60px; background:url(../images/footbj.jpg) center ;}



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



.footer_box .caigou_form input{ display:inline-block; vertical-align:middle; margin:0 1%; margin-bottom:50px; width:20%; background:none; border:2px solid #ffffff; line-height:40px; color:#ffffff; font-size:16px; text-align:center}



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



.footer_box .caigou_form input::placeholder{color:#ffffff; font-size:16px;}



.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:70%; padding-bottom:80px;}



.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_nav dl dt a,.footer_box .footer .footer_nav dl dd a{color:#ffffff;}



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



.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:middle; 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; width:65%;}



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



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

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



.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:40; position:absolute; right:0; bottom:0; z-index:2}



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



.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; line-height:40px}

.pages span{background:#d80c18;color:#ffffff}