/****首页全屏切换******/
.flex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center;  -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center;
          align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#slides .slides {height:380px;background:no-repeat center center; background-size: cover;}

.main{max-width:1200px; height:auto; margin:0 auto;}

.subbanner{height:500px;background:no-repeat center center; background-size: cover; width:100%; position: relative; }
.subbanner h1{ margin:0 auto;font-family:inherit;font-size:32px;font-weight:normal;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.submenut{width:100%; height:110px; text-align:center;overflow: hidden; position: absolute; bottom:30%;color: white ;}
.submenut .t1{display:inline-block;vertical-align:middle; font-size:5rem; z-index:9; letter-spacing: 8px;font-weight: 100; font-family:"楷体"}
.submenut .t2{border:solid #FFF 2px; width:200px; margin-bottom:25px; margin:0 auto;}


.submenu {width:100%; height:auto;  font-size:16px; background:#fff; border-bottom:1px solid #EAEAEA; padding:0}
.crumb{ font-size:1.6rem ;border-bottom:1px solid #EAEAEA;}
.crumb p{ max-width:1200px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.submenut .crumb a{height:10px; font-size:14px;text-align:center; background:#999;}
.submenu ul{max-width:1320px; margin:0 auto; padding:2rem 0;text-align:center;}
.submenu ul li{line-height:4rem; display:inline-block; text-align:center;margin:0 5px;}
.submenu ul li a{font-size:1.6rem;display:inline-block; padding:0 7px;} 
.submenu ul li a:hover{color:#FFF;background:#900;} 
.submenu .am-active {background:#900; color:#FFF; }
.am-sticky { z-index:88; }
.submenu .am-sticky{ background:none;}
.current{background:#900; color:#FFF; }



.subtitle{width:100%; height:90px; line-height:38px; font-size:14px; border-bottom:1px solid #EAEAEA;}
.subtitle ul {width:1015px; margin:40px auto; font-size:16px;}
.subtitle ul li{float:left;width:140px; height:50px; line-height:50px; margin-right:20px; color:#FFF; border:1px solid #ddd;  background:#D2AB66; text-align:center;}

.about{margin:0 auto; padding:6rem 0;  background:#f5f5f5;}
.about-content {padding:6rem 2.5rem;box-shadow: 0 0 5px 5px rgba(0,0,0,0.04);line-height:2; background:#FFF;}
.about-content .about-video{max-width:750px; margin:0 auto;}
.about-title {max-width:1320px;margin:0 auto 9rem;font-size:3.6rem; font-weight:100;text-align:center;}

.am-figure-zoomable:after{top:50%; right:50%; color:#FFF;}

.origin{width:100%; background:#f5f5f5; padding:6rem 0; }
.origin-title{margin:0 auto 9rem;font-size:3.6rem; font-weight:100;text-align:center;}
.origin-name{margin:0 auto 3rem;box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); padding:4rem 3.5rem;background:#FFF;}
.origin-name h2{ margin-bottom:2.5rem; font-weight:400;}
.origin-name p{}
.origin-logo{margin:0 auto 3rem;box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); padding:4rem 3.5rem; background:#FFF;}
.origin-logo h2{ margin-bottom:2.5rem;font-weight:400;}
.origin-logo img{ margin-bottom:2.5rem;}
.origin-logo .tc{ text-align:center;}
.origin-culture{margin:0 auto 3rem;box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); padding:4rem 3.5rem;background:#FFF;}
.origin-culture h2{ margin-bottom:2.5rem;font-weight:400;}
.origin-culture ul{ text-align:center; margin-top:4rem; margin-bottom:2rem; line-height:28px;}
.origin-culture ul li{ padding:5px; border:1px solid #eee;}
.origin-culture figure{ text-align:center;}


.history{max-width:1320px;margin:0 auto; padding:4rem 2.5rem;}
.history-title{font-size:3.6rem; font-weight:100;text-align:center;margin:0 auto 9rem;}
.history-image{ margin-bottom:5rem; }
.history span{float:right;}
.history-image span{float:right; font-family:"隶书"; font-size:3.2rem; margin-top:3.2rem;}

.history-item{max-width:1320px; text-align:center;}

.history-item:after {
	content: "";
	width: 100%;
	height: 3px;
	background: #900;
	background-size: 100% auto;
	background-position: center;
	position: absolute;
	top: 77px;
	left: 0;
	z-index: 0;
}
.history-info h2{font-size:2rem; font-weight:400;line-height: 5rem; padding-bottom: 2rem; color: #000; transition: all 0.1s;}
.history-info :hover h2 { font-size: 2.4rem;  opacity: 0.9;transition: all 0.1s;}
.history-info i {color:#900;transition: all 0.1s; font-size:1.4rem;}
.history-info :hover i{transform: scale(1.2);transition: all 0.1s;}
.history-info p{ padding:20px 0;text-align:left;}
.history-info img{ padding:10px 10px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.1)}

.history-item .owl-nav .owl-next, .history-item .owl-nav .owl-prev { 
    width: 50px;
	margin-left: 20px;
	color: #800;
    height: 50px;
    position: relative;
    text-align: center;
    line-height: 50px;
	border: none;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
	background:rgba(255,255,255,1);
	border: 1px solid #800;
	
 }
.history-item .owl-nav .owl-next:hover, .history-item .owl-nav .owl-prev:hover {
      border: 1px solid #800;
	  background:#800; 
	  color:#FFF;}

.history-item  .center h2{transform: scale(1.5); opacity: 1;transition: all 0.1s; color:#900;}
.history-item  .center i{transform: scale(1.2);transition: all 0.1s;}




.works{width:100%; background:#f5f5f5; padding:6rem 0;}
.honor-title{max-width:1320px;margin:0 auto 9rem;font-size:3.6rem; font-weight:100;text-align:center;}
.honor-content{max-width:1320px;margin:0 auto 3rem;box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); padding:4rem 3.5rem;background:#FFF;}
.works-first {max-width:1320px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); background: #FFF; margin:1rem 1rem 0;padding:4rem;}
.works-first h2{font-weight:400;  font-size:1.6rem; text-align:center; margin-top:1.5rem;}
.works-list {max-width:1320px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); background: #FFF;}
.works-list ul li{ text-align:center; }
.works-list ul li .list-info{ margin:1rem; padding:6rem;}
.works-list ul li .list-info h2{font-weight:400; margin-top:1.5rem; font-size:1.6rem;}
.works-article {margin:3rem 0; box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); background: #FFF; padding-bottom:1rem;}
.works-article ul li .list-info{ margin:1rem; padding:1rem; border-bottom: solid #CCC 1px;}
.works-article ul li .list-info h2{font-weight:400; margin:1.5rem; font-size:1.6rem;}



.team-item .maks-info{margin:0 45px; position:relative; height:100%; height:380px; }
.team-item .maks-info .img1{ transition: all 0.5s ease 0s;transform: scaleX(1);opacity:1; position: absolute;}
.team-item .maks-info .img2{transition: all 0.5s ease 0s;transform: scaleX(-1); opacity:0; position: absolute;}
.team-item .maks-info:hover .img1{transform: scaleX(-1);transition: all 0.5s ease 0s;opacity:0;}
.team-item .maks-info:hover .img2{transform: scaleX(1);transition: all 0.5s ease 0s;opacity:1;}



.aream{max-width:1160px;　height:auto; }
.aream ul{height:300px; margin:0px auto;}
.aream ul li{float:left;height:180px; text-align:center; }
.aream ul li figure{background:#d5d5d5;position:relative;}
.aream ul li .p1{transition: all 0.5s ease 0s;transform: scaleX(1);opacity:1;position: absolute;}
.aream ul li .p2{transition: all 0.5s ease 0s;transform: scaleX(-1); opacity:0;position: absolute;}
.aream ul li:hover figure{background:#f0f0f0; }
.aream ul li:hover .p1{color:#000;transform: scaleX(-1);transition: all 0.5s ease 0s;opacity:0;}
.aream ul li:hover .p2{color:#000;transform: scaleX(1);transition: all 0.5s ease 0s;opacity:1; }


.art{padding-top:8rem;}
.art-list ul li{ text-align:center; }
.art-list ul li .list-info{box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); background: #FFF; margin:1rem; padding:2.5rem;}
.art-list ul li .list-info h2{font-weight:400; margin-top:1.5rem;}

.honor{width:100%; background:#f5f5f5; padding:6rem 0;}
.honor-title{max-width:1320px;margin:0 auto 9rem;font-size:3.6rem; font-weight:100;text-align:center;}
.honor-content{max-width:1320px;margin:0 auto 3rem;box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); padding:4rem 3.5rem;background:#FFF;}
.honor-image{ margin-bottom:8rem; height:auto; position:relative; padding-bottom:2rem;}
.honor-image img{ position:absolute; top:0; left:0; }
.honor-image .image-title{ position:absolute; top:-1.4rem; left:6.4rem;  font-family:"隶书"; font-size:3.6rem;max-width:200px; }
.honor-image .image-title-en{ position:absolute;top:2.8rem; left:6.4rem; font-size:2rem; }
.honor-image .image-slogan{float:right; font-family:"隶书"; font-size:3.2rem;}
.honor-list ul li{ text-align:center; }
.honor-list ul li .list-info{box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); background: #FFF; margin:1rem; padding:2.5rem;}
.honor-list ul li .list-info h2{font-weight:400; margin-top:1.5rem;}


.brand-item .item-info{background:#FFF; text-align:center}
.brand-item .team-img{ overflow: hidden; padding-left:0; padding-right:0; }

.brand-info .team-img img{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;  -webkit-transform: scale(1);   transform: scale(1);}
.brand-info:hover .team-img img{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;  -webkit-transform: scale(1.2);   transform: scale(1.2);}
.brand-info { padding-top:4rem;}
.brand-info i{font-size:2.8rem; color:#900;}
.brand-info .info-title{ margin:10px auto 1rem; font-size:2rem;}
.brand-info .info-btn{ color:#000; padding:1rem 0;text-align:center; border-top:2px solid #900;}


.news{width:100%; height:auto; }
.news ul li{width:100%;height:auto; border-bottom:1px solid #EAEAEA; padding:10px 0;}
.news ul li:hover{background:#F5F5F5;}
.news ul li .wrapper{max-width:1200px;height:auto; margin:0 auto;  padding-top:28px ; padding-bottom:28px; }
.news ul li .newsdate{float:left; margin:20px 0; background:#FF3}
.news ul li .newstitle{font-size:22px; margin-bottom:20px;}
.news ul li .newssummary{color:ccc; font-size:16px; line-height:28px;}
.news ul li img{float:left; width:100%; margin-right:20px; margin-bottom:20px;}
.news ul li span{ margin-bottom:20px;}



.brand{ padding-top:10rem;}
.service p{ line-height:2.4}
.menu-list ul li{padding: 0;  transition: all 100ms ease-in-out 0s;position: relative;list-style: none;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    line-height: 2.5rem;}
.menu-list ul li::before{left: auto;
    right: 18px;
    top: 15px;
    font-size: 18px;
	content: "\f105";
    font-weight: 600;    
    position: absolute;
    font-family: FontAwesome;
	color:#900;
	 }
.menu-list ul li a{background: #f5f5f5;
    border-left: 1px solid #eef0f3;
    border-bottom: 1px solid #fff;
    color: #333;
    font-weight: 700;
    display: block;
    padding: 16px;}
.menu-list ul li a:hover {
      background: #fff;
      border-left: 3px solid ; 
	  border-left-color: #900;}

.menu-list ul li.menu-current a {
    background: #fff;
     border-left: 3px solid;border-left-color: #900; }




.case{margin:0 auto 5rem; background:#f5f5f5; padding-top:6rem;}
.case-item{ max-width:1320px;text-align:center; margin:0 auto;}
.case-item li{ padding:1.5rem;}
.item-info {box-shadow: 0 3px 8px -2px #d0cece; background:#fff;}
.case-img{overflow: hidden; padding:0;}
.case-img img{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;  -webkit-transform: scale(0.9); transform: scale(0.9); width:100%;}
.case li:hover img{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;  -webkit-transform: scale(1.2);   transform: scale(1.2);}
.case-info{height:auto; padding:4.2rem 1rem;}
.case-info i{font-size:2.8rem; color:#900;}
.case-title{ margin:10px auto 1rem; font-size:2rem}
.case-btn{ color:#000; padding:1rem 0;text-align:center; border-top:2px solid #900;}

.contact{width: 100%;
    background: #f5f5f5;
    padding: 4rem 0;}
.contact-list .list-item { margin:2rem; padding:2rem; box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); background: #FFF; }
.contact-list .list-item h2{font-weight:400; margin:2rem 0 0;}
.contact-list .list-item p{font-weight:400; font-size:1.4rem; padding:1rem 0;}
.contact-list .list-item i{color:#900; margin:1rem 1rem 1rem 0;font-size:2rem; text-align:right;}


/*.news{width:1200px;height:auto; margin:0 auto; }
.newst{width:340px; height:220px; margin:0 auto; }
.news ul {width:1200px; height:auto;}
.news ul li{float:left;width:375px; height:410px; margin-right:34px; background:#f5f5f5; border:1px solid #f5f5f5; margin-bottom:40px;}
.news ul li img{float:left;width:375px; height:255px;}
.news ul li span{float:left;width:335px; height:95px; padding:30px 20px;}
.news ul li span .n1{font-size:16px; color:#1a1a1a;margin-bottom:20px;}
.news ul li span .n2{font-size:14px; color:#666; margin-bottom:20px;}
.news ul li span .nl{width:25px; border:solid #d29d59 1px;}
.news ul li:hover{ color:#FFF; background:#1a2f64}
.news ul li:hover span .n1{color:#FFF;}
.news ul li:hover span .n2{color:#d29d59;}
.news ul li:hover span .nl{color:#FFF;}
*/
.teammenu {width:auto;}
.teammenu ul{margin:0 auto; padding:10px 25px;}
.teammenu ul li{float:right;line-height:30px; text-align:center; background:#900; padding:10px;}
.teammenu ul li a{border: solid #000 1px; font-size:1.6rem; } 
.teammenu ul li a:hover{color:#FFF;background:#900;} 
.am-navbar {width:auto;right:0; left:auto; }


.team{width:100%; height:auto; }
.team ul{max-width:1200px; margin:0 auto;}
.team ul li{height:auto; }
.team ul li .grid{ margin:20px;border:1px solid #f1f1f1; background:#f5f5f5;}
.team ul li .grid:hover{background:#eee;}
.team ul li img{width:100%;}
.team ul li img:hover{opacity:0.7;filter:alpha(opacity=70);}
.team ul li .con{height:auto; text-align:center}
.team ul li .title{font-size:2rem; margin-top:10px;font-weight:400;}
.team ul li .position{color:#999; margin:0px 0 10px}
.teamtitle{width:1015px; height:250px; font-size:18px; line-height:250px; text-align:center;}





.tc{max-width:1000px; padding:10px 25px;text-align:left;}
.tc-left{ margin-bottom:20px;}
.tc-left img{float:right;max-width:400px; width:100%;}
.tc-right{ padding-left:20px;}
.tc-right .t{font-size:2.4rem; font-weight:bold; }
.tc-right span{color:#999; font-size:2rem; font-weight:normal; margin-left:20px;}
.tc-right .tcn{color:#000; margin-top:20px; line-height:30px;}
.tc-right .tm{color:#000; margin-top:20px; line-height:30px;text-indent:2em}

.tc-con{width:100%; margin-top:20px; line-height:30px;}

.tc-delay-1 { -webkit-animation-delay:0.1s;   animation-delay: 0.2s;}
.tc-delay-2 { -webkit-animation-delay:0.2s;   animation-delay: 0.1s;}
.tc-delay-3 { -webkit-animation-delay:0.3s;   animation-delay: 0.6s;}




.content{max-width:1320px; height:auto; margin:4rem auto 0; padding:0 2.5rem; line-height:30px; font-size:1.8rem; border-top:1.5rem solid #900;box-shadow: 0 0 18px 15px rgba(0,0,0,0.06);}
.contenttitle{max-width:1200px; height:100px;line-height:130px; font-size:16px; color:#333; margin-bottom:0; }
.content .newsdate{font-size:1.6rem; margin:0 auto 40px; display:block; width:150px; text-align:center;}
.newstitler{max-width:1200px; margin:6rem auto 1.5rem; font-size:2.8rem; padding:0 2rem 2rem;  text-align:center; border-bottom:1px solid #e0e0e0;}
.contentimg{max-width:660px; margin:20px auto;}
.content img{vertical-align:middle; margin:20px 0;}




.page{width:max-width:1200px; height:46px;text-align:center; margin:30px auto;}
.page a{display:inline-block;overflow:hidden;width:30px; height:30px; margin:8px 5px 0px; border:0; font-weight:bold;text-align:center; line-height:30px; border:1px solid #CCC;}
.page a:hover{color:#FFF;background-color:#900;}
.page .current {color:#FFF;background-color:#900;}
#Arrow{color:#CCC;}


.br{clear:both;}
#WrapLeft{border-left:none;}
#Wrap{margin-right:0px;}



@media only screen and (max-width: 640px)	
{

.am-header-u .am-sticky { padding-top:1rem;}	
.about{ padding:2rem 0;}
.about p{ padding-left:15px; padding-right:15px;}
.about-title {margin: 2rem auto 6rem;  font-size: 3.2rem;}
.honor-title{font-size: 3.2rem;margin: 0 auto 2rem;}
.origin-title{font-size: 3.2rem;margin: 0 auto 2rem;}
.works-list ul li .list-info{padding: 2rem;}
.team-item .maks-info{ margin:0;height:360px;}
 
}


@media screen and (min-width: 960px) and (max-width: 1199px) {
 
 .about {
   
    padding: 2.5rem 2.5rem;
  
}
.about-title {
    margin: 1rem auto 4rem;
    

}

@media screen and (min-width: 768px) and (max-width: 959px) {
 .about {
   
    padding: 2.5rem 2.5rem;
}

.about-title {
    margin: 1rem auto 4rem;

}
 .am-header{padding-top:2rem; padding-bottom:2rem;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
 
.am-header{padding-top:2rem; padding-bottom:2rem;}
.am-header{padding-top:2rem; padding-bottom:2rem;}
.am-header-u .am-sticky { padding-top:2rem; padding-bottom:2rem;}	
.about{ padding:2rem 0;}
.about p{ padding-left:15px; padding-right:15px;}
.about-title {margin: 2rem auto 6rem;  font-size: 3.2rem;}
.honor-title{font-size: 3.2rem;margin: 0 auto 2rem;}
.origin-title{font-size: 3.2rem;margin: 0 auto 2rem;}
.works-list ul li .list-info {padding: 2rem;}



}
@media screen and (max-width: 479px) {

 
}