ul{list-style: none;}

.inner-header{
	background-color: rgba(255,255,255,1);
	width: 100%;
	height: 50px;
	position: absolute;
	top: 20px;
	left: 0px;
}
.inner-header-icon{
	color: #1a3866;
	height: 50px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 50px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.inner-header-icon:hover{
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}
.inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 2px;
	background-color: #1a3866;
}
.inner-header-icon span:nth-child(1){
	transform: translateY(4px) rotate(0deg);
}
 
.inner-header-icon span:nth-child(2){
	opacity: 0;
}
 
.inner-header-icon span:nth-child(3){
	transform: translateY(-4px) rotate(0deg);
}
 
 
.inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}
 
.inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
}
 
.inner-header-icon-click span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickthird;
	}
 
 
/*第一条线旋转动画*/
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }
 
  100% {
    transform: translateY(0) rotate(45deg);
  }
}
/*第二条线淡入淡出动画动画*/
@keyframes clicksecond {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
 
/*第三条线旋转动画*/
@keyframes clickthird {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }
 
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	
 
.inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}
 
.inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
}
.inner-header-icon-out span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outthird;
	}
 
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }
 
  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}
 
@keyframes outsecond {
  0% {
    opacity: 0;
  }
 
  100% {
	  opacity: 1;
  }
}
 
@keyframes outthird {
	0% {
		transform: translateY(0) rotate(45deg);
	}
 
	100% {
		transform: translateY(4px) rotate(0deg);
	}
}
 
.inner-nav{
	background-color: #1a3866;
	width: 100%;
	position: absolute;
	top:70px;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 80px;
	display: none;
}
.inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}
/*手机导航结束*/
.pagination{bottom:6px;}
.pc-logo{float:left; height:60px; margin-top:15px;}
.pc-logo h1{ margin:0; padding:0;}
.pc-logo img{height:100%; display: block;}

.pc-menu{height:80px;}
.pc-menu ul{float: right;}
.pc-menu ul li{float:left; height:80px; line-height:80px; margin-right:30px; font-weight: 600;}
.pc-menu ul li a{color:#1a3866;}
.pc-menu ul li a:hover{color:#d09162;}
.profile{margin-top:130px;}
 h2.pr-h2{ font-size: 30px; font-weight:600;color:#585858; margin-left:30px; padding-left:8px; background:white; width:80%;}
  h2.pr-h2 span{ font-size: 14px; font-weight: 100; display: block;}
  .pr-t{position: relative;}
.pr-t:before{width:530px; height:58px; border:2px solid #585858; content:""; display: block; position: absolute;top:0; z-index: -1;}
.pr-ps{ position:absolute; z-index: 10; top:10px; right:60px;}
.profile p{ padding:20px 0; font-size: 16px; line-height:2em;}
.a-bt {padding-top:1px;}
.a-bt a{ display: block; padding:6px 10px; border-radius: 4px; width:120px; float:left; text-align: center;}
a.blue-bt{ background:#1a3866;color:white; font-size: 14px; font-weight: 400;}
a.yl-bt{ background:#d09162;color:white; font-size: 14px; font-weight: 400; width:auto; margin-left:30px;}
a.blue-bt:hover{color:white; background:#d09162;}
.a-bt:after{content:"////////////////////////////////////////////////////"; color:#c9c9c9; float:left; width:160px; margin-left:30px; margin-top:6px; display: block;}
/**
.line2{margin-top:90px; overflow: hidden;}
.line2 p{ position: absolute; z-index: 20; color:white; width:500px; font-size: 16px; background-color:rgba(0,0,0,.3); font-weight: 100; bottom:120px;}
.l2-left{ width:50%; float:left; height:750px; position: relative;}
.l2-left p{ left:30px;  padding:10px;}
.l2-right{width:50%; float:right; height:750px;position: relative;}
.l2-right p{right:30px; padding:10px; }
.line2 img{width:100%; display: block; position: absolute; z-index: 0;}
.l2-link{position: absolute;z-index: 100; top:50%; left:50%; margin-top:-40px; margin-left:-40px; font-size:40px; text-align: center; line-height:80px; width:80px; height:80px; color:white; border-radius: 100%; background:#d09162;}
.l2-cover{width:100%; height:100%; position: absolute;z-index: 15; background-color:rgba(0,0,0,.5);}
.l2-link a{color:white;}
.l2-link a:hover{text-decoration: none;}
.line2 .l2-cover{transition: all ease 0.5s; top:-100%; -webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.l2-left:hover .l2-cover{transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;
top:0;
}
.l2-link{transform: scale(0);transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.l2-left:hover .l2-link,.l2-right:hover .l2-link{transform: scale(1);transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
.l2-right:hover .l2-cover{transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;
top:0;
}
**/

.in-pro{width:100%; background:url(../images/in1.jpg) center center no-repeat #e5e5e5;background-size: cover; height:918px;  position:relative;}
.in-pro2{width:100%; background:url(../images/index_05.jpg) center center no-repeat #e5e5e5; background-size:  cover; height:918px;  position:relative;}
.line1-t {position: absolute; top:200px; left:40%; width:800px;}
.line1-t h2{ font-size: 36px; font-weight: 800;color:#193867;}
.line1-t p{font-size: 18px; font-weight: 600; color:#434343;}
.in-pro-pro{  position: absolute; bottom:10px; right:140px;}
.in-pro2 h2{font-size: 36px; font-weight: 800;color:#193867; padding-top:110px; margin-left:60px; text-align: left; margin-right:70px; margin-top:0;}
.in-pro2  p{font-size: 18px; font-weight: 600; color:#434343; text-align: left;margin-left:60px; margin-bottom:40px;}
.in-pro2-pro{width:800px; position:relative; margin-top:240px;}
.line2-box{width:285px; position:absolute; float:left;}
.line2-box img{ width:100%;transition: all 0.5s ease;}
.line2-box:hover img{ transform: scale(0.95); transition: all 0.5s ease;}
.in-pro2 .line2-box h2{font-size:14px; padding-top:0; font-weight: normal;}
.ppp2{ left:260px;}
.ppp3{left:520px;}
h2.pro5-h2{ margin-right:60px;}
h2.pro6-h2{ margin-right:60px;}


.line1-box{width:275px; height:375px;  text-align: center; position: relative; float:left; margin-left:1px;}
.line1-box img{width:100%; transition: all 0.5s ease;}
.line1-box h2 { font-size: 18px; position: absolute; z-index: 100; width:100%; bottom:10px;transition: all 0.5s ease;}
.line1-box a{color:#313131; width:100%; height:100%;background:#dadada; display: block;transition: all 0.5s ease;}
.line1-box  a:hover{color:white;background:#e4bd9e;transition: all 0.5s ease;}
.line1-box  a:hover img{ transform: scale(0.9);transition: all 0.5s ease;}
.line1-box  a:hover h2{font-size:14px;transition: all 0.5s ease;}
.line1-t img{ float:left; margin-right:20px;}
.line2-ic-box p{ margin-left:0; text-align: center; font-size: 14px; font-weight: normal;}
.news{width:100%; height:auto; background:#efefef; padding-bottom:60px;margin-top:60px;}
.news-c h2{ text-align: center; padding-top:40px;}
.news-c p{ text-align: center; padding-bottom:60px;}
.news-box{margin-top:20px;}
.news-box img{width:100%;}
.news-box h2{ font-size: 16px; padding-top:0; text-align: left; font-weight: 600;}
.news-box p{ font-size: 14px; text-align: left; color:#898989; padding-bottom:0;}

.line2-ic-box{width:120px; height:120px; float:left; margin-left:60px; }
.line2-ic-box img{width:100%;border-radius:100%;}


.foot{background:#31312f; width:100%; padding-top:30px; }
.foot li{color:#d8d8d8; line-height:2em;}
.foot li.li-big{font-size:18px; font-weight: 600;}
.foot li i{margin-right:4px;}
.foot-bottom{width:100%; background:black; padding-top:10px; padding-bottom:10px; color:#8e8e8e; margin-top:20px; }
.banner-text2 {font-size:24px;color:white; float:left; font-weight:bolder; text-align: right; margin-top:19%; width:36%; }
.banner-text2 p{font-size: 18px; font-weight: 100; margin-bottom:60px;}
a.btn-primary{font-size: 20px; font-weight: 600; padding:10px 30px; border-radius: 8px; }
a.btn-primary:hover{background:#d09162;}
.banner-text2-2 {font-size:18px;color:white; font-weight:bolder; text-align: left; margin-top:19%; width:36%; float:right; }
.banner-text2-2 p{font-size: 18px; font-weight: 100; margin-bottom:60px;}
.banner-text2-m{display:none;}

.top-head-pc{height:30px; line-height:30px; background:#1a3866; color:white;}
.top-head-pc ul li{float:left;height:30px; line-height:30px; margin-left:20px;}
.top-head-pc ul li:first-child{margin-left:0;}
.top-head-pc ul li.f-right{float: right;}
.top-head-pc ul li span{margin-left:10px; margin-right:10px; font-size: 10px;}
.top-head-pc ul li a{color:white;}
.top-head-icon a{color:white;}
.pro-tab img{width:100%;}
.tab-txt h2{margin-top:0px;}
.pro-banner-en-bg{background:url(../images/pro-banner1-en.jpg) center center no-repeat;    background-size: cover;}
.pro-box h2{ font-size: 16px; padding-left:8px; padding-right:8px;}
.pro-box{margin-top:30px;}
.en-shop-banner{background:url(../images/shop-art-banner-en.jpg) center center no-repeat;}
.sev-txt h2{width:300px;}
.sev-ps .btn-video{margin-top:120px;}
.sev-ps4,.sev-ps5,.sev-ps6,.sev-ps7{height:370px;}
.about-list li{width:auto; }
a:hover{text-decoration:none;}
.about-list li a{padding:0 20px;}
.about-list li:first-child{margin-left:0px;}
.swiper-slide{opacity:1;}
.ry{width:100%;}
.sev-ps6 {
    background: url(../images/sev-ps6.jpg) 0 0 no-repeat;
    
    background-size: contain;
}
.slide3 a{display: block; width:100%; height:100%;}
.news-ps{height:255px;}
.msg-bt{width:400px; margin:40px auto 80px;}
#message{width:90%;height:180px}
@media only screen and (min-width: 1800px) {
    .banner-text2,.banner-text2-2 { margin-top:13%; width:39%;  }
}
@media only screen and (min-width: 1200px) {
    .phone-menu{display: none;}
	.l2-left{ width:50%; float:left; height:556px; position: relative;}
	.l2-right{width:50%; float:right; height:556px;position: relative;}
}

@media screen and (max-width: 480px){
	.phone-menu{height:81px; position: relative; z-index: 999; padding-top:1px;}
	.mb-logo{height:70%; float:left; margin-top:8px; margin-left:8px;}
	.mb-logo img{ height:100%;}
	.top-head{width:100%;  line-height:20px; padding-top:1px; padding-bottom:6px; border-bottom:1px solid #e5e5e5; position: relative; z-index: 9999;}
	.top-head ul{width:94%; margin-left:3%;}
	.top-head li{float:left;}
	.top-head li.f-right{float:right;}
	.clear{clear:both;}
	.top-head li span{font-size: 6px; margin-right:8px; margin-left:8px;}
	.top-head-icon{display: none;}
	.pc-menu{display: none;}
	.swiper-container{overflow: hidden;}
	.pagination{margin:0;}
	.pr-t:before{width:92%;}
	.profile{margin-top:50px;}
	.a-bt:after{width:20px; overflow: hidden;}
	.company-img img{ width:100%; margin-top:30px;}
	.in-pro h2 span{font-size: 14px;}
	.in-pro h2{font-size: 28px;}
	.in-pro{background: url(../images/index-5-m.jpg) 0 center no-repeat; background-size:100%; height:900px;}
     .pro-bt{bottom:50px;}
	 .inner-header{top:30px;}
	 .inner-nav{top:80px;}
	 .banner-text2,.banner-text2-2{ display: none;}
	 .swiper-container{height:500px;}
	 .banner-text2-m{display:block;}
	 .banner-text2-m {font-size:18px;color:white; font-weight:bolder; text-align: center; margin-top:60%; width:100%; }
	 .banner-text2-m p{font-size: 14px; font-weight: 100; margin-bottom:60px;}
	 a.btn-primary{font-size: 14px; font-weight: 600; padding:10px 20px; border-radius: 8px; }
	 .slide3 {
	 	background: url(../images/banner1-m.jpg) no-repeat center center;
		background-size:100%;
	 }
	 .slide4 {
	 	background: url(../images/banner2-m.jpg) no-repeat center center;
		background-size:100%;
	 }
	 .slide5 {
	 	background: url(../images/banner3-m.jpg) no-repeat center center;
	 }
	 .inner{width:100%;}
	 .banner-text{width:96%;left:2%; right:2%; bottom:30px;}
	 .banner-text h3{font-size: 16px;font-weight: 600;}
	 .banner-text h2{font-size: 18px; color:white; line-height:1.4em;}
	 .banner-text em{color:white;}
	 .banner-text p{color:white;}
	 .banner-text .btn-primary{font-size: 16px; font-weight: 200;}
	 .top-head-pc{display: none;}
	 .pro-banner-en-bg {
    background: url(../images/pro-banner1-en-m.jpg) center center no-repeat;
	    background-size: cover;
}
.en-shop-banner {
    background: url(../images/shop-art-banner-en-m.jpg) center center no-repeat;background-size: cover;
}
.art-shop{margin-top:40px;}
.line1-t{width:96%; top:30px; left:2%;}
.line1-t img{
	float: none;
    margin: 0 auto;
    width: 80px;
    display: block;
	}
.line1-box{width:48%; position: relative; float:left; height:250px; margin-left:1%;}
.in-pro h2{font-size: 16px; text-align: center; padding-top:40px; font-weight: 600; margin:0 auto;}
.in-pro-pro{right:2%; left:2%;}
.line1-box h2{font-size: 14px; font-weight: 100;}
.in-pro2{background:#efefef; height:auto;}
.in-pro2 p{margin-left:2%; font-size: 14px; width:96%; margin-bottom:20px; font-weight: 100; padding-top:20px; padding-bottom:20px;}
.line2-ic-box {
    width: 100px;
    height: auto;
    float: left;
    margin-left: 15px;
    margin-top: 0px;
}
.in-pro2-pro{width:100%; margin-top:0px;}
.line2-box{
	width:96%; float:left; position:relative; margin-left:2%;padding:20px 0;  background:#e5e5e5; margin-top:2px;
}
.ppp2,.ppp3{left:0;}
.profile p{font-size: 14px;}
.line2-box img {
    width: 60%; margin-left:25%;background: #e5e5e5; margin-top: 2px;  
}
.line1-t p {
    font-size: 14px;
	padding-top:16px;
    font-weight: 100;
    color: #434343;
}
.message h2{ font-size: 16px; padding-left:20px; font-weight: 600;}
.msg-bt{width:200px; margin:40px auto 80px;}
#message{width:100%;height:180px}
}