@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container_wrap{width:90%;margin:0 auto;}
.container{margin:0 auto;}
.head_margin{height: 70px;}
.header_wrap{display:table;}
.header{width:100%;background:#ffffff;transition:all .3s;}
.header .container{position:relative;}
.logo{position:absolute;left:3%;top:50%;height:50px;width:186px;margin-top:-20px;}
.logo img{max-width:100%;}
.fixed{position:fixed;top:0;}
.nav_bar ul li a{color:#333333;text-decoration:none;display:block;}
.nav_bar ul li.l1:hover .hid{display:block;}
.hid{position:absolute;left:0;top:100%;min-width:100%;border-top:2px solid #ce1c28;
     z-index: 1;
     max-height: 0;
     visibility: hidden;
   /*  visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 300ms ease;
    -moz-transition: 300ms ease;
    -o-transition: 300ms ease;
    transition: 300ms ease; */

}


.hid ul{margin:0 auto;text-align:center;position:relative;cursor:default;text-align:center;}
/*.hid ul:before{content:'';position:absolute;top:-16px;left:10%;border:8px solid transparent;border-bottom-color:#fff;}
*/
.hid ul li{line-height:24px;text-align:left;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  opacity: 0;
    transform-origin: top center;background:#fff;}
.hid ul li a{padding:4px;}
.nav>ul>li:hover .hid{  visibility: visible; max-height: 500px;}

.nav>ul>li:hover .hid li:first-of-type {
  animation: menu2 0.2s ease-in-out forwards;
  animation-delay: 0.1s;
}

.nav>ul>li:hover .hid li:nth-of-type(2)  {
  animation: menu2 0.2s ease-in-out forwards;
  animation-delay: 0.2s;
}

.nav>ul>li:hover .hid li:nth-of-type(3) {
  animation: menu2 0.2s ease-in-out forwards;
  animation-delay: 0.3s;
}

.nav>ul>li:hover .hid li:nth-of-type(4) {
  animation: menu2 0.2s ease-in-out forwards;
  animation-delay: 0.4s;
}

.nav>ul>li:hover .hid li:nth-of-type(5) {
  animation: menu2 0.2s ease-in-out forwards;
  animation-delay: 0.5s;
}
.nav>ul>li:hover .hid li:nth-of-type(6) {
  animation: menu2 0.2s ease-in-out forwards;
  animation-delay: 0.6s;
}

.nav>ul>li:hover .hid li:nth-of-type(7) {
  animation: menu2 0.2s ease-in-out forwards;
  animation-delay: 0.7s;
}
.nav>ul>li:hover .hid li:nth-of-type(8) {
  animation: menu2 0.2s ease-in-out forwards;
  animation-delay: 0.8s;
}

/* .nav>ul>li:hover .hid li:last-of-type {
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 1.2s;
} */

@keyframes menu2 {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}












.hid ul li:hover a{background-color:#f5f5f5;color:#ce1c28;}
.call_number{font-size:16px;}
.header.mini{background-color:#ffffff !important;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;}
.header.mini .nav>ul>li>a{color:#000000;;}
/*.header.mini .top_language{height: 60px;line-height: 60px;}*/
.moblie_header.mini{box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.header{position:fixed;top:0px;left:0px;width:100%;min-width:1000px;z-index:9999;background:#000000;transition:all .3s}
.logo a{display:block;position:relative;overflow:hidden;}
.logo img{max-width:100%;max-height:45px;position:relative;z-index:100}
.top_language{width:120px;height:70px;line-height:70px;font-size:0;display:inline-block;vertical-align:middle;}
.top_language a{font-size:14px;margin-left:10px;display:inline-block;padding:5px 10px;line-height:1.0;vertical-align:middle;box-shadow: 0 0 5px 2px #f2f2f2;border-radius:6px;color: #dddddd;}
.top_language a.active{background-color:#6a6a6a;color:#ffffff;}
.head_fixed{position:fixed;top:0px;left:0px;}
/*.icon_call{width:18px;height:18px;margin:0 10px;background:url(../icon_call.png) no-repeat center center;}
*/
.nav{width:calc(100% - 150px);text-align:right;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav>ul>li{position:relative;display:inline-block;margin:0 2%;height:100%;vertical-align:top;}
.nav>ul>li>a{position:relative;width:100%;line-height:70px;display:block;text-align:center;font-size:16px;color:#ffffff;transition:all .3s}
.nav>ul>li>a:hover{color:#ce1c28;}
.nav>ul>li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:101px;z-index:100}
.nav>ul>li.div1 .p1{width:57.4%;float:right;height:65px;line-height:65px}
.nav>ul>li .div1 .p1 a{color:#999;font-size:14px;text-transform:uppercase;background:url(../1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s}
.nav>ul>li.div1 .p1 a:hover{background:url(../1_27.jpg) center bottom no-repeat;color:#1a1a1a}
.nav>ul>li .mad3 .p1 .pad{margin-left:30%}
.nav>ul>li .mad4 .p1 .pad{margin-left:44%}
.nav>ul>li .mad5 .p1 .pad{margin-left:45%}
.nav>ul>li .mad6 .p1{text-align:right}
.a_txt{display:none}
.nav>ul.yellow>li.active>a{border-bottom:2px solid #ce1c28;}


/* 悬浮框 */
.float-right-box{/*width:250px;*/position:fixed;right:0;top:70%;margin-top:-127px;/*background-color:#565655;*/z-index:1000;transition:width 0.3s ease 0s;}
.float-right-box.on{width:64px;}
.float-right-box .top-list{width:100%;}
.float-right-box .top-list ul{width:100%;background-color:#ffffff;}
.float-right-box .top-list li{background: #ffffff;color:#525252;  width:100%; position:relative;transition:all 0.3s ease 0s;text-align: center;padding:5px 0;}
.float-right-box .top-list li.on a{position:absolute;top:0;right:0;width:250px;height:70px;transition:width 0.3s ease 0s;background-color:#ffffff;color:#ffffff;}
.float-right-box .top-list a{display:block;width:100%;zoom:1;}
.float-right-box .top-list a:after{content:"";display:block;height:0;clear:both;}
.icon_name{font-size: 12px;width: 100%;padding: 4px 0; }
.float-right-box .top-list .ico{width:100%;height:34px;font-size: 28px;line-height: 34px;}
.float-right-box .top-list li:hover{background-color:#525252;color: #ffffff;}
.float-right-box .top-list li:hover .ico,.float-right-box .top-list li:hover .icon_name{color: #ffffff;}
.float-right-box .top-list li.btn_top{border-top:1px solid #f1f1f1;}
.float-right-box .top-list .return-webtop .stt{font-family:"Arial";font-weight:bold;}
.float-right-box .top-list li .weix{position:relative;}
.sidebox{position:absolute;right:70px;top:-10px;display: none; z-index:10;background:#ffffff;text-align:center;color:#333333;padding:5px;border:1px solid #efefef;}
.float-right-box .sidebox img{width:140px;height:140px;display:block;margin:5px auto;}


@media (max-width:1023px) and (min-width:768px){.moblie_header{padding:21px 0}}
@media (max-width:767px) and (min-width:0px){
    .moblie_header{padding:10px 0;}
}

@media (max-width:1023px) and (min-width:0px){
.container{padding:0 3%;width:100%;box-sizing:border-box;}
.header{display:none}
.moblie_header{display:block;background:#fff;position:fixed;top:0px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);width:100%;z-index:9999;}
.moblie_header .fl img{height:30px}
.moblie_header .fr a{display:block;width:100%;height:100%;}
.moblie_header .fr a img{height:18px;vertical-align:middle;margin-top:6px;}
.menu_box{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.menu_box .menu_mark{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);left:0px;top:0px;z-index:1}
.menu_box .btn_closed_box{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.menu_box .menu_nav{position:absolute;width:80%;right:0px;top:0px;background:#ffffff;height:100%;z-index:100;right:-80%}
.menu_box .menu_nav ul{padding-left:5%;padding-right:5%}
.menu_box .menu_nav ul li{border-bottom:1px solid #f3f3f3;position:relative;}
.menu_box .menu_nav ul li a{display:block;width:100%;height:45px;color:#333333;line-height:45px;padding-left:5%;font-size:16px;}
.menu_box .menu_nav ul li.had_sonnav a{width:calc(100% - 45px);}
.menu_box .menu_nav ul li .plus{z-index:2;width:45px;height:45px;padding:14px;display:inline-block;position:absolute;right:0;top:0px;background:url(../plus.png) center center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.menu_box .menu_nav ul li .plus_on{background:url(../reduce.png) center center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.menu_box .menu_nav ul li .child_nav{display:none}
.menu_box .menu_nav ul li .child_nav a{height:40px;line-height:40px;font-size:14px}
.head_margin{height: 50px;}
}

.footer{width:100%;background-color:#3d3d3d;color:#ffffff;position:relative;padding-top:80px;}
.footer_logo{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%);}
.footer_top{/* padding:0 5%; */border-bottom:1px solid #5e5e5e;}
.f_item{font-size: 14px;padding:1%;width: 33%;text-align: center;}
.f_item .iconfont{color:#818181;margin-right:4px;}
.f_item span{display: inline-block;vertical-align: middle;}
.footer_bottom{padding:10px 0;color: #757575;}

@media(max-width: 767px){
	.footer_logo img{width: 60px;height: 60px;}
	.footer_top {width: 100%;display: block;}
	.f_item{width: 100%;margin-bottom: 10px;text-align: left;font-size: 14px;}
	.footer_bottom {text-align: center;padding-top: 10px;}
	.copyright{float: none;font-size: 12px;}
}


@media (min-width:768px){
	.to_top{display:none !important;}
	.txtrl{width:20px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;}
	.footer_logo img{width: 70px;height: 70px;}
}

@media (min-width: 1024px){
	.moblie_header,.menu_box{display:none;}
	.footer_logo img{width: 100px;height: 100px;}
}


@media (min-width: 992px) {
	body{font-size: 14px;}
	.container{width:960px;}
}

@media (min-width: 1200px) {
	body{font-size: 14px;}
	.container{width:1140px;}
}

@media(min-width:1400px){
  .container{width: 1210px;}
  .f_item{font-size: 16px;}
  .f_item .iconfont{font-size: 30px;}

}

.to_top{position:fixed;right:10px;bottom:20%;width:46px;height:46px;display:none;z-index:999;}
.to_top a{display:block;width:46px;height:46px;}
.to_top a img{width:100%;}



.pages{max-width:100%;}