/* CSS Document */

body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 12px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-top: 0; margin-bottom: 0; }

img { display: block; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }



/*Clear*/
.clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; overflow: hidden; }

.header{height: 100px;float: left;width: 100%;background: #fff;top:0;left:0;z-index:10;}
.m_header{height:95px;width:1200px;background:#fff;margin:0 auto;}
.m_logo { width: 202px; float: left; margin: 9px 0 0 2px;}

      .nav{height: 43px;line-height: 43px;position:relative;z-index:1;float: left;margin-left: 220px;margin-top: 31px;}
		.nav a{color: #363636;}
		.nav li{float:left;position:relative;display:inline;height: 30px;text-align: center;width:110px}
		.nav li h3{float:left;font-weight: normal;width: 100%;}
		.nav li h3 a{display:block;font-size: 16px;border: 1px solid transparent;color: #363636;padding: 0 10px;}
		
    color: #cf4829; }
		.nav .on h3 a{  border: 1px solid #cf4829;
    color: #cf4829; }
        .nav .nhov h3 a{color: #fff;background-color:#10417C;border-radius: 0 15px;
               -moz-box-shadow: 0px 7px 7px 0px #D3E4F8; /* 老的 Firefox */
    box-shadow: 0px 7px 7px 0px #D3E4F8;
    border-bottom-left-radius: 15px;
}
.nav li h3 a:hover {
      color: #fff;
    background-color: #10417C;
    border-radius: 0 15px;
         -moz-box-shadow: 0px 7px 7px 0px #D3E4F8; /* 老的 Firefox */
    box-shadow: 0px 7px 7px 0px #D3E4F8;
    border-bottom-left-radius: 15px;
}

.m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: auto; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }
/*265ebc*/
.box{background:url(../images/bg.png) no-repeat center bottom;width: 1920px; *width: 1920px; _width: 1920px; height: 1120px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden;}
.box_top{margin:0 auto;width:660px;height:auto;position: relative;}
.box_top span{color:#333333;   position: absolute;left:238px;font-size:34px;top:50px;font-family:MicrosoftYaHei;font-weight:bold;}
.box_img {width:1200px;margin:35px auto;}
.advantage{width:1200px;height:341px;margin:0 auto;}
.advantage span{width:176px;height:34px;font-size:35px;font-family:MicrosoftYaHei-Bold;font-weight:bold;color:rgba(51,51,51,1);line-height:21px;}
.advantage font{width:68px;height:14px;background:#FCD54B;display:block}
.advantage p{width:35px;height:22px;box-shadow:0px 3px 3px 0px rgba(252,213,75,0.25);margin-left:133px;}
.advantage .advantage_body{width:1201px;height:259px;margin-top:11px;background:#fff;}
.advantage_body li{float:left;width:25%;}
.body_title {width:180px;
         height:32px;
        margin:61px auto;
	
     text-align: center;
     text-transform: uppercase; }
  .body_title h2 {
	  font-weight:normal;
    display: inline-block;
    border: 1px solid #D6D6D6;
    padding: 0px 10px 0;
    height: 32px;
	
    margin-bottom: 10px; }
    .body_title h2 .inner {
      background-color: #fff;
      padding: 14px;
      font-size: 18px;
      width:73px;
      color:#333333;
      line-height:32px;
	  
	  }
	   .body_title h3 {
		   font-weight:normal;
      width:180px;
     height:9px;
     text-transform:uppercase;
      font-size:12px;
       font-family:ArialMT;
      margin-bottom: 10px;
        color:rgba(185,185,185,1);
      line-height:33px;
       margin:0 auto;
	   }
	   .num{width:180px;margin:24px auto;height:46px;font-size:60px;font-family:MicrosoftYaHei-Bold;font-weight:bold;color:rgba(16,65,124,1);line-height:50px;}
	   .num span{width:17px;height:15px;font-size:16px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(16,65,124,1);line-height:50px;}
	   .star{
        float: right;
      width:266px;height:132px;margin-top:-66px;margin-right:-106px;}
/* .advantage_body li .body_title{border:1px solid red;width:149px;height:32px;margin:61px auto;} */
.box_img li{float:left;margin-right:10px; position: relative}

.box_img li .li_box{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   text-align: center;padding-top: 106px;
  box-sizing: border-box
}
.box_img li .li_box span {
  margin-top:106px;
  color: #fff;
  font-size:18px;
  text-align: center;

}
.box_img li .li_box font {
  margin-top:106px;
  color: #fff;
  margin-top:10px;
  font-size:16px;
  text-align: center;
}
.box_img li a .model{position:absolute;width:100%;height:100%;top:0;left:0;}
.box_img li a .model span{margin-top:106px;display:none}
.box_img li a .model font{margin-top:10px;bolder:1px solid red;display:none}
.box_img li a .model img{margin-top:10px;bolder:1px solid red;display:none}
.box_img li:hover .model{background-color: #FCD54B;color:#fff;text-align:center;margin}
.box_img li:hover .model span{margin-top:106px auto;font-size:18px;display:block}
.box_img li:hover .model font{margin-top:10px auto;font-size:16px;display:block}
.box_img li:hover .model img{margin:10px auto;font-size:16px;display:block;width:40px;height:28px;}
.more{margin:31px auto;width:1200px;height:49px;}
.box1{background:url(../images/bg2.png) no-repeat center bottom;width: 1920px; *width: 1920px; _width: 1920px; height: 1129px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden;}
.box1 .box_top h2{color:#ffffff;width:156px;height:39px;text-align:center;line-height:39px;margin:0px auto;font-size:39px;margin-top:75px;}
.box1 .box_top h3{color:#ffffff;width:auto;height:39px;text-align:center;line-height:39px;margin:18px auto;font-size:16px;}
.pic_list{width:1200px;height:height:auto;margin:0px auto;margin-top:70px;  position: relative;}
.pic_list ul{margin-right:-30px;margin-top:-37px;}
.pic_list li{float:left;width:380px;margin-right:30px;margin-top:37px;}
.travel_box{width:380px;height:auto;background:#fff;}
.travel_box span{margin-left:14px;font-size:17px;padding-top:18px;display:block}
.travel_box p{margin-left:14px;font-size:14px;line-height:14px;margin-top:33px;padding-bottom:24px;display:block;color:#B3B3B3}
.travel_box p font{margin-left:189px;}
.pic_list a  span{color:#333333;}
.box2{background:url(../images/bg3.png) no-repeat center bottom;width: 1920px; *width: 1920px; _width: 1920px; height: 1184px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden;}
.box2_form{width:1200px;margin:0 auto;height:565px;background:#fff;}
.box2_form h3{font-weight:normal;font-style:italic;font-size:18px;margin-left:33px;padding-top:20px;}
.box2_form h3 span{margin-left:11px;color:#CDCDCD}
.line{width:1143px;margin:25px auto;}
.box2_body_left{width:572px;float:left;margin-left:30px;}
.left1{float:left;width:55px;height:auto;}
.left2{float:left;width:300px;margin-left:26px;margin-top:11px;}
 .left2_title span{color:#636363;font-size:16px;font-family:MicrosoftYaHei;font-weight:bold;display:block;} 
.left2_title font{color:#C6C5C5;font-size:14px;display:block;}
.left2_title1{margin-top:30px;}
 .left2_title1 span{color:#636363;font-size:16px;font-weight:bold;display:block;} 
.left2_title1 font{color:#C6C5C5;font-size:14px;display:block;} 
.box2_body_right{width:555px;float:right;margin-right:39px;height:444px;}
.mes{}
.w48{width:555px;height:40px; margin-top:13px;float:left;}
.w48 .title{width:70px;float:left;line-height:39px;color:#636363;font-size:12px;}
.w48 .title span{color:red;}
.w48 input{
padding: 5px;
    box-sizing: border-box;
  border: 1px solid #dfdfdf;width:472px;height:39px;background:#f7f7f7 ;}
.w48 textarea{
padding: 5px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;resize:none;
  width:472px;height:70px;background:#f7f7f7}
.submit {
   cursor: pointer;
  width:471px;height:39px;float:left;margin:0 auto;margin-top:60px;margin-left:72px;background:#E8B916;color:#fff;border:0;}
.footer{width:1200px;height:325px;margin:0 auto;margin-top:197px}
.footer_title{font-size:24px;font-weight:bold;color:rgba(255,255,255,1);line-height:24px;}
.address_body{width:600px;height:280px;float:left;    margin-top: 15px;}
.address{width:auto;height:60px;float:left;margin-top:31px;margin-right:120px;}
.address1{width:50%;height:60px;float:left;margin-top:17px;}
.add_img{width:25px;height:25px;float:left;}
.add_title{margin-left:16px;float:left;}
.add_title span{font-size:14px;color:rgba(255,255,255,1);line-height:17px;display:block;}
.add_title font{color:#fff;}
.address_right{width:500px;float: right; margin-top: 30px;}
.right_ul{height:200px;width:184px;border-left:1px dashed rgba(255,255,255,0.2);float:left;text-align:center;font-size:14px;color:#fff;line-height:36px;}
.right_ul li a {color: #ffffff;}
.img_top{width:184px;height:184px;position:absolute;top:-48px;left:-23px}
.img-box {position:relative;}
.img-box:after {content:'';position:absolute;left:-14px;top:14px;background:transparent;border:2px solid #ff8753;width:184px;height:184px;  z-index: 1;} 
.img_top img{width:100%;position: relative; z-index: 2;}
.wx{margin-top:170px;font-size:16px;line-height:28px;text-align:center;font-weight:bold;}
.bot{width:1200px;height:auto;margin:0 auto;font-size:16px;color:#FFFFFF;padding:15px 290px;border-top:1px dashed rgba(255,255,255,0.2);border-bottom:1px dashed rgba(255,255,255,0.2);}
.bot span{margin-left:70px;}
.z_banner {width: 1920px; *width: 1920px; _width: 100%; height: 555px; position: relative; z-index: 9; margin: 0 auto; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }
.z_box2{background:url(../images/z_bg.jpg) no-repeat center bottom;width: 1920px; *width: 1920px; _width: 1920px; height: 1184px; position: relative; z-index: 9; margin: 0 auto; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden;}
.z_box{max-width:1920px;height:auto;clear:both;    padding-bottom: 50px;}
.z_box_title{max-width:1920px;height:83px;background:#F0F0F0;margin:0 auto;}
.z_box_title ul{margin-left:8%;}
.z_box_title li{padding:30px 69px 29px;font-size:18px;color:#333333;float:left;}
.z_box_title li:hover{color:#ffffff;background:#E8B916}
.z_box_title a.hnav li {color:#ffffff;background:#E8B916;float: left;}
.z_box_body {max-width:1920px;height:auto;margin:0 auto;}
.z_news{width:1200px;margin:66px auto;}
.z_news li{    width: 100%; float: left; border-bottom: 1px solid #e5e5e5; height: 92px;padding-bottom: 15px;margin-bottom: 15px;}
       .z_news ul li{
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    height: 92px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
        .z_news ul li a h3{
    display: block;
    float: left;
    width: 86px;
    height: 83px;
    background: #E8B916;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
        .z_news ul li a h3 span{
    display: block;
    margin-top: 18px;
    font-size: 24px;
    margin-bottom: 8px;
}
        .z_news ul li a bt{
    display: block;
    width: 91%;
    float: right;
    line-height: 1.5;
}
        .z_news ul li a bt h4{
    font-size: 18px;
    color: #444444;
    font-weight: normal;
    margin-top: 7px;
    margin-bottom: 4px;
}
        .z_news ul li a bt font{
    display: block;
    font-size: 14px;
    color: #6a6c71;
}

        .z_yema{
    width: 100%;
    float: left;
    text-align: center;
    position:relative;
	top:124px;
	z-index: 10;
  
}
        .z_yema a{
    border: 1px solid #ccc;
    color: #ccc;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0 5px;
}
        .z_yema a.select{background:#2F2A26;color: #fff;}
        .z_yema a:hover{
    background: #2F2A26;
    color: #fff;
}
.z_footer{background:url(../images/z_bg.jpg) no-repeat center bottom;width: 1920px; *width: 1920px; _width: 1920px; height: 754px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden;}
.footer_box{width:1200px;height:325px;margin:0 auto;margin-top:375px}
.z_pro_list{width:1200px;margin:66px auto;}
.z_pro_list ul{margin-right:-30px;margin-top:-37px;}
.z_pro_list a span{color: #333333;}
.z_pro_list li{float:left;width:380px;margin-right:30px;margin-top:37px;}
.pro_list_box{width:380px;height:auto;background:#fff;box-shadow:0px 3px 4px 0px rgba(121,121,121,0.23);padding-bottom:20px;}
.pro_list_box span{font-size:20px;padding-left:14px;padding-top:20px;display:block}
.pro_list_box font{font-size:16px;padding-left:14px;margin-top:12px;display:block;text-decoration:line-through;color:#B3B3B3}
.pro_list_box p{font-size:16px;padding-left:14px;margin-top:12px;display:block;color:#E8B916;width:380px;}
.about{margin:0 auto;clear:both;}
.about_title{text-align:center;margin:0 auto;padding-top: 24px;}
.about_title h3{text-align:center;font-size:31px;margin-top:50px;color:#E8B916;font-weight:bold;}
.about_box{width:1200px;margin:0 auto;}
.about_img{width: 492px;height:auto;float: left;}
.about_img img{width: 100%;padding-top: 55px}
.about_content{width:682px;margin: 0 auto;float:left;font-size:18px;line-height:40px;padding: 55px 0 40px 20px;}
.about_num{width: 100%;display: flex;justify-content:space-between;}
.num_box{width:23.6%;height:196px;text-align: center;background: #F2F2F2;margin-top: 42px; }
.num_box span{padding-top: 55px; color: #E8B916;   display: block;font-size:58px;font-family:MicrosoftYaHei-Bold;font-weight:bold;}
.num_box font{font-size:18px;color: #333333;line-height:40px;}
.num_box p{font-size:18px;color: #333333;line-height:40px;}
.about_bg{background:url(../images/about_bg.png) no-repeat center bottom;width: 1920px; *width: 1920px; _width: 1920px; height: 500px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden;margin-top:41px;}
.bg_box{width:1200px;margin:0 auto;}
.bg_box li{width: 50%;float: left;margin-top: 148px;color: #ffffff;}
.bg_box li .bg_img{width: 70px;height:85px; float: left;}
.bg_img img {width: auto;height:100%;}
.bg_span{float:left;margin-top: 10px;padding-left: 43px;}
.bg_span span{color: #FFFFFF;font-size:26px;font-family:MicrosoftYaHei-Bold;font-weight:bold;display: block}
.bg_span font{color: #FFFFFF;font-size:18px;display: block;margin-top: 16px;}
.kong{width: 100%;margin: 0 auto;float: left;margin-top: 106px;}
.to_contact{width: 100%;height:auto;margin: 0 auto;float: left;text-align: center;position:relative;z-index: 10 ;top: 146px;}
.to_contact h2{color: #E8B916;font-size:26px;font-family:MicrosoftYaHei-Bold}
.to_contact span{color: #333333;font-size:20px;font-family:MicrosoftYaHei-Bold;margin-top:19px;display: block;}
.to_contact p{width: 87px;height: 18px;margin: 0 auto;border:#E8B916 1px solid;font-size:20px;padding: 18px 46px 17px;line-height: 20px;color:#E8B916;margin-top: 46px; }
.c_box{background:url(../images/contact_bg.png) no-repeat center bottom;width: 1510px; *width: 1510px; _width: 1510px; height: 386px; position: relative; z-index: 9; margin: 0 auto; top: 0;  left: 50%; margin-left: -757px; *margin-left: -757px; _margin-left: -757px; overflow: hidden;padding-top: 89px;}
.c_contact{width: 958px;height: 259px;margin: 0 auto;background: #ffffff;margin-top: 57px;}
.c_contact_left{width:414px;height: auto;float: left;margin-left:48px;margin-top: 45px;}
.c_contact_left h3{font-size:22px;line-height: 24px;font-weight: normal;}
.c_contact_left span{display: block;font-size:16px;line-height:24px;padding: 15px 0 17px; }
.c_contact_left font{display: block;color: #E8B916;font-size: 36px;font-family:MicrosoftYaHei-Bold;font-weight:bold;}
.c_contact_right{width:496px;height: auto;float: left;}
.c_contact_right ul {margin-top: 25px;}
.c_contact_right li {padding: 24px 0 40px 0;font-size:14px;line-height:25px;border-bottom:2px solid #D7D7D7; }
.c_contact_right li p{margin-left:35px;float: left;}
.c_contact_right .contact_img{width: 24px;height:auto;float: left;}
.contact_img img{margin: 0 auto;padding-left: 18px;}
.kuai{position: absolute;top:131px;left: 267px;width: 30px;height: 30px;background: #E8B916;}
.show_content{width: 1200px;height: auto;margin: 0 auto;height: auto;}
.show_title{width: 86.4%;margin: 0 auto;text-align:center;margin-top: 57px; }
.show_title h2 {padding:1px;font-size:20px;}
.show_title span{font-size:17px;margin-top: 16px;display: block;margin-bottom: 15px;}
.show_title font{margin-left:19px;}
.content_box{width: 100%;height: auto;margin: 0 auto;font-size:14px;line-height: 28px;padding-bottom: 25px;border-bottom:1px solid #E5E5E5;text-align: center;}
.content_bot{width: 100%;margin: 0 auto;font-size: 14px;line-height: 36px;}
.content_bot_left{float: left;color: #333333;}
.content_bot_right{float: right;margin-top: 26px;}
.content_bot_right a{color: #333333;}
.content_bot_left ul a li {color: #333333;}
.content_bot_right span{float: left;margin-right:12px;}
.content_bot_right img{float: right;width: 20px ;height: 16px;padding-top: 10px}
.footer .right_img {
  position: relative;
      float: right;
      width: 182px;
      height: 213px;
      background: #fff;
}
.z_footer .right_img {
  position: relative;
      float: right;
      width: 182px;
      height: 213px;
      background: #fff;
      
}


.sidebar {
  position: fixed;
  /* background: #25211e; */
  /* width: 49px; */
  /* height: 247px; */
  right:0.8%;
  top: 65%;
  z-index: 999;
}
.sidebar a {
display: block;
/* height: 49.4px; */
/* padding-top: 12px; */
box-sizing: border-box;
position: relative;
margin-bottom: 3px;
}
.sidebar a:last-child {

 

}


.sidebar .mes {
  
  margin: 0 auto;
  /* padding-top: 20px; */
  
}
.sidebar a .sidebar-box{
  display: none;
/*            transition:all 0.5s;
      -moz-transition:all 0.5s; 
      -webkit-transition:all 0.5s; 
      -o-transition:all 0.5s; */
  position: absolute;
    white-space: nowrap;
  top:0px;
  right: 50px;
  background: #56595c;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding:10px;
  /*padding-right: 30px;*/
  box-sizing: border-box;
  width: 100px;
  height: auto;

      animation: hideIndex 0.6s;
    -moz-animation: hideIndex  0.6s; 
    -webkit-animation: hideIndex  0.6s;
     -o-animation: hideIndex  0.6s; 

}
.sidebar a .mes2 {
  display: none;
}
.sidebar a:hover .mes2{
   display: block;
}
.sidebar a:hover .mes{
   display:none;
}


.sidebar a:hover .sidebar-box {
  /* min-height: 49px; */
  display: block;
    display: block;
  width: 132px;
 
  color: #fff;
  position: absolute;
  top:0px;
  right: 50px;
  overflow: hidden; 
/*         transition:all 0.5s;
    -moz-transition:all 0.5s; 
    -webkit-transition:all 0.5s; 
    -o-transition:all 0.5s;  */
    white-space: nowrap;
    line-height: 30px;
    animation: hideIndex 0.6s;
    -moz-animation: hideIndex  0.6s; 
    -webkit-animation: hideIndex  0.6s;
     -o-animation: hideIndex  0.6s; 

}
  .sidebar .img1 {
    width: 120px;
    height: auto;
 
     margin-right: 10px;
     border: 1px solid #ccc
  }




@keyframes hideIndex{
  
    0%{ opacity: 0;  }
    100%(opacity: 1; )
}