@charset "utf-8";
/* CSS Document */
html{background:#fff;/* 10÷16=62.5% */}
body{ /* 12÷10=1.2 *//*font-size:64.5%;*//*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #444;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;font-size: 1em;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;/* color: #323232; */-webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;}
a:hover{color: #990000;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}

ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.pa{position:absolute;}
.pr{position:relative;}

.topicInfo li{transtion:all 1s ease 0s}
/*头部样式*/
.wraq_header{
    width:100%;height:167px;
    top:0;left:0;
    position:relative;
    z-index:999;
    border-top: 2px solid #e5e5e5;
    background:#990000;

}

.header{ 
    background: url(../images/topbg.png) no-repeat right bottom;
    max-width:1200px; height:120px; margin:0 auto;position:relative;}
.logo{float: left;width: 320px; margin:0px 0 0 0; }
.logo001{float: left;width: 320px; margin:10px 0 0 0; }
.logo .logo_01{display:inline-block; max-width: 320px; z-index:9999;position: relative; float: left;}
.logo001 img{
    max-width: 500px;
    max-height:120px;
}
.logo  .logo_02{ display:inline-block; width: 85%; }
.top_nav{float: right;position: relative;margin-top:38px;height: 80px;}
.top_nav .searchBtn{width: 36px;height: 36px;float: right;background: url(../images/searchBtn.png) center center no-repeat #a92419;cursor: pointer;}
.top_nav .language{width: 100px;height: 36px;float: right;margin-right: 12px;}
.top_nav .language a{display: block;width: 90px;height: 34px;text-align: left; padding:0 0 0 10px; line-height: 34px;border: 1px solid #cdcdcd;font-size: 16px;}
.top_nav .language a.cn{background: 
    url(../images/languageBtn.png) 80px center no-repeat #e5e5e5;}
.top_nav .language a.eng{background:
    #e5e5e5;display: none;}
.top_nav .language:hover a.eng{display: block;}


.search_box{position: relative;/* top:43px; *//* left: 53px; */width: 260px;float: right;height: 36px;display: none;}

.ser{width:260px;height: 36px;left: 0;top: 0;line-height: 36px;background-color:#fff;z-index:9999994;}
.search{width:260px; height: 38px;position:relative; overflow: hidden;z-index:9999999;}
.search input{position:absolute; width:260px; height: 34px;line-height:34px; color:#444; border:none; background:#fff; right:30px; top:0px; padding-left:0px;border:1px solid #cccccc; }
.search input.notxt{color:#444; padding-left:7px;width:219px;font-family: "Microsoft yahei";font-size: 14px;}   
.search input.notxt1 {position: absolute;width: 38px;height:38px;top: 0px;right:0;border: none;background:url(../images/search.png) no-repeat center center;cursor:pointer; overflow: hidden;background-color:#990000; }


/*footer*/
.footer_wrap{width:100%;background: #a92419;/* overflow: hidden; */height:120px;}
.footer{max-width: 1200px;/* overflow: hidden; */margin:0 auto; position: relative;}
.footer .lf{float: left;width: 25%;overflow: hidden;margin: 23px 0;}
.footer .md{ padding:30px 0 0 0; /* overflow: hidden; */margin: 0 0 0 45%;  font-size: 14px;color: #fff; text-align:left; line-height:23px;}
.footer .rt{float: left;width: 32.5%;overflow: hidden;margin: 47px 0;font-size: 14px;color: #fff;}
.footer .erweima{ width: 80px; height:107px; position: absolute; right: 0; top: 24px; }
.footer .erweima span{ display: block; font-size: 14px; color: #fff; text-align: center; height: 30px; line-height: 30px; }
.footer .erweima img{ width: 80px; height: 80px; }




.footer .md span img{
  width: 150px;
  height: 150px;
  position: absolute;
  max-width: 150px;
  bottom: 40px;
  right: 0;
  padding: 5px;
  opacity: 1;
  margin-right: 0;
  display: none;
}
.footer .md span:hover img{
  display: inline-block;
}


/*尾部*/
.foot {
	margin-top:10px;
}
.f_bg{ 
    
    background: #990000;
    color:#dddddd; font-size:13px; clear:both; padding-top:17px; 
    text-align:left; }
.f_bg .f_bg_div{ max-width:1200px; width:96%; margin:0 auto;}
.f_bg a{color:#ccc; text-decoration:none;}
.f_bg a:hover{ color:#fff;}
.f_bg .f_div_l{ float:left;width:calc(100% - 158px);width:-webkit-calc(100% - 158px);width:-moz-calc(100% - 158px); max-width:975px;}
.f_bg .f_div_l .f_logo{ 
    float:left; width:44%; height:85px; border-right:0px solid #a8a5a5; 
    margin-top:25px;
    }
.f_bg .f_div_l .f_logo img{ 
    max-width:222px;max-height:67px;
    filter: Alpha(Opacity=60);opacity: 0.6;

}
.f_bg .f_div2_r2_con{ width:55%; border-right:0px solid #a8a5a5; overflow:hidden; text-align:left; margin-top:25px;}
.f_bg .f_div2_r2_con .ul{max-width:90%; width:90%; margin:0 auto; overflow:hidden; margin-top:4px;}
.f_bg .f_div2_r2_con .ul li{ padding-left:20px; display:block; overflow:hidden; line-height:26px; margin-top:2px; margin-bottom:2px; background-repeat:no-repeat; background-size:auto 15px; background-position:left top 5px;}
.f_bg .f_div2_r2_con .ul li.bgs1{ background-image:url(../images/foot_bg1.png);}
.f_bg .f_div2_r2_con .ul li.bgs2{ background-image:url(../images/foot_bg2.png);}
.f_bg .f_div2_img{ float:right;  width:158px; line-height:30px; text-align:center;}
.f_bg .f_div2_img img{ width:100%;margin:0 auto; display:block; max-width:105px;}

.f_bg_div2{ max-width:1200px; width:100%; margin:0 auto;}
  .f_div3{line-height:20px; min-height:20px; padding-top:33px; padding-bottom:13px;}
 .foot_a{ margin-bottom:10px;}

 .f_div3{ 
    line-height:24px; min-height:24px; 
    border-top:#a8a5a5 1px solid ; 
    clear:both; margin-top:5px;  
    padding-top:10px; padding-bottom:50px;}
.f_div3 a:hover{
    transition:all 0.3s;
    filter: Alpha(Opacity=80);
    opacity: 0.8; color:#fff;}

.goTop {
    position: fixed;bottom: 0;
    right: 30px;z-index: 99;
    color: #a8a5a5;text-align: center;
    font-size: 16px;transition: none;
    z-index:9999;}
.goTop i {color: #990000;display: block;margin-bottom: 8px;transition: all 0.3s ease;}
.goTop:hover{color: #444;}
.goTop:hover i {transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}



/*手机端导航2*/
.snav { display: block; }
.mbtn { display: block; }
.links { position: absolute; right: 10px; top: 0px; z-index: 1005; margin-top: 13px; }
.search { margin-top: 0px; }
#btn_ser { display: block; }
.nav { width: 100%; height: 45px; line-height: 45px; z-index: 888; background: rgb(255, 255, 255); }
.nav ul { height: 45px; margin: 0px auto; max-width: 1200px; }
.nav ul li { 
    float: left; height: 45px; 
    line-height: 45px; 
    padding: 0px 15px; text-align: center; 
    position: relative; 
    transition:all 0.3s ease-out 0s;
}
.nav ul li a { 
    color: rgb(51, 51, 51); font-size: 1em; display: block; 
}
.nav ul li :hover { 
    color:#fff;

    
    opacity: 1;
    transform:scale(1.02);
    transition: all 0.3s ease;
}
.nav ul li .subNav { position: absolute; top: 45px; left: 0px; display: none; background: rgb(255, 255, 255); overflow: hidden; width: 100%; }
.nav ul li .local { left: -86px; }
.nav ul li.on { background-color: #990000; }
.nav ul li.on a { color: rgb(255, 255, 255); }
.nav ul li.on .subNav { display: block; border-top: 2px solid #e5e5e5; }
.nav ul li.on .subNav dl { overflow: hidden; }
.nav ul li.on .subNav dl dd { height: auto; line-height: 18px; text-align: left; }
.nav ul li.on .subNav dl dd a { 
    font-size: 14px; line-height: 18px; text-align: center; 
    font-weight: normal; color: rgb(51, 51, 51); padding: 8px 10px; 

    transition:all 0.3s ease-out 0s;
}
.nav ul li.on .subNav dl dd a:hover { 
    background-color: #990000; color: rgb(255, 255, 255); 
    
    opacity: 0.9;
    transform:scale(1.1);
    transition: all 0.3s ease;
}
.nav ul li .pos_left { left: -72px; }
.snav { display: none; height: 30px; background-color: rgb(154, 0, 0); left: 0px; top: 0px; z-index: 1002; width: 100%; }
.mbtn { display: none; height: 30px; left: 10px; top: 0px; z-index: 1002; width: 40px; cursor: pointer; }
.navm { width: 100%; line-height: 30px; background-color: rgb(154, 0, 0); overflow: hidden; text-align: left; display: none; top: 30px; left: 0px; }
.navm ul { padding: 0px 0px 10px; }
.navm li { border-bottom: 1px solid rgb(176, 41, 41); position: relative; overflow: hidden; }
.navm li a { font-size: 14px; line-height: 18px; padding: 10px 0px 10px 13px; color: rgb(255, 255, 255); float: left; }
.navm li a:hover { color: rgb(255, 255, 255); }
.navm li.sub_has span { margin-left: 10px; }
.navm li.on a { color: rgb(255, 255, 255); display: inline-block; }
.navm li strong { display: block; width: 30px; height: 38px; line-height: 38px; text-align: center; background: rgb(173, 65, 65); position: absolute; right: 0px; top: 0px; font-size: 18px; color: rgb(255, 255, 255); }
.navm li.on strong { background: url("../images/white-down-arrow.html") center center no-repeat; }
.navm dl { display: none; background-color: rgb(255, 255, 255); color: rgb(0, 68, 137); }
.navm dl dd { line-height: 18px; padding: 8px 0px 8px 30px; border-bottom: 1px solid rgb(229, 229, 229); overflow: hidden; }
.navm li.on dl dd a { font-size: 14px; color: rgb(40, 40, 40); font-weight: normal; display: inline; border: none; padding: 0px; }
.navm li dl dd a { font-size: 14px; color: rgb(40, 40, 40); font-weight: normal; display: block; border: none; padding: 0px; }
.navm li dl dd a:hover { color: rgb(0, 91, 172); }
.subNavs { width: 100%; overflow: hidden; }
.subNavs dd { padding: 5px 0px; }



@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}



@media screen  and (max-width:1200px) {
	.header,.footer{width: 98%;}
	.goTop{right:10px;}
	.top{width:98%;margin:0 auto;}
	.header_logo{width: 100%;margin:0 auto;}
	.nav a{font-size: 0.9em;}
	.nav ul li.on .subNav dl dd a{font-size: 0.9em;padding:6px;}
	
	
	
	
}
@media screen  and (max-width:1024px){
	

	.footer .rt{width:45.5%;}
	 /*尾部*/
    .f_bg .f_div_l{ float:left;width:calc(100% - 130px);width:-webkit-calc(100% - 130px);width:-moz-calc(100% - 130px);}
    .f_bg .f_div2_img{ width:130px;}
}
@media screen  and (max-width:1000px){
	.topWrap{display:none;}
	.snav{display:block;}
	.mbtn{display:block;}
	.wraq_header{height: 110px;}
	.header{background: none;}
	.nav{display:none;}
	.wraq_nav{display: none;}
	.top_nav{display: none;}
	.header{height: 105px;}
	/* .logo .logo_01 img,.logo .logo_02 img{padding-top: 15px} */
	.logo{float: none;overflow: hidden;max-width: 50%;}
	
	.logo001{float: left;width: 300px; margin:30px 0 0 0; }
	.goTop{display: none;}
    .logo001 img {
        max-width: 300px;
        max-height: 140px;
    }
    
      /*尾部*/
    .f_bg_div{ text-align:center;}
    .f_bg .f_div_l{ float:left;width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);}
    .f_bg .f_div_l .f_logo{ float:none; width:100%; height:auto; border-right:0;}
    .f_bg .f_div_l .f_logo img{ width:75%;}
    .f_bg .f_div2_r2_con{ margin:0 auto; margin-top:15px;clear:both;float:none; border-right:0; width:96%;}
    .f_bg .f_div2_r2_con .ul{ width:96%;}
    .f_bg .f_div2_r2_con .ul li{ margin-bottom:10px;}
    .f_bg .f_div2_img{ float:none; width:100%;}

	
}

@media screen  and (max-width:800px) {
	
	.topWrap{display:none;}
	.snav{display:block;}
	.mbtn{display:block;}  
	.header{background: none;}
	.nav{display:none;}
	.wraq_nav{display: none;}

	.flex-control-paging li a{height:10px;width: 10px;}
	

}
@media screen  and (max-width:767px){
	.footer_wrap{height: auto;padding: 10px 0;margin-top: 20px;}
	.footer .md,.footer .rt{width: 100%;text-align: center;float: none;margin: 0;line-height: 24px;}
	.footer .md span{display: none;}
  .footer .erweima{ position: static; margin: 15px auto; }
	.footer .lf{ float:none; margin:20px auto; width:auto; padding:0 15px; }

         /*尾部*/
    /*.f_bg .f_div2_r h2{font-size:14px; margin-bottom:10px;}*/
    .f_div3{line-height:20px; min-height:20px; padding-top:13px; padding-bottom:13px;}
    .foot_a{ margin-bottom:10px;}
}


@media screen and (max-width:640px) {
  .header {height: 97px;}
 

}
@media screen and (max-width:480px) {
	.header {height: 83px;}
	
       /*尾部*/
    .f_bg{ padding-top:10px;font-size:12px;}
    .f_bg .f_div2_r2_con .ul li{ margin-bottom:5px;}

    .foot_a{ margin-top:15px;}
    .f_div3{  padding-top:10px; padding-bottom:10px;}
}
@media screen and (max-width:400px) {
  .footerList ul li {float: none;width: 100%;}

}
@media screen /*and (min-width:320px)*/ and (max-width:360px)  {
   .header {height: 70px;}
}