body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}

/* head */
.head{ padding:0 200px; background: #fff; z-index: 99999; position: fixed; width: 100%; left: 0; top: 0; box-sizing: border-box;  }
h1{ line-height: 100px; float: left; }
.nav_ul{ float:right; }
.search{ float: right; margin: 35px 10px 0 40px; width: 138px; height: 28px; border: 1px solid #dddddd; border-radius: 20px; }
.search_txt{ float: left; border: none; height: 26px; line-height: 26px; background: none; width: 110px; padding-left:12px; box-sizing: border-box; color: #999999; font-size: 14px;  }
.search_sub{ float: right;background: url(../images/search.png) center center no-repeat; width: 28px; border: none; height: 26px; }
.lan{ float: right; height: 30px; line-height: 30px; margin-top: 35px; font-size: 14px; color: #666666 }
.lan a{font-size: 14px; transition: all 0.5s ease 0s; color: #666666;background: url(../images/link.png) right center no-repeat; padding: 0 10px; }
.lan a:nth-last-child(1){ background: none; }
.nav_ul{ float: right; }
.nav_ul li{ margin-left: 20px; float: left; }
.nav_ul li a{ line-height: 100px;  text-align: center; transition: all 0.5s ease 0s; font-size: 16px; display: block; height: 100px; overflow: hidden;   }
.nav_ul li a:hover{background: url(../images/navbj.png) center 32px no-repeat; color: #1257a1; font-size: 12px; line-height: 120px; transition: all 0.5s ease 0s; }
.nav_ul li:nth-child(1) a:hover{background: url(../images/title1.png) center 32px no-repeat;}
.nav_ul li:nth-child(2) a:hover{background: url(../images/title2.png) center 32px no-repeat;}
.nav_ul li:nth-child(3) a:hover{background: url(../images/title3.png) center 32px no-repeat;}
.nav_ul li:nth-child(4) a:hover{background: url(../images/title4.png) center 32px no-repeat;}
.nav_ul li:nth-child(5) a:hover{background: url(../images/title5.png) center 32px no-repeat;}
.nav_ul li:nth-child(6) a:hover{background: url(../images/title6.png) center 32px no-repeat;}
.nav_ul li:nth-child(7) a:hover{background: url(../images/title7.png) center 32px no-repeat;}


.a_banner{ margin-top: 100px!important; }
.lan a:hover{ color: #1257a1; transition: all 0.5s ease 0s;}
/* foot */
.foot{ overflow: hidden; clear: both; }
.foot_top{ background: url(../images/footbj.jpg) center top no-repeat; }
.box{ width: 1200px; margin: 0 auto }
.foot_right{ float: right; padding-top: 34px; text-align: center; }
.what_img{ display: block; margin-bottom: 10px; }
.what_img img{ width:90px; height: 90px; overflow: hidden;  }
.what_tit{ text-align: center; display: block; font-size: 14px; color: #999999; line-height: 22px; }
.foot_img{ height: 94px; line-height: 94px; }
.foot_left{ float: left; width:1024px;  }
.foot_ul{ padding:0 0 20px 0; border-bottom: 1px solid #52504d;  }
.foot_ul li{ display: inline-block; margin-right: 10px; }
.foot_ul li a{ font-size: 14px; color: #999999; height: 32px; line-height: 32px; transition: all 0.5s ease 0s; }
.foot_call{ font-size: 14px; height:54px; color: #999999;line-height: 54px; overflow: hidden;  }
.foot_bottom{ background: #292726; height: 46px; line-height: 46px; overflow: hidden; font-size: 14px; color: #999999; }
.foot_bottom a{color: #999999; padding-left: 10px;}
.foot_ul li a:hover,.foot_bottom a:hover{ color: #fff; }


.position{ height:50px; line-height: 50px; background: url(../images/home.png) left center no-repeat; padding-left: 26px; font-size: 14px; color: #666666   }
.position a{ color: #666; transition: all 0.5s ease 0s; }
.position a:hover{ color: #1257a1; transition: all 0.5s ease 0s; }
.det_tit{ text-align: center; height: 166px; position: relative; }
.zhaobo{ font-size: 90px; display: block; font-weight: bold; height: 166px; line-height: 166px; text-transform: uppercase; color: #fafafa; }
.det_h3{ font-size: 30px; height: 36px; line-height: 36px; position: absolute; width: 100%; top:52px;  font-weight: bold;/* background: url(../images/det_tit.png) center center no-repeat; */ }
.int_det{ left: 0;  height: 24px; line-height: 24px; position: absolute; width: 100%; top:90px; color: #999999; text-transform: uppercase; font-size: 16px; }

.col_ul{ text-align: center; margin-bottom: 40px; }
.col_ul li{ display: inline-block; margin: 0 7px; }
.col_ul li a{ display: block; padding: 0 10px; height: 40px;transition: all 0.5s ease 0s; line-height: 40px; text-align: center; background: #f8f8f8; font-size:16px; font-weight: bold;   }
.col_ul li a.for,.col_ul li a:hover{ background: #1257a1; color: #fff; transition: all 0.5s ease 0s; }


.wrap{ margin-bottom: 50px; }


.news_ul{ margin:0 0 0 -30px;  }
.news_ul li{ float: left; margin: 0 0 26px 30px; width: 380px; }
.news_img{ display: block; width: 380px; height: 235px; overflow: hidden; }
.news_img img{width: 380px; height: 235px; overflow: hidden; transition: all 1s ease 0s;}
.news_tit{ display: block; height:80px;transition: all 0.5s ease 0s; padding: 10px 0; line-height: 26px; overflow: hidden; font-size:14px; font-weight: bold;   }
.news_ul li:hover .news_tit{ transition: all 0.5s ease 0s; color: #1257a1; }
.news_zi{ height:50px; line-height: 25px; overflow: hidden; font-size: 14px; color: #666666  }
.news_time{ display: block; height:40px; line-height: 40px; color: #999999  }
.release{ text-align: center; padding: 40px 0 30px 0; }
.rel_h3{ font-size: 20px; font-weight: bold; height:50px; line-height: 50px; overflow: hidden;  }
.rel_i{ display: block; height:44px; line-height: 44px; font-size: 14px; color: #666666  }
.return{ color: #1257a1 }
.piece{ background: url(../images/pic.jpg) left top repeat-x;height: 75px; line-height: 75px; font-size: 14px; color: #333333  }
.piece_left{ float: left; width: 50%;height: 75px; overflow: hidden; padding-right: 10px; box-sizing: border-box;   }
.piece a{ color: #666666 }
.piece_right{ float: right; width: 50%; padding-left: 10px; box-sizing: border-box; text-align: right; height: 75px; overflow: hidden; }

.sale{ text-align: center; width: 100% }
.sale img{ width: auto; height: auto; max-width: 100% }
.news_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.map{ margin-bottom: 20px; height:320px; width: 600px; overflow: hidden; display: none;  }
.cont_right{ float: right; width:600px;  }
.site li{ height:60px; line-height: 60px; font-size: 14px; padding-left:66px; overflow: hidden;background: url(../images/add1.jpg) left center no-repeat;   }
.site li:nth-child(2){background: url(../images/add2.jpg) left center no-repeat;}
.site li:nth-child(3){background: url(../images/add3.jpg) left center no-repeat;}
.site li:nth-child(4){background: url(../images/add4.jpg) left center no-repeat;}
.site { padding-top: 80px; }
.cont_tit{ font-size: 16px; line-height:26px; padding:20px 38px;   }
.cont_left{ float: left; width:512px;  }
.cont_text{ margin-left: 40px; border: 1px solid #cccccc; width: 468px; height: 38px; line-height: 38px; border-radius: 5px; background: none; padding-left: 10px; box-sizing: border-box; font-size: 14px; color: #999999; margin-bottom: 20px; }
.cont_area{margin-left: 40px; border: 1px solid #cccccc; width: 468px; height: 138px; line-height: 38px; border-radius: 5px; background: none; padding-left: 10px; box-sizing: border-box; font-size: 14px; color: #999999; margin-bottom: 20px; }
.cont_yz{ width:138px; margin-right: 10px; float: left;  }
.cont_sub{ display: block; width:148px; height: 46px; transition: all 0.5s ease 0s; line-height: 46px; background: #1257a1; border: 1px solid #1257a1; color: #fff; border-radius: 5px; text-align: center; font-size: 14px; cursor: pointer; color: #fff; margin-left:40px;   }
.cont_sub:hover{ background: none; color: #1257a1; transition: all 0.5s ease 0s; }


.small_box{width:530px;height:73px;overflow:hidden}
.small_list{position:relative;float:left;width:606px;height:88px;overflow:hidden}
.small_list ul{height:88px;overflow:hidden}
.small_list ul li{position:relative;float:left;margin-right:10px;width:124px; cursor: pointer; border: 3px solid #fff; box-sizing:border-box;}
.small_list ul li img{display:block; width: 118px; height: 74px;}
.small_list ul li.on { border: 3px solid #1257a1 }
.left_btn{float:left;margin-right:10px;background:url(../images/ent_left.jpg) center center no-repeat; cursor: pointer; height: 80px; width: 30px;}
.right_btn{float:right;background: url(../images/ent_right.jpg) center center no-repeat; height: 80px;cursor: pointer; width: 30px;}
.large_box{ width: 880px; margin: 0 auto 8px; }
.large_box li{ display: none; }
.large_box li img{ width:880px; height: 540px;  }
.small_box{ height: 80px; width:1010px; margin: 0 auto  }
.small_list{ width:928px; height: 80px;  box-sizing: border-box; }
.glory_ul{ margin-left:-30px; }
.glory_ul li{ float: left; width:378px; height: 258px; margin: 0 0 40px 30px; overflow: hidden;  }
.glory_ul li img{transition: all 1s ease 0s;}
.glory_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }

 

.exh_tit{height: 80px; line-height: 80px; overflow: hidden;}
.exh_h3{ font-size: 24px; font-weight: bold; float: left;   }
.exh_i{ color: #1257a1 }
.exh_line{ background: #1257a1; width: 40px; float: left;  height: 1px; display:block; margin: 40px 0 0 20px; }

.exh_div{ position: relative; height:235px; margin-bottom: 30px;  }
.exh_scroll{ position: absolute; left: 50%; margin-left: -545px; top: 0; height: 235px; overflow: hidden; width:1090px;  }
.exh_scroll ul{ width: 10000px; }
.exh_scroll ul li{ float: left; margin-right:20px; width:350px; height: 235px; overflow: hidden;   }
.exh_scroll li img{ width:350px; height: 235px; overflow: hidden;}
.exh_left{ position: absolute; left: 0; top: 50%; margin-top: -25px; background: url(../images/exh_left1.png) center center no-repeat; width: 40px; height: 40px;  }
.exh_right{ position: absolute; right: 0; top: 50%; margin-top: -25px; background: url(../images/exh_right1.png) center center no-repeat; width: 40px; height: 40px;  }
.exh_left:hover{background: url(../images/exh_left11.png) center center no-repeat;}
.exh_right:hover{background: url(../images/exh_right11.png) center center no-repeat;}




		.page_left{width:100%;}
		.page_right{ position: fixed; right: 20px; top: 10%; width: 160px; }
		a{color: #666;text-decoration:none;}
		a:hover{color:#136ec2;}
		#Catalog_box {position:fixed;top:50%;margin-left:50px;}
		#Catalog_box .cate-item1 span{color: #999;
		  font-weight: bold;
		  font-family: Arial;
		  font-size: 14px;
		  padding-right: 5px;
		}
		#Catalog_box .cate-item2{}
		#Catalog_box .cate-item2 span{
			font-weight: 500;
			display: none;
		}
	
#Catalog_box .cate-item2 a{ font-size: 14px; line-height: 28px; display: block;background: url(../images/tab.png) left center no-repeat; padding-left: 20px; }
	#Catalog_box dd.active,#Catalog_box dd.active a{color:#1257a1!important;background: url(../images/tab1.png) left center no-repeat;}


#Catalog_box dl{ display: block!important; }

.phone_banner{ display:none;}
.flex-direction-nav{ }
.flexslider {width: 100%;height:100%; margin:0 auto; overflow:hidden; box-sizing: border-box; }
.slides li .banner_img{ width:100%; height:100%;}
.slides li { position:relative; width:100%; height:100%;}

.slides {width:100%; height:100%;}

.flex-control-nav { display: none;   }
.flex-prev{ display: block; position: absolute; left: 190px; z-index: 9999;font-size: 0; top: 50%; margin-top: -25px; background: url(../images/banner_left.png) center center no-repeat; width: 50px; height: 50px; }
.flex-next{ display: block; position: absolute; right: 190px; z-index: 9999; font-size: 0; top: 50%; margin-top: -25px; background: url(../images/banner_right.png) center center no-repeat; width: 50px; height: 50px; }
.flex-prev:hover{background: url(../images/banner_left1.png) center center no-repeat; }
.flex-next:hover{background: url(../images/banner_right1.png) center center no-repeat; }
.wrap_box{width: 1520px;left: 50%;top: 50%;transform: translate(-50%,-50%); position: absolute;  }
.section2{background: url(../images/bj1.jpg) center top no-repeat; background-size: cover; }
.who_img2{ display: block; padding: 60px 0 0 30px;  }
.who_left{ float: left; width: 800px; }
.who_right{ float: right; width:640px;  }
.who_tit{ display: block; height:32px; line-height: 32px; font-family: 'Arial'; font-size: 16px;  padding-top: 50px; }
.wel_i{ display: block; margin-bottom: 30px; height:44px; line-height: 44px; font-size: 24px; font-weight: bold; overflow: hidden;  }
.who_zi{ height:90px; line-height: 30px; font-size:16px; overflow: hidden; margin-bottom: 32px;   }
.who_see{ display: block; transition: all 0.5s ease 0s; height: 32px; line-height: 32px; color: #1257a1; font-weight: bold; font-size: 14px; margin-bottom: 60px; }
.who_pic img{ width: auto; height: auto; max-width: 100% }
.section3{background: url(../images/bj2.jpg) center top no-repeat; background-size: cover;}
.index_tit{ text-align: center; }
.index_word{ font-size: 14px; display: block; text-transform: uppercase; color: #666666; height: 30px; line-height: 30px; }
.index_h3{ display: block; font-size: 24px; font-weight: bold; height: 42px; line-height: 42px; }
.index_bj{ display: block;background: url(../images/tit.png) center top no-repeat; width: 180px; height: 15px; margin: 0 auto }
.who_see:hover{ transform: translateX(10px); transition: all 0.5s ease 0s; }
.ind_right{ float: right; width:940px;  }
.ind_right li{ float: left; width: 440px; height: 230px; margin: 0 0 30px 30px;background: url(../images/index4.jpg) center top no-repeat;  }
.ind_right li:after{content: ""; position: relative;  display: block;
    width: 0;
    height: 100%;
    background: url(../images/index44.jpg) center top no-repeat; 
    transition: all 0.5s ease 0s;
    position: absolute;
    left: 0px; top: 0px;}
.ind_right li:hover:after { width: 100% }
.ind_right li:hover .ind_line{ background: #fff; transition: all 0.5s ease 0s  }
.ind_right li:hover .ind_time,.ind_right li:hover .ind_zi{ color: #fff; transition: all 0.5s ease 0s }

.ind_right li a{ display: block; padding:60px 60px 0; position: relative;  z-index: 9999; }
.ind_line{ display: block; height:3px; width: 40px; background: #1257a1;  transition: all 0.5s ease 0s   }
.ind_time{ font-size: 16px; height:42px; line-height: 42px; overflow: hidden; display: block; transition: all 0.5s ease 0s   }
.ind_zi{ height:106px; line-height: 26px; font-size: 14px; font-weight: bold; overflow: hidden;  transition: all 0.5s ease 0s  }
.ind{ padding-top: 36px; }
.ind_left{ float: left; width: 580px; position: relative; overflow: hidden; }
.ind_left img{ width: 580px; height:490px; overflow: hidden; transition: all 1s ease 0s;  }
.ind_left:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.ind_hover{ position: absolute; left: 40px; top: 40px;  }
.hover_line{display: block; height:3px; width: 40px; background: #fff;}
.hover_time{font-size: 16px; height:42px; line-height: 42px; overflow: hidden; display: block; color: #fff;}
.hover_zi{height:76px; line-height: 38px; font-size: 20px; font-weight: bold; overflow: hidden;  color: #fff;}

.give{width: 100%; height: 100% }
.give_ul{ width: 100%; height: 100%  }
.give_ul li{ width: 20%; float: left; position: relative; padding-top: 100px; height: 100%; box-sizing: border-box; background: #f5f5f5; }
.give_ul li:after{content: ""; position: relative;  display: block;
    width: 0;
    height: 100%;
    background: url(../images/give.jpg) center top no-repeat; 
    transition: all 0.5s ease 0s;
    position: absolute;
    left: 0px; top: 100px;}
    .give_ul li:nth-child(1):after{background: url(../images/tu1.jpg) center top no-repeat; }
.give_ul li:nth-child(2):after{background: url(../images/give.jpg) center top no-repeat; }
.give_ul li:nth-child(3):after{background: url(../images/tu4.jpg) center top no-repeat; }
.give_ul li:nth-child(4):after{background: url(../images/tu3.jpg) center top no-repeat; }
.give_ul li:nth-child(5):after{background: url(../images/tu2.jpg) center top no-repeat; }
 .give_ul li:hover:after { width: 100% }   
.give_hover{ position: relative; z-index: 99999; width: 100%; height: 100%; }
.give_ul li:nth-child(even){ background: #fff; }
.give_img{ width: 284px; height: 170px; display: block; margin: 30px auto 22px }
.give_img img{width: 284px; height: 170px; overflow: hidden;}
.give_num{ display: block; font-family: 'Adobe Std'; color: #1257a1; font-size: 60px; height:336px; line-height: 336px; text-align: center;  }
.give_tit{ display: block; height:44px; line-height: 44px; font-size: 24px; font-weight: bold; text-align: center; overflow: hidden;  }
.infor_i{ display: block; height:34px; line-height: 34px; text-align:center; font-size:16px; color: #666; overflow: hidden;  }
.give_i{ font-size: 16px; height:30px; line-height: 30px; text-align: center; color: #666; display: block; text-align: center;  }
.give_see{ display: block;background: url(../images/give1.png) center top no-repeat; border-radius: 60px; transition: all 0.5s ease 0s; transition: all 1s ease 0s; width:60px; height: 60px; margin: 200px auto 0  }
.give_ul li:hover .give_img{ display: none;  }
.give_ul li:hover .give_see{ margin-top: 80px; transition: all 1s ease 0s;  }

.give_ul li:hover .give_num,.give_ul li:hover .give_tit,.give_ul li:hover .infor_i,.give_ul li:hover .give_i{ color: #fff; }
.give_see:hover{ transition: all 0.5s ease 0s; transform: rotate(-360deg); box-shadow: 0 0 10px #fff; }

.section5{background: url(../images/bj3.jpg) center top no-repeat; background-size: cover;}
.show_left{ float: left;background: url(../images/pic9.jpg) center top no-repeat; padding: 0 0 0 40px; box-sizing: border-box; width: 320px; height: 630px; }
.show_word{ display: block; height:30px; line-height: 30px; overflow: hidden; font-size: 16px; color: #fff; padding-top: 110px;  }
.show_tit{ display: block; margin-bottom: 92px; font-size: 24px; font-weight: bold; color: #fff; height:64px; line-height: 64px;  }
.show_zi{ color: #fff; font-size:16px; height: 60px; overflow: hidden; line-height: 30px; margin-bottom: 102px;   }
.show_see{ display: block; height:32px; transition: all 0.5s ease 0s; line-height: 32px; font-size: 14px; font-weight: bold; color:#fff;  }
.show_right{ float: right; width:1200px;  }
.show_see:hover{ text-indent: 10px; transition: all 0.5s ease 0s; }
.show_ul li{ float: left; width:280px; height: 305px; overflow: hidden; position: relative; margin: 0 0 20px 20px;  }
.show_ul li img{width:280px; height: 305px; overflow: hidden; transition: all 1s ease 0s; }
.show_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.show_hover{ position: absolute;transition: all 0.5s ease 0s;  left: 0; top: -100%; width: 100%; height: 100%;background: url(../images/picbj.png) center top repeat; }
.up_tit{ display: block; height:62px; line-height: 62px; text-align: center; color: #fff; font-size: 22px; font-weight: bold; padding-top: 50px;  }
.up_line{ display: block;background: url(../images/upline.png) center top no-repeat;  height: 3px; }
.up_word{ display: block;text-align: center; height: 50px; line-height: 50px; text-transform: uppercase; color: #fff; font-size:14px; overflow: hidden; margin-bottom: 30px;  }
.up_see{ display: block; width:118px; height: 34px; line-height: 34px; transition: all 0.5s ease 0s; border-radius: 20px; border: 1px solid #fff; margin: 0 auto; color: #fff; font-size:14px; text-align: center;   }
.show_ul li:hover .show_hover{ top: 0; transition: all 0.5s ease 0s; }
.up_see:hover{ background: #fff; color: #1257a1; transition: all 0.5s ease 0s; }
.section6{background: url(../images/bj4.jpg) center top no-repeat; background-size: cover;}

.map_inner{ padding-top:30px;  }
.map_right{ float: right; width:546px; height: 572px; overflow: hidden;  }
.map_right img{ width:546px; height: 572px; overflow: hidden;}
.map_left{ float: left; background: #fff; padding:0 50px; box-sizing: border-box; width:974px; height: 572px;   }
.map_h3{ font-size: 18px; font-weight: bold; height: 96px; line-height: 96px; }
.map_div{ margin:0 0 20px -20px;  }
.map_txt{ float: left; margin-left: 20px; width:278px; height: 38px; line-height: 38px; border: 1px solid #eeeeee; border-radius:5px; font-size: 14px; padding-left: 14px; box-sizing: border-box; color: #999999;   }
.map_area{border: 1px solid #eeeeee; height: 130px; width: 100%; resize: none; margin-bottom: 20px;  border-radius:5px; font-size: 14px; padding: 14px; box-sizing: border-box; color: #999999;}
.yz_txt{ width:138px; margin-right: 10px;  }
.map_sub{ display: block; transition: all 0.5s ease 0s; float: right; height: 36px; line-height: 36px; width: 138px; background: #1257a1; border: 1px solid #1257a1; border-radius: 5px; color: #fff; font-size: 14px; text-align: center; }
.map_box{ padding-bottom: 52px; border-bottom: 1px solid #eeeeee; margin-bottom: 14px; }
.map_tel{ margin-left: -10px; }
.tel_dl{ width: 211px; float: left; margin-left: 10px; }
.tel_dl dt{ float: left; width: 42px; text-align: center; height: 48px; line-height: 48px; }
.tel_dl dd{ float: left; width:169px;  }
.tel_i1{ display: block; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; color: #666666; overflow: hidden; }
.tel_i2{ display: block; height:52px; line-height: 26px; overflow: hidden; color: #999999; font-size: 14px;  }
.index_add{ text-align: center; font-size: 14px; color: #666666; height:104px; line-height: 104px;  }
.index_add a{ font-size: 14px; color: #666666; }
.map_sub:hover{ transition: all 0.5s ease 0s; background: none; color: #1257a1 }

.active .who_left,.active .show_left,.active .map_left {-webkit-animation:fadeInLeft 1s linear 0.3s both;-moz-animation:fadeInLeft 1s linear 0.3s both; animation:fadeInLeft 1s ease 0.3s both;}
.active .who_tit,.active .index_h3{-webkit-animation:fadeInUp 1s linear 0.3s both;-moz-animation:fadeInUp 1s linear 0.3s both; animation:fadeInUp 1s ease 0.3s both;}
.active .wel_i,.active .index_bj,.active .index_add{-webkit-animation:fadeInUp 1s linear 0.4s both;-moz-animation:fadeInUp 1s linear 0.4s both; animation:fadeInUp 1s ease 0.4s both;}
.active .who_zi,.active .index_word{-webkit-animation:fadeInUp 1s linear 0.5s both;-moz-animation:fadeInUp 1s linear 0.5s both; animation:fadeInUp 1s ease 0.5s both;}
.active .who_see{-webkit-animation:fadeInUp 1s linear 0.6s both;-moz-animation:fadeInUp 1s linear 0.6s both; animation:fadeInUp 1s ease 0.6s both;}
.active .who_pic{-webkit-animation:fadeInUp 1s linear 0.7s both;-moz-animation:fadeInUp 1s linear 0.7s both; animation:fadeInUp 1s ease 0.7s both;}
.active .ind_left{-webkit-animation:fadeInLeft 1s linear 0.4s both;-moz-animation:fadeInLeft 1s linear 0.4s both; animation:fadeInLeft 1s ease 0.4s both;}
.active .ind_right li:nth-child(1){-webkit-animation:fadeInUp 1s linear 0.5s both;-moz-animation:fadeInUp 1s linear 0.5s both; animation:fadeInUp 1s ease 0.5s both;}
.active .ind_right li:nth-child(2){-webkit-animation:fadeInUp 1s linear 0.6s both;-moz-animation:fadeInUp 1s linear 0.6s both; animation:fadeInUp 1s ease 0.6s both;}
.active .ind_right li:nth-child(3){-webkit-animation:fadeInUp 1s linear 0.7s both;-moz-animation:fadeInUp 1s linear 0.7s both; animation:fadeInUp 1s ease 0.7s both;}
.active .ind_right li:nth-child(4){-webkit-animation:fadeInUp 1s linear 0.8s both;-moz-animation:fadeInUp 1s linear 0.8s both; animation:fadeInUp 1s ease 0.8s both;}

.active .show_ul li:nth-child(1){-webkit-animation:fadeInUp 1s linear 0.5s both;-moz-animation:fadeInUp 1s linear 0.5s both; animation:fadeInUp 1s ease 0.5s both;}
.active .show_ul li:nth-child(2){-webkit-animation:fadeInUp 1s linear 0.6s both;-moz-animation:fadeInUp 1s linear 0.6s both; animation:fadeInUp 1s ease 0.6s both;}
.active .show_ul li:nth-child(3){-webkit-animation:fadeInUp 1s linear 0.7s both;-moz-animation:fadeInUp 1s linear 0.7s both; animation:fadeInUp 1s ease 0.7s both;}
.active .show_ul li:nth-child(4){-webkit-animation:fadeInUp 1s linear 0.8s both;-moz-animation:fadeInUp 1s linear 0.8s both; animation:fadeInUp 1s ease 0.8s both;}
.active .show_ul li:nth-child(5){-webkit-animation:fadeInUp 1s linear 0.9s both;-moz-animation:fadeInUp 1s linear 0.9s both; animation:fadeInUp 1s ease 0.9s both;}
.active .show_ul li:nth-child(6){-webkit-animation:fadeInUp 1s linear 1s both;-moz-animation:fadeInUp 1s linear 1s both; animation:fadeInUp 1s ease 1s both;}
.active .show_ul li:nth-child(7){-webkit-animation:fadeInUp 1s linear 1.1s both;-moz-animation:fadeInUp 1s linear 1.1s both; animation:fadeInUp 1s ease 1.1s both;}
.active .show_ul li:nth-child(8){-webkit-animation:fadeInUp 1s linear 1.2s both;-moz-animation:fadeInUp 1s linear 1.2s both; animation:fadeInUp 1s ease 1.2s both;}
.active .map_right{-webkit-animation:fadeInRight 1s linear 0.3s both;-moz-animation:fadeInRight 1s linear 0.3s both; animation:fadeInRight 1s ease 0.3s both;}

.section6 .wrap_box{ top: 55%; }


.begin .head{ padding: 0 50px; }
.begin h1{line-height: 70px;}
.begin .nav_ul li a{ height: 70px; line-height: 70px; }
.begin .lan{ margin-top: 20px; }
.begin .search{ margin-top: 20px; }

.begin .nav_ul li:nth-child(1) a:hover{background: url(../images/title1.png) center 5px no-repeat;}
.begin .nav_ul li:nth-child(2) a:hover{background: url(../images/title2.png) center 5px no-repeat;}
.begin .nav_ul li:nth-child(3) a:hover{background: url(../images/title3.png) center 5px no-repeat;}
.begin .nav_ul li:nth-child(4) a:hover{background: url(../images/title4.png) center 5px no-repeat;}
.begin .nav_ul li:nth-child(5) a:hover{background: url(../images/title5.png) center 5px no-repeat;}
.begin .nav_ul li:nth-child(6) a:hover{background: url(../images/title6.png) center 5px no-repeat;}
.begin .nav_ul li:nth-child(7) a:hover{background: url(../images/title7.png) center 5px no-repeat;}
.begin .wrap_box{ width: 1300px; }
.begin .who_left{ width: 640px; }
.begin .who_left img{ width: auto; height: auto; max-width: 100% }
.begin .ind_right li{ margin-left: 10px; width: 388px; background-size: contain; height: 200px;  margin-bottom: 20px;  }
.begin .ind_right li a{ padding: 20px; }
.begin .ind_right{ width: 800px; }
.begin .ind_left{ width: 500px; }
.begin .ind_left img{ width: auto; height: auto; max-width: 100% }
.begin .map_right{ width: 383px; height: 400px; }
.begin .show_left{ width: 260px; height: 410px; padding-left: 40px; }
.begin .show_right{ width: 1040px; }
.begin .show_ul li{ width: 255px; margin:0 0 10px 5px; height: 200px; }
.begin .show_word{ padding-top: 60px; }
.begin .show_zi{ margin-bottom: 30px; }
.begin .show_tit{ margin-bottom: 30px; }
.begin .up_tit{ padding-top: 16px }
.begin .up_word{ margin-bottom: 2px; }
.begin .give_num{ height: 120px; line-height: 120px; }
.begin .give_img img,.begin .give_img { width: auto; height: auto; max-width: 100% }
.begin .give_ul li:after{ top: 0; }
.begin .map_left{ height: 400px; padding: 0 20px; width: 917px; }
.begin .map_h3{ height: 40px; line-height: 40px; font-size: 16px; }
.begin .map_div,.begin .map_area{ margin-bottom: 10px; }
.begin .map_box{ padding-bottom: 10px; margin: 0; }
.begin .index_add{ height: 30px; line-height: 30px; }
.begin .map_inner{ padding-top: 10px; }
.begin .who_zi,.begin .who_see,.begin .wel_i{ margin-bottom: 10px; }
.begin .who_pic img{ height: 200px; }
.begin .who_img2{ padding-top: 10px; }
.begin .ind{ padding-top: 10px; }
.begin  .section2 .wrap_box{ top: 57% }

.begin  .section3 .wrap_box{ top: 57% }
.begin  .section5 .wrap_box{ top: 57% }
.begin  .section6 .wrap_box{ top: 57% }