*{ padding:0px; margin:0px; list-style-type: none; outline:none; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}

a:hover {
    color: #0b4085;
}

body{ color: #4B4948; min-width:1300px;  font-family: "Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; }
.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
	background:#fff;
}


.header.headerindex{ padding:20px 20px; }
.header.dbno{padding:20px 20px; }

.biaoyu{ display:none; } 

.nav .nav_two{ display:none;}




/* @media screen and (min-width: 640px){ */
	
	.header { box-sizing: border-box;  min-width: 1300px;}
	
	
	.header.headerindex{ background:none; box-shadow: none;    }
	.header.headerindex .logo{background: url(../images/logothree.png) no-repeat 0px 0px; background-size:100%;}
	.header.headerindex .logo img{opacity:0; }
	
	
	.header.headerindex .nav a{ color:#fff;  }
	.header.dbno .nav a.active{ color:#0b4085; }
	
	
	.nav_two {  background: #fff;  z-index: 100; position: absolute; top:37px; left:-70px; width: 254px; 
		
		transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	}
	.nav li{ position: relative; }
	.nav li:hover .nav_two { display: block; padding-top: 10px; padding-bottom: 20px;}
	.nav .nav_two li a { color:#000; width: 100%; margin: 0px;  text-align: center; height: auto;  line-height:37px;  font-size: 16px; font-weight: normal; text-indent: 0px; display: block;}
	.nav .nav_two li{width:100%;}
	
	.header.headerindex .nav .nav_two li a { color:#fff; }
	.header.headerindex .nav .nav_two li a:hover{ color:#fff; }
	.header.headerindex .nav li:hover .nav_two{ background:none; }
	
 
	
	.scroll{ border: 2px solid #fff; height: 40px; width: 20px; border-radius: 30px; position: absolute; bottom: 50px;  z-index: 6; left: 50%; margin-left: -10px;}
	.scroll span{     height: 10px; width:1px; background: #fff; display: block; margin: 0 auto; }
	.scroll em{ height: 10px; width:3px; background: #fff; display: block; margin: 0 auto;
	
		-moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		
		-webkit-animation: line1Beforeaa 1.5s infinite alternate;
		animation: line1Beforeaa 0.5s infinite alternate;
		
	}
	
	@keyframes line1Beforeaa
	{
		from {margin-top:5px;}
		to {margin-top:15px;}
	}
	
	
	
	.icon-container{ display:none; }
	 
	 
	
 
	.newsBtnBg {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border-radius: 50%; background-image: linear-gradient(125deg,#B4A078,#d8c7a6); opacity: 0; transition: all .3s ease;}
	.classic-swiper2 .swiper-button-next:hover .newsBtnBg,.classic-swiper2 .swiper-button-prev:hover .newsBtnBg,.classic-swiper3 .swiper-button-next:hover .newsBtnBg,.classic-swiper3 .swiper-button-prev:hover .newsBtnBg { opacity: 1;}
	.classic-swiper2 .swiper-button-next:hover::before,.classic-swiper2 .swiper-button-prev:hover::before,.classic-swiper3 .swiper-button-next:hover::before,.classic-swiper3 .swiper-button-prev:hover::before{ color:#fff; }
	
	
	
	
	
	
	
	.classic-swiper2 .swiper-slide h2{ display:block; float:none; text-align: center; font-weight:400; font-size: 16px; line-height: 45px; margin-top:25px;
	position: absolute;
    width: 100%;
	-moz-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
		
	}
	.classic-swiper2 .swiper-slide span{ display:block; text-align:center; font-size:14px; color: #999999; position: absolute; width: 100%;  margin-top:65px; 
	-moz-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.classic-swiper2 .swiper-slide a{ display:block; position: relative;     padding-bottom: 130px; -moz-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);}
	.classic-swiper2 .swiper-slide i{ display: block;  position: absolute; top: 100%; width:25px; margin-top:-15px; opacity:1; left: 50%; margin-left: -15px;
									    -moz-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-o-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										-webkit-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
										transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	
	}
	.classic-swiper2 .swiper-slide i img{width:100%;}
	.classic-swiper2 .swiper-slide.swiper-slide-active{opacity:1; border:none; }
	.classic-swiper2 .swiper-slide.swiper-slide-active .pic{ height:330px; border-radius:10px;   }
	.classic-swiper2 .swiper-slide.swiper-slide-active .pic::after{ content:''; display:block; background:#000; opacity:0.2; width:100%; height:100%;  }
	.classic-swiper2 .swiper-slide.swiper-slide-active a{ padding-bottom:0px; }
	.classic-swiper2 .swiper-slide.swiper-slide-active h2{ top: 50%;     font-size: 20px;  color: #fff; margin-top:0; }
	.classic-swiper2 .swiper-slide.swiper-slide-active span{  top: 45%;  color: #fff; }
	.classic-swiper2 .swiper-slide.swiper-slide-active i{  margin-top: -85px; opacity:1; }
	
	 
	 
	
	
	 
	
	.news{padding:150px 0px;  background: #FFFFFF;  overflow: hidden; width:85%; margin:0 auto; }
	
	.news h2{  width: 40%;  text-align: center; font-weight: 400; margin:0 auto; }
	
	
	
	.classic-swiper4{ overflow:hidden; float:left; width:40%; margin-right:3%; min-width: 647px; position: relative;}
	.classic-swiper4 .swiper-slide{ overflow:hidden}
	.classic-swiper4 .swiper-slide img{width:100%; display:block;}
	.classic-swiper4 .swiper-slide h3{color: #fff;
    margin: 15px 0px;
    position: absolute;
    top:37%;
    left:10%;
    font-size: 24px;
    font-weight: bold;
    letter-spacing:4px; z-index:5; width:80%; }
	
	.classic-swiper4 .swiper-slide::after{ background:#0b4085; opacity:0.6; width:100%; height:100%; z-index:3; content:''; display:block; top: 0; position: absolute; }
	.classic-swiper4 .swiper-slide p{     font-size: 14px;
    line-height: 22px;
    color: #fff;
    border: 1px solid #fff;
    width: 150px;
    text-align: center;
    padding: 5px 0px;
    margin-top: 35px; font-weight:300;}
	.classic-swiper4 .swiper-slide p img{ width:25px; height:25px; display: inline-block; vertical-align: middle; }
	
	.classic-swiper4 .swiper-pagination-fraction{position: absolute;
    left: 10%;
    top:20%;
    width: 50%;
    text-align: left;
    font-weight: bold;
    color:#d0d0d0;
    font-size: 25px; bottom: auto;}
	.classic-swiper4 .swiper-pagination-fraction .swiper-pagination-current{ color:#fff;     font-size: 35px;}
	
	.news_right{   border:1px solid #0000;}
	
	.news_right_list{ display:none; }
	.news_right_list.news_right_list0{ display:block; }
	
	.news_right_top{ overflow:hidden; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; }
	
	.news_right_top ul{display: flex; float:left; width:93%; text-align: center; font-size: 20px; }
	.news_right_top ul li{ flex: 3; line-height: 43px; color: #858585; cursor:pointer;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
	.news_right_top ul li:nth-child(1){     text-align: left; width: 50%; flex: auto; }
	.news_right_top ul li.hover,.news_right_top ul li:hover{  font-weight:bold; font-size:35px; color:#000;  }
	
	.news_right_top a{ display:block;  float:right; margin-top: 6px; }
	.news_right_top a img{ width: 30px; opacity: 0.3; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
	.news_right_top a:hover img{ opacity:0.8; }
	
	.news_right_list_top{ overflow:hidden; margin-top:20px; margin-bottom: 20px; }
	.news_right_list_top .time{ float: left; width: 15%;min-width: 130px; text-align: left; padding: 40px 0px; font-size: 35px; font-weight: bold;}
	.news_right_list_top .time span{ display: inline-block; text-align: left; font-weight: bold; color: #d0d0d0; font-size: 25px;}
	.news_right_list_top .text{ margin-top: 20px;}
	.news_right_list_top h3{margin-bottom: 10px; font-weight: 500;  color: #000;}
	.news_right_list_top p{ line-height: 28px; color: #969696; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
	
	.news_right_list ul{ overflow:hidden; }
	.news_right_list ul li{ width:49%;float:left; }
	.news_right_list ul li:nth-child(2n){ float:right; }
	.news_right_list ul li a{ width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #606060;
    line-height: 40px; }
	.news_right_list ul li a:hover{ color: #0b4085; }
	
	.yous{ background:#f8f8f8; padding:100px 0; position:relative; }
	
	.yous::after{ background: url(../images/index1bg.png) no-repeat top center;
    background-size: 100%;
    content: '';
    display: block;
    position: absolute;
    width: 729px;
    height: 100%;
    top: 20px;
    right: 5%;
    z-index: 1; }
	
	.you_title {  padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex;
	    display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 590px; margin:0 auto; }
	
	.you_title .title_txt{margin-left: 40px; border-left: 1px solid #c5c5c5;  padding:0px 14px; padding-left: 40px;}
	.you_title .title_txt h2{ font-size: 35px; margin-bottom: 10px; }
	
	.you_title .title_txt p{    color: #777; font-size: 18px;}
	.yous .left1 { display:none; }
	.yous .left1 .txt {width:25px;font-size:13px;color: #fff;line-height: 1.444;background: #414852;display: inline-block;vertical-align: middle;text-align: center;padding:2px 0;}

	.you_title .title_txt{ text-align: center; border:none; padding:0; margin:0 auto; }

	.yous .left1 .numbox {display: inline-block;vertical-align: middle;margin-left: .1rem;}
	.yous .left1 .en {  line-height: 1; font-size:20px;color: rgb(65, 72, 82);  font-weight:bold;}
	.yous .left1 .num { font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important; line-height: 1; font-weight: bold;font-size:60px; color:#0b4085;}
	
	.idx-tags { width:80%; margin:0 auto; margin-top:50px; }
	.idx-tags ul{ overflow:hidden; }
	.idx-tags ul li{ float:left;width:25%; font-size: 22px;     text-align: center; }
	.idx-tags .tags_left{font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important; margin-right: 10px; font-size:50px;  display: inline-block; color: #0b4085;}
	.idx-tags  .col2{ display: inline-block; text-align: left; }
	.idx-tags .tags_left img{width: 67px; height: auto; display: inline-block; vertical-align: middle;}
	
	.mdts{ width:85%; margin:0 auto; margin-top:80px;      position: relative;
    z-index: 5; }
	.mdts .col {  float: left;  width:25%;}
	.mdts .item { box-shadow: 10.816px 18.001px 79px 0px rgba(0, 0, 0, 0.1); text-align: center;  display: block; padding-top:70px;
	 padding-bottom:70px;  transition: all .3s linear;}
	.mdts .item1 {background: #414852;}
	.mdts .item img { width:70px; display: inline-block;}
	.mdts .item .icon { width:70px;}
	.mdts .item .txt {  position: relative; padding: .1rem 0;}
	.mdts .item .txt h2 {
	    text-transform: uppercase;
	    color: rgba(255, 255, 255, 0.05);
	    font-size:50px;
	    font-weight: bold;
	}
	
	.mdts .item h1 {
	    font-size:35px;
	    color: #fff;
	    font-weight: bold;
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 50%;
	    transform: translateY(-50%);  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;
	}
	
	.mdts .item:hover h1{ font-size:42px; }
	.mdts .item:hover{  transform:scale(1.1); }
	
	.mdts:after{  clear: both; display: table; content: " ";}
	.mdts .item p {
	    font-size:18px;
	    color: rgba(255, 255, 255, 0.7);
	    line-height: 1.636;
	    height:100px;
	    padding: 0 3.5vw;
	    text-align: left;
	}
	.mdts .item .right-icon {
	    width:36px;  
	}
	
	.mdts .item1 {  margin-top:2vw; }
	.mdts .item2 {background: #fff; margin-top:7vw; box-shadow: 31.417px 52.287px 101px 0px rgba(0, 0, 0, 0.13);}
	.mdts .item2 p { color: rgb(136, 136, 136);}
	.mdts .item2 h1 {color: rgb(51, 51, 51);}
	.mdts .item2 .txt h2 {color: rgba(239, 239, 239, 0.5);}
	
	.mdts .item3 {background: #0b4085; margin-top:0vw; box-shadow: 31.417px 52.287px 101px 0px rgba(0, 0, 0, 0.13);}
 
	.mdts .item4 {background: #34bfb5; margin-top:5vw; box-shadow: 31.417px 52.287px 101px 0px rgba(0, 0, 0, 0.13);}
	.mdts .item4 p { color:#e8e8e8;}
	.mdts .item4 h1 {color:#fff;}
	.mdts .item4 .txt h2 {color: rgba(239, 239, 239, 0.2);}
	
	
	.school{ position: relative; width:100%; }
	.school .title{ z-index: 5; position: absolute; width: 500px; text-align: center; left: 50%; margin-left: -250px; top: 90px; color: #fff; }
	.school .title h2{font-size: 35px; margin-bottom: 10px;}
	.school .title p{ font-size:18px; }
	.school .school_pic{ width:100%; overflow:hidden; position: relative; }
	.school .school_pic li{ position: absolute; top:0; left:0; opacity:0;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; z-index:2; }
	.school .school_pic li:nth-child(1){ position: static; opacity:1; }
	.school .school_pic li.hover{ opacity:1; z-index:3;}
	.school .school_pic img{ display:block; }
	.school_pic::after{ position: absolute; z-index:4; content:''; display: block; background:#000; opacity:0.3; top:0; left:0; width:100%; height:100%;}
	
	.school_logo{ background: #fff;
    width: 85%;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 50px;
    box-sizing: border-box;
    margin-top:-140px;
    position: relative;
    z-index: 10;
    text-align: center; box-shadow: 0px 8px 20px 0 rgba(10,14,29,.08); padding-bottom:10px; }
	
	.school_logo li{display: inline-block; margin:0 30px; margin-bottom:40px; opacity:1;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;  cursor:pointer; }
	.school_logo li.hover{ opacity:0.8; -webkit-filter: grayscale(100%);   
  -moz-filter: grayscale(100%);  
   -ms-filter: grayscale(100%);   
  -o-filter: grayscale(100%);     
     filter: grayscale(100%); 	
filter: gray; }
	
	.school_logo li:hover{transform:scale(1.1);}
	
	 
	.zhuanye{ padding:100px 0; background:url(../images/zhuanyebg.jpg) center bottom no-repeat; min-height:555px; }
	
	
	
	
	.zhuanye .zhuanye_title{width: 500px; text-align: center; margin:0 auto; }
	.zhuanye .zhuanye_title h2{font-size: 35px; margin-bottom: 10px;}
	.zhuanye .zhuanye_title p{ font-size:18px; }
	
	.wrapper{ width:85%; margin:0 auto; margin-top:150px; }
	.tagcloud { width:100%; }
	
	
	
	.ronyu {
	   width:100%;
	   padding: 100px 0px;
	    background: url(../images/sky.jpg) no-repeat center center;
	    background-size: cover;
		position: relative;
	}
	.ronyu:after {
	    clear: both;
	    display: table;
	    content: " ";
	}
	.cloud {
	    display: inline-block;
	    width: 100%;
	    height: 100%;
	    background: url(../images/cloud.png) repeat-x 0 0;
	    background-size: cover;
	    animation: spreaddw 3000s linear infinite;
	    position: absolute;
	    left: 0;
	    top: 0;
	    z-index: 2;
	}
 
	@keyframes spreaddw {
	  from { background-position: 0 0; }
	  to { background-position: -50000px 0; }
	}
	
	
	
	.ron_menu{ float:left;  background: #fff; position: relative; width: 200px; padding: 50px 30px 50px 80px; z-index: 3; margin-left: 7.5%; }
	
	.ron_menu::before{ content:''; display: block; background:#fff; z-index:-1; opacity:0.5;  position:absolute; width:100%; height:100%; top: -30px;  left: -30px; }
	
	.ron_menu ul li{line-height: 40px;  margin:60px 0px; font-size: 20px; color: #696969; cursor:pointer;}
	.ron_menu ul li.hover{ color: #0b4085; }
	.ron_menu ul li i{ display:inline-block; height:31px; width:31px; background-repeat: no-repeat; background-position: center; vertical-align: middle;}
	.ron_menu ul li:nth-child(1) i{ background-image:url(../images/r1_1.png); }
	.ron_menu ul li.hover:nth-child(1) i{ background-image:url(../images/r1_2.png); }
	
	.ron_menu ul li:nth-child(2) i{ background-image:url(../images/r2_1.png); }
	.ron_menu ul li.hover:nth-child(2) i{ background-image:url(../images/r2_2.png); }
	
	.ron_menu ul li:nth-child(3) i{ background-image:url(../images/r3_1.png); }
	.ron_menu ul li.hover:nth-child(3) i{ background-image:url(../images/r3_2.png); }
	
	.ron_menu ul li:nth-child(4) i{ background-image:url(../images/r4_1.png); }
	.ron_menu ul li.hover:nth-child(4) i{ background-image:url(../images/r4_2.png); }
	
	.ron_pic{ margin-right:7.5%; float:right;     margin-top:0px; width: 60%; display:none; }
	.ron_pic.hover{ display:block; }
	.ron_pic:after {   clear: both;  display: table;  content: " ";}
	
	.ron_pic .ron_pic_txt{ float:left; position: relative; z-index: 5;  margin-top: 150px;     width: 44%; }
	
	
	.ron_pic_txt h2{ animation: a2_1 1s ease infinite ; animation-iteration-count:1;-webkit-animation-iteration-count:1; font-size:40px; color:#000;}

	.ron_pic_txt h2::before{ content:''; display: inline-block; width:50px; height:50px; background:url(../images/hh1.png) no-repeat center; background-size:100%; vertical-align: text-bottom; margin-right: 10px; }
	
	
	.ron_pic_txt p{font-size: 18px; margin: 20px 0px; animation: a2_1 1.5s ease infinite ; animation-iteration-count:1;-webkit-animation-iteration-count:1;}
	
	
	.ron_pic_txt a{ animation: a2_1 1.3s ease infinite ; animation-iteration-count:1;-webkit-animation-iteration-count:1; display: inline-block; width: 140px; text-align: center; background: #0b4085; color: #fff; padding: 10px 0px; font-size: 18px; }
	
	@keyframes a2_1{from {margin-left:-100px; opacity:0}  to { margin-left:0; opacity:1}}
	
	
	
	
	.ron_pic .ron_pic_pic{ float:right;  position: relative;  width:56%; height: 500px;}
	.ron_pic .ron_pic_pic img{   position: absolute; bottom: 0;   animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	
	
	.ron_pic3 .ron_pic_pic .img1{ left:0; z-index:5; animation: a3_2 1.5s ease infinite ;   animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	.ron_pic3 .ron_pic_pic .img2{ left:27%; z-index:1; bottom:10px; animation: a3_3 1.3s ease infinite ;   animation-iteration-count:1;-webkit-animation-iteration-count:1; }
	.ron_pic3 .ron_pic_pic .img3{ right:8%;  z-index: 5;  animation: a3_4 1.3s ease infinite ;   animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	.ron_pic .ron_pic_pic .img4{ right:-130px;  z-index:1; bottom:-100px;  animation: a2_5 1s ease infinite ;  animation-iteration-count:1;-webkit-animation-iteration-count:1; }
	

	@keyframes a3_2{from {left:100px; opacity:0}  to { left:0; opacity:1}}
	@keyframes a3_3{from {left:1%; opacity:0}  to { left:27%; opacity:1}}
	@keyframes a3_4{from {right:15%; opacity:0}  to { right:8%; opacity:1}}
	@keyframes a2_5{from {right:-30px; opacity:0}  to { right:-130px; opacity:1}}
	
	
	.ron_pic0 .ron_pic_pic .img1{ left:0; z-index:5; animation: a0_2 1.5s ease infinite ; animation-iteration-count:1;-webkit-animation-iteration-count:1;   }
	.ron_pic0 .ron_pic_pic .img2{ left:15%; z-index:1; bottom:80px; animation: a0_3 1.3s ease infinite ;   animation-iteration-count:1;-webkit-animation-iteration-count:1; }
	.ron_pic0 .ron_pic_pic .img3{ right:2%;  z-index: 5;  animation: a0_4 1.3s ease infinite ;    animation-iteration-count:1;-webkit-animation-iteration-count:1; }
	@keyframes a0_2{from {left:100px; opacity:0}  to { left:0; opacity:1}}
	@keyframes a0_3{from {left:1%; opacity:0}  to { left:15%; opacity:1}}
	@keyframes a0_4{from {right:5%; opacity:0}  to { right:2%; opacity:1}}
	
	
	.ron_pic1 .ron_pic_pic .img1{ left:0; z-index:5; animation: a1_2 1.5s ease infinite ;  animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	.ron_pic1 .ron_pic_pic .img2{ left:15%; z-index:3; bottom:20px; animation: a1_3 1.3s ease infinite ;  animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	.ron_pic1 .ron_pic_pic .img3{ right:15%; bottom: 50px; z-index:1;  animation: a1_4 1.3s ease infinite ;   animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	@keyframes a1_2{from {left:100px; opacity:0}  to { left:0; opacity:1}}
	@keyframes a1_3{from {left:5%; opacity:0}  to { left:15%; opacity:1}}
	@keyframes a1_4{from {right:5%; opacity:0}  to { right:15%; opacity:1}}
	
	.ron_pic2 .ron_pic_pic .img1{ left:0; z-index:5; animation: a2_2 1.5s ease infinite ;  animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	.ron_pic2 .ron_pic_pic .img2{ left:15%; z-index:3; bottom:10px; animation: a2_3 1.3s ease infinite ;  animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	.ron_pic2 .ron_pic_pic .img3{ right:15%; bottom: 50px; z-index:1;  animation: a2_4 1.3s ease infinite ;   animation-iteration-count:1;-webkit-animation-iteration-count:1;  }
	@keyframes a2_2{from {left:100px; opacity:0}  to { left:0; opacity:1}}
	@keyframes a2_3{from {left:5%; opacity:0}  to { left:15%; opacity:1}}
	@keyframes a2_4{from {right:5%; opacity:0}  to { right:15%; opacity:1}}
	
	
	
	
	 
	
	.picshow{ width:85%; margin:0 auto; padding:100px 0px; }
	.picshow h2 {
	    font-size: 35px;
	    margin-bottom: 10px;
	}
	.picshow p {
	    font-size: 18px; color: #777;
	}
	.picshow .picshow_title {
	    width:600px;
	    text-align: center;
	    margin: 0 auto;
	}
	
	
	.picshow .mode{     display: flex;
    width: 300px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px; }
	
	.picshow .mode li{ flex: 4;
    text-align: center;
    margin: 0;
    padding: 10px;
    background: #f1f1f1; cursor:pointer; }
	
	.picshow .mode li.hover{ color: #fff; }
	.picshow .mode li.hover{ background: #0b4085; }
	
	.picshow_list{   }
	
	.picshow_list:after {
	    clear: both;
	    display: table;
	    content: " ";
	}
	.picshow_list ul{ float:left; }
	.picshow_list img{ display:block; }
	.picshow_list  .team1{ width:15%; margin-right:15px; }
	.picshow_list  .team1 li{ position: relative; overflow:hidden; }
	.picshow_list  .team1 span,.picshow_list  .team1 img,.picshow_list  .team2 img,.picshow_list  .team2 li span{ -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s}
	
	.picshow_list  .team1 span,.picshow_list  .team2 li span{ display:block; width:1px; height:0; background:#fff; position: absolute; }

	.picshow_list  .team1 span:nth-child(1),.picshow_list .team2 li span:nth-child(1){ top: 0; left: 5%; }
	.picshow_list  .team1 span:nth-child(2),.picshow_list .team2 li span:nth-child(2){ right: 5%; bottom: 0; }
	.picshow_list .team2 li span:nth-child(2){ top:auto; }
	.picshow_list  .team1 span:nth-child(3),.picshow_list .team2 li span:nth-child(3){ top: 5%; right: 0;  width:0;  height: 1px; }
	.picshow_list .team2 li span:nth-child(3){ left:auto; }
	.picshow_list  .team1 span:nth-child(4),.picshow_list .team2 li span:nth-child(4){ bottom: 5%; left: 0;  width:0; height: 1px; }
	
	
	.picshow_list  .team1 li:hover span:nth-child(1) ,.picshow_list  .team1 li:hover span:nth-child(2){ height:95%; z-index:5; }
	.picshow_list  .team1 li:hover span:nth-child(3) ,.picshow_list  .team1 li:hover span:nth-child(4){ width:95%; z-index: 5;}
 
	.picshow_list  .team2 li:hover span:nth-child(1) ,.picshow_list  .team2 li:hover span:nth-child(2){ height:95%; z-index:5; }
	.picshow_list  .team2 li:hover span:nth-child(3) ,.picshow_list  .team2 li:hover span:nth-child(4){ width:95%; z-index: 5;}
	 
	
	.picshow_list  .team1 li:nth-child(2){ margin-top:15px; }
	
	.picshow_list  img{ width:100%;  }
	
	.picshow_list  .team2{ width:40.5%; padding:15px; box-sizing:border-box; position:relative; margin-right:15px; overflow: hidden; }
	.picshow_list  .team2 img{ width:100%; }
	.picshow_list .team2  img:hover,.picshow_list .team1  img:hover{ transform:scale(1.1); }
	.picshow_list  .team2::after{ content: '';  display: block;  background: #0b4085;  height: 40%;   width: 120%; position: absolute;
    top: 27%;  left: -10%;   z-index: -1;  transform: rotate(14deg);}
	
	.picshow_list  .team2 span{ display:block; width:1px; height:100%; background:#0b4085; position: absolute; } 
	.picshow_list  .team2 span:nth-child(1){ top: 0; left: 0; }
	.picshow_list  .team2 span:nth-child(2){ top: 0;  right: 0; }
	.picshow_list  .team2 span:nth-child(3){ top: 0; left: 0; width: 100%; height: 1px; }
	.picshow_list  .team2 span:nth-child(4){ bottom: 0;  left: 0;  width: 100%; height: 1px; }
	
	.picshow_list  .team3{ width:26.5%; overflow:hidden; }
	.picshow_list  .team3 li{ height:100%; width:100%; }
	.picshow_list  .team3 img{ width: auto;  height: 100%; display:block; right: 0;
    position: relative;
	-webkit-animation: tema3 10s infinite alternate;
 	animation: tema3 10s infinite alternate;
	animation-direction:alternate;
	-webkit-animation-direction:alternate; 
	
	}
	@keyframes tema3{from {right:0;}to {right:50%;}}
	
	.picshow_list { display:none; }
	.picshow_list.picshow_listok{ display: block; }
 
 .footer {
     position: relative;
     padding: 0;
     font-size: 14px;
     color: #747474;
     line-height: 20px;     padding-bottom: 0;
 }
	.footer_1{  
    position: relative;  box-shadow: 0px 0px 50px  0 rgba(10,14,29,.08); width:85%; margin:0 auto; background:url(../images/footerbg.jpg) center top no-repeat; box-sizing:border-box; padding:80px 50px; margin-bottom: -90px; }
	.footer_weixin{ display: flex; float:left; width:30%; }
	.footer_weixin li{  text-align:center; margin-right:20px; }
	.footer_weixin li img{ border:1px solid #f1f1f1; width:100px; display:block; margin:0 auto;margin-bottom:10px; }
 
	.footer.footercontact .footer_1{ position: absolute;  left: 7.5%;  margin-top: -150px; z-index:5; }
	.footer.footercontact .footer_2{ padding-top: 190px; }
	.footer_1:after {
	    clear: both;
	    display: table;
	    content: " ";
	}
	
	.footer_weizhi{ float:left; width:40%; text-align: center; }
	.footer_weizhi img{ width:30px; display:block; margin:0 auto;margin-bottom:15px; }
	.footer_weizhi  span{ display: block; line-height: 41px;  font-size: 20px; }
	.footer_tel{ float:right; text-align:right; width:30%; }
	.footer_tel span{ display:block; }
	.footer_tel span:nth-child(1){ font-size: 20px; margin-bottom: 15px; }
	.footer_tel span:nth-child(2),.footer_tel span:nth-child(3){font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important; font-size: 25px;
    letter-spacing: 1px;  line-height: 36px; color: #333;}
	.footer_tel img{ width:30px; vertical-align: middle; }
	 
	 
	 
	 
	 
	 .footer_2{ background: #3a3a3a; padding:50px 0px; color: #737373; font-size: 14px; line-height:28px; padding-top:150px; }
	 .footer_2 strong{color: #b3b3b3; margin-right: 10px; }
	 .footer_2 a{ color: #737373; margin-right: 15px; }
	 .footer_2 .container{ width:85%; margin:0 auto; }
	 .footer .text-left {
	     padding-top: 5px;
	     padding-bottom: 5px; width:50%;  float: left;
	 }
	 .footer .text-right {
	     padding-top: 5px;
	     padding-bottom: 5px; width:50%;  float: left; text-align: right;
	 }
	 
	 
	 .gotop {
	     position: absolute;
	     left: 50%;
	     bottom:0px;
	     margin-top: 0;
	     -webkit-transform: translate(-50%,-50%);
	     transform: translate(-50%,-50%);
	     color: #fff; cursor:pointer;
	 }
	 .radius-half {
	     -webkit-border-radius: 50%;
	     -moz-border-radius: 50%;
	     border-radius: 50%;
	 }
	 
	 .gotop >div {
	     position: relative;
	     top: 0;
	     margin: 0 auto 50px;
	     width: 26px;
	     height: 26px;
	     opacity: .7;
	     border: 1px solid #fff;
	     -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);
	     transition: all 1s cubic-bezier(.23,1,.38,1);
	 }
	 .gotop:hover >div {
	     top: 35px;
	     border-bottom: 0;
	     border-right: 0;
	     border-left: 0;
	     opacity: 1;
	 }
	 .gotop:hover >div i {
	     top: -30px;
	 }
	 .gotop >div i {
	     position: absolute;
	     top: 10px;
	     left: 50%;
	     display: block;
	     content: "";
	     width: 1px;
	     height:55px;
	     background: #fff;
	     -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);
	     transition: all 1s cubic-bezier(.23,1,.38,1);
	 }
	 .gotop >div i::after {
	     position: absolute;
	     top: 0;
	     left: -3.5px;
	     display: block;
	     content: "";
	     width: 8px;
	     height: 8px;
	     border-top: 1px solid #fff;
	     border-right: 1px solid #fff;
	     -webkit-transform: rotate(-45deg);
	     transform: rotate(-45deg);
	 }
 
	 
	
	
	
	.ly{ background:#fff; padding:30px 5%;  }
	.ly h3{ font-weight:400; text-align:center; line-height:120px;     letter-spacing: 3px;}
	
	.ly_from{ margin-top:20px; width:500px; margin:0 auto; }
	.ly_from span{ display:block}
	.ly_from input[type=text] , .ly_from select {font-size: 14px;width: 98%;margin-right: 0;margin-bottom: 10px;	border: 1px solid #f1f1f1; height: 30px; text-align: left; padding: 5px;}
	.ly_from select{ width: 100%; padding: 11px;  height: 45px;  padding-left: 1px; color: #6f6f6f;     background: none; }
	.ly_from textarea {border: 1px solid #f1f1f1; padding: 5px; height:100px; width:98%;  }
	.btntj { border:none; width: 250px; text-align: center; background: #afafaf; color: #FFF;   display: block; margin: 0 auto; cursor: pointer; line-height: 50px;width: 150px; float: none;margin:0 auto; margin-top:20px;}
	
	
	.nr_banner {
	    position: relative;
	    width: 100%;
	    height: auto;
		overflow:hidden;
	}
	
	
	
	.nr_banner .text {
	    width: 100%;
	    display: block;
		animation: a2_6 10s ease infinite ; animation-iteration-count:1;-webkit-animation-iteration-count:1;
	}
	@keyframes a2_6{from { transform: scale(1.5);}  to { transform: scale(1);}}
	
	
	
	.nr_banner h2 {
	    text-align: center;
	    font-size: 60px;
	    line-height: 1;
	    left: 50%;
	    color: #fff;
	    position: absolute;
	    top: 50%;
	    margin-top: -30px;
	    width: 1200px;
	    z-index: 5;
	    margin-left: -600px; 
	}
	.nr_banner span {
	    display: block;
	    width: 100%;
	    position: absolute;
	    height: 100%;
	    background: #000;
	    opacity: 0.4;
	    top: 0;
	    left: 0;
	}
	
	.position {
	    margin-bottom:40px;
		margin-top:-90px;
		box-sizing: content-box;
		position: relative;
		z-index: 2;
	}
	
	.max-wid {
	    width:85%;
	    margin: auto;
	}
	.align-end {
	    align-items: flex-end;
	}
	.flex-between {
	    justify-content: space-between;
	}
	.flex-container-row {
	    display: -webkit-flex;
	    display: flex;
	    flex-direction: row;
	}
	.position-left {
		width:198px;
		height:198px;
	    position: relative;
	    padding: 1px 1px 1px 34px;
	    box-sizing: border-box;
	    text-align: left;
	}
	.position-left img {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: -1;
	}
 .position-left .title {
     font-size: 32px;
     font-weight: bold;
     color: #fff;
     margin: 20px 0px 10px 0px;
 }
 .position-left .text {
     font-size:22px;
     color: #fff;
 }
	 .align-center {
	     align-items: center;
	 }
	 
	.flex-container-row {
	    display: -webkit-flex;
	    display: flex;
	    flex-direction: row;
	}
    .position-right dt img {
        width:18px;
        height:18px;
        margin-right:26px;
    }
	.position-right dd text a, .position-right dt text a {
	    transition: all 0.3s;
	    font-size:16px;
	    color: #b2b2b2;
	}
	.position-right dt, .position-right dd {
	    font-size:16px;
	    float: left;
	    color: #b2b2b2;
	}
	
	.er_menu{ margin-top:0; border-bottom:1px solid #f1f1f1; }
	.er_menu ul{ width:85%;  margin: 0 auto;  background: #fff; overflow:hidden; }
	.er_menu ul li{ float:left; width:25%; }
	.er_menu ul li a{ display: block; text-align: center; color: #6b6b6b; height:120px; line-height:120px;  position: relative; font-size:18px; -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    	    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s; }
	.er_menu ul li a.hover,.er_menu ul li a:hover{ color:#0b4085; font-size:22px; }

	
	
	.er_menu ul li a.hover::after,.er_menu ul li a::after{ content: " "; bottom: 0; width:30px; display: block; height: 2px;  margin: 0 auto; margin-top: -2px;  background: #0b4085;
    	-moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    	-o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
   		-webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    	transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.er_menu.er_menutwo ul li a{   }
	
	.er_menu ul li a::after{ width:0px; }
	.er_menu ul li a:hover::after{ width:30px;  }
	
	
	.ts{ background:#fff; padding:65px 5%; min-height:400px; }
	
	.ts.tstwo ul li{ width:25% }
	
	.ts ul{ overflow:hidden; width:1000px; margin:0 auto; padding-top: 100px;}
	.ts li{ float:left; text-align: center;  margin-bottom: 30px;  font-size: 16px;  color: #818181;  position: relative; padding-bottom: 30px; line-height: 25px; width:30%; }
	.ts li img{ display:block; margin:0 auto; height:45px; margin-bottom:15px; }
	.ts li::after{content: ' ';  height: 10px;  width: 10px;  display: inline-block; transform: rotate(-45deg); border-bottom: 2px solid #b2b2b2; border-right: 2px solid #b2b2b2; margin-left: -5px;  margin-top:-40px;  position: absolute;  bottom:54%;     left:100%; }
	
	.ts li:last-child{ margin-bottom:0; }
	.ts li:last-child::after{ display:none; }
	
	.culture{margin-top: 0px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden; margin-top:100px; }
	.culture h4{ font-size: 20px; font-weight: 400; position:relative }
	.culture h4 img{ width: 40px; display: inline-block; margin: 0 auto; vertical-align: middle;}
	.culture h4 text{ font-weight: bold; position:absolute; left:100%; width:50px; }
	.culture .culture_txt{     width: 44%;
    margin: 0 auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: #fff;
    padding: 2%;
    float: left;
    border: 1px solid #f1f1f1; }
	.culture .culture_txt p{ color: #a6a6a6; font-size: 14px; margin-top: 15px; line-height: 25px; }
	.culture .culture_txt text{font-weight: bold; position: absolute; left: 100%; width: 50px; margin-left: -130px; font-size: 110px; opacity: 0.05; top: -49px;}
	
	.culture .culture_txt:nth-child(2n){ float:right; }
	
	
	
	.price_list{padding:25px 0px; background: #FFFFFF; position:relative;   }
	.price_list ul{  width: 90%; margin: 0 auto;     overflow: hidden;  height: 104px; }
	
	.price_list .more-price{width: 100px;display:none; position: absolute;color: #B4A078;bottom: 16px;font-size: 12px;left: 50%;margin-left: -50px;text-align: center;}
	
	
	
	.price_list ul li{ margin-bottom: 20px;float:left; width:8%; margin-right:1%; justify-content: center; align-items: center; border:1px solid #f1f1f1; border-radius:4px; }
	.price_list ul li:nth-child(11), .price_list ul li:last-child{ margin-right: 0;}
	.price_list ul li a{ font-size:14px; display:block; width:100%; height:100%; text-align:center; line-height:40px; }
	
	
	.price_xq{ width:90%; margin:0 auto; overflow:hidden; background:#fff; padding:0 5%;  padding-top:25px;     padding-bottom: 25px;}
	.price_xq_1{ width:100%; }
	.price_xq_1 table{border-collapse: collapse;width:100% !important;}
	.price_xq_1 td{ font-size:12px; height:auto !important; width:auto!important; border: 1px solid #f1f1f1; padding:0 10px; }
	.price_xq_1 tr td:last-child{  padding:10px 10px;  }
 
	.price_list ul li .active{ color:#ffb25a; }
	
	
	
	.newslist{ background:#fff; padding:65px 5%; width:90%; }
	.newslist ul{ width:100%; margin:0 auto; overflow:hidden}
	.newslist ul li{ margin-bottom:30px; width:30%; float:left; border-bottom:1px solid #f1f1f1; padding-bottom:30px; margin-right:5% }
	.newslist ul li img{width:100%; opacity: 0.9; height: 300px;}
	.newslist ul li a:hover img{ opacity:1; }
	.newslist ul li h3 { font-weight: 500; font-size: 16px;  margin: 15px 0px;}
	
	.newslist ul li p { font-size: 13px; line-height: 22px;color: #a8a8a8;}
	
	.newslist ul li:nth-child(3n){ margin-right:0; float:right;}
	
	
	.newslist_con_2 {
	    float: right;
	    width:70%;
	}
	
	.newslist_con_2 ul li {
	    height: 25px;
	    line-height: 25px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.newslist_con_2 ul li a {
	    font-size: 16px;
	    color: #000;
	}
	.newslist_con_2 ul li a:hover{ color: #0b4084; }
	.newslist_con_2 ul li span {
	    float: right; color: #b4b4b4;
	}
	
	.newslist_con_2 .newsart{ padding-top:0;  }
	.newslist_con_2  .newsart .article{ width:100%; }   
.newslist_con_2  .newsart .article table td {
    border: #ccc solid 1px !important;
    padding: 5px !important;
    text-align: center;
}
	.honorh2{ width: 100%; text-align: center; font-weight: 400; }
	.honortxt{     margin-top: 10px; text-align: center; color: #848484; margin-bottom:80px; }
	
	.rongyulist { width:85%; margin:0 auto; padding-bottom: 20px; margin-top:50px;}
	.rongyulist li { height:auto; margin-bottom: 25px; width:24%;   margin: 0 auto; margin-bottom:60px; float:left; width: 22%;     margin-right: 4%; }
	.rongyulist li:nth-child(4n){  margin-right:0; }
	
	.rongyulist .apic {width: 100%; height:250px;position: relative;display: block;margin-bottom:15px;text-align: center;}
	.rongyulist .apic img {  width:auto; height:100%; transition: all .3s linear; }
	.rongyulist .apic img:hover{ transform: scale(1.1); box-shadow: 31.417px 52.287px 101px 0px rgba(0, 0, 0, 0.13); }
	
	.rongyulist::after{ content:''; display:block; clear:both; }
	
	.rongyulist li .title{line-height: 30px; font-size: 20px; font-weight:400; color: #000; position: relative; margin-bottom: 35px; display: block; height: 77px;}
	.rongyulist li .title::after{ content:""; display:block; width:20px; height:2px; margin:0 auto; margin-top:5px; margin-bottom:5px; background:#dfdfdf;    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;}
	.rongyulist li p{ color:#999; font-size:14px; text-align:center; display:block; height: 38px;}
	



.products {
        width: 85%;
        margin: 0 auto;
        margin-top: -100px;
        margin-bottom: 50px;
        background: #fff;
        padding: 60px;
        position: relative;
        box-sizing: border-box;
}

.products.productstwo{ margin-top: 0; }

.products_left:after {
	    clear: both;
	    display: table;
	    content: " ";
	}
	
	
.products .products_left {
    float: right;
    width: 70%;
}
.products_right{ width:26%; float:left; }
.products_right .swiper04{width:100%;}
.products_right .swiper04 img{ width:100%; }

	.hotnews{ border:1px solid #f1f1f1; padding:20px; margin-top:30px;}
	
	.clan_title {
	    background: #FFF;
	    width: 100%;
	    height: 30px;
	    line-height: 30px;
	    font-size: 20px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #f1f1f1; margin-bottom:10px;
	}
	
	.clan_news {
	
	    background: #FFF;
	    width: 100%;
	    padding-top: 0px;
	}
	.clan_title {
	    background: #FFF;
	    width: 100%;
	    height: 30px;
	    line-height: 30px;
	    font-size: 20px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #f1f1f1; margin-bottom:10px;
	}
	.clan_news li a{
	   font-size: 16px;
	       line-height: 50px;
	       display: block;
	       white-space: nowrap;
	       text-overflow: ellipsis;
	       overflow: hidden;
	}
	
	.clan_news li a::before {
	    content: '';
	    display: inline-block;
	    height: 4px;
	    width: 4px;
	    background: #bfbfbf;
	    vertical-align: middle;
	    border-radius: 50%;
		margin-right: 10px;
	}
	.clan_news li a:hover::before{ background:#e60012; }


	.mboxlist {
	    width: 100%;
	    margin-bottom: 40px;
	    border: 1px solid #f1f1f1;
	    
	    overflow: hidden;
	    position: relative;
	    padding: 3%;
	    box-sizing: border-box;
	    float: left;
	    margin-right: 3%;
	    -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
		width:31%; text-align: center;
	}
	
	.mboxlist:nth-child(3n){ margin-right:0; }
	
	
	.mboxlist:hover {
	   box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);  
	}
	
	
	
	.mboxlist .logo{ display: block;
    margin: 0 auto;
    margin-bottom: 20px;  -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in; }
	.mboxlist span{      display: block; position:relative;
    color: #000000;
    padding: 20px;
    font-size: 20px; -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in; }
		
		.mboxlist span::after{ position: absolute;
    width:30px; opacity:0;
    left: 50%;
    margin-left: -15px;
    content: '';
    display: block;
    background: #fff;
    height: 3px;
    bottom: -6px;  -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;}
		
	.mboxlist p{ display: block;
    width: 150px;
    margin: 0 auto;
    border-radius: 5px;
    background: #f6f6f6;
    line-height: 42px;
    color: #8e8e8e; -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;}
		
	.mboxlist i{font-style: initial;
    font-size: 14px;
    color: #878787;
    margin-bottom: 20px;
    display: block; -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
	
	.mboxlist:hover p{ background: #0b4085; color: #fff;  }
	
	.sc_pic{ opacity:0; width:100%; width:130%; height:auto; position:absolute; left:-15%; top:0; z-index:-2; -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in; }
	.mboxlist::after{     content: '';
    opacity: 0;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    display: block;
    top: 0;
    left: 0; -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;}
	
	.mboxlist:hover .logo,.mboxlist:hover p,.mboxlist:hover i{ opacity:0; }
	.mboxlist:hover span{ color:#fff; transform: scale(1.1); }
	
	.mboxlist:hover span::after{ opacity:1; }
	
	.mboxlist:hover::after{ opacity:0.5; }
	.mboxlist:hover .sc_pic{ opacity:1; }
	.cailao{ padding:65px 0px; background: #FFFFFF; margin-top:0px; }
	.cailao .classic-cl{ overflow:hidden}
	.cailao img{ width:100%; height: 360px; }
	
	.cailao.cailaojk img{ height:auto; }
	
	.cailao .classic-cl h3{ width: 100%; text-align: center; font-size: 18px; font-weight: 400; margin-bottom: 15px;}
	.cailao .classic-cl h4{ width: 100%; text-align: center; font-size: 16px; font-weight: 400; margin-top: 15px;}
	.cailao .classic-cl p{ width:90%; margin:0 auto; text-align: center; font-size: 14px;  margin-top: 10px;     color: #6b6b6b; line-height: 20px; }
	
	.cailao h2{    width: 100%; text-align: center; font-weight: 400; margin-bottom:10px;}
	.cailao_txt{ width:90%; text-align:center; font-size:14px; text-align:center; margin:0 auto;color: #8c8c8c; margin-bottom:40px;} 
	
	.fwfw{     padding: 45px 0px; background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top:0px;}
	.fwfw h2{     width:100%; text-align: center; font-weight: 400; margin-bottom: 10px; }
	.fwfw p{ margin-top:10px; text-align:center; color: #848484; font-size: 14px; width:90%; margin:0 auto; }
	
	.fwfw ul{ margin-top:30px; overflow:hidden; width:90%; margin:0 auto; margin-top:40px;}
	.fwfw li{ width: 27%; margin: 0 auto;  text-align: center;  margin-bottom: 25px; border: 1px solid #f1f1f1; padding: 2%; float: left; }
	.fwfw li:nth-child(2){    margin-left: 2.5%;  margin-right: 2.5%;}
	
	.fwfw li:last-child{ margin-bottom:0; }
	.fwfw li img{ width:30px; margin-bottom:10px; }
	.fwfw li h3{ font-weight:400; font-size:16px; margin-bottom:10px; }
	.fwfw li p{ font-size:14px; }
	
	.header.headercase .title,.header.headercasetwo .title,.header.dbno .title{ display:none;}
	
	
	.eco h2{ position: absolute; z-index: 10; top: 130px; right:6%;  color: #000; font-size: 35px; }
	.eco .eco_txt{     position: absolute;  z-index: 10; right:6%; top:190px; font-size: 25px; color: #000; }
	
	.case_banner .case_banner{ display:none; }
	.embodiment{ background:#fff; }
	
	.fanzi{ width:700px; margin:0 auto;  padding-left:5%; padding-right:5%; padding-top:240px; position:relative; padding-bottom:50px;  }
	.fanzi .fanzi_pic{width:100%; display:block }
	
	.fanzi span{ font-size:12px; position:absolute; }
	
	.fanzi .biao_a{    font-size: 14px; position: absolute; height:145px; left: 50%; top:175px;}
	.fanzi .biao_a::before{ border-left:1px dotted #484848; animation: biao_aa 1s ease-out 0s forwards; content: ""; display: block;  height:64px; width: 1px; position: absolute; left: 50%; bottom: 0; }
	.fanzi .biao_a em{     font-style: normal; animation: em 1s ease-out 1s forwards; display:block; overflow:hidden; height:20px; line-height:25px; opacity:0}
	
	
	.fanzi .biao_a.biao_b{    left:13%; top:248px; height: 250px;}
	.fanzi .biao_a.biao_b::before{ height:0px; animation: biao_bb 1.2s ease-out 1s forwards; }
	.fanzi .biao_a.biao_b em{ animation: em 1s ease-out 2s forwards; } 
	
	
	.fanzi .biao_a.biao_c{  left:75%; top: 352px; height: 135px; }
	.fanzi .biao_a.biao_c::before{ height:0px; animation: biao_cc 0.8s ease-out 2s forwards; }
	.fanzi .biao_a.biao_c em{ animation: em 1s ease-out 3s forwards;  }
	
	
	.fanzi .biao_a.biao_d{left:37%; top:209px; height: 100px;}
	.fanzi .biao_a.biao_d::before{ height:0px; animation: biao_d 0.8s ease-out 2s forwards; }
	.fanzi .biao_a.biao_d em{ animation: em 1s ease-out 3s forwards;  }
	
	.fanzi .biao_a.biao_e{left: 22%; top:593px; height: 221px;}
	.fanzi .biao_a.biao_e::before{ height: 0px;  animation: biao_ee 0.8s ease-out 2s forwards;  top: 0;}
	.fanzi .biao_a.biao_e em{ animation: em 2s ease-out 3s forwards; margin-top:200px;  }
	.fanzi .biao_a.biao_e .point{ top:0; }
	
	
	.fanzi .biao_a.biao_f{     left: 63%;  top:520px; height: 200px;}
	.fanzi .biao_a.biao_f::before{ height: 0px;  animation: biao_ff 0.8s ease-out 1s forwards;  top: 0;}
	.fanzi .biao_a.biao_f em{ animation: em 1s ease-out 2s forwards; margin-top:180px;  }
	.fanzi .biao_a.biao_f .point{ top:0; }
	
	
	.fanzi .biao_a.biao_g{ left: 46%; top:532px; height: 230px;}
	.fanzi .biao_a.biao_g::before{ height: 0px;  animation: biao_gg 0.8s ease-out 1s forwards;  top: 0;}
	.fanzi .biao_a.biao_g em{ animation: em 1s ease-out 2s forwards; margin-top:210px;  }
	.fanzi .biao_a.biao_g .point{ top:0; }
	
	
	.fanzi_txt{  text-align: center; margin-bottom: 30px; text-align: center;
    margin-bottom: 30px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;}
	.fanzi_txt h2{    font-size: 18px; font-weight: 400;  padding: 65px  0px; padding-bottom: 0px; line-height: 29px; }
	
	
	.fannao{     padding: 45px 0px; background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top: 20px;}
	.fannao h2{     width:100%; text-align: center; font-weight: 400; }
	.fannao p{ margin-top:10px; text-align:center; color: #848484;}
	.fannao ul{ width:90%; margin:0 auto; overflow:hidden; margin-top:40px;}
	.fannao ul li{float: left; width:12.5%; margin-bottom:40px; text-align: center; font-size:18px; color: #666; margin-top: 10px;}
	.fannao ul li img{ width:50px; display:block; margin:0 auto; margin-bottom:10px; }
	
	.fannao ul li:nth-child(5),.fannao ul li:nth-child(6),.fannao ul li:nth-child(7),.fannao ul li:nth-child(8){ margin-bottom:0px; }
	
	.case_art{ background:#fff; padding-bottom:30px; }
	.case_art h1{      width: 500px; margin: 0 auto;overflow: hidden; padding-top:40px; padding-bottom:20px;font-size: 22px; float: left; margin-left: 5%; }
	.source{ padding: 0 5%; padding-bottom: 10px;font-size: 12px; color: #999; font-size: 14px;  float: left; width: 860px;}
	.source span{ display:inline-block; margin-right: 20px;}
	.source span.view{ text-align:right}
	.source em{    display:inline-block; width:20px; margin-right:7px; vertical-align: middle; }
	.source .time em{width: 16px;}
	.source em img{ width:100%; height:auto; }
	
	.clear{ clear:both; }
	.case_art .clear{ border-bottom:1px solid #f1f1f1;}
	.sheji{     width: 310px; margin: 0 auto; overflow: hidden;  padding-top: 40px; padding-bottom: 40px; position: relative;  float: right; margin-right: 6%;}
	.sheji .sheji_pic{ float:left; height:60px; width:60px; border-radius:50%; overflow:hidden; margin-right:15px; }
	
	.sheji::after {     content: ""; position: absolute; background: url(../images/jv.png) no-repeat center #fff; padding: 5px; background-size: 70%;  width: 12px; height: 12px;  border-radius: 50%; left: 40px; top: 32px;}
	
	.sheji .sheji_pic img{ width:100%;     display: block; }
	
	.sheji h5{font-weight: 400; font-size: 16px;     margin-bottom: 3px; margin-top: 7px;}
	.sheji span a{ color: #999; font-size: 14px;}
	
	.sheji a.gotutem{  display: block; position: absolute; background: #B4A078; color: #fff; font-size: 12px; border-radius: 5px; padding: 8px 10px; top: 35%; left: 100%; margin-left: -72px;}
	
	.case_shux{ padding: 0 5%; padding-bottom:20px; margin-top: 25px; width: 1200px; margin: 0 auto; margin-top:40px; }
	.case_shux li{ color:#666; font-size: 16px;line-height:45px; }
	.case_shux li span{ display:inline-block; }
	.case_shux li span:nth-child(1){ margin-right: 15px; width:80px; text-align: right;}
	
	.case_pic{ width:1200px; margin:0 auto }
	.case_pic img{ width:100%; height:auto; margin-bottom:20px; }
	
	
	.tiaojian01{ width:100%; background:#fff; padding-top:40px; position:relative;     z-index: 5; }
	.tiaojian01 ul ul{ display:none; }
	.tiaojian01 ul{ display:flex;     width: 96%;  margin: 0 auto;}
	.tiaojian01 ul li{ flex:5; text-align:center;}
	.tiaojian01 ul li span{ color: #2d2d2d;display: block;width: 100%;line-height: 40px;height: 40px;display: inline-block;text-align: center;  position: relative;  color: #6b6b6b;}

	.erj::after {content: ' '; height: 5px;width: 5px;display: inline-block;transform: rotate(45deg); border-bottom:1px solid #fff;border-right:1px solid #fff;margin-left: 7px;margin-top: 0px;position: absolute;top:45%;}
	.hover .erj::after {
		transform: rotate(-135deg);
		top: 19px;
		border-bottom: 1px solid #f08300;
		border-right: 1px solid #f08300;
	}
	
	.dbno .erj::after{ border-bottom:1px solid #6d6d6d;border-right:1px solid #6d6d6d; }
	
	.tiaojian01 ul ul{ position: absolute; background: #fff; width: 90%; justify-content: flex-start; flex-wrap: wrap; left: 0; padding:15px 5%; height:auto;}

	.tiaojian01 ul li .bg{ display:none; position: absolute; background: #000000b3; width: 100%; height: 910px; top: 110px; z-index:-1; left: 0; }

	.tiaojian01 ul li ul li{    border: 1px solid #f1f1f1;  border-radius: 4px; text-align: center; color: #999999; display: inline-block; line-height: 25px;  margin-right: 2%; margin-left: 2%;  margin-bottom:10px; width:18%;}
	.tiaojian01 ul li ul li a{ display: block; font-size: 14px; color: #8c8c8c; padding: 5px; }

	.tiaojian01 ul li.hover .bg,.tiaojian01 ul li.hover ul{ display:block;}
	.tiaojian01 ul li.hover span{ color: #f08300 }
	
	.case_list { background:#fff; padding-bottom:30px; padding-top:50px; }
	.case_list .contcaseul{ width:90%;margin:0 auto; overflow:hidden}
	
	.case_list .contcaseul li{     margin-bottom: 25px; border-bottom: 1px solid #E5E5EA; padding-bottom: 25px; width: 22%; float: left; margin-right: 4%; }
	.case_list .contcaseul li:nth-child(4n){ margin-right:0; }
 	
	.case_list .contcaseul li img{ max-width: 100%; min-height: 295px; display: block;  margin: 0 auto; }
	.case_list .apic{ margin-bottom:20px;  height: 295px; overflow: hidden; display: block}
	.case_list.case .case_a { margin-bottom: 20px;}
	
	.casespan01{ margin-bottom:20px; }
	.casespan01 span{ display:inline-block;width:30%; text-align:right;  }
	.casespan01 span:nth-child(1){ width:70%; text-align:left;}
	.casespan01 span:nth-child(2){color: #999; font-size:14px; }
	.casespan02 span{color: #999; font-size:14px; }
	
	.case_art.case_arttwo{  margin:0 auto; }
	.case_art.case_arttwo .clear{ border:none; }
	.case_arttwo .sheji::after{  left: 0;  bottom: 66px; top: auto;} 
	.case_arttwo .sheji h5{    margin-top: 15px; font-size:20px; text-indent: 26px; }
	.case_arttwo .sheji{ float:left; right:auto; margin-right: auto; width: 20%; margin-left:5%; padding-top: 70px; }
	.case_arttwo .sheji a{ position: static; margin: 10px 0; width: 70px; text-align: center;}
	.case_arttwo .sheji .sheji_pic{ float:none; height:auto; width:100%;     border-radius:10px; }
	
	.case_arttwo .team_profile{ width:65%; float:left; margin-left:5%; padding-top: 70px;     line-height: 240%; }
	.case_arttwo .source{ display:none; }
	
	 
	
	.team_list{    width: 90%; margin: 0 auto; padding-left: 5%; padding-right: 5%; padding-top:65px; background: #fff; padding-bottom:65px; }
	
	.team_list .team_list_pic{overflow: hidden; margin-bottom:30px;  padding-bottom:30px; width:48%; float:left;  margin-right:4%; }
	.team_list .team_list_pic:nth-child(2n){ margin-right:0; }
	
	.team_list .sj_pic{ width:40%;height:400px; overflow: hidden; margin: 0 auto; border-radius: 10px; float:left;}
	.team_list .sj_pic img{ display: block; width:100%; height:auto; }
	
	.team_list .text{ width:54%; height:auto; overflow: hidden;  margin: 0 auto; float:right;}
	.team_list .text p span{ display:inline-block; font-size:16px; color: #000;}
	.team_list .text  p{  margin-bottom: 20px; color: #999;  font-size: 14px; line-height:28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.team_list .text a.gogo{ display:inline-block; background: #B4A078; color: #fff; font-size:12px; margin-right:15px; padding:5px 10px; border-radius: 5px; }
	
	
	
	.history {width:100%; margin-top:0px; background:#fff; padding-bottom:30px;  }
	.history .container{ width:90%; margin:0 auto;  }
	.history .container img{ width:100%;     opacity: 0; margin-left: auto !important; margin-right: auto !important; }
	.history-hd{text-align: center; padding-top:0;}
	.history-hd >div {display: inline-block;  position: relative; margin-top:0; width: 70%;}
	.history-hd >div::before {  position: absolute; display:none; content: ""; left: 50%; top: 60%; height: 41%;width: 1px;border-left: 1px dotted #cbcbcb;}

	.history-hd i {position: absolute; z-index: 1;left: 50%;top: 50%;     font-size: 36px;
    line-height: 40px;
    color: #000000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	.history-bd { position: relative;  margin: 0; padding: 7% 0 0; overflow: hidden;     padding-top: 0;}
	.history-bd li { margin:80px 0; position: relative;}
	.history-bd::before { position: absolute; display: block; content: ""; left: 50%;top: 0; height: 100%; width: 1px; border-left:1px dotted #cbcbcb;}
	.history-bd .year { position: absolute; top: -5px; left: 50%;  padding: 15px; display: inline-block; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 0; background:#fff; }
	.history-bd .year span { display: block; margin: 0 auto 8px; width:40px; height:40px; background: url(../images/map.png) no-repeat center center; background-size: 100%;}
	.history-bd .year i { font-size:20px;font-weight:400; color: #000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
	
	.history-bd .article { margin-left:10%; margin-bottom: 5%; width:35%;}
	
	.history-bd li:nth-of-type(2n-1) .article { margin-left: 60%;}
	
	.history-bd .article i { display: block;
    margin-bottom:20px;
    font-size:75px;
    line-height: 1;
    font-weight: bold;
    color: #e0e0e0;
    font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"; }
	.history-bd .article p{     font-size: 14px; line-height: 25px; }

	.about{width:100%; margin-top:0px;  padding:100px 0px; background: #fff; }
	.about .about_1{ width:85%; margin:0 auto; float:none; }
	.about .about_1 .pic{ overflow:hidden; height:550px;     position: relative; float:left; width:50%; margin-right:3%; }  
	.about .about_1 .pic img{ width:100%; height:auto; position:absolute;
	
		-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		/*-webkit-animation: aboutpic 10s infinite alternate; 
		animation: aboutpic 10s infinite alternate;*/
	}
	
	
	
	.honor::before {
	    position: absolute;
	    display: block;
	    content: "";
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top:320px;
	    background: #f5f5f5;
	}
	
	.honor,.honor-list{
	    position: relative;
	    width:85%;
	    margin:0 auto; margin-bottom:70px;
	}
	.honor .col-sm-6 {
	    width: 50%; float: left; position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; box-sizing: border-box;
	}
	
	.honor .rssd{position: absolute;
    font-size: 30px;
    top: 70px;  } 
	
	.mainview {
	    position: relative;
	    margin-left:90px;
	    margin-right: 30px;
	    margin-bottom: 90px;
	    padding:43px 25px;
	    background: #fff;
	    box-shadow: 10.816px 18.001px 79px 0px rgba(0, 0, 0, 0.1);
	}
	
	.clearfix:after {
	    content: " ";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
	.mainview .imgbox {
	    margin-bottom:30px;
	    display: flex;
	    align-items: center;
	    text-align: center;
	}
	.mainview img {
		margin-bottom:30px;
	    max-width: 100%;
	    max-height: 100%;
	}
	.mainview p {
	    font-size: 18px;
	    line-height: 24px;
	    color: #333;
	    height: 24px;
	    font-family: "BarlowSemiCondensed-SemiBold";
	}
	.row:before {
    display: table;
    content: " ";
}
	.line2 {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	.tc {
	    text-align: center;
	}
	
	.preview .imgbox {
	    position: relative;
	    width: 184px;
	    height: 125px;
	}
	.preview .imgbox::before {
	    position: absolute;
	    display: block;
	    content: "";
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    border: 1px solid #0b4085;
	    opacity: 0;
	    -webkit-transition: all .3s;
	    transition: all .3s;
	}
	.preview .swiper-slide.active .imgbox::before {
	    opacity: 1;
	}
	.img-cover {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}
	.preview >a {
	    position: relative;
	    display: inline-block;
	    margin-top:-38px;
	    margin-bottom:62px;
	    margin-right: 15px;
	    width:60px;
	    height:60px;
	    border: 1px solid #c9c9c9;
	    background: #fff;
	    -webkit-transition: background .3s,border-color .3s;
	    transition: background .3s,border-color .3s;
	}
	
	.preview >a:hover {
	    background:#0b4085;
	    border-color: #0b4085;
	}
	.preview >a:hover::before {
	    border-color: #fff;
	}
	.preview >p {
	    margin-top:140px;
	    font-size: 187px;
	    font-family: "BarlowSemiCondensed-SemiBold";
	    color: #f5f5f5;
	    line-height: 1;
	    white-space: nowrap; text-align:right;
	}
	.preview >a::before {
	    position: absolute;
	    display: block;
	    content: "";
	    top: 50%;
	    left: 50%;
	    width: 12px;
	    height: 12px;
	    border-top: 1px solid #c9c9c9;
	    border-right: 1px solid #c9c9c9;
	    -webkit-transition: border-color .3s;
	    transition: border-color .3s;
	}
	.preview .arrow-left::before {
	    margin-top: -7px;
	    margin-left: -2px;
	    -webkit-transform: rotate(-135deg);
	    transform: rotate(-135deg);
	}
	.preview .arrow-right::before {
	    margin-top: -7px;
	    margin-left: -7px;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.preview .swiper-slide{width: 204px;}
	
	
	.radius-half {
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	}
	
	
	.mainview .swiper-pagination {
	    left: 0;
	    right: 0;
	    bottom:-55px;
	}
	.mainview .swiper-pagination-bullet-active {
	    background:#0b4085;
	}
	
	
	
	
	.honor-list .imgtext { margin-bottom:55px;}
	.imgtext-hd { position: relative;  padding-left:60px;}
	.imgtext-hd img { position: absolute; left: 0; top: 0;  width:40px;}
	.imgtext-hd h3 { font-size:32px;   font-family: "BarlowSemiCondensed-SemiBold";  color: #333; text-transform: uppercase;}
	.imgtext >.row {margin-top:40px;}
	.imgtext >.row .zhnlist {width: 22.6%;  float: left;  margin-right: 3%; margin-bottom: 40px; }
	.imgtext >.row .zhnlist:nth-child(4n){ margin-right:0; }
	.honor-list .thumbnail:hover{    border: 1px solid #0b4085;  }
	.imgtext >.row .zhnlist img{ display: block;
    margin: 0 auto;
    width: auto;
    height:200px;
    max-width: 100%; }
	.thumbnail {
	    display: block;
	    padding: 4px;
	    margin-bottom: 20px;
	    line-height: 1.42857143;
	    background-color: #fff;
	    border: 1px solid #ddd;
	    border-radius: 4px;
	    -webkit-transition: border .2s ease-in-out;
	    -o-transition: border .2s ease-in-out;
	    transition: border .2s ease-in-out;
	}
	.honor-list .thumbnail {
	    padding: 23px 15px;
	    border: 1px solid #f0f0f0;
	    -webkit-border-radius: 0;
	    border-radius: 0;
	}
	.imgtext p {
	    margin-top:20px;
	    color: #333;
	    font-size: 18px;
	    height: 30px;
	    line-height: 30px;
	}
	.imgtext .isicon {
	    position: relative;
	    top: 0;
	    width: 1rem;
	    height: 1rem;
	}
	.trans-3 {
	    -webkit-transition: all .3s;
	    transition: all .3s;
	}
	.imgtext .thumbnail:hover .isicon {
	    top: -10px;
	}
	.zhaoshan{ margin: 0 auto;
    text-align: center;
    padding: 100px 50px;
    position: relative;
    padding-top: 0;
    float: right;
    width: 70%;
    box-sizing: border-box;
    border-left: 1px solid #f1f1f1;}
	
	.schlogo{background: #fff;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    margin-top:-165px;
    line-height: 200px;
    padding: 20px;
    box-shadow: 0px 0px 30px 0 rgba(10,14,29,.08);
    margin-bottom: 50px;}
	.schlogo img{ max-width:100%; }
	.school_a{ overflow:hidden; position:relative; min-height:800px; }
	
	.sch_tex_txt{   }
	
	.num-box {
	    top: 20px;
	    left: 20px;
	}
	.num-box {
	    position: absolute;
	    width: 320px;
	    height: 180px;
	    color:#f8f8f8;
	    text-indent: 30px;
	    font-size: 200px;
	    line-height: 180px;
	}
	.num-box h3 {
	    position: absolute;
	    top: 60px;
	    left: 0;
	    height: 44px;
	    color: #404040;
	    text-indent: 0;
	    font-size: 32px;
	    font-family: sans-serif;
	    line-height: 44px;
	}
	.num-box .alan { font-weight:bold; display:block; }
	.num-box h3 span {
	    display: block;
	    margin-top: 5px;
	    color: #8c8c8c;
	    letter-spacing: 2px;
	    font-size: 14px; text-align: left;
	}
	.num-box h3 i {
	    position: absolute;
	        bottom: -10px;
	        left: 0;
	        display: block;
	        width: 126px;
	        height: 5px;
	        background-color: #0b4085;
	        content: '';
	}
	
	.nr_banner ul{ position: absolute; z-index: 5; top: 50%;  width: 85%; left: 7.5%; width: 85%; }
	.nr_banner ul li img{ width:38px; }
	.nr_banner ul li { position: absolute; -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in; }
	.nr_banner ul li:nth-child(1){ left:0; }
	.nr_banner ul li:nth-child(2){ right:0; text-align: right; }
	.nr_banner ul li a{ color:#fff; }
	.nr_banner ul li a p{opacity:0; -webkit-transition: all 0.5s ease-in;
	    -moz-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;}
	
	.nr_banner ul li:nth-child(1):hover p{ opacity:1; margin-left:-28px; }
	.nr_banner ul li:nth-child(2):hover p{ opacity:1; margin-right:-28px; }
	
	
	.nr_banner ul li:nth-child(1):hover{ left:-5px }
	
	#video { position: absolute; top:0px; left:400px;  width: 230px;  height: 885px;  background-color: #fff;}
	
	.school_a .img1 { position: absolute; bottom: 0;  left: 200px;}
	
	.sch_tex .schlogo img{  display: inline-block; width: 100%; }
	.sch_tex_txt{ width:67%;text-align: left;   line-height: 190%; margin-left:33%;  margin-top:150px;  font-size: 18px; color: #7d7d7d; }
	.sch_tex_txt .scroll{ border: 2px solid #4c4c4c;  position: relative; left: 0;  margin: 0;  margin-top:150px; }
	
	.sch_tex_txt .scroll span,.sch_tex_txt .scroll em{  background: #4c4c4c; }
	
	.sch_tex_txt strong{ font-size: 40px;  font-weight: 300; color: #000; }
	
	
	
	@media screen and (max-width:1780px){
		 
		 .sch_tex_txt{ width:60%;  margin-left:40%;   margin-top:100px;  }
		 
	}
	
	@media screen and (max-width:1520px){
		 
		 #video{ left:390px; }
		 .sch_tex_txt{ width:60%;  margin-left:40%;   margin-top:60px;  }
		 
	}
	
	.school_zhao{ position:relative; min-height:500px; margin-top:50px; }
	.school_zhao .num-box{     right: 0; left: auto;}
	.jiaoyu {
	   
	    text-align: left;
	    line-height: 190%;
	    padding-top: 80px;
	    font-size: 18px;
	    color: #7d7d7d;
	}
	.jiaoyu strong {
	    font-size: 40px;
	    font-weight: 300;
	    color: #000; 
	}
	.products.productstwo::after{ content:''; clear: both; display: block;}
	
	.step{ float: right; width: 70%;margin:0 auto; min-height:500px; padding:100px 0px; padding-top: 0;}
	.step_a{ position:relative; margin-bottom:100px; opacity:0.6;   -webkit-transition: all 0.5s ease-in;
	    -moz-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in; }
	.step_txt{width:54%;
    text-align: left;
    line-height: 190%;
    font-size: 17px;
    padding-top: 230px;
    color: #7d7d7d; -webkit-transition: all 0.5s ease-in;
	    -moz-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;  }
		
	 .step_txt div{ -webkit-transition: all 0.5s ease-in;
	    -moz-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in; }
	
	.step_a .num-box{ left: 0; }
	
	.step_a:hover{ opacity:1;}
	
	.step_a .step_img{ position:absolute; top:20px; right: 0; opacity: 0.8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;  -webkit-transition: all 0.5s ease-in;
	    -moz-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in; height:100%; width:40%; 
		 overflow:hidden;}
	
		
	.step_a .step_img img{ height:100%;  -webkit-transition: all 0.5s ease-in;
	    -moz-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in;}
	.step_a:hover .step_img{ filter:none; }
	.step_a:hover .step_img img{ transform:scale(1.1);  }
	.step_a:hover  .step_txt div{transform:scale(1.1); }
	.step_a .step_img::after{ content:"";  }
	
	.step_a.step_atwo .num-box{ left:auto; right: 0; }
	.step_a.step_atwo .step_img{ left:0; right:auto;  }
	.step_a.step_atwo .step_txt{ margin-left:46%; }
	
	.step_a .num-box .num{ opacity:0.5;  -webkit-transition: all 0.5s ease-in;
	    -moz-transition: all 0.5s ease-in;
	    -o-transition: all 0.5s ease-in;
	    transition: all 0.5s ease-in; }
	
	.step_a:hover .num{ opacity:1; padding-left:30px; color:#000; margin-left:150px; }
	
	.med_con {
	    background:url(../images/med_bg1.png) no-repeat center top #fff;
	}
	
	
	
	.news_list{ padding:15px 0 27px 0;  width:1400px; margin: 0 auto; margin-top: 100px;}
	.news_list > a { display: block; margin-bottom: 20px;}
	.pure:before, .pure:after { content:""; display: table;}
	.pure:after {clear: both;}
	.new_time { float: left; width: 10%;  margin-top: 53px;  font-size: 30px; line-height: 30px; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important;}
	.new_time > span { font-size: 18px;}
	.new_tex_box { float: right; padding: 35px 0;  width: 79.6%;  margin-right: -4.615%; transition: all .5s ease;  padding-right: 4.615%;}
	.new_tex_box> img { float: left; width: 40%;  margin-left:-15%; transition: all .5s ease;}
	.new_tex_box > div { float: right; width: 66.6666%;}
	.new_title { font-size: 20px; font-weight: bold; line-height: 1.5; margin-top: 40px; transition: all .5s ease;}
	.new_info {font-size:16px; line-height: 2; color: rgba(0,0,0,.5); margin-top: 40px; transition: all .5s ease; text-align: justify;}
	.news_list > a:hover .new_tex_box {
	    background-color: #fff;
	    -webkit-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	    -moz-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	    box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	}
	.news_list > a:hover .new_tex_box > img {
	    margin-left: -18%;
	}
	
	
	.nav_nr{width:900px;margin: 0 auto; margin-top: -40px; position: relative;}
	.nav_nr ul{ display: flex; box-shadow: 0 10px 25px -4px rgb(10 63 133 / 27%); }
	.nav_nr li{ flex:3; position: relative;}
	.nav_nr li a{ display: block; background: #fff; line-height:100px; text-align: center; font-size: 20px; transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; }
	.nav_nr li a.hover,.nav_nr li a:hover{ background:url(../images/navbg.png) no-repeat right 32px #0a4085; color:#fff; }
	
	.nav_nr li a::after{ content: ""; position:absolute; top: 0; bottom:0; margin: auto; right: 0; width: 1px; height: 20px; background-color: #ddd;}
	.nav_nr li:last-child a::after{ display:none; }
	.nav_nr li a.hover:after {
	    opacity: 0;
	}
	
	
	 
	
	
	.zhao_txt{ text-align:left; margin-top:100px; line-height: 190%; width:100%; color: #7d7d7d; }
	.zhao_txt  img{ max-width:100%; height:auto; }
	.zhao_txt *{ font-weight: 400; }
	.zhao_txt h2{ margin-bottom:15px;}
	.zhao_txt h2{ margin-bottom:15px;}
	
	
	.zhao_txt table{border-collapse: collapse; width: 100%;} 
	.zhao_txt table td{ border: #ccc solid 1px !important; padding: 5px !important; text-align: center;} 
	.zhao_txt tr:nth-child(1) td{ background:#0b4085; color:#fff; border: 1px solid #195db5 !important; }
	
	
	.about .idx-tags{ width:100%; margin-top:100px; }
	.about .about_1 .about_logo{ margin-top:30px; width:auto; margin-bottom: 40px;}
	.about .about_1 h3{ font-size:30px; margin-bottom:20px; color: #000;}
	.about .about_1 p{    color: #b2b2b2; margin-top: 10px;}
	.about .about_1 .profile{     font-size: 18px; color: #777;  line-height: 200%; margin-top: 20px; }
	
	.about .about_1 .profile_1 h4{     color: #000; font-size: 16px; margin-bottom:10px; }
	.about .about_1 .profile_1{   font-size: 14px;
    color: #777;
    line-height: 200%;
    margin-top: 40px;
    border: 1px solid #f1f1f1;
    padding: 30px;
    border-top: 4px solid #f1f1f1; }
	.profile_text{  font-size: 14px; color: #777;  line-height: 200%; }
 
	#dituContent{ width:100%; height:900px; margin:0px 0px; }
#dituContent .bottom{ margin:0; }
	
	.mapinfo {position: absolute;
    background: rgb(11 64 133 / 85%);
    font-size: 14px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 268px;
    height: 268px;
    line-height: 27px;
	}
	.mapinfo p.p1{ display:block; }
	.mapinfo p.p2{ display:none;  }
	
	.triangle {
		position: absolute;
		bottom: -8px;
		left: 50%;
		margin-left: -11px;
		width: 22px;
		height: 11px;
		background: url(../images/triangle.png) no-repeat center center;
	}
	
	.anchorBL{ opacity:0; }
	
	
	.mapinfo img{ padding-top: 23px; }
	
	
	
	.newsart{ padding:80px 0px; }
	.newsart .title {width:80%; height: 40px; font-size: 26px; font-family: 'Microsoft YaHei'; color: #2d2d2d; text-align: center; margin:0 auto; }
	.newsart .source { width:80%;  margin: 0 auto; display: block; text-align: center; padding-bottom: 30px;  padding-top: 10px;  color: #b7b7b7; font-size: 14px; float:none;}
	.newsart .article{   width:1200px; margin:0 auto; line-height: 190%; min-height: 400px; padding-bottom: 10px; overflow: hidden; font-size: 18px; }
	
	
	.pnum div{ text-align:center}
	.pnum span{ display: inline-block;   text-align: center; }
	.pnum a{      color: #929292;  display: inline-block;  text-align: center; }
	.pnum a:hover{ color: #000;  }
	.pnum a, .pnum b {
	    float: left;
	    font-family: "宋体";
	    overflow: hidden;
	    background: #FFF;
	    text-align: center;
	    line-height: 30px;
	    font-size: 14px;
	    border: 1px solid #d7d7d7;
	    margin-right: 10px;
	    padding: 5px 20px;
	}
	.pnum a:hover, .pnum b {
	    background: #0a4085;
	    color: #fff;
	    border: 1px solid #0a4085;
	}
	
	.walletImgBox {
    box-sizing: border-box;
    position:absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;     left: 50%;
    margin-left: -170px;
    top: 50%;
    margin-top:-110px; z-index:-1}
	
	
	.walletImgBox .walletSpread1, .walletImgBox .walletSpread2, .walletImgBox .walletSpread3 {  position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  border: 1px dashed #e4e4e4;  box-sizing: border-box;  border-radius: 50%; opacity: 0;}
	.walletImgBox .walletSpread1 {	animation: spread 3s linear infinite;}
	.walletImgBox .walletSpread2 {	animation: spread 3s linear 1s infinite;}
	.walletImgBox .walletSpread3 {animation: spread 3s linear 2s infinite;}
	
	
	.toTopBtn { position: fixed; right: 30px; bottom: 100px; width: 50px;  height: 50px; background-color: #272727; color: #ececec; text-align: center; line-height: 50px;  border-radius: 50%; cursor: pointer;  z-index: 100; transition: color .3s ease,background .3s ease; display:none}
	
	.toTopBtnBg {  position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background-image: linear-gradient(135deg,#fc7761,#f6515f); box-shadow: 0px 20px 40px rgba(136, 6, 4, 0.1); border-radius: 50%; visibility: hidden; opacity: 0; transition: all .3s ease;  transform: translate3d(0);}
	
	.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal;  -webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}
	.toTopBtn span { display: block;  position: relative;  z-index: 10; font-size: 30px; transform: rotate(-90deg);}
	.icon-arrow:before { content: "\e62c";}
	.toTopBtn:hover { color: #fffafb; background-color: #f08300;}
	
	
	.biaoyu{ display: block; position: absolute; width: 90%; text-align: right; top: 130px; color: #fff; right: 6%; padding-right: 10px;}
	.biaoyu h2{    font-size: 35px; margin-bottom: 10px;}
	.biaoyu .eco_txt{    font-size: 25px;}
	
	
	.map{ width:100%; margin: 0 auto; margin-top:0; }
	
	
/* } */



@keyframes spread {
	0% {
        transform: scale(1);
        opacity: 1;
	}
	100% {
        transform: scale(3);
        opacity: 0;
    }
}



	@keyframes biao_aa {
		0% {
		  height:0;
		}

		100% {
		  height:114px;
		}
	  }

@keyframes biao_bb {
		0% {
		  height:0;
		}

		100% {
		  height:214px;
		}
	  }

@keyframes biao_cc {
		0% {
		  height:0;
		}

		100% {
		  height:100px;
		}
	  }

@keyframes biao_ee {
		0% {
		  height:0;
		}

		100% {
		  height:190px;
		}
	  }

@keyframes biao_ff {
		0% {
		  height:0;
		}

		100% {
		  height:170px;
		}
	  }
@keyframes biao_gg {
		0% {
		  height:0;
		}

		100% {
		  height:200px;
		}
	  }





.header .logo {
    float: left;
    width:213px; 
	overflow: hidden;
	background: 0px 10px;
    background-size: 177px;
 
}



.header .logo img{ width: 100%;  height: auto;}

.header .logo a{display:block; width:100%; height:100%;}

.nav {
    float: right;
}


.nav li{ float:left; }

.nav a {
    position: relative;
    display: inline-block;
    height:58px;
    line-height:58px;
    margin: 0 26px;
	font-size: 16px;
	color:#5e5e5e;
}

.nav a.active {
    color: #0b4085;
}

.header .nav a:hover{
    color: #0b4085;
}

.header.headerindex  .nav a:hover{ color:#fff; }


.header.notwo .nav a.active{  color: #ea563b; }


.header.notwo .nav a:hover{
    color: #ea563b;
}


.nav a.active


.hide-mb {
    display: block;
}


.header, .header .nav, .header .logo img {
    transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	
	
}


.header{    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);

}


.header.no {
	background: rgba(0, 0, 0, 0.34);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
	height: 70px;
}

.header.no .logo{ margin-top:0px; background: 0px 10px;
    background-size: 177px; }
.header.no .logo img{}

.header.no .nav {
  margin-top:14px;
}


.header.notwo {
	background: #fff;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
	-moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
	height: 70px;
}



.header.notwo .logo{background: url(../images/logothree.png) no-repeat 0px 10px; background-size: 179px;}
.header.notwo .logo img{ opacity:0;}
.header.notwo .nav { margin-top:14px;}
.header.notwo .logo{ margin-top:0px; }
.header.notwo .nav a{ color: #333}



@media screen and (max-width:1350px){
	
	
	.header .logo{    margin-left: 2%;}
	.nav{  margin-right: 0; float: left;  margin-left: 20px;}
	.nav a{ font-size:15px; margin: 0px 20px; }
}





.banner {
	z-index: -1;
	width: 100%;
	background-color: #ccc;
    height: calc(100vh);
}


.swiper01 {
	width: 100%;
	height:100%;
}
.swiper01 .swiper-slide {
	position: relative;
	height:100%;
	background-position: top center;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	overflow:hidden;
}

/*banner text*/
.swiper01 .swiper-slide .pic01 {
	position: absolute;
	top: 50%;
	left: -webkit-calc(50% - 730px);
}

.swiper01 .swiper-slide img{ display:block; width:100%; height:auto; transform:scale(1.2);  -webkit-transition: all 3s 0s;  transition: all 3s 0s;}
.swiper01 .swiper-slide.swiper-slide-active img{ transform:scale(1); }

.swiper01 .swiper-slide .txt{ position: absolute;  z-index: 5;  top:35%; width: 100%; color: #fff;}
.swiper01 .swiper-slide span{ display: block;  text-align:center;     letter-spacing: 2px; }

.swiper01 .swiper-slide .txt_a{ font-size: 20px; -webkit-animation: fadeOutDown 2s;
    animation: fadeOutDown 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
.swiper01 .swiper-slide .txt_b{ font-size: 40px; margin:10px 0px; font-weight:bold; letter-spacing:5px; -webkit-animation: fadeOutDown 2s;
    animation: fadeOutDown 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.swiper01 .swiper-slide .txt_c{ font-size:20px;  -webkit-animation: fadeOutDown 2s;
    animation: fadeOutDown 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.swiper01 .swiper-slide .txt_d{ display: block; width: 160px; background: #fff; color:#6f6f6f; margin: 0 auto; line-height: 50px; font-size: 20px; margin-top: 20px;
-webkit-animation: fadeOutDown 2s;
    animation: fadeOutDown 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
 

.swiper01 .swiper-slide.swiper-slide-active .txt_a{
    -webkit-animation: fadeInUp 1.5s;
    animation: fadeInUp 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.swiper01 .swiper-slide.swiper-slide-active .txt_b{
    -webkit-animation: fadeInUp 1.5s;
    animation: fadeInUp 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.swiper01 .swiper-slide.swiper-slide-active .txt_c{
    -webkit-animation: fadeInUp 1.8s;
    animation: fadeInUp 1.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.swiper01 .swiper-slide.swiper-slide-active .txt_d{
    -webkit-animation: fadeInUp 2s;
    animation: fadeInUp 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
 



.swiper-pagination-bullet{ padding:3px; margin:0px 5px; }

.swiper01 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 40%;
    right: 130px;
    width: 30px; left: auto;}



.swiper-button-next, .swiper-button-prev{ margin:0px; width: 13px; height:18px; top:90%; padding: 4px; background:none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: auto; left:4%; margin-left:20px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{  left:4%;  right: auto; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ right: auto; left:4%;}


.swiper-button-prev:hover,.swiper-button-next:hover{background: #ffffff36;
    padding: 4px;
    border-radius: 3px;}

.swiper-button-next::before{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 鍜� Chrome */
-o-transform:rotate(45deg);     margin-top: 4px; }

.swiper-button-next::after{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(135deg);
-ms-transform:rotate(135deg); 	/* IE 9 */
-moz-transform:rotate(135deg); 	/* Firefox */
-webkit-transform:rotate(135deg); /* Safari 鍜� Chrome */
-o-transform:rotate(135deg);     margin-top: 8px; }

.swiper-button-prev::before{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 鍜� Chrome */
-o-transform:rotate(-45deg);     margin-top: 4px; }

.swiper-button-prev::after{content:""; width:100%; height:1px; background:#fff; display:block; transform:rotate(-135deg);
-ms-transform:rotate(-135deg); 	/* IE 9 */
-moz-transform:rotate(-135deg); 	/* Firefox */
-webkit-transform:rotate(-135deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(-135deg); margin-top: 8px; }




.swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 40%;
    right: 130px;
    width: 30px; left: auto;}

.swiper01 .swiper-pagination-bullet{ background:none; position: relative;
    display: block;
    margin: .28rem 0;
    width: 20px;
    height: 20px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    background: none;
    font-weight: bold;
    font-family: "Arial";
    opacity: 1;
    writing-mode: tb-rl; }

.swiper01 .swiper-pagination-bullet::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
	transition: all .3s;}

.swiper01 .swiper-pagination-bullet-active{ background:none; }


.swiper01 .swiper-pagination-bullet i{position: relative;
    display: block;
    font-style: normal; 
	color:#fff;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s;}


.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{-webkit-transform: scale(0); transform: scale(0);}
.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active i{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}










.maina{ width:90%; margin: 0 auto;  margin-top:50px; margin-bottom:50px; }
.h2 {font-size: 36px;
    line-height: 62px;
    font-weight: bold;
    color: #1a1a1a; margin-bottom:10px; text-align:center}

.h2::before {
    content: "WHY CHOOSE US";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight: 400;
    text-transform: uppercase;
}

.maina h2 strong{     color: #ff008c; }

.maina .miaoshu{ text-align:center;}



.xm_1{ width:100%;  overflow: hidden; margin-top:40px; }
.xm_1 li{ float:left; text-align:center;width:16.6%; height:160px; margin-left:1px; color:#2F2F2F; padding-top:30px; background:#FFF; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; cursor:pointer}
.xm_1 li:hover{ background:#ff008c; color:#FFF}
.xm_1 li h2{ font-size:18px; font-weight:100; padding-top:91px; display:block}

.xm_1 li:hover h2{ color:#fff; }

.xm_1 li img{ margin-bottom:0px;}



.xm_1 .xm_2{ background: url(../images/weixin.png) no-repeat center 38px #f1f1f1; margin-left:0px;}
.xm_1 .xm_2:hover{ background:url(../images/weixinhover.png) no-repeat center 38px #ff008c;}

.xm_1 .xm_3{ background:url(../images/gouwuche.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_3:hover{ background:url(../images/gouwuchehover.png) no-repeat center 38px #ff008c;}

.xm_1 .xm_4{ background:url(../images/h5.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_4:hover{ background:url(../images/h5hover.png) no-repeat center 38px #ff008c;}

.xm_1 .xm_5{ background:url(../images/pt.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_5:hover{ background:url(../images/pthover.png) no-repeat center 38px #ff008c;}


.xm_1 .xm_6{ background:url(../images/kaifa.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_6:hover{ background:url(../images/kaifahover.png) no-repeat center 38px #ff008c;}

.xm_1 .xm_7{ background:url(../images/ggh.png) no-repeat center 38px #f1f1f1;}
.xm_1 .xm_7:hover{ background:url(../images/gghhover.png) no-repeat center 38px #ff008c;}


.isoutions-list { padding:70px 0px;}
.isoutions-list ul { overflow:hidden; width:90%; margin:0 auto; }
.isoutions-list ul li {
    float: left;
    width: 23%;
    margin-right: 2.6%;
}

.isoutions-list ul li:nth-child(4){ margin-right:0px; }


.isoutions-list .item a {
    position: relative;
    padding-bottom: 61px;
    display: block;
    border-bottom: 2px solid #ccc;
}
.isoutions-list .item .card {
    padding-bottom: 32px;
}

.isoutions-list .thumb {
    position: relative;
}

.isoutions-list .item .card .thumb {
    margin-bottom: 21px;
    overflow: hidden;
}
.isoutions-list .thumb .after {
    display: block;
    width: 100%;
    padding-bottom: 62.5%;
}

.isoutions-list .thumb img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.isoutions-list .item .card .thumb img {
    display: block;
    width: 100%;
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    -moz-transition: transform ease .7s, -moz-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -moz-transform ease .7s, -o-transform ease .7s;
}
.isoutions-list .item .card .c-title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    color: #1a1a1a;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.isoutions-list .item .card .c-desc {
    font-size: 14px;
    color: #a8a8a8;
    display: -webkit-box;
    height: 72px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
}
.isoutions-list .item a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #ff008c;
    -webkit-transition: width ease-in-out 0.5s;
    -o-transition: width ease-in-out 0.5s;
    -moz-transition: width ease-in-out 0.5s;
    transition: width ease-in-out 0.5s;
}

.isoutions-list .item a:hover::after {
    width: 100%;
}

.isoutions-list .item .card:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}
.isoutions-list .h2::before {
    content: "soutions";
}

.cases{ padding:70px 0px; }
.cases .h2::before {
    content: "cases";
}
 
.miaoshu{ text-align:center; margin-bottom:30px; line-height:30px; }

.pro_nav{ overflow: hidden; margin: 0 auto; width:1260px; margin-top:30px; margin-bottom:30px;}
.pro_nav li{ float: left; background: #f5f5f5; color: #ff6305; margin-right:20px;  font-size: 18px; }
.pro_nav li a{ display: block;  padding:5px; padding-left:15px; padding-right:15px; font-size:16px; }
.pro_nav .hover,.pro_nav li:hover{ background:#ff008c;}
.pro_nav .hover a,.pro_nav li:hover a{ color:#fff; }





.cases-pic {
    margin-top: 10px;
    margin-bottom: 0px;
    margin: 0 auto;
    width: 90%;
    margin-top: 40px;
}
.cases-pic li {
    float: left;
    margin-bottom: 25px;
    padding-bottom: 25px;
    transition: all 0.2s ease-in-out 0s;
    width: 30%;
    margin-left: 1.6%;
    margin-right: 1.6%;
    max-width: 525px;
}

.cases-pic li img {
    width: 100%;
}
.cases-pic li p {
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 24px;
    text-align: left;
    text-indent: 15px;
    color: #000;
	font-size: 18px;
}
.cases-pic li:hover {
    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px);
}


.choose{ background:url(../images/index-bg1.jpg) }
.choose_container{width: 1200px;padding:90px 0 190px;margin: 0 auto;text-align: center;}
.choose_title{font-size: 40px;color:#fff;}
.choose_reason{font-size: 14px;margin: 15px 0 45px; color:#fff;}
.choose_block{width: 490px;margin: 0 auto;}
.choose_content{width: 33.333%;float: left; color:#fff;}
.choose_content span{display: block;}
.choose_content span:nth-child(1){font-size: 35px;}
.choose_content span:nth-child(2){font-size: 14px;}
.choose_line{width: 1px;height: 100px;display: inline-block;left: 50%;bottom: 0;background: #fff;}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}

.choose .video{ width:800px; margin:0 auto; padding-bottom:50px; }
.choose .video video{ width:800px; }

.lists{margin-top: 160px;}
.lists_container{width: 90%;margin: 0 auto;}
.lists_top p{font-size: 18px;color: #222;margin-bottom: 12px;}
.contact_detail span{display: block;}
.contact_detail span:nth-last-of-type(1){margin-top: 30px;}
.contact_detail span,.lists_ul li a{font-size: 14px;color: #838281;}
.contact_detail span,.lists_ul li{line-height: 25px;}
.lists_block{width: 19%;margin:0 4%;}
.lists_block:nth-last-child(1){margin: 0%;}
.share ul li,.Bnews ul li{line-height: 30px;}
.lists_ul li:hover a{padding-left: 12px;color: #ff008c;}
.fl {
    float: left;
}

.overflow{ overflow:hidden}


.bottom{margin:65px auto 45px; }
.bottom_container{width: 90%;padding:143px 0 110px;margin: 0 auto;background: #ff008c;text-align: center;}
.bottom_container .line{left: 50%;top: -50px;}
.bottom_content{padding: 0 82px 0 115px;height: 303px;text-align: left;}
.botton_block{padding-left: 90px;top:50%; margin-top: -64px}
.botton_block p{color: white;font-size: 24px;line-height: 35px;}
.botton_block h3{color: white;font-size: 32px;margin: 16px 0 0;}
.bottom_content a{color: black;font-size: 18px;display: inline-block;bottom: -25px;left: 50%;margin-left: -90px;}
.bottom_content a img{vertical-align: middle;margin-right: 50px;}
.bottom_ppt{right: 82px;top:-70px;}
.lanxi{ width: 119px;
    position: absolute;
    right: 342px; font-size:12px;
    top: 90px; color:#fff; }
.lanxi img{     margin-bottom: 10px;
    width: 100%;
    border-radius: 12px; }
.header .sj_nav,.products_list.products_app{
    display: none;
}




.server{  width:90%; margin:0 auto; margin-top:200px;}
.server h1{ margin-bottom:20px; }

.swiper02{ margin-top:40px; }
.swiper02 img{ display:block}
.ser_text{ width:84%; margin:0 auto; margin-top:0px; line-height:180%; padding:30px; padding-left:3%; padding-right:3%; background:#f1f1f1; }

.jmbanner.swiper02 img{ width: 100%;}


.cases.casestwo li{ margin-left:0;  margin-right:0; }
.cases.casestwo .h2{ text-align:left; width: 90%; margin:0 auto; }
.cases.casestwo .miaoshu{ text-align:left; width: 90%; margin:0 auto; }
.cases.casestwo li:nth-child(2),.cases.casestwo li:nth-child(5){ margin-left:5%;  margin-right:5%;  }
.cases.casestwo li:nth-child(4){ display:none }
  
 
.server .miaoshu{ text-align: left;}





.news2017{ width:1200px; margin:0 auto; position:relative}
.news_two_ul li { width: 100%; height: 159px; border: 1px solid transparent; margin-bottom: 20px }
.news_two_img { width: 198px; height: 128px; padding: 16px; float: left; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s}

.news_two_ul li:hover {    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px); background: #fff;}
.news_two_txt span {font-size:24px; color: #545454; display: block; height:28px; overflow: hidden; margin-bottom: 20px; transition: all .3s ease-out 0s}
.news_two_box:hover .news_two_txt span { color: #ff008c }
.news_two_box i { display: block;
    float: left;
    width:100%;
    font-style: normal;
    color: #7D7D7D;
    line-height: 24px;}



.news_two_txt {
    width: 562px;
    float: left;
    padding: 36px 0 0px 34px;
    transition: all .3s ease-out 0s;
}
.news_two_but {
    position: absolute;
    top: 100px;
    right: 108px;
}
.ser_but {
    position: absolute;
    top: 72px;
    right: 50px;
    width: 35px;
    height: 35px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #dedfe1;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.news_two_date span {
    height: 26px;
    font-size: 24px;
    font-family: HELVETICANEUELTPRO-THEX, "寰蒋闆呴粦";
}

.ser_but i {
    width: 15px;
    height: 9px;
    background: url(../images/icon.png) no-repeat -110px -11px;
    display: block;
    margin: 13px 0 0 11px;
}

.news_two_box:hover .ser_but i {
    background: url(../images/icon.png) no-repeat 0 -71px;
}


.team_thr_r_txt { margin-top: 10px; }
.team_two_txt strong { color: #757575; }
.team_two_ul li .show_bot_but { bottom: -65px; height: 25px; transition: all .3s ease-out 0s;}
.team_two_but { transition: all 0.3s ease-out 0s; }
.team_two li:hover .team_two_but { background-color: transparent; transition: all 0.3s ease-out 0s;}
.team_two_ul li .show_bot_but i { margin-top: 8px; }
.team_two li:hover .team_two_img { bottom: -180px; transition: all 0.3s ease-out 0s; }
.news_two_box { background: transparent; height: 180px; padding-top: 10px; position:relative}
.news_two_txt { padding-left: 155px; width:70%; }


.news_two_txt span:before {width: 35px;height: 1px;content: ' ';background:#BFBFBF;position: absolute;top: 56px;left: 90px;transition: all 0.3s ease-out 0s;}
.news_two_box:hover .news_two_txt { padding-left: 175px; }
.news_two_box:hover .news_two_txt span:before {width: 60px;transition: all 0.3s ease-out 0s; background:#7D7D7D;}


.news_two_box:hover .news_two_date span { color: #333; }
.news_two_txt i { color: #7D7D7D; font-style: normal; }
.news_two_ul {}
.news_two_ul li { height: 180px; border-bottom: 1px solid rgba(0, 0, 0, .06); margin-bottom: 4px; }
.news_two_img { float: right; }
.news_two_box:hover .news_two_img { background: transparent; }
.news_two_box:hover {box-shadow: none; }
.news_two_date i { float: left; color: #ABABAB; font-size: 0; }
.news_two_ul .ser_but { border-radius: 0; left: 0; }
.news_two_but { top: 90px; left: 33px; border: 1px solid transparent; }
.news_two_date span { float: left; line-height: 36px; height: 36px; }
.news_two_date { position: absolute; left: 0; float: left; padding-top: 30px; }
.news_two_box:hover .ser_but { background: #ff008c; border: 1px solid #ff008c; margin-left: 0; }
.news_two_box:hover .news_two_date { padding: 30px 42px 0 0; }


.news_two_img img {
    width: 200px;
    height: 130px;
}


.navdh{
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
	width:90%;
	margin:0 auto;
	margin-top: 100px;margin-bottom: 20px;
}
.postion {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
	color:#7c7c7c;
}
.postion a{ color:#7c7c7c}
.navdh .right span {
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
}
.navdh .right img {
    display: inline-block;
    margin-right: 5px;
	vertical-align: middle;
}


.box {
    background: #fff;
    padding-top:40px;
	width:70%;
	margin:0 auto;
	padding:10%;
}
.box .title {
    text-align: center;
}
.box .title h1 {
    
    color: rgb(51, 51, 51);
    margin-bottom: .2rem;
}
.box .title p {
    font-size: 15px;
    color:#666;
    margin-bottom:40px;
}
 




.xmlist{ width:90%; margin:0 auto; margin-top:50px; }
.xmlist li{width: 27%;
    padding: 2%;
    border: 1px solid #f1f1f1;
    float: left;
    margin-right: 3%; margin-bottom:40px; text-align:center}
.xmlist li:nth-child(3n){ margin-right:0px; }
.xmlist li img{ width:90%; }


.xmlist .title{ text-align:center; display:block; font-size:25px; margin-bottom:30px; }
.xmlist p{ line-height:30px; color:#525252; margin-top:30px; }
.xmlist i{ font-size: 12px;
    display: block;
    font-style: normal;
    color: #949494;
    margin-top: 20px;  }


 

.contact{  width:90%; margin:0 auto; margin-top:160px;}
.contact h2 {
    font-size: 38px;
    color: #3e3a39;
    font-family: "FZLanTingHei";
    font-weight: normal;
    background: url(../images/title-line-bg.png) center bottom no-repeat;
    padding-bottom: 40px;
    margin-bottom: 40px;
	text-align: center;
}
.contact p {
    color: #595757;
    font-size: 18px;
    margin-bottom: 80px;
	text-align: center;
}

.am-cf:after, .am-cf:before {
    content: " ";
    display: table;
}

.contact .list{padding-top:60px; text-align: center;}
.contact .list a{display:inline-block; padding-top:183px; font-size:18px; color:#3e3a39; text-align:center; line-height: 28px;}
.contact .list a:hover{color:#ff008c;}
.contact .list a.qq{background:url(../images/qq.png) center 22px no-repeat;}
.contact .list a.qq:hover{background:url(../images/qq-hover.png) center 22px no-repeat;}
.contact .list a.weixin{background:url(../images/weixin1.png) center top no-repeat; margin:0 264px 0 246px;}
.contact .list a.tel{background:url(../images/tel.png) center 22px no-repeat; min-width:128px;}
.contact .list a.tel:hover{background:url(../images/tel-hover.png) center 22px no-repeat;}




.go_index{ display:none; }

#tenpay_txt {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 999;

}
#tenpay_txt .loading_box {
    background-color:#0b4085;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.loading_case {
    position: fixed;
        background-color: #fff;
        border-radius: 100%;
        font-family: 'BrownStd-Bold';
        width: 20px;
        height: 20px;
        left: 50%;
        top:-5%;
        margin-left: -10px;
		margin-top: -10px;
        animation: roundCome 2s ease 2s 1 forwards;
}

@keyframes roundCome {
    0% {
        top:0;
		margin-left: -10px;
    }
	65% {
	    top:55%;
	}
	75% {
	    top:47%;
	}
	85% {
	    top:52%;
	}
	95% {
	    top:49%;
	}
	100% {
	    top:50%;
	}
   
}

.yuyu{ 
	
	
	position: fixed;
	    background-color: #fff;
	    border-radius: 100%;
	    font-family: 'BrownStd-Bold';
	    width:0px;
	    height:0px;
	    left: 50%;
	    top: 50%;opacity:0;
	    animation: roundCometwo 1s ease 4s 1 forwards;
	
	
}
@keyframes roundCometwo {
    0% {opacity:1;
		width:0px;
		height:0px;
		width:0px;
		height:0px;
    }
	
	65% {
		margin-top:-120px;
		margin-left:-120px;
	    width:240px;
	    height:240px;
	}
	75% {
	    margin-top:-90px;
	    margin-left:-90px;
	    width:180px;
	    height:180px;
	}
	85% {
	    margin-top:-110px;
	    margin-left:-110px;
	    width:220px;
	    height:220px;
	}
	95% {
	   margin-top:-95px;
	   margin-left:-95px;
	   width:190px;
	   height:190px;
	}
	100% {
		margin-top:-100px;
		margin-left:-100px;
	    width:200px;
	    height:200px;opacity:1;
	}
   
}



.loading_casetwo {
    position: fixed;
        background-color: #fff;
        border-radius: 100%;
        font-family: 'BrownStd-Bold';
        width:2px;
        height:2px;
        left: 50%;
        top: 50%;
        margin-left:-1px;
		margin-top:-1px;
		z-index: 9;
		opacity:0;
        animation: roundComea 1s ease 7s 1 forwards;
}

@keyframes roundComea {
    0% {
		    width:2px;
			height:2px;
			opacity:0;
			margin-left:-1px;
			margin-top:-1px;z-index:0;
		}

	100% {

			width:3000px;
			height:3000px;
			margin-left:-1500px;
			margin-top:-1500px;
			opacity:1;z-index:9;
			
		}
}






.bgbg{ border-radius: 50%; background:url(../images/loadlogo.png) no-repeat center #fff;  background-size: 80%;  width:100%; height:100%; opacity:0; animation:roundComethree 1s ease 4.5s 1 forwards;} 
@keyframes roundComethree {
    0% {
		opacity:0;
    }
	70% {
		background-size:90%;
		opacity:1;
	}
	80% {
	  background-size:70%;
	  opacity:0.7;
	}
	90% {
	   background-size:85%;
	    opacity:0.85;
	}
	95% {
	 background-size:75%;
	  opacity:0.75;
	}
	100% {
		opacity:1;
		background-size:80%; 
		 opacity:1;
	}
   
}

.swiper01 .swiper-slide img.bigpc{ display:block; }
.swiper01 .swiper-slide img.bigap{ display:none; }


.youshi{ width: 85%;margin: 0 auto;  margin-top: 100px; }
.youshi h2{ text-align:center; font-size:30px; color:#000; }
.youshi .youshi_miao{ color: #7b7b7b;  margin:40px 0px; text-align:center;}
.youshi ul { overflow:hidden; margin-top:20px; }
.youshi ul li{ width: 49%; padding: 20px; float: left;  box-sizing: border-box;  border: 1px solid #f1f1f1; margin-bottom:25px;}
.youshi ul li:nth-child(2n){ float:right; }
.youshi ul li h3{}
.youshi ul li p{ color: #969696;
    margin-top: 12px;
    line-height: 28px; min-height: 112px; }


.cb_school ul{ overflow:hidden; }
.cb_school ul li{ margin-right:4%; float:left; width:48%; padding:20px 10px; box-sizing:border-box; border:1px solid #f1f1f1; margin-top:20px;  }
.cb_school ul li:nth-child(2n){ margin-right:0; }
.cb_school ul li img{width: auto; max-width: 100%; height: 33px; display: block; margin: 0 auto; }
.cb_school ul li a{display:block; }
.cb_school ul li:hover{ border: 1px solid #0b4085; }
.cb_school ul li span{ display: block; text-align: center; margin-top: 10px; }



.dh_abc{ position: absolute;  width: 100%;  text-align: center;  top:68%; }
.dh_abc span{ font-size:25px; display:inline-block; margin:0 2px;animation: ripple1 1.2s ease infinite; animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode: forwards; opacity:0; color:#fff; }

.dh_abc span:nth-of-type(1){animation-delay:5s; }
.dh_abc span:nth-of-type(2){animation-delay:5.2s; }
.dh_abc span:nth-of-type(3){animation-delay:5s;}
.dh_abc span:nth-of-type(4){animation-delay:4.8s;}
.dh_abc span:nth-of-type(5){animation-delay:4.9s;}
.dh_abc span:nth-of-type(6){animation-delay:5.1s;}
.dh_abc span:nth-of-type(7){animation-delay:5s;}

.dh_abc span:nth-of-type(8){animation-delay:5s; }
.dh_abc span:nth-of-type(9){animation-delay:5.2s; }
.dh_abc span:nth-of-type(10){animation-delay:5s;}
.dh_abc span:nth-of-type(11){animation-delay:4.8s;}
.dh_abc span:nth-of-type(12){animation-delay:4.9s;}
.dh_abc span:nth-of-type(13){animation-delay:5.1s;}

@keyframes ripple1 {
  0% {
    opacity: .1;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity:1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@media screen and (max-width: 640px){	
	
	body{ min-width:auto; margin: 0 1px;  }
 
	.dh_abc span{ font-size:20px; } 
 
	#dituContent{ width:100%; height:700px; margin:0px 0px; }
	
	
	 .tagcloud a{ position: absolute;  top: 0; left: 0;  display: block; padding: 11px 30px; font-size: 16px; text-decoration: none; white-space: nowrap;
	    
	     
	    }
		
		.footer.footercontact .footer_1{ left:5%; }
		
#dituContent .bottom{ margin:0; }
	.header{ box-shadow:none; -webkit-box-shadow:none; }
	.header.dbno{ padding: 0;
    min-width: auto;  -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);  box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04); }
	.header .sj_nav {
		display: block;
		width: 5%;
		padding-top: 10px;
		padding-bottom: 10px;
		float: right;
		margin-right:3%;
		margin-top: 9px;
		width:20%;
	}

	.header .sj_nav{ display: block; position:relative;  width:25px; padding-top: 10px; padding-bottom: 10px; float: right; margin-right: 3%; margin-top: 9px;}
	.header .sj_nav::before,.header .sj_nav::after{content: ""; display: block; height:2px; width:80%; background:#727272; }
	.header .sj_nav::before{ margin-bottom:5px; -moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		-webkit-animation: line1Before 1.5s infinite alternate; 
		animation: line1Before 1.5s infinite alternate; }

	.header .sj_nav::after{
		
		-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		-webkit-animation: line1after 2s infinite alternate; 
		animation: line1after 2s infinite alternate;
		
	}
	
	
	@keyframes line1Before
		{
			from {width:50%;}
			to {width:85%;}
		}
	@keyframes line1after
		{
			from {width:10%;}
			to {width:80%;}
		}

	
	
	.header .sj_nav::after{ width:75%; background: #0b4085; }
	.header .sj_nav span{ display:block; position:absolute; width:100%; height:2px; background:#afafaf; bottom:2px; -o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		-webkit-animation: line1span 1.8s infinite alternate; 
		animation: line1span 1.8s infinite alternate; }
	
	@keyframes line1span
		{
			from {width:30%;}
			to {width:100%;}
		}
	
	
	.nav {
		position: fixed;
		background:#fff;
		width: 100%;
		height: 100%;
		margin-top:0px; display:none; margin-top: 55px; padding-top:30px; margin-left:0;
	}
	.header.no .nav,.header.notwo .nav{ margin-top:0px; }
	
	.nav li { width: 100%; float: none; margin-left: 0; background: #fff; text-align: center;}
	
	.nav a {
    text-align: center;
    margin: 0px;
    line-height: 50px;
    height: 50px;
    display: block;
	color: #383838;
	}
	
	.header,.header.no,.header.notwo{ height:55px; }
	.header.headerindex{ padding:0; min-width:auto; background:#fff; } 
	.nav li:last-child { height:1000px;}
	.header.headerindex .logo{ background:none; }
	.header .go_index{ float:left; width:20%; margin-left:3%; height:100%; display:block; }
	.header .go_index a{ display:block; height:100%; width:auto; }
	.header .go_index img{     width: auto;     height: 25px; margin-top: 15px; transform: scale(0.8);}
	
	.header .logo{ width:54%; margin-left:0; margin-top:0px; text-align: center; }
	.header .title{ float: left; line-height: 50px; width:54%; margin-left:0; margin-top:0px; text-align: center; color:#fff; display:none; }
	.header.headerindex .nav a{     color: #383838; }
	.header .logo img { height: 40px;
    display: block;
    margin: 0 auto;
    margin-top: 7px; transform: scale(0.8);     width: auto;}
	.header.headerindex .logo img{ opacity:1; }
	
	.header.no .logo{margin-top:0px;}
	
	.swiper01,.swiper01 .swiper-slide{ height:auto; overflow: hidden}
	.swiper01 .swiper-slide img {
    width:100%;
    display: block;
    margin-left:0;
	position: relative;
    left:0; 
	}
	.swiper01 .swiper-slide .txt_a{ font-size:14px; }
	.swiper01 .swiper-slide .txt_b{ font-size:20px; margin:5px 0px; }
	.swiper01 .swiper-slide .txt_c{ font-size:14px; }
	.swiper01 .swiper-slide .txt{ top:38%; }
	.swiper01 .swiper-slide .txt_d{ font-size:14px; width: 90px; line-height:30px; margin-top:10px; }
 
	.swiper01 .swiper-pagination-bullet{ writing-mode:unset; display:inline-block; }
	
	.scroll{ display:none; }
	.swiper01 .swiper-slide img.bigpc{ display:none; }
	.swiper01 .swiper-slide img.bigap{ display:block; }
	
	.swiper01 .swiper-slide::after { z-index:3; position: absolute; left:0; top:0; width:100%; height:100%; content:''; display:block; background:#000; opacity:0.3;}
	
	.header.notwo .logo{background: url(../images/logothree.png) no-repeat 0px 10px; background-size: 143px;     height: 55px;}
	.header.notwo .logo img{ opacity:0;}
	.header.notwo .nav {  }
	.header.notwo .logo{ margin-top:0px; }
	.header.notwo .nav a{ color: #333}

	.nav a.active{ color:#ea563b; }
	
	.header.notwo .sj_nav::before, .header.notwo .sj_nav::after{ background:#212121; }
	.banner{  height:auto; }
	
	
	
	.icon-container {
    padding: 25px 25px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 #F0F0F0;
	}

	.df {
		display: flex;
		justify-content: space-between;
	}

	.icon-container .icon-box:first-child {margin-bottom:25px;}
	.icon-container .icon-box .icon-item {text-align: center;}
 	.icon-container .icon-box .icon-item .icon-img { height: 40px; }
	.icon-container .icon-box .icon-item{ font-size:14px; }
	.icon-container .icon-box .icon-item .icon-word {text-align: center; font-size: 12px; color: #666; margin-top: 10px;}
	
	 
	.swiper01{ margin-top: 55px; }
	.swiper-button-next, .swiper-button-prev{  top: 82%; }
	.swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ right:2%; bottom:14%;  text-align: right; width: 50%;}
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ left: 2%; }
   .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ left: 2%; }
	
  *{-webkit-tap-highlight-color: transparent; }
	
	.classic-swiper4{ overflow:hidden; margin-top:30px; display:none;  }
	.classic-swiper4 .swiper-slide{ overflow:hidden}
	.classic-swiper4 .swiper-slide img{width:100%; height:170px; }
	.classic-swiper4 .swiper-slide h3{ font-weight: 500; font-size: 15px; color: #fff; color: #6b6b6b; margin: 15px 0px; }
	.classic-swiper4 .swiper-slide p{font-size: 13px; line-height: 22px; color: #a8a8a8;}

	.news{ width:96%; padding: 40px  0px; }
	.news_right_top ul li.hover, .news_right_top ul li:hover{ font-size:20px; }
	.news_right_top ul li:nth-child(1){ width:33%;  flex: 3;}
	.news_right_top ul{font-size:16px; width:90%; text-align:left; }
	.news_right_top ul li{ width:33%; flex: 3; -webkit-tap-highlight-color: transparent; }
	.news_right_top a img{ width:20px; }
	.news_right_top a{     margin-top: 14px; }
	.news_right_top{ padding-bottom: 10px; }
	.news_right_list_top .time{ font-size:20px; width: 90px;  min-width: 90px; }
	.news_right_list_top .time span{ font-size:16px; }
	.news_right_list_top .time{ padding: 27px 0px; }
	.news_right_list_top .text{ margin-top: 0; }
	.news_right_list ul li a{font-size:12px; line-height: 30px; }
	.news_right_list_top h3{ font-size:16px; }
	.news_right_list_top p{ font-size: 14px; line-height: 25px; }
	
	
	.ronyu{  padding: 30px 0px; padding-top: 0; overflow:hidden; } 
	.ron_menu{ margin-left:0; width:100%; overflow-x: scroll; float: none; background-color: rgba(255, 255, 255, 0.8); padding: 20px; box-sizing: border-box; }
	.ron_menu ul{ overflow:hidden; width: 610px;}
	.ron_menu ul li{ line-height: 40px;
    font-size: 16px;
    margin: 0;
    float: left;
    margin-right: 20px;}
	.ron_menu ul li i{ height: 25px; width: 25px; background-size: 100%;}
	.ron_menu::before{ display:none; }
	
	
	.ron_pic{ margin-left:5%; margin-right:auto; width: 90%; float: none; margin-top:40px; }
	.ron_pic .ron_pic_txt{ text-align: center; float:none; width: 100%; margin-top: 0; }
	.ron_pic_txt h2{ font-size:20px }
	.ron_pic_txt h2::before{     width: 26px; height: 26px; }
	.ron_pic_txt p{ font-size: 14px; margin: 10px 0px;}
	.ron_pic_txt a{ font-size:14px;     width: 100px; padding: 5px 0px; }
	.ron_pic .ron_pic_pic{ width:100%; height:290px; }
	
	.ron_pic0 .ron_pic_pic .img1{ width: 51%; }
	.ron_pic0 .ron_pic_pic .img2{width: 74%; bottom: 30px;}
	.ron_pic0 .ron_pic_pic .img3{ width: 40%; }
	.ron_pic .ron_pic_pic .img4{ right: -110px; bottom: -84px; width: 70%; }
	@keyframes a2_5{from {right:-30px; opacity:0}  to { right:-110px; opacity:1}}
	
	.ron_pic1 .ron_pic_pic .img1{width: 62%;}
	.ron_pic1 .ron_pic_pic .img2{width: 61%; }
	.ron_pic1 .ron_pic_pic .img3{ width: 47%; }
	
	.ron_pic2 .ron_pic_pic .img1{ width: 53%;}
	.ron_pic2 .ron_pic_pic .img2{ width: 58%; }
	.ron_pic2 .ron_pic_pic .img3{ width: 45%; }
	
	.ron_pic3 .ron_pic_pic .img1{width:50%;}
	.ron_pic3 .ron_pic_pic .img2{width: 50%;}
	.ron_pic3 .ron_pic_pic .img3{ width:40%; }
	
	.app_logo{margin-top:-80px;
    background: #fff;
    position: relative;
    z-index: 5;
    box-shadow: 0px 8px 20px 0 rgba(10,14,29,.08);
    width: 84%;
    margin-left: 5%;
    overflow: hidden;
    overflow-x: scroll;
    border: 15px solid #fff;}
	.school_logo{ box-shadow:none;padding: 0;  width:1000px; margin-top:0;     text-align: left; }
	.school_logo  li{ margin: 10px 10px; }
	.school_logo img{ height: 36px; }
	.school .school_pic img{     display: block;
    width: 1000px;
    margin-left: -500px;
    left: 50%;
    position: relative;}
	.school .title h2{  font-size:20px;}
	.school .title{  top: 40px;
    width: 100%;
    margin: 0;
    left: 0; }
	.school .title p{  font-size:14px;}
	.app_logo .school_logo::after { background: linear-gradient(to left ,rgb(255 255 255) 0%, rgba(0, 0, 0, 0) 100%); content:''; display:block; position: absolute; right:0; top:0; height:100%; width:50px; z-index:100; }
	.zhuanye {  padding: 40px 0;     min-height: 300px; padding-bottom:80px; overflow:hidden; }
	.zhuanye .zhuanye_title{ width:90%; }
	.zhuanye .zhuanye_title h2{ font-size:20px; }
	.zhuanye .zhuanye_title p { font-size:14px; }
	.wrapper{ width:90%; margin-top: 80px; }
	
	.yous{ padding:30px 0; } 
	
	.you_title{  width:90%; } 
	.you_title .title_txt h2{ font-size:20px; }
	.you_title .title_txt p{ font-size:14px;} 
	.idx-tags{ width:90%; margin-top: 15px; }
	.idx-tags ul li{ width:35%; font-size: 12px; }
	.idx-tags ul li:nth-child(1){ display:none; }
	.idx-tags ul li:nth-child(3){ margin: 0 5%; width: 20%; }
	.idx-tags .tags_left{ font-size: 20px;
    margin-right: 0;
    margin-bottom:0px;      display: block;}
	.idx-tags .col2{text-align: center;}
	.mdts .item:hover h1{ font-size:25px; }
	.mdts{  margin-top: 40px; width:95%;}
	.mdts .col{ width:49%; margin-bottom:0px; margin-right:2%; margin-bottom:10px; }
	.mdts .col:nth-child(2n){ margin-right:0; }
	.mdts .item{     padding-top:25px; padding-bottom:25px; margin-top:0; }
	.mdts .item .txt h2{ font-size:20px }
	.mdts .item p{ font-size:12px; padding: 0 2vw; height: 60px; }
	.mdts .item h1 { font-size:20px }
	.mdts .item .icon{ width:40px; }
	.mdts .item .right-icon{ width:30px; }
	
	.picshow .picshow_title{ width:100%; }
	.picshow{ padding: 30px 0px; width:90%; }
	.picshow h2{ font-size:20px; }
	.picshow p{ font-size:14px; color: #c3c3c3;}
	.picshow .mode{ width:250px; margin-top: 20px;  margin-bottom: 20px;}
	.picshow .mode li { font-size:14px; padding: 5px; }
	.picshow_list .team1{ width:100%; }
	.picshow_list .team1 li{ width:49%; float:left; margin-right:2%; }
	.picshow_list .team1 li:nth-child(2n){ margin-right:0; margin-top:0; }
	.picshow_list .team2{ width:100%; margin:10px 0; padding: 8px; }
	.picshow_list .team3{ display:none; }
	
	
	
	
	.footer_1{ width:90%; padding: 20px 10px; }
	.footer_weixin{ width:100%; margin-bottom: 15px; }
	.footer_weizhi{ width:100%;margin-bottom: 15px;  }
	.footer_tel{ width:100%; text-align: center; }
	.footer_weixin li{ width:50%; margin-right:0; }
	.footer_weizhi img,.footer_tel img{ width:20px;margin-bottom: 5px; }
	.footer_weizhi span{ line-height: 25px; font-size: 14px; }
	.footer_tel span:nth-child(1){ font-size: 16px; margin-bottom: 10px;}
	.footer_tel span:nth-child(2), .footer_tel span:nth-child(3){ margin: 0px 10px; font-size: 14px; display: inline-block; line-height: 25px; } 
	.footer_2 .container{ display:none; }
	.footer_2{ padding-top: 230px; }
	
	.about{width:100%; margin-top:0px; background:#fff; padding-bottom:30px; padding-top: 0; }
	.about .about_1{ width:90%; margin:0 auto; float:none; padding-top:30px; }
	.about .about_1 .pic{ overflow:hidden; height:200px;     position: relative; width:100%; margin-right: 0;}
	.about .about_1 .pic img{ width:100%; height:auto; position:absolute;
	
		-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
		
		-webkit-animation: aboutpic 10s infinite alternate; 
		animation: aboutpic 10s infinite alternate;
	}
	
	.about .idx-tags{ margin-top:20px; }
	.idx-tags .tags_left{ font-weight: bold; }
	
	.honor-list{ width:90%; }
	.honor .col-sm-6{ width: 90%;  margin-left: 5%; margin-bottom:60px; }
	.honor .col-sm-6:last-child{ margin-bottom:0; }
	.preview >p{ display:none; }
	.honor::before{ top: 230px; }
	.preview >a {
	    position: absolute;
	    z-index: 11;
	    top: 50%;
	    margin-top: -15px;
	    margin-bottom: 0;
	    margin-right: 0;
	    width: 30px;
	    height: 30px;
	}
	.preview .arrow-left {
	    left: 0;
	}
	.preview .arrow-right {
	    right: 0;
	}
	.preview .swiper-container {
	    margin: 0 0px;
	}
	.honor .swiper-pagination-bullet{ width:2px; height:2px; }
	.img-cover{  }
	.mainview img{     margin-bottom: 10px; }
	.preview .swiper-slide{ width:100px; margin: 0 10px; }
	.preview .imgbox{ width:100%; height: 65px; }
	.mainview .swiper-pagination{     bottom: -40px; }
	.mainview{margin-left: 0;  margin-right: 0; margin-bottom: 0px; padding: 23px 15px;}
	
	.about .about_1 .about_logo{ margin-top:30px; width: 130px; margin-bottom:15px; }
	.about .about_1 h3{ font-size:22px; margin-bottom:10px; color: #000;}
	.about .about_1 p{    color: #b2b2b2; margin-top: 10px;}
	.about .about_1 .profile{     font-size: 14px; color: #777;  line-height: 200%; margin-top: 20px; }
	
	.about .about_1 .profile_1 h4{     color: #000; font-size: 16px; margin-bottom:10px; }
	.about .about_1 .profile_1{      font-size: 14px;
    color: #777;
    line-height: 200%;
    margin-top: 20px;
    border: 1px solid #f1f1f1;
    padding: 10px;
    border-top: 4px solid #f1f1f1; }
	.profile_text{  font-size: 14px; color: #777;  line-height: 200%; }

	.er_menu{ margin-top:0; background: #fff !important; border-bottom:1px solid #f1f1f1; padding-top:0; }
	.er_menu ul{ display:flex; width:96%; margin:0 auto; }
	.er_menu ul li{ flex:4; }
	.er_menu ul li a{ display: block; text-align: center; color: #b2b2b2; height:70px; line-height:70px;  position: relative; font-size: 16px;}
	.er_menu ul li a.hover{ color: #000; font-size: 18px;}
	.er_menu ul li a span{ display:none; }
	.er_menu ul li a.hover::after{ content: " ";  position: absolute; bottom: 0; width: 16px; height: 2px; left: 50%; margin-left: -8px; background: #ffb25a;}
	.er_menu.er_menutwo ul li a{ font-size:14px; }
	
	.culture{width:100%; margin-top:0px;}
	.culture h4{ font-size: 20px; font-weight: 400; position:relative }
	.culture h4 img{ width: 40px; display: inline-block; margin: 0 auto; vertical-align: middle;}
	.culture h4 text{ font-weight: bold; position:absolute; left:100%; width:50px; }
	.culture .culture_txt{ width: 90%;  margin: 0 auto;  margin-bottom: 20px; padding-bottom: 20px;  background: #fff; padding: 50px 5%; }
	.culture .culture_txt p{ color: #a6a6a6; font-size: 14px; margin-top: 15px; line-height: 25px; }
	.culture .culture_txt text{font-weight: bold; position: absolute; left: 100%; width: 50px; margin-left: -130px; font-size: 110px; opacity: 0.05; top: -49px;}
	
	
	.history {width:100%; margin-top:0px; background:#fff; padding-bottom:30px; background:url(../images/historybg.jpg) no-repeat top center #fff; background-size:100%;}
	.history .container{ width:90%; margin:0 auto;  }
	.history .container img{ width:100%;     opacity: 0; margin-left: auto !important; margin-right: auto !important; }
	.history-hd{text-align: center; padding-top: 110px;}
	.history-hd >div {display: inline-block;  position: relative; margin-top: 12%; width: 70%;}
	.history-hd >div::before {  position: absolute; display:none; content: ""; left: 50%; top: 60%; height: 41%;width: 1px;border-left: 1px dotted #cbcbcb;}

	.history-hd i {position: absolute; z-index: 1;left: 50%;top: 50%;     font-size: 36px;
    line-height: 40px;
    color: #000000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	.history-bd { position: relative;  margin: 0; padding: 7% 0 0; overflow: hidden;}
	.history-bd li { margin: 15% 0;  background: #fff;  position: relative;}
	.history-bd::before { position: absolute; display: block; content: ""; left: 50%;top: 0; height: 100%; width: 1px; border-left:1px dotted #cbcbcb;}
	.history-bd .year { position: absolute; top: -5px; left: 50%;  padding: 15px; display: inline-block; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%);     position: relative; padding-bottom: 0;}
	.history-bd .year span { display: block; margin: 0 auto 8px; width:40px; height:40px; background: url(../images/map.png) no-repeat center center; background-size: 100%;}
	.history-bd .year i { font-size:26px;font-weight: bold; color: #000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
	.history-bd .article { margin: 0 auto !important; width:100%; text-align: center;     padding-bottom:10px; }
	.history-bd .article i { display: none;}
	.history-bd .article p{     font-size: 14px; line-height: 25px; }

	
	.honor{width:100%; margin-top:0px; background:#fff; padding-bottom:30px; padding-top:50px;  margin-bottom: 20px;}
	.honor .rongyulist { width:90%; margin:0 auto; padding-bottom: 20px; overflow:hidden}
	
	
	.honor .honorh2 { width: 100%; text-align: center;  font-weight: 400; font-size: 18px;  margin-bottom: 15px;}
	
	.honor .honortxt { margin-top: 10px; font-size:12px;  text-align: center; color: #848484;     font-size: 12px; width: 80%; margin: 0 auto; margin-bottom: 40px;}
	.imgtext-hd h3{ font-size:20px; }
	.imgtext-hd img{ width:27px; }
	.imgtext-hd{padding-left: 40px;}
	.imgtext >.row { margin-top: 20px;}
	
	.imgtext >.row .zhnlist{ width:49%; margin-right: 2%; margin-bottom: 0;}
	.imgtext >.row .zhnlist:nth-child(2n){ margin-right:0; }
	.imgtext >.row .zhnlist img{ height:110px; }
	.imgtext p{height: 20px; line-height: 20px; font-size: 14px;     margin-top: 10px; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
	.honor-list .thumbnail{ padding:15px; margin-bottom: 10px;}
	
	.rongyulist li { height:auto; margin-bottom: 25px; overflow: hidden;  width: 100%;   margin: 0 auto; margin-bottom:30px;}
	.rongyulist .apic {width: 100%;overflow: hidden;height:250px;position: relative;display: block;margin-bottom: 10px;text-align: center;}
	.rongyulist .apic img {  width:auto; height:100%; max-width:100%; }
	.rongyulist li .title{ position:relative; line-height: 42px; font-size: 20px; font-weight: bold; color: #000; position: relative; margin-bottom: 15px; display: block;}
	.rongyulist li .title::after{ content:""; display:block; width:20px; height:2px; margin:0 auto; margin-top:5px; margin-bottom:5px; background:#dfdfdf}
	.rongyulist li p{ color:#999; font-size:14px; text-align:center; display:block;}


	.tiaojian01{ width:100%; background:#fff; padding-top:20px; position:relative;     z-index: 5; }
	.tiaojian01 ul ul{ display:none; }
	.tiaojian01 ul{ display:flex;     width: 96%;  margin: 0 auto;}
	.tiaojian01 ul li{ flex:5; text-align:center;}
	.tiaojian01 ul li span{ color: #2d2d2d;display: block;width: 100%;line-height: 40px;height: 40px;display: inline-block;text-align: center;  position: relative;     color: #b2b2b2;}

	.erj::after {content: ' '; height: 5px;width: 5px;display: inline-block;transform: rotate(45deg); border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;margin-left: 7px;margin-top: 0px;position: absolute;top: 16px;}

	.tiaojian01 ul ul{ position: absolute; background: #fff; width: 90%; justify-content: flex-start; flex-wrap: wrap; left: 0; padding:15px 5%; height:auto;}

	.tiaojian01 ul li .bg{ display:none; position: absolute;     background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 910px; top: 110px; z-index:-1; left: 0; }

	.tiaojian01 ul li ul li{    border: 1px solid #CCCCCC;  border-radius: 4px; text-align: center; color: #999999; display: inline-block; line-height: 25px;  margin-right: 2%; margin-left: 2%;  margin-bottom:10px; width: 28%;}
	.tiaojian01 ul li ul li a{ display: block; font-size: 14px; color: #8c8c8c; padding: 5px; }

	.tiaojian01 ul li.hover .bg,.tiaojian01 ul li.hover ul{ display:block;}
	.tiaojian01 ul li.hover span{ color: #B4A078 }
	
	.hover .erj::after{ transform: rotate(-135deg);     top: 19px; border-bottom:1px solid #B4A078;border-right:1px solid #B4A078; }
	
	.case_list { background:#fff; padding-bottom:30px; padding-top:30px; }
	.case_list.case .contcaseul{ width:90%; }
	.case_list.case .case_a{ margin-bottom:20px; }
	.case_list .contcaseul{ width:85%;margin:0 auto; }
	.case_list .contcaseul li{     margin-bottom: 25px; border-bottom: 1px solid #E5E5EA; padding-bottom: 25px; }
	.case_list .contcaseul li img{ width:100%; height:auto; display:block; }
	.case_list .apic{ margin-bottom:20px; display:block; }
	.casespan01{ margin-bottom:20px; }
	.casespan01 span{ display:inline-block;width:30%; text-align:right;  }
	.casespan01 span:nth-child(1){ width:70%; text-align:left;}
	.casespan01 span:nth-child(2){color: #999; font-size:14px; }
	.casespan02 span{color: #999; font-size:14px; }
	
	.case_art{ background:#fff; padding-bottom:30px; }
	
	
	.case_banner {width:100%; position:relative; }
	.case_banner .case_banner{ width:100%; height:auto; display:block; }
	
	
	.header.headercase{ background:none;  position:absolute; }
	.header.headercasetwo{ background:none; }
	
	.er_menu.er_menu_case{ margin-top:0; padding-top:0;}
	
	.header.headercase .sj_nav::before, .header.headercase .sj_nav::after, .header.headercase .sj_nav span{ background:#fff; }
	.header.headercasetwo .sj_nav::before, .header.headercasetwo .sj_nav::after, .header.headercasetwo .sj_nav span{ background:#fff; }
	
	
	
	.header.headercase .go_index a img,.header.headercasetwo .go_index a img{ display:none; }
	.header.headercase .logo,.header.headercasetwo .logo{ display:none;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
	
	.header.headercase .title,.header.headercasetwo .title{ display:block;}
	.header.headercase .go_index a::after,.header.headercasetwo .go_index a::after {content: ' '; height: 10px; width: 10px; display: inline-block; transform: rotate(135deg); border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; margin-left: 0px; margin-top: 20px; border-bottom-right-radius:4px; }
	
	.sheji{ width:90%; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:20px; position:relative;  }
	.sheji .sheji_pic{ float:left; height:60px; width:60px; border-radius:50%; overflow:hidden; margin-right:15px; }
	
	.sheji::after {     content: ""; position: absolute; background: url(../images/jv.png) no-repeat center #fff; padding: 5px; background-size: 70%;  width: 12px; height: 12px;  border-radius: 50%; left: 40px; top: 13px;}
	
	.sheji .sheji_pic img{ width:100%; }
	
	.sheji h5{font-weight: 400; font-size: 16px;     margin-bottom: 3px; margin-top: 7px;}
	.sheji span{ color: #999; font-size: 14px;}
	
	.sheji .gotutem{  display: block; position: absolute; background: #B4A078; color: #fff; font-size: 12px; border-radius: 5px; padding: 8px 10px; top: 35%; left: 100%; margin-left: -72px;}
	
	.case_art h1{    width: 90%; margin: 0 auto;  overflow: hidden; padding-top:0px; padding-bottom:13px; font-size:22px }
	.source{border-bottom: 1px solid #f1f1f1; padding: 0 5%; padding-bottom: 10px;font-size: 12px; color: #999; font-size: 14px; display:flex;}
	.source span{ display:block; width:50%; }
	.source span.view{ text-align:right}
	.source em{    display:inline-block; width:20px; margin-right:7px; vertical-align: middle; }
	.source .time em{width: 16px;}
	.source em img{ width:100%; height:auto; }
	
	
	.case_shux{ padding: 0 5%; padding-bottom: 10px; margin-top: 25px; }
	.case_shux li{ color: #999;font-size: 14px; line-height: 28px; }
	.case_shux li span{ display:inline-block; }
	.case_shux li span:nth-child(1){ margin-right: 15px; width: 60px; text-align: right;}
	
	.case_pic img{ width:100%; height:auto; margin-bottom:20px; }
	
	
	
	.team_list{    width: 90%; margin: 0 auto; padding-left: 5%; padding-right: 5%; padding-top: 30px; background: #fff; padding-bottom:30px; }
	.team_list .team_list_pic{overflow: hidden; margin-bottom:30px; border-bottom:1px solid #E5E5EA; padding-bottom:30px; }
	.team_list .sj_pic{ width:40%; height:auto; overflow: hidden; margin: 0 auto; border-radius: 10px; float:left;}
	.team_list .sj_pic img{ display: block; width:100%; height:auto; }
	
	.team_list .text{ width:54%; height:auto; overflow: hidden;  margin: 0 auto; float:right;}
	.team_list .text p span{ display:inline-block; font-size:16px; color: #000;}
	.team_list .text  p{  margin-bottom:10px; color: #999;  font-size: 14px; line-height:28px; white-space: nowrap; text-overflow: ellipsis;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
	
	.team_list .text a.gogo{ display:inline-block; background: #B4A078; color: #fff; font-size:12px; margin-right:15px; padding:5px 10px; border-radius: 5px; }
	
	
	.team_profile{     padding: 0 5%; margin-top:30px;     line-height: 200%; }
	.team_profile span{ font-size:16px !important; }
	.eco h2{ position: absolute; z-index: 10; top: 23%;  right: 10%;  color: #000; font-size: 35px; }
	.eco .eco_txt{     position: absolute;  z-index: 10; right: 10%; top: 35%; font-size: 25px; color: #000; }
	
	.fanzi{ width:90%; margin:0 auto; padding-left:5%; padding-right:5%; padding-top:190px; position:relative; padding-bottom:50px; overflow: hidden; }
	.fanzi .fanzi_pic{width:100%; display:block }
	
	.fanzi span{ font-size:12px; position:absolute; }
	
	.fanzi .biao_a{    font-size: 12px; position: absolute; height:90px; left: 50%; top:150px;}
	.fanzi .biao_a::before{ border-left:1px dotted #484848; animation: biao_a 1s ease-out 0s forwards; content: ""; display: block;  height:64px; width: 1px; position: absolute; left: 50%; bottom: 0; }
	.fanzi .biao_a em{     font-style: normal; animation: em 1s ease-out 1s forwards; display:block; overflow:hidden; height:20px; line-height:25px; opacity:0}
	
	
	.fanzi .biao_a.biao_b{    left:3%; top: 195px; height: 120px;}
	.fanzi .biao_a.biao_b::before{ height:0px; animation: biao_b 1.2s ease-out 1s forwards; }
	.fanzi .biao_a.biao_b em{ animation: em 1s ease-out 2s forwards; }
	
	
	.fanzi .biao_a.biao_c{  left:72%; top: 220px; height: 90px; }
	.fanzi .biao_a.biao_c::before{ height:0px; animation: biao_c 0.8s ease-out 2s forwards; }
	.fanzi .biao_a.biao_c em{ animation: em 1s ease-out 3s forwards;  }
	
	
	.fanzi .biao_a.biao_d{left: 29%; top: 130px; height: 100px;}
	.fanzi .biao_a.biao_d::before{ height:0px; animation: biao_d 0.8s ease-out 2s forwards; }
	.fanzi .biao_a.biao_d em{ animation: em 1s ease-out 3s forwards;  }
	
	.fanzi .biao_a.biao_e{left: 5%; top: 347px; height: 131px;}
	.fanzi .biao_a.biao_e::before{ height: 0px;  animation: biao_e 0.8s ease-out 2s forwards;  top: 0;}
	.fanzi .biao_a.biao_e em{ animation: em 2s ease-out 3s forwards; margin-top: 120px;  }
	.fanzi .biao_a.biao_e .point{ top:0; }
	
	
	.fanzi .biao_a.biao_f{ left: 57%; top: 308px; height: 100px;}
	.fanzi .biao_a.biao_f::before{ height: 0px;  animation: biao_f 0.8s ease-out 1s forwards;  top: 0;}
	.fanzi .biao_a.biao_f em{ animation: em 1s ease-out 2s forwards; margin-top:100px;  }
	.fanzi .biao_a.biao_f .point{ top:0; }
	
	
	.fanzi .biao_a.biao_g{ left: 40%; top: 331px; height: 70px;}
	.fanzi .biao_a.biao_g::before{ height: 0px;  animation: biao_f 0.8s ease-out 1s forwards;  top: 0;}
	.fanzi .biao_a.biao_g em{ animation: em 1s ease-out 2s forwards; margin-top:100px;  }
	.fanzi .biao_a.biao_g .point{ top:0; }
	
	.fanzi_txt{ text-align: center;  position: absolute;  width: 100%; left: 0; top: 0; }
	.fanzi_txt h2{    font-size: 18px; font-weight: 400;  padding: 30px 0px; padding-bottom: 0px; line-height: 29px;}
	
	
	

	
	.fannao{     padding: 45px 0px; background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top:0px;}
	.fannao h2{     width:100%; text-align: center; font-weight: 400; }
	.fannao p{ margin-top:10px; text-align:center; color: #848484;}
	.fannao ul{ width:90%; margin:0 auto; overflow:hidden; margin-top:20px;}
	.fannao ul li{float: left; width: 25%; margin-bottom: 20px; text-align: center; font-size: 14px; color: #666; margin-top: 10px;}
	.fannao ul li img{ width:30px; display:block; margin:0 auto; margin-bottom:10px; }
	
	.fannao ul li:nth-child(5),.fannao ul li:nth-child(6),.fannao ul li:nth-child(7),.fannao ul li:nth-child(8){ margin-bottom:0px; }
	
	
	.cailao{ padding: 45px 0px; background: #FFFFFF;  box-shadow: 0 2px 4px 0 #F0F0F0; margin-top: 20px; }
	.cailao .classic-cl{ overflow:hidden}
	.cailao img{ width:100%; height: 240px; }
	
	.cailao.cailaojk img{ height:auto }
	
	.cailao .classic-cl h3{ width: 100%; text-align: center; font-size: 18px; font-weight: 400; margin-bottom: 15px;}
	.cailao .classic-cl h4{ width: 100%; text-align: center; font-size: 16px; font-weight: 400; margin-top: 15px;}
	.cailao .classic-cl p{ width:90%; margin:0 auto; text-align: center; font-size: 14px;  margin-top: 10px;     color: #6b6b6b; line-height: 20px; }
	
	.cailao h2{    width: 100%; text-align: center; font-weight: 400; margin-bottom:10px;}
	.cailao_txt{ width:90%; text-align:center; font-size:14px; text-align:center; margin:0 auto;color: #8c8c8c; margin-bottom:20px;} 
	
	.fwfw{     padding: 45px 0px; background: #FFFFFF; box-shadow: 0 2px 4px 0 #F0F0F0;  margin-top: 20px;}
	.fwfw h2{     width:100%; text-align: center; font-weight: 400; margin-bottom: 10px; }
	.fwfw p{ margin-top:10px; text-align:center; color: #848484; font-size: 14px; width:90%; margin:0 auto; }
	
	.fwfw ul{ margin-top:30px; }
	.fwfw li{ width:80%; margin:0 auto; text-align:center; margin-bottom:25px; border:1px solid #f1f1f1; padding:25px;}
	.fwfw li:last-child{ margin-bottom:0; }
	.fwfw li img{ width:30px; margin-bottom:10px; }
	.fwfw li h3{ font-weight:400; font-size:16px; margin-bottom:10px; }
	.fwfw li p{ font-size:14px; }
	
	
	.price_list{padding:25px 0px; background: #FFFFFF; position:relative;   }
	.price_list ul{ display: flex; flex-flow: row wrap; justify-content: space-between; width: 90%; margin: 0 auto;     overflow: hidden;  height: 104px; }
	
	.price_list .more-price{width: 100px;display: inline-block;position: absolute;color: #B4A078;bottom: 16px;font-size: 12px;left: 50%;margin-left: -50px;text-align: center;}
	
	
	
	.price_list ul li{ margin-bottom: 20px; display: flex; width:30%; margin-right:1%; justify-content: center; align-items: center; border:1px solid #f1f1f1; border-radius:4px; }
	.price_list ul li:nth-child(3n), .price_list ul li:last-child{ margin-right: 0;}
	.price_list ul li a{ font-size:10px; display:block; width:100%; height:100%; text-align:center; line-height:30px; }
	
	
	.price_xq{ width:90%; margin:0 auto; overflow:hidden; background:#fff; padding:0 5%; overflow-x:scroll;  padding-top:25px;     padding-bottom: 25px;}
	.price_xq_1{ width:1000px; }
	.price_xq_1 table{border-collapse: collapse;width:980px !important;}
	.price_xq_1 td{ font-size:12px; height:auto !important; width:auto!important; border: 1px solid #f1f1f1; padding:0 10px; }
	.price_xq_1 tr td:last-child{  padding:10px 10px;  }
 
	.price_list ul li .active{ color:#ffb25a; }
	
	.newslist{ background:#fff; padding:30px 5%; }
	.newslist ul{ width:100%;  }
	.newslist ul li{ margin-bottom:30px; border-bottom:1px solid #f1f1f1; padding-bottom:30px;}
	.newslist ul li img{width:100%; }
	
	.newslist ul li h3 { font-weight: 500; font-size: 16px;color: #6b6b6b;  margin: 15px 0px;}
	
	.newslist ul li p { font-size: 13px; line-height: 22px;color: #a8a8a8;}
	
	
	
	
	
	.ts{ background:#fff; padding:30px 5%; }
	.ts li{ text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
    color: #818181;
    position: relative;
    padding-bottom: 30px;
    line-height: 25px;}
	.ts li img{ display:block; margin:0 auto; width:35px; margin-bottom:15px; }
	.ts li::after{content: ' ';
    height: 10px;
    width: 10px;
    display: inline-block;
    transform: rotate(45deg);
    border-bottom: 2px solid #b2b2b2;
    border-right: 2px solid #b2b2b2;
    margin-left: -5px;
    margin-top: 0px;
    position: absolute;
    bottom: 0;     left: 50%; }
	
	.ts li:last-child{ margin-bottom:0; }
	.ts li:last-child::after{ display:none; }
	
	
	
	
	.ly{ background:#fff; padding:30px 5%;  }
	.ly h3{ font-weight:400; text-align:center; line-height: 80px;     letter-spacing: 3px;}
	
	.ly_from{ margin-top:20px; }
	.ly_from span{ display:block}
	.ly_from input[type=text] , .ly_from select {-webkit-appearance: none; 
font-size: 14px;width: 98%;margin-right: 0;margin-bottom: 10px;	border: 1px solid #f1f1f1; height: 30px; text-align: left; padding: 5px;}
	.ly_from select{ width: 100%; padding: 11px;  height: 45px;  padding-left: 1px; color: #6f6f6f;     background: none; }
	.ly_from textarea {-webkit-appearance: none; 
border: 1px solid #f1f1f1; padding: 5px; height:100px; width:98%;  }
	.btntj { border:none; width: 250px; text-align: center; background: #afafaf; color: #FFF;   display: block; margin: 0 auto; cursor: pointer; line-height: 50px;width: 150px; float: none;margin:0 auto; margin-top:20px; -webkit-appearance: none; }
	
	
	.pnum div{ text-align:center}
	.pnum span{ display: inline-block;  width:30px; height:30px; line-height: 50px; text-align: center; font-size:14px; }
	.pnum a{  font-size:14px; color: #929292;  display: inline-block;width: 30px; height:30px; line-height:30px; text-align: center; }
	.pnum a:hover{ color: #000;  }
	
	
	.walletImgBox {
    box-sizing: border-box;
    position:absolute;
    width:250px;
    height:250px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;     left: 50%;
    margin-left: -125px;
    top: 50%;
    margin-top:-65px; z-index:-1}
	
	
	.walletImgBox .walletSpread1, .walletImgBox .walletSpread2, .walletImgBox .walletSpread3 {  position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  border: 1px dashed #e4e4e4;  box-sizing: border-box;  border-radius: 50%; opacity: 0;}
	.walletImgBox .walletSpread1 {	animation: spread 3s linear infinite;}
	.walletImgBox .walletSpread2 {	animation: spread 3s linear 1s infinite;}
	.walletImgBox .walletSpread3 {animation: spread 3s linear 2s infinite;}
	
	
	
	.mapinfo {position: absolute;	background: rgba(255, 213, 36, 0.79);	font-size: 14px;	color: #fff;line-height: 20px;	text-align: center;-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		width:168px;
		height:168px; color:#000;
	}
	.mapinfo p.title{ font-size:18px !important; }
	.mapinfo p.p1{ display:none; font-size:12px; }
	.mapinfo p.p2{ display:block; font-size:12px; }
	
	.triangle {
		position: absolute;
		bottom: -8px;
		left: 50%;
		margin-left: -11px;
		width: 22px;
		height: 11px;
		background: url(../images/triangle.png) no-repeat center center;
	}
	
	.anchorBL{ opacity:0; }
	
	
	.mapinfo img{ padding-top: 13px; width: 60px;}
	
	.newsart{ width:90%; padding:5%;    padding-top: 20px; }
	.newsart .title{ font-size: 18px; font-weight: 400; margin-bottom:10px; width:100%; height: auto; margin-bottom:0; }
	
	.source{ font-size:12px; margin:0 auto; padding:0; margin-bottom: 20px;  padding-bottom: 20px; width:90%; }
	
	.newsart .source{ font-size:12px;  padding-bottom:10px;  font-size: 12px; width: 100%;}
	.nr_banner .text{ width:170%; margin-left:-35%; }
	.article img{ max-width:100%; height:auto !important; margin:10px 0px; }
	.article p{ line-height: 30px; }
	.newsart .article{ width:100%; margin-top: 15px;     font-size: 14px; }
	.nr_banner {margin-top: 55px;}
	.nr_banner h2{ width:80%;  margin-top: -20px; left: 10%; font-size:20px; margin-left:0; }
	
	.nav_nr{ width:90%; margin-top: -25px; } 
	.nav_nr li a{ line-height: 50px; font-size: 14px; }
	
	.new_time{ display:none; }
	.news_list{     margin-top: 0px; width:90%; }
	.new_title{ font-size:16px; font-weight:400;     margin-top: 10px; }
	.new_tex_box> img{ width:100%; margin-left: auto; }
	.new_tex_box > div{ width:100%; }
	.new_tex_box{ width:100%;     margin-right: auto; padding-right: unset; padding-bottom:0; }
	.new_info{     margin-top: 10px;     font-size: 14px; line-height: 24px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
	.news_list > a{ margin-bottom:0;}
	
	.news_list > a:hover .new_tex_box{ box-shadow:none; background:none }
	.news_list > a:hover .new_tex_box > img{ margin-left:0;}
	
	.products_right{ display:none; }
	.products{ width:90%; padding:15px; margin-top:20px; padding: 0; }
	.products .products_left{ width:100%; }
	.mboxlist{ width:100%; padding: 20px; margin-bottom: 20px;}
	.mboxlist .logo{ margin-bottom:0; height:35px; }
	.mboxlist p{ width:120px; line-height:35px; font-size: 14px; }
	
	.zhaoshan{ width:90%; padding: 0;      width: 100%; padding: 0;  border: none;}
	.schlogo{ line-height: 110px; width: 90px; height: 90px;   margin-top: -50px; padding: 10px; margin-bottom: 20px;}
	.nr_banner ul li img{ width:25px;}

	.num-box{ left:0; font-size: 140px; width: 210px; top: 0; line-height: 110px; height: 110px;}
	.num-box h3{ font-size:20px;  line-height: 35px; top: 26px;}
	.num-box h3 span{ font-size: 12px; letter-spacing: 0; font-weight: 500;}
	.num-box h3 i{ height:3px;     bottom:2px; width: 79px; }
	.school_a .img1{ left:0;     width: 60px; bottom: 7px;}
	.sch_tex_txt{ width:80%; margin-left:auto; font-size: 16px; margin-top: 130px; font-size: 14px; min-height: 450px;
    line-height: 230%;}
	.zhao_txt table td{ font-size: 12px; }
	
	.jiaoyu{ font-size: 14px;padding-top: 110px; }
	
	.sch_tex_txt strong,.jiaoyu strong{ font-size:30px; }
	.school_a{  min-height:auto;}
	.zhao_txt img{ max-width:100%; height:auto!important; }
	.zhao_txt{ margin-top: 30px; }
	.zhao_txt{ font-size:14px; }
	
	.step{ width:90%; padding: 30px 0px; overflow:hidden; }
	.step_a{ opacity:1; }
	.step_a .step_img{  position: static; -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
    filter:none;}
	.step_txt{ width:100%;     font-size: 16px; padding-top: 130px; margin-bottom:20px; }
	.step_a .step_img img{ width:100%; height:auto; }
	.step_a:hover .num{ margin-left: 40%; }
	.step_a.step_atwo .step_txt{ margin-left: 0; }
	.step_a.step_atwo .num-box{ right:auto; }
	.step_a:hover .step_img img,.step_a:hover  .step_txt div{     transform: scale(1); }
	
	.max-wid{ width:90%; }
	.position-left .title{ margin: 15px 0px 3px 0px; font-size: 16px; }
	.position-left{ width:100px; height: 100px; padding: 1px 1px 1px 18px;}
	.position-left .text {font-size: 14px;color: #fff;}
	.position{ margin-top: -60px; margin-bottom: 20px;}
	.position-right dt img{ margin-right: 20px; }
	.position-right dd text a, .position-right dt text a{ font-size:12px; }
	
	.products.productstwo{ background:none; }
	.products_right{ display:none; }
	
	
	.newslist_con_2{ width:100%; }
	
	.newslist_con_2 ul li span {
	    font-size: 14px;
	}
	
	
	.honor .rssd{ display:none; } 
 
 }
 
 

.point {
		width:6px;
		height:6px;
		background-color: #ffffff;
		position:absolute;
		border-radius: 50%;
		left:50%; bottom:0; margin-left:-3px;
	  }

	  /* 设置动画前颜色 */
	  .point-flicker:after {
		background-color: #ffffff;
	  }

	  /* 设置动画后颜色 */
	  .point-flicker:before {
		  background-color: rgba(255, 255, 255, 0.38);
	  }

	  /* 设置动画 */
	  .point-flicker:before,
	  .point-flicker:after {
		content: '';
		width:16px;
		height:16px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -8px;
		margin-top: -8px;
		border-radius: 50%;
		animation: warn 1.5s ease-out 0s infinite;
	  }

	  /* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */
	  @keyframes warn {
		0% {
		  transform: scale(0.5);
		  opacity:0.7;
		}

		30% {
		  opacity:0.7;
		}

		100% {
		  transform: scale(1.4);
		  opacity: 0;
		}
	  }

	@keyframes biao_a {
		0% {
		  height:0;
		}

		100% {
		  height:64px;
		}
	  }

			@keyframes biao_b {
		0% {
		  height:0;
		}

		100% {
		  height:90px;
		}
	  }

		@keyframes biao_c{
		0% {
		  height:0;
		}

		100% {
		  height:60px;
		}
	  }

		@keyframes biao_d{
		0% {
		  height:0;
		}

		100% {
		  height:74px;
		}
	  }

		@keyframes biao_e{
		0% {
		  height:0;
		}

		100% {
		  height:115px;
		}
	  }

		@keyframes biao_f{
		0% {
		  height:0;
		}

		100% {
		  height:95px;
		}
	  }



	@keyframes em {
		0% {
		  width:0;
		   opacity:0.3;
		}

		100% {
		  width:100%;
		  opacity:1;
		}
	  }





	
@keyframes aboutpic
{
from {top:0;}
to { top:-20%;}
}
 

@font-face{
	
	font-family:HELVETICANEUELTPRO-THEX;
	src:url(../fonts/HELVETICANEUELTPRO-THEX.OTF);
	font-weight:400;font-style:normal

}