@charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	font-weight:normal;
	color:#000;
	line-height:1.5;
	font-family: Montserrat;
	margin:auto
}
@font-face
{
	font-family: 思源黑体;
	src: url('../font/思源黑体 CN-Light.otf'),
	url('../font/思源黑体 CN-Light.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Roboto;
	src: url('../font/Roboto-Regular.ttf'),
	url('../font/Roboto-Regular.ttf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Source;
	src: url('../font/Source-Han-Serif-CN-Bold.ttf'),
	url('../font/Source-Han-Serif-CN-Bold.ttf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Montserrat;
	src: url('../font/Montserrat-ExtraLight.otf'),
	url('../font/Montserrat-ExtraLight.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Montserrat2;
	src: url('../font/Montserrat-Medium.otf'),
	url('../font/Montserrat-Medium.otf'); /* IE9+,可以是具体的实际链接 */
}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#000;
	text-decoration:none;
	transition: all 0.6s;
	}
a:hover{
	color:#e30613;
	text-decoration: none;
	}
table{ 
	margin: auto;
	}
i{ font-style:normal}
em{ font-style:normal}


.header.yanse a{
	color: #000;
}
.header.yanse a i{
	color: #999999;
}
.header.yanse .cur{
}
.header.yanse .cur i{
	opacity:1;
	width:100%;

}
.header.yanse .toppic01{
	display: none;
}
.header.yanse .toppic02{
	display: inline-block;
}
.header.yanse.yanse01 .toppic01{
	display: inline-block;
}
.header.yanse.yanse01 .toppic02{
	display: none;
}

 .content {
	width: 100%;
	float:left;
  }


@keyframes animateTop{
    0%{ transform: translateY(500%);opacity: 0;}
    100%{ transform: translateY(0); opacity: 1; }
}
@-moz-keyframes animatedTop {
    0%{ -moz-transform: translateY(500%);opacity: 0; }
    100%{ -moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes animatedTop {
    0%{ -webkit-transform: translateY(500%);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedTop {
    0%{ -ms-transform: translateY(500%);opacity: 0; }
    100%{ -ms-transform: translateY(0); opacity: 1;}
}

@media (min-width:1000px) {

.main{
	width: auto;
	margin:auto;
	max-width:1170px;
	padding: 0px 15px;
}
.main2{
	width: auto;
	margin:auto;
	max-width:878px;
	padding: 0px 15px;
}
.header{
	width: 100%;
	position: fixed;
	height: 60px;
	top: 0;
	left: 0;
	z-index: 996;
}
.intop{
	width:100%;
	float:left;
	height: 170px;
}
.intop2{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	height:110px;
}
.search{
	max-width:25%;
	height:48px;
	background-color:#f8f8f8;
	display: flex;
	align-items: center;
	padding:0 10px;
	border-radius:4px;
}
.inlogo{
	width:auto;
	display: flex;
}
.ssbk{
	width:auto;
	height:30px;
	line-height:30px;
	border:0px;
	outline:none;
	background-color:transparent;
	padding-left:10px;
}
.zyw{
	width:auto;
	display: flex;
	align-items: center;
}
.zyw a{
	display: flex;
	align-items: center;
}
.zyw .sx{
	width:1px;
	height:15px;
	background-color:#f5f5f5;
	margin-left:15px;
	margin-right:15px;
}
.intop3{
	width:100%;
	float:left;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.header .logo{
	height: 60px;
	display: flex;
	align-items: center;
	transition: all 0.6s;
	width: 0;
	overflow:hidden;
}
.header .logo img{
	max-width: 100%;
	max-height: 50px;
	margin-right:15px;
}

.header .innav{
	width: auto;
	height: 60px;
}
.header .innav ul{
	display: flex;
	align-items: center;
	height: 60px;
}
.header .innav ul li{
	width: auto;
	font-size: 15px;
	text-transform: uppercase;
	align-items: center;
	display: flex;
	position: relative;
	margin-left:2.0vw;
	margin-right:2.0vw;
	font-family: Montserrat;
	text-transform:uppercase;
	letter-spacing:1px;
	height: 60px;
}
.header .innav ul li i{
	width:8px;
	height: 5px;
	margin-left:10px;
	background-image:url(../img/xjt.jpg);
	background-repeat:no-repeat;
	background-position:center;
	transition: all 0.6s;
}
.header .innav ul li:hover i{
	-webkit-transform: rotate(180deg);
}
.header .innav ul li a:hover{
	color: #e30613;
	font-weight:bold;
}
.header .innav ul li .cur{
	color: #e30613;
}
.header .innav ul li:last-child a{
	margin-right: 0px;
}

.header.yanse{
	background-color: #fff;
	top:0;
	box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.05); 
}
.header.yanse .logo{
	width: 34px;
}
.header.yanse.yanse01{
	background-color: rgba(0,0,0,0);
	top:110px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10); 
}
.header.yanse.yanse01 .logo{
	width: 0;
	overflow:hidden;
}
.header .innav ul li .xiala{
	width:260px;
	position:absolute;
	top:60px;
	left:-50px;
	z-index:222;
	background-color:#ececec;
	border-radius:25px;
	padding:25px;
	padding-top:10px;
	opacity:0;
	visibility:hidden;
	transition: all 0.6s;
}
.header .innav ul li .xiala dl dd{
	border-bottom:1px solid #FFF;
	line-height:45px;
}
.header .innav ul li:hover .xiala{
	opacity:1;
	visibility:visible;
}

.header .innav ul li .xiala2{
	width:460px;
	position:absolute;
	top:60px;
	left:-50px;
	z-index:222;
	background-color:#fff;
	border-radius:35px;
	padding:25px;
	opacity:0;
	visibility:hidden;
	transition: all 0.6s;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	box-shadow: 0px 4px 33px 0px rgba(0,0,0,0.05); 
}
.header .innav ul li .xiala2 dl{
	width:50%;
}
.header .innav ul li .xiala2 dl dt{
	display: flex;
}
.header .innav ul li .xiala2 dl dt img{
	max-width:80%;
}
.header .innav ul li .xiala2 dl dd{
	align-items: center;
	display: flex;
	margin-top:20px;
}
.header .innav ul li .xiala2 dl dd em{
	width:3px;
	height:20px;
	background-color:#e30613;
	margin-right:15px;
}
.header .innav ul li:hover .xiala2{
	opacity:1;
	visibility:visible;
}
.intit{
	width:100%;
	float:left;
	margin-top:45px;
}
.intit dl dt{
	overflow:hidden;
	text-align:center;
}
.intit dl dd{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size:16px;
	line-height:24px;
	margin-top:30px;
	text-align:center;
}
.intit dl dd div{
	width:65%;
}

.cpfl{
	width:100%;
	float:left;
	margin-top:50px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.cpfl dl{
	max-width:25%;
	margin-left:25px;
	margin-right:25px;
}
.cpfl dl dt{
	display: flex;
}
.cpfl dl dt img{
	max-width:95%;
}
.cpfl dl dd{
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top:20px;
	font-family: Montserrat2;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
}
.cpfl dl dd em{
	width:4px;
	height:20px;
	background-color:#e30613;
	margin-right:15px;
}

.index01{
	width:100%;
	float:left;
	margin-top:50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index01 .tex{
	width:20.5%;
	font-size:16px;
	line-height:30px;
}
.index01 .tex.w100{
	width:100%;
}
.index01 .tex h1{
	font-size:30px;
	text-transform:uppercase;
	display: flex;
	font-family: Montserrat2;
	border-left:5px solid #e30613;
	padding-left:20px;
}
.index01 .pic{
	width:72.9%;
	overflow:hidden;
	display:flex;
}
.index01 .pic img{
	width:100%;
	height:auto;
}
.index01 .pic2{
	width:76%;
	overflow:hidden;
	display:flex;
	justify-content: space-between;
}
.index01 .pic2 .pic01{
	width:32%;
}
.index01 .pic2 .pic02{
	width:63%;
}
.index01 .pic2 img{
	width:100%;
}
.index01 .tex2{
	width:76%;
	font-size:16px;
	line-height:30px;
}
.index01 .tex2 .a1{
	display:flex;
}
.index01 .tex2 .a1 div:first-child{
	margin-right:20px;
}
.index02{
	width:100%;
	float:left;
	margin-top:50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}
.index02 .pic{
	width:73%;
}
.index02 .pic ul{
	display: flex;
	flex-wrap: wrap;
}
.index02 .pic ul li{
	width:calc(34.1% - 20px);
	margin-right:20px;
	overflow:hidden;
}
.index02 .pic ul li:nth-child(3n){
	margin-right:0px;
}
.index02 .pic ul li img{
	width:100%;
	height:auto;
	display:block;
}
.index02 .tex{
	width:20%;
	text-align:right;
}
.index02 .tex h1{
	font-size:30px;
	text-transform:uppercase;
	display: flex;
	font-family: Montserrat2;
	border-right:5px solid #e30613;
	padding-right:20px;
}
.index03{
	width:100%;
	float:left;
	height:70px;
	background-color:#e30613;
	margin-top:100px;
}
.index03-1{
	width:100%;
	float:left;
	height:70px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position:relative;
}
.index03-1 .pic{
	width:18%;
	position:absolute;
	bottom:0;
	right:24%;
	z-index:11;
	display:flex;
}
.index03-1 .pic img{
	max-width:100%;
}
.index03-1 .a01{
	width:auto;
	display: flex;
	align-items: center;
	font-size:30px;
	color:#FFF;
	font-family: Montserrat;
	text-transform:uppercase;
}
.index03-1 .a01 i{
	width:5px;
	height:40px;
	background-color:#FFF;
	margin-right:15px;
}

.index03-1 .a02{
	width:auto;
	display: flex;
	align-items: center;
	font-size:20px;
	line-height:22px;
	color:#FFF;
	font-family: Montserrat2;
	text-transform:uppercase;
}
.index03-1 .a02 i{
	width:5px;
	height:40px;
	background-color:#FFF;
	margin-right:15px;
}

.index04{
	width:100%;
	float:left;
}
.index04 ul{
	display: flex;
	flex-wrap: wrap;
}
.index04 ul li{
	width:14.2857%;
	height:195px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
.index05{
	width:100%;
	float:left;
	margin-top:100px;
	font-size:16px;
	line-height:30px;
}
.index05 h1{
	margin-bottom:10px;
	font-size:30px;
	text-transform:uppercase;
	display: flex;
	align-items: center;
	font-family: Montserrat2;
}
.index05 h1 i{
	width:6px;
	height:30px;
	background-color:#e30613;
	margin-right:15px;
}

.foot{
	width:100%;
	float:left;
	background-color:#4c4d54;
	margin-top:100px;
	padding:80px 0;
}
.foot01{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inad{
	width:auto;
	max-width:30%;
	font-size:16px;
	line-height:30px;
	color:#FFF;
}
.inad h1{
	font-size:20px;
}
.dbnav{
	width:auto;
	max-width:30%;
}
.dbnav ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.dbnav ul li{
	width:50%;
	font-size:18px;
	color:#FFF;
	line-height:50px;
	border-bottom:1px solid #FFF;
}
.dbnav ul li a{
	color:#FFF;
}
.foot-r{
	width:auto;
	max-width:30%;
	color:#FFF;
	min-width:30%;
}
.foot-r h1{
	font-size:20px;
	text-transform:uppercase;
	display: flex;
	align-items: center;
	font-family: Montserrat2;
}
.foot-r h1 i{
	width:6px;
	height:30px;
	background-color:#e30613;
	margin-right:15px;
}
.foot-r ul{
	display: flex;
	flex-wrap: wrap;
	margin-top:50px;
}
.foot-r ul li{
	width:25%;
	height:95px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	display:flex;
}
.foot-r ul li a{
width:100%;
height:100%;
}

.foot02{
	width:100%;
	float:left;
	margin-top:50px;
	text-align:center;
	color:#FFF;
	font-size:15px;
	line-height:26px;
}
.nywz{
	width:100%;
	height:105px;
	float:left;
	background:#4c4d54 url(../img/PIGINI_disegno-header.png) no-repeat right;
	font-size:14px;
	color:#FFF;
}
.nywz a{
	color:#FFF;
}
.nywz01{
	width:100%;
	float:left;
	height:105px;
	display:flex;
	align-items: flex-end;
}
.nywz01 div{
	margin-bottom:15px;
	letter-spacing:0.5px;
}
.nywz01 div i{
	margin-left:10px;
	margin-right:10px;
}

.nytit{
	width:100%;
	float:left;
	margin-top:80px;
}
.nytit dl dt{
	font-size:30px;
	text-transform:uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Montserrat2;
}
.nytit dl dt i{
	width:6px;
	height:30px;
	background-color:#e30613;
	margin-right:15px;
}
.nytit dl dd{
	text-align:center;
	font-size:16px;
	margin-top:20px;
}
.team{
	width:100%;
	float:left;
	margin-top:60px;
}
.team ul{
	display: flex;
	flex-wrap: wrap;
}
.team ul li{
	width:calc(33.9% - 20px);
	margin-right:20px;
	overflow:hidden;
}
.team ul li:nth-child(3n){
	margin-right:0px;
}
.team ul li .pic{
	overflow:hidden;
}
.team ul li .pic img{
	width:100%;
	height:auto;
	display:block;
}
.team ul li dl dt{
	font-size:30px;
	text-transform:uppercase;
	font-family: Montserrat2;
	margin-top:10px;
}
.team ul li dl dd{
	font-size:16px;
	color:#e30613;
	line-height:24px;
	letter-spacing:1px;
}

.story{
	width:100%;
	float:left;
	margin-top:80px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.story .tex{
	width:63.66%;
	font-size:16px;
	line-height:30px;
}
.story .tex h1{
	font-size:30px;
	text-transform:uppercase;
	display: flex;
	font-family: Montserrat2;
	border-left:5px solid #e30613;
	padding-left:20px;
}
.story .tex .a1{
	display:flex;
}
.story .tex .a1 div:first-child{
	margin-right:20px;
}
.story .pic{
	width:32.4786%;
	overflow:hidden;
	display:flex;
}
.story .pic img{
	width:100%;
	height:auto;
}
.story2{
	width:100%;
	float:left;
	margin-top:80px;
}
.story2 img{
	width:100%;
	height:auto;
}
.protj{
	width:100%;
	float:left;
	margin-top:60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.protj .pic{
	width:24%;
	overflow:hidden;
}
.protj .pic img{
	width:100%;
	height:auto;
}
.protj .tex{
	width:70%;
	font-size:16px;
	line-height:30px;
}
.procon{
	width:100%;
	float:left;
	margin-top:60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.procon-l{
	width:24%;
}
.procon-l h1{
	font-size:16px;
	color:#e30613;
	font-family: Montserrat2;
}
.subNavBox{
	width:100%;
	float:left;
}
.subNavBox h2{
	font-size:16px;
	font-family: Montserrat2;
	margin-top:30px;
	margin-bottom:10px;
	line-height:30px;
} 
.subNav{
	width:100%; 
	float:left; 
	DISPLAY: block;  
	CURSOR: pointer;
	padding:10px;
	text-align:left; 
	border:1px solid #DFDFDF;
	font-size:16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-transform:uppercase;
	margin-top:10px;
}
.subNav div{
	display: flex;
	align-items: center;
	font-size:14px;
}
.subNav div img{
	max-height:25px;
	margin-right:10px;
}
.subNav i{
	width:8px;
	height:5px;
	background:url(../img/xjt.jpg) no-repeat center / contain;
}
.subNav:hover{float:left; }
.currentDd{
	border-bottom:0px;
}
.currentDd i{
	background:url(../img/xjt.jpg) no-repeat center / contain;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.navContent{
	display: none;
	float:left; 
	width:100%; 
	padding:10px;
	padding-top:0px;
	line-height:30px; 
	font-size:16px;
	border:1px solid #DFDFDF;
	border-top:0px;
}
.navContent dl dd{
	display: flex;
	align-items: center;
}
.navContent dl dd input{
	margin-right:10px;
}

.procon-r{
	width:72.6%;
}
.prolist{
	width:100%;
	float:left;
}
.prolist ul{
	display: flex;
	flex-wrap: wrap;
}
.prolist ul li{
	width:calc(34.2% - 30px);
	margin-right:30px;
	margin-bottom:40px;
}
.prolist ul li:nth-child(3n){
	margin-right:0px;
}
.prolist ul li dl dt{
	overflow:hidden;
	display:flex;
}
.prolist ul li dl dt img{
	width:100%;
	height:auto;
	display:block;
	transition: all 0.6s;
}
.prolist ul li:hover dl dt img{
	transform: scale(1.05);
}
.prolist ul li dl dd{
	display: flex;
	align-items: center;
	font-size:14px;
}
.prolist ul li dl dd img{
	max-height:25px;
	margin-right:10px;
}

.showcon{
	width:100%;
	float:left;
	margin-top:30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.showcon-l{
	width:27%;
	background-color:#ddd;
	border-radius:30px;
}
.showcon-l .pic{
	width:100%;
	margin-top:30px;
	display: flex;
	justify-content:center;
}
.showcon-l .pic img{
	max-width:100%;
	min-width:260px !important;
	margin-left:-20px;
}
.showcon-l .tex01{
	width:100%;
	padding:30px 40px 30px 40px;
}
.showcon-l .tex01 h1{
	border-left:4px solid #e30613;
	padding-left:20px;
	font-family: Montserrat2;
	font-size:18px;
	margin-bottom:30px;
}
.showcon-l .tex01 dl dd{
	padding:5px 0;
	font-size:14px;
	line-height:24px;
	border-bottom:1px solid #333;
}
.showcon-l .tit{
	border-left:6px solid #e30613;
	padding-left:20px;
	font-family: Montserrat2;
	font-size:16px;
	margin-top:80px;
	margin-bottom:80px;
	width:100%;
}
.showcon-l .tit2{
	padding:0 40px 40px 40px!important
}
.showcon-l .tit2 div{
	border-left:6px solid #e30613;
	font-size:16px;
	font-family: Montserrat2;
	padding-left:20px;
}
.showcon-r{
	width:65%;
}
.dqdw{
	width:100%;
	float:left;
	font-size:14px;
	font-family: Montserrat2;
}
.dqdw i{
	color:#e30613;
	margin-left:5px;
	margin-right:5px;
}
.dqdw em{
	color:#e30613;
}
.bigpic{
	width:100%;
	float:left;
	text-align:center;
	margin-top:30px;
}
.bigpic img{
	max-width:100%;
	height:auto;
}
.protit{
	width:100%;
	float:left;
	display: flex;
	align-items: center;
	color:#6F6F6E;
	font-size:36px;
}
.protit img{
	max-height:40px;
	margin-right:15px;
}
.proshow{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:50px;
}
.proshow-l{
	width:50%;
	padding-right:7%;
	font-size:16px;
	line-height:30px;
}
.proshow-l ul{
	display:flex;
	flex-wrap: wrap;
	margin-top:100px;
}
.proshow-l ul li{
	width:100%;
	display: flex;
	align-items: center;
	margin-top:15px;
	position:relative;
}
.proshow-l ul li img{
	max-height:40px;
	margin-right:10px;
}
.proshow-l ul li .a01{
	width: auto;
	position:absolute;
	padding:6px 10px;
	background-color:#000;
	border-radius:4px;
	color:#FFF;
	opacity:0;
	top:40px;
	left:0;
	z-index:1;
}
.proshow-l ul li:hover .a01{
	opacity:1;
}
.proshow-r{
	width:50%;
	padding-left:7%;
	border-left:4px solid #DFDFDF;
}
.proshow-r01{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.proshow-r01 dl{
	width:50%;
}
.proshow-r01 dl dt{
	font-size:14px;
	font-family: Montserrat2;
}
.proshow-r01 dl dd{
	display: flex;
	align-items: center;
	margin-top:15px;
	position:relative;
}
.proshow-r01 dl dd img{
	max-height:40px;
	margin-right:10px;
}
.proshow-r01 dl dd .a01{
	width: auto;
	position:absolute;
	padding:6px 10px;
	background-color:#000;
	border-radius:4px;
	color:#FFF;
	opacity:0;
	top:40px;
	left:0;
	z-index:1;
	font-size:16px;
}
.proshow-r01 dl dd:hover .a01{
	opacity:1;
}
.proshow-r02{
	border-left:6px solid #e30613;
	padding-left:20px;
	font-family: Montserrat2;
	font-size:16px;
	margin-top:50px;
	width:100%;
	float:left;
}
.map{
	width:100%;
	float:left;
}
.map img{
	width:100%;
	height:auto;
	display:block;
}
.dlm{
	width:100%;
	float:left;
	margin-top:40px;
	font-size:30px;
	line-height:36px;
}
.dislist{
	width:100%;
	float:left;
}
.dislist ul{
	display: flex;
	flex-wrap: wrap;
}
.dislist ul li{
	width:calc(34.2% - 30px);
	margin-top:40px;
	margin-right:30px;
	background-color:#ECECEC;
}
.dislist ul li:nth-child(3n){
	margin-right:0px;
}
.dislist ul li .pic{
	overflow:hidden;
}
.dislist ul li .pic img{
	width:100%;
	height:auto;
	display:block;
}
.dislist ul li .tex{
	padding:15px;
}
.dislist ul li .tex dl dt{
	font-family: Montserrat2;
	font-size:14px;
}
.dislist ul li .tex dl dd{
	font-size:13px;
	color:#666;
	margin-top:10px;
}
.dislist ul li .sm{
	border-top:1px solid #bababa;
	padding:15px 0;
	text-align:center;
	color:#e30613 !important;
	margin-top:20px;
}
.fotolist{
	width:100%;
	float:left;
	margin-top:50px;
}
.fotolist ul{
	display: flex;
	flex-wrap: wrap;
	width:calc(33.6% - 10px);
	float:left;
	margin-right:10px;
}
.fotolist ul li{
	width:100%;
	margin-top:10px;
	position:relative;
	display:flex;
}
.fotolist ul li a{
	width:100%;
	display:flex;
}
.fotolist ul:nth-child(3n){
	margin-right:0px;
}
.fotolist ul li img{
	width:100%;
	height:auto;
	display:block;
}
.fotolist ul li .tex{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	transition: all 0.6s;
	background-color:rgba(0,0,0,0.60);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	opacity:0;
}
.fotolist ul li:hover .tex{
	opacity:1;
}
.fy{
	width:100%;
	float:left;
	margin-top:60px;
}
.fy ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.fy ul li{
	width: auto;
	display:flex;
	margin-left:5px;
	margin-right:5px;
	transition: all 0.6s;
	margin-top:10px
}
.fy ul li a{
	padding:8px 10px;
	text-align:center;
	font-size:14px;
	background: #ececec;
	transition: all 0.6s;
	border-radius:5px;
}
.fy ul li a b{
	font-family:'宋体';
}
.fy ul li a:hover{
	background: #e30613;
	color:#FFF;
}
.fy ul li .cur{
	background: #e30613;
	color:#FFF;
}
.showtit{
	width:100%;
	float:left;
	margin-top:20px;
	font-size:40px;
	font-family: Montserrat2;
	text-transform:uppercase;
}
.showdate{
	width:100%;
	float:left;
	margin-top:15px;
	color:#666;
	font-size:16px;
}
.vidlist{
	width:100%;
	float:left;
	margin-top:30px;
}
.vidlist ul{
	display: flex;
	flex-wrap: wrap;
}
.vidlist ul li{
	width:calc(33.6% - 10px);
	margin-top:10px;
	margin-right:10px;
	position:relative;
	display:flex;
}
.vidlist ul li a{
	width:100%;
	display:flex;
}
.vidlist ul li:nth-child(3n){
	margin-right:0px;
}
.vidlist ul li img{
	width:100%;
	height:auto;
	display:block;
}
.vidlist ul li .tex{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	transition: all 0.6s;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	opacity:1;
}
.vidlist ul li:hover .tex{
	opacity:1;
	background-color:rgba(0,0,0,0.60);
}
.vidlist ul li .tex i{
	padding:0px 20px;
	background-color:rgba(0,0,0,0.60);
	font-size:30px;
	border-radius:10px;
}
.vidlist ul li .tex2{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	transition: all 0.6s;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	opacity:0;
}
.vidlist ul li:hover .tex2{
	opacity:1;
	background-color:rgba(0,0,0,0.60);
}

.newtex{
	width:100%;
	float:left;
	margin-top:40px;
	font-size:16px;
	line-height:30px;
}

.contact{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contact-l{
	width:70%;
}

.contact-r{
	width:30%;
	padding-left:60px;
	margin-top:50px;
}

.vidlist2{
	width:100%;
	float:left;
	margin-top:30px;
}
.vidlist2 ul{
	display: flex;
	flex-wrap: wrap;
}
.vidlist2 ul li{
	width:calc(33.6% - 10px);
	margin-top:30px;
	margin-right:10px;
	position:relative;
	display:flex;
}
.vidlist2 ul li:nth-child(3n){
	margin-right:0px;
}
.vidlist2 ul li .pic{
	overflow:hidden;
}
.vidlist2 ul li .pic img{
	width:100%;
	height:auto;
	display:block;
}
.vidlist2 ul li .tex{
	padding:10px 0;
}
.vidlist2 ul li .tex dl dt{
	color:#999;
	font-size:12px;
	line-height:24px;
}
.vidlist2 ul li .tex dl dd{
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	margin-top:10px;
}


.photo{
	width:100%;
	float:left;
	margin-top:30px;
	display: flex;
	
 column-count: 3;
  column-gap: 0;

}
.photo a{
	width:calc(33.6% - 10px);
	margin-top:10px;
	margin-right:10px;
	margin-bottom: 15px; position: absolute; left: 0%; top: 0px; opacity: 1;
	height:auto;
}
.photo a:nth-child(2n){
	left: 33.3333%; 
}

.photo a:nth-child(3n){
	
	left:  66.6667%; 
}
.photo a img{
	width:100%;
	height:auto;
	display:block;
}

.content
{
	width: 100%;
	height: 100%;
	margin: 10px auto;
}

.zxly{
	width:100%;
	float:left;
	background-color:#FFF;
	
	font-size:16px;
	line-height:21px;
	color:#666;
	padding:0px;
	padding-bottom:50px;
}
.zxly h1{
	font-size:36px;
	line-height:48px;
	margin-bottom:20px;
	color:#333;
}
.zxly ul{
	margin-top:10px;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.zxly ul li{
	width:32%;
	margin-top:30px;
}
.zxly ul li:nth-child(4){
	width:100%;
}
.zxly ul li:last-child{
	width:100%;
	margin-top:28px;
	float:right;
	text-align:right;
	display: flex; 
	justify-content:flex-end;
	
}

.zxly ul li:last-child a{
	font-size:18px;
	text-transform:uppercase;
	display: flex;
	align-items: center;
	font-family: Montserrat2;

	color:#e30613;
	font-weight:bold;
	padding:10px 20px;
	
}
.zxly ul li:last-child i{
	margin-left:10px;
}
.zxly ul li:last-child a:hover{

	color:#fff;
	background:#e30613

	
}
.bk2{
	width:100%;
	line-height:66px;
	background: #f2f2f2;
	padding:0 28px;
	border:0px;
	outline:none;
	font-size:14px;
	font-family:'微软雅黑';
	color:#828282;
}
.anniu2{
	width: 207px;
	height: 75px;
	background: #004e92;
	border:0px;
	border-left: 4px solid #e98a36;
	line-height:75px;
	cursor:pointer;
	color:#FFF;
	font-size:16px;
}
.error-input{ border-bottom:1px solid #F00;}

.tanchu{
	display:none; 
	left:0px;
	top: 0;
	width:100%;
	height: 100%;
	z-index:996;
	position: fixed;
	background-color: rgba(0,0,0,0.6);
	padding-top: 4vh;
}
.tcxs{ display: block; }
.spnr{ width:70%; margin-left:15%; margin-right:15%; position:relative;}
.close2{ width:100%; float:left;margin-bottom:10px;}
.close2 a{
float:right;
width: 32px;
height: 32px;
background-image: url(../img/Close.png);
background-position: center;
background-repeat: no-repeat;
}

.mart100{
	margin-top:100px;
}
.mart80{
	margin-top:80px;
}
.mart0{
	margin-top:0px;
}
.mart20{
	margin-top:10px;
}
.red{
	color:#e30613;
	font-family: Montserrat2;
	font-size:20px;
}
.pc{
	display: block;
}
.moblie{
	display: none;
}
.header2{
	display: none;
}

.fixedIcon{ position: fixed; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%); padding:5px; display:none;}
.fixedIcon .close{ width: 40px; height: 40px; position: absolute; left: 50%; bottom: 0; cursor: pointer; border: 2px solid #fff; border-radius:50%; text-align: center; font-size: 22px; color: #fff; transform: translate(-50%,140%);}
.fixedIcon img{ display: block; max-height:70vh; max-width: 100%; max-width: 100%; height: auto;}
.zz{ background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100vh; display: none;}



/* 方式2 关闭在上面*/

.fixedIcon{ position: fixed; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%); padding:5px; display:none;}
.fixedIcon .close{ width: 40px; height: 40px; position: absolute; right: -30px; top: -100px; cursor: pointer; border: 2px solid #fff; border-radius:50%; text-align: center; font-size: 22px; color: #fff; transform: translate(-50%,140%);}
.fixedIcon img{ display: block; max-height:70vh; max-width: 100%; height: auto;}
.zz{ background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100vh; display: none;}


	
}

@media (min-width:1000px) and  (max-width:1360px){

.header .innav ul li{
	margin-left:2.0vw;
	margin-right:2.0vw;
	font-size: 12px;
}














}




@media (max-width:999px) {

.pc{
	display: none;
}
.moblie{
	width: 100%;
	float: left;
	margin-top: 1.0rem;
}
.header{
	display: none;
}
.intop{
	display:none;
}
.header2{ 
	width:100%; 
	float:left; 
	height:4rem; 
	line-height:4rem;
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 996;
	box-shadow: 0px 4px 23px 0px rgba(0,0,0,0.10); 
}
.logo{ 
	width:100%; 
	float:left; 
	height:4rem; 
	text-align:center;
}
.logo span{ 
	height:100%; 
	display:inline-block; 
	vertical-align:middle;
}
.logo img{ 
	max-width:70%; 
	max-height:3rem; 
	vertical-align:middle; 
}
.nav2{ 
	width:60%; 
	float:right; 
	line-height:110px; 
	height:110px; 
	text-align:right;
}
.nav2 a{ 
	width: auto; 
	font-size:16px; 
	margin-right:5%;
}
.nav-bar2 { 
	width:4rem; 
	height:4rem; 
	position:absolute; 
	z-index:11; 
	left:0%; 
	top:0; 
	text-align:center;
}
.nav-bar2 img{ 
	max-width:40%; 
	max-height:1.5rem; 
	vertical-align:middle;
}
.nav-bar2 span{ 
	display:inline-block; 
	height:100%; 
	vertical-align:middle;
}
.nav-bg { 
	width:0px; 
	height: auto; 
	overflow:hidden; 
	position: absolute; 
	right:0px; 
	top:0; 
	z-index:998;
}
.v_close { 
	display:block; 
	position: absolute; 
	top: 3%; 
	left:5%; 
	z-index:102;  
	width: 15px; 
	height: 15px; 
	background:url(../img/close.png) no-repeat; 
	background-size:100% 100%; 
	display:none;
}
.nav { 
	margin:0 0 0 0;
}
.subNavBox3{
	width:65%;
	float:right; 
	background:#fff;  
	padding-bottom:4rem;
}
.subNavBox3 h1{ 
	text-align:center; 
	height:5rem; 
	background:#ffffff;
}
.subNavBox3 h1 span{ 
	height:100%; 
	display:inline-block; 
	vertical-align:middle;
}
.subNavBox3 h1 img{ 
	max-width:80%; 
	max-height:3rem; 
	vertical-align:middle;
} 
.subNav3{
	width:100%; 
	float:left; 
	HEIGHT:3.0rem;
	DISPLAY: block;  
	CURSOR: pointer; 
	padding-left:5%;
	text-align:left; 
	border-bottom:1px solid #e0e0e0; 
	line-height:3.0rem; 
	font-size:1.0rem;
}
.subNav3 i{ 
	padding:0.3rem; 
	background:url(../img/xjt2.png) no-repeat center / contain; 
	margin-right:1rem; 
	float:right; 
	margin-top:1.2rem;
}
.subNav3:hover{float:left; }
.currentDd3{background: #e30613; color: #FFF;}
.currentDd3 a{
	color: #FFF;
}
.currentDd3 i{
	background:url(../img/xjt2.png) no-repeat center / contain;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.navContent3{
	display: none;
	float:left; 
	width:90%; 
	padding:0.5rem 5% 1rem 5%; 
	line-height:2.0rem; 
	font-size:0.9rem; 
	padding-bottom:0px;
}
.navContent3 h2{
	font-size:0.8rem;
}

.main{ 
	width:90%; 
	float:left; 
	margin-left:5%; 
	margin-right:5%;
}
.main2{ 
	width:90%; 
	float:left; 
	margin-left:5%; 
	margin-right:5%;
}
.intit{
	width:100%;
	float:left;
	margin-top:2.0rem;
}
.intit dl dt{
	overflow:hidden;
	text-align:center;
}
.intit dl dt img{
	max-width:80%;
}
.intit dl dd{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size:0.8rem;
	line-height:1.5rem;
	margin-top:1.0rem;
	text-align:center;
}
.intit dl dd div{
	width:100%;
}

.cpfl{
	width:100%;
	float:left;
	margin-top:2.0rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.cpfl dl{
	max-width:45%;
	margin-left:0.5rem;
	margin-right:0.5rem;
}
.cpfl dl dt{
	display: flex;
}
.cpfl dl dt img{
	max-width:95%;
}
.cpfl dl dd{
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top:1.0rem;
	font-family: Montserrat2;
	font-weight:bold;
	font-size:0.8rem;
	text-transform:uppercase;
}
.cpfl dl dd em{
	width:4px;
	height:1.0rem;
	background-color:#e30613;
	margin-right:15px;
}

.index01{
	width:100%;
	float:left;
	margin-top:2.0rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index01 .tex{
	width:100%;
	font-size:0.8rem;
	line-height:1.5rem;
}
.index01 .tex.w100{
	width:100%;
}
.index01 .tex h1{
	font-size:1.2rem;
	text-transform:uppercase;
	display: flex;
	font-family: Montserrat2;
	border-left:5px solid #e30613;
	padding-left:1.0rem;
}
.index01 .pic{
	width:100%;
	overflow:hidden;
	display:flex;
	margin-top:2.0rem;
}
.index01 .pic img{
	width:100%;
	height:auto;
}
.index01 .pic2{
	width:100%;
	overflow:hidden;
	display:flex;
	justify-content: space-between;
	margin-top:2.0rem;
}
.index01 .pic2 .pic01{
	width:34%;
}
.index01 .pic2 .pic02{
	width:63%;
}
.index01 .pic2 img{
	width:100%;
}
.index01 .tex2{
	width:100%;
	font-size:0.8rem;
	line-height:1.5rem;
	margin-top:2.0rem;
}
.index01 .tex2 .a1{
	display:flex;
}
.index01 .tex2 .a1 img{
	max-height:2.0rem;
}
.index01 .tex2 .a1 div:first-child{
	margin-right:1.0rem;
}
.index02{
	width:100%;
	float:left;
	margin-top:1.0rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}
.index02 .pic{
	width:100%;
}
.index02 .pic ul{
	display: flex;
	flex-wrap: wrap;
}
.index02 .pic ul li{
	width:calc(33.6% - 0.2rem);
	margin-right:0.2rem;
	overflow:hidden;
}
.index02 .pic ul li:nth-child(3n){
	margin-right:0px;
}
.index02 .pic ul li img{
	width:100%;
	height:auto;
	display:block;
}
.index02 .tex{
	width:100%;
	text-align:right;
	margin-top:2.0rem;
}
.index02 .tex h1{
	font-size:1.2rem;
	text-transform:uppercase;
	display: flex;
	justify-content: flex-end;
	font-family: Montserrat2;
	border-right:5px solid #e30613;
	padding-right:1.0rem;
}
.index03{
	width:100%;
	float:left;
	height:3.0rem;
	background-color:#e30613;
	margin-top:3.0rem;
}
.index03-1{
	width:100%;
	float:left;
	height:3.0rem;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	position:relative;
}
.index03-1 .pic{
	width:38%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:11;
	display:flex;
}
.index03-1 .pic img{
	max-width:100%;
}
.index03-1 .a01{
	width:auto;
	display: none;
	align-items: center;
	font-size:1.0rem;
	color:#FFF;
	font-family: Montserrat;
	text-transform:uppercase;
}
.index03-1 .a01 i{
	width:5px;
	height:1.0rem;
	background-color:#FFF;
	margin-right:0.5rem;
}

.index03-1 .a02{
	width:50%;
	display: flex;
	align-items: center;
	font-size:0.8rem;
	line-height:1.2rem;
	color:#FFF;
	font-family: Montserrat2;
	text-transform:uppercase;
}
.index03-1 .a02 i{
	width:5px;
	height:3.0rem;
	background-color:#FFF;
	margin-right:0.5rem;
}

.index04{
	width:100%;
	float:left;
}
.index04 ul{
	display: flex;
	flex-wrap: wrap;
}
.index04 ul li{
	width:33.33%;
	height:7.0rem;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	display:none;
}
.index04 ul li:first-child{
	display:inline-block;
}
.index04 ul li:nth-child(2){
	display:inline-block;
}
.index04 ul li:nth-child(3){
	display:inline-block;
}
.index05{
	width:100%;
	float:left;
	margin-top:3.0rem;
	font-size:0.8rem;
	line-height:1.5rem;
}
.index05 h1{
	margin-bottom:0.0rem;
	font-size:1.2rem;
	text-transform:uppercase;
	display: flex;
	align-items: center;
	font-family: Montserrat2;
}
.index05 h1 i{
	width:6px;
	height:1.0rem;
	background-color:#e30613;
	margin-right:15px;
}

.foot{
	width:100%;
	float:left;
	background-color:#4c4d54;
	margin-top:3.0rem;
	padding:2.0rem 0;
}
.foot01{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inad{
	width:100%;
	font-size:0.8rem;
	line-height:1.5rem;
	color:#FFF;
}
.inad h1{
	font-size:1.0rem;
}
.dbnav{
	width:100%;
	margin-top:2.0rem;
}
.dbnav ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.dbnav ul li{
	width:50%;
	font-size:0.8rem;
	color:#FFF;
	line-height:2.0rem;
	border-bottom:1px solid #FFF;
}
.dbnav ul li a{
	color:#FFF;
}
.foot-r{
	width:100%;
	color:#FFF;
	margin-top:2.0rem;
}
.foot-r h1{
	font-size:1.0rem;
	text-transform:uppercase;
	display: flex;
	align-items: center;
	font-family: Montserrat2;
}
.foot-r h1 i{
	width:6px;
	height:1.0rem;
	background-color:#e30613;
	margin-right:0.5rem;
}
.foot-r ul{
	display: flex;
	flex-wrap: wrap;
	margin-top:2.0rem;
}
.foot-r ul li{
	width:33.33%;
	height:7.0rem;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.foot-r ul li:last-child{
	display:none;
}
.foot02{
	width:100%;
	float:left;
	margin-top:2.0rem;
	text-align:center;
	color:#FFF;
	font-size:0.8rem;
	line-height:1.5rem;
}
.nywz{
	width:100%;
	height:4.0rem;
	float:left;
	background:#4c4d54 url(../img/PIGINI_disegno-header.png) no-repeat right;
	background-size: auto 100%;
	font-size:0.8rem;
	color:#FFF;
	margin-top:4.0rem;
}
.nywz a{
	color:#FFF;
}
.nywz01{
	width:100%;
	float:left;
	height:4.0rem;
	display:flex;
	align-items: flex-end;
}
.nywz01 div{
	margin-bottom:0.5rem;
	letter-spacing:0.5px;
}
.nywz01 div i{
	margin-left:10px;
	margin-right:10px;
}

.nytit{
	width:100%;
	float:left;
	margin-top:2.0rem;
}
.nytit dl dt{
	font-size:1.2rem;
	text-transform:uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Montserrat2;
}
.nytit dl dt i{
	width:6px;
	height:1.0rem;
	background-color:#e30613;
	margin-right:0.5rem;
}
.nytit dl dd{
	text-align:center;
	font-size:0.8rem;
	margin-top:1.0rem;
}
.team{
	width:100%;
	float:left;
	margin-top:1.0rem;
}
.team ul{
	display: flex;
	flex-wrap: wrap;
}
.team ul li{
	width:100%;
	margin-top:1.0rem;
	overflow:hidden;
}
.team ul li:nth-child(3n){
	margin-right:0px;
}
.team ul li .pic{
	overflow:hidden;
}
.team ul li .pic img{
	width:100%;
	height:auto;
	display:block;
}
.team ul li dl dt{
	font-size:1.2rem;
	text-transform:uppercase;
	font-family: Montserrat2;
	margin-top:0.5rem;
}
.team ul li dl dd{
	font-size:0.8rem;
	color:#e30613;
	line-height:1.5rem;
	letter-spacing:1px;
}

.story{
	width:100%;
	float:left;
	margin-top:2.0rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.story .tex{
	width:100%;
	font-size:0.8rem;
	line-height:1.5rem;
	margin-top:2.0rem;
}
.story .tex h1{
	font-size:1.2rem;
	text-transform:uppercase;
	display: flex;
	font-family: Montserrat2;
	border-left:5px solid #e30613;
	padding-left:1.0rem;
}
.story .tex .a1{
	display:flex;
}
.story .tex .a1 img{
	max-height:2.0rem;
}
.story .tex .a1 div:first-child{
	margin-right:0.5rem;
}
.story .pic{
	width:100%;
	overflow:hidden;
	display:flex;
}
.story .pic img{
	width:100%;
	height:auto;
}
.story2{
	width:100%;
	float:left;
	margin-top:80px;
}
.story2 img{
	width:100%;
	height:auto;
}
.protj{
	width:100%;
	float:left;
	margin-top:2.0rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.protj .pic{
	width:24%;
	overflow:hidden;
}
.protj .pic img{
	width:100%;
	height:auto;
}
.protj .tex{
	width:70%;
	font-size:0.8rem;
	line-height:1.5rem;
}
.procon{
	width:100%;
	float:left;
	margin-top:2.0rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.procon-l{
	width:100%;
}
.procon-l h1{
	font-size:1.0rem;
	color:#e30613;
	font-family: Montserrat2;
}
.subNavBox{
	width:100%;
	float:left;
}
.subNavBox h2{
	font-size:1.0rem;
	font-family: Montserrat2;
	margin-top:1.0rem;
	margin-bottom:0.5rem;
	line-height:1.5rem;
} 
.subNav{
	width:100%; 
	float:left; 
	DISPLAY: block;  
	CURSOR: pointer;
	padding:10px;
	text-align:left; 
	border:1px solid #DFDFDF;
	font-size:0.8rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-transform:uppercase;
	margin-top:0.5rem;
}
.subNav div{
	display: flex;
	align-items: center;
}
.subNav div img{
	max-height:1.0rem;
	margin-right:0.5rem;
}
.subNav i{
	width:8px;
	height:5px;
	background:url(../img/xjt.jpg) no-repeat center / contain;
}
.subNav:hover{float:left; }
.currentDd{
	border-bottom:0px;
}
.currentDd i{
	background:url(../img/xjt.jpg) no-repeat center / contain;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.navContent{
	display: none;
	float:left; 
	width:100%; 
	padding:0.5rem;
	padding-top:0px;
	line-height:2.0rem; 
	font-size:0.8rem;
	border:1px solid #DFDFDF;
	border-top:0px;
}
.navContent dl dd{
	display: flex;
	align-items: center;
}
.navContent dl dd input{
	margin-right:0.5rem;
}

.procon-r{
	width:100%;
}
.prolist{
	width:100%;
	float:left;
}
.prolist ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.prolist ul li{
	width:48%;
	margin-top:1.0rem;
}
.prolist ul li:nth-child(3n){
	margin-right:0px;
}
.prolist ul li dl dt{
	overflow:hidden;
	display:flex;
}
.prolist ul li dl dt img{
	width:100%;
	height:auto;
	display:block;
	transition: all 0.6s;
}
.prolist ul li:hover dl dt img{
	transform: scale(1.05);
}
.prolist ul li dl dd{
	display: flex;
	align-items: center;
	font-size:0.8rem;
}
.prolist ul li dl dd img{
	max-height:1.0rem;
	margin-right:0.5rem;
}

.showcon{
	width:100%;
	float:left;
	margin-top:5.0rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.showcon-l{
	width:27%;
	background-color:#ddd;
	border-radius:30px;
	display:none;
}
.showcon-l .pic{
	width:100%;
	margin-top:30px;
}
.showcon-l .pic img{
	max-width:100%;
	min-width:360px !important;
	margin-left:-20px;
}
.showcon-l .tex01{
	width:100%;
	padding:30px 40px 30px 40px;
}
.showcon-l .tex01 h1{
	border-left:4px solid #e30613;
	padding-left:20px;
	font-family: Montserrat2;
	font-size:18px;
	margin-bottom:30px;
}
.showcon-l .tex01 dl dd{
	padding:5px 0;
	font-size:14px;
	line-height:24px;
	border-bottom:1px solid #333;
}
.showcon-l .tit{
	border-left:6px solid #e30613;
	padding-left:20px;
	font-family: Montserrat2;
	font-size:16px;
	margin-top:80px;
	margin-bottom:80px;
	width:100%;
}
.showcon-l .tit2{
	padding:0 40px 40px 40px!important
}
.showcon-l .tit2 div{
	border-left:6px solid #e30613;
	font-size:16px;
	font-family: Montserrat2;
	padding-left:20px;
}
.showcon-r{
	width:100%;
}
.dqdw{
	width:100%;
	float:left;
	font-size:0.8rem;
	font-family: Montserrat2;
}
.dqdw i{
	color:#e30613;
	margin-left:0.1rem;
	margin-right:0.1rem;
}
.dqdw em{
	color:#e30613;
}
.bigpic{
	width:100%;
	float:left;
	text-align:center;
}
.bigpic img{
	max-width:100%;
	height:auto;
}
.protit{
	width:100%;
	float:left;
	display: flex;
	align-items: center;
	color:#6F6F6E;
	font-size:1.2rem;
}
.protit img{
	max-height:2.0rem;
	margin-right:0.5rem;
}
.proshow{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:2.0rem;
}
.proshow-l{
	width:100%;
	font-size:0.8rem;
	line-height:1.5rem;
}
.proshow-l ul{
	display:flex;
	flex-wrap: wrap;
	margin-top:3.0rem;
}
.proshow-l ul li{
	width:100%;
	display: flex;
	align-items: center;
	margin-top:0.5rem;
}
.proshow-l ul li img{
	max-height:2.0rem;
	margin-right:0.5rem;
}
.proshow-r{
	width:100%;
	border-top:2px solid #DFDFDF;
	margin-top:2.0rem;
	padding-top:2.0rem;
}
.proshow-r01{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.proshow-r01 dl{
	width:50%;
}
.proshow-r01 dl dt{
	font-size:0.8rem;
	font-family: Montserrat2;
}
.proshow-r01 dl dd{
	display: flex;
	align-items: center;
	margin-top:0.5rem;
}
.proshow-r01 dl dd img{
	max-height:2.0rem;
	margin-right:0.5rem;
}
.proshow-r02{
	border-left:6px solid #e30613;
	padding-left:1.0rem;
	font-family: Montserrat2;
	font-size:0.8rem;
	margin-top:2.0rem;
	width:100%;
	float:left;
}
.map{
	width:100%;
	float:left;
}
.map img{
	width:100%;
	height:auto;
	display:block;
}
.dlm{
	width:100%;
	float:left;
	margin-top:1.0rem;
	font-size:1.2rem;
	line-height:1.5rem;
}
.dislist{
	width:100%;
	float:left;
}
.dislist ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dislist ul li{
	width:48%;
	margin-top:1.0rem;
	background-color:#ECECEC;
}
.dislist ul li:nth-child(3n){
	margin-right:0px;
}
.dislist ul li .pic{
	overflow:hidden;
}
.dislist ul li .pic img{
	width:100%;
	height:auto;
	display:block;
}
.dislist ul li .tex{
	padding:0.5rem;
}
.dislist ul li .tex dl dt{
	font-family: Montserrat2;
	font-size:0.8rem;
}
.dislist ul li .tex dl dd{
	font-size:0.8rem;
	color:#666;
	margin-top:0.5rem;
}
.dislist ul li .sm{
	border-top:1px solid #bababa;
	padding:0.5rem 0;
	text-align:center;
	color:#e30613 !important;
	margin-top:1.0rem;
	font-size:0.8rem;
}
.fotolist{
	width:100%;
	float:left;
	margin-top:1.0rem;
}
.fotolist ul{
	display: flex;
	flex-wrap: wrap;
	width:calc(33.6% - 0.2rem);
	float:left;
	margin-right:0.2rem;
}
.fotolist ul li{
	width:100%;
	margin-top:0.2rem;
	position:relative;
	display:flex;
}
.fotolist ul li a{
	width:100%;
	display:flex;
}
.fotolist ul:nth-child(3n){
	margin-right:0px;
}
.fotolist ul li img{
	width:100%;
	height:auto;
	display:block;
}
.fotolist ul li .tex{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	transition: all 0.6s;
	background-color:rgba(0,0,0,0.60);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size:0.8rem;
	color:#FFF;
	font-weight:bold;
	opacity:0;
}
.fotolist ul li:hover .tex{
	opacity:1;
}
.fy{
	width:100%;
	float:left;
	margin-top:2.0rem;
}
.fy ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.fy ul li{
	width: auto;
	display:flex;
	margin-left:0.1rem;
	margin-right:0.1rem;
	transition: all 0.6s;
	margin-top:0.2rem
}
.fy ul li a{
	padding:0.2rem 0.6rem;
	text-align:center;
	font-size:0.8rem;
	background: #ececec;
	transition: all 0.6s;
	border-radius:5px;
}
.fy ul li a b{
	font-family:'宋体';
}
.fy ul li a:hover{
	background: #e30613;
	color:#FFF;
}
.fy ul li .cur{
	background: #e30613;
	color:#FFF;
}
.showtit{
	width:100%;
	float:left;
	margin-top:1.0rem;
	font-size:1.2rem;
	font-family: Montserrat2;
	text-transform:uppercase;
}
.showdate{
	width:100%;
	float:left;
	margin-top:0.5rem;
	color:#666;
	font-size:0.8rem;
}
.vidlist{
	width:100%;
	float:left;
	margin-top:1.0rem;
}
.vidlist ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.vidlist ul li{
	width:49%;
	margin-top:0.5rem;
	position:relative;
	display:flex;
}
.vidlist ul li a{
	width:100%;
	display:flex;
}
.vidlist ul li:nth-child(3n){
	margin-right:0px;
}
.vidlist ul li img{
	width:100%;
	height:auto;
	display:block;
}
.vidlist ul li .tex{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	transition: all 0.6s;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	opacity:1;
}
.vidlist ul li:hover .tex{
	opacity:1;
	background-color:rgba(0,0,0,0.60);
}
.vidlist ul li .tex i{
	padding:0px 1.0rem;
	background-color:rgba(0,0,0,0.60);
	font-size:0.8rem;
	border-radius:0.2rem;
}
.vidlist ul li .tex2{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	transition: all 0.6s;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size:0.8rem;
	color:#FFF;
	font-weight:bold;
	opacity:0;
	text-align:center;
	padding:0.5rem;
}
.vidlist ul li:hover .tex2{
	opacity:1;
	background-color:rgba(0,0,0,0.60);
}

.newtex{
	width:100%;
	float:left;
	margin-top:1.0rem;
	font-size:0.8rem;
	line-height:1.5rem;
}

.contact{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contact-l{
	width:100%;
}

.contact-r{
	width:100%;
	margin-top:2.0rem;
}


.vidlist2{
	width:100%;
	float:left;
	margin-top:1.0rem;
}
.vidlist2 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.vidlist2 ul li{
	width:49%;
	margin-top:0.5rem;
	position:relative;
	display:flex;
}
.vidlist2 ul li .pic{
	overflow:hidden;
}
.vidlist2 ul li .pic img{
	width:100%;
	height:auto;
	display:block;
}
.vidlist2 ul li .tex{
	padding:0.5rem 0;
}
.vidlist2 ul li .tex dl dt{
	color:#999;
	font-size:0.8rem;
	line-height:1.5rem;
}
.vidlist2 ul li .tex dl dd{
	font-size:1.0rem;
	font-weight:bold;
	line-height:1.5rem;
	margin-top:0.5rem;
}


.zxly{
	width:100%;
	float:left;
	background-color:#FFF;
	padding:2.0rem;
	font-size:0.8rem;
	line-height:1.5rem;
	color:#666;
}
.zxly h1{
	font-size:1.2rem;
	line-height:2.0rem;
	margin-bottom:1.0rem;
	color:#333;
}
.zxly ul{
	margin-top:0.5rem;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.zxly ul li{
	width:100%;
	margin-top:1.0rem;
}
.zxly ul li:nth-child(4){
	width:100%;
}
.zxly ul li:last-child{
	width:100%;
		text-align:right;
	display: flex; 
	justify-content:flex-end;
}
.zxly ul li:last-child a{
	font-size:18px;
	text-transform:uppercase;
	display: flex;
	align-items: center;
	font-family: Montserrat2;

	color:#e30613;
	font-weight:bold;
	padding:10px 20px;
	
}
.zxly ul li:last-child i{
	margin-left:10px;
}
.bk2{
	width:100%;
	line-height:2.5rem;
	background: #f2f2f2;
	padding:0 1.0rem;
	border:0px;
	outline:none;
	font-size:0.8rem;
	font-family:'微软雅黑';
	color:#828282;
}
.anniu2{
	width: 8.0rem;
	height: 2.5rem;
	background: #004e92;
	border:0px;
	border-left: 4px solid #e98a36;
	line-height:2.5rem;
	cursor:pointer;
	color:#FFF;
	font-size:0.8rem;
}


 .content {
	width: 100%;
	float:left;
  }

.tanchu{
	display:none; 
	left:0px;
	top: 0;
	width:100%;
	height: 100%;
	z-index:9999;
	position: fixed;
	background-color: rgba(0,0,0,0.6);
	padding-top: 4vh;
}
.tcxs{ display: block; }
.spnr{ width:70%; margin-left:15%; margin-right:15%; position:relative;}
.close2{ width:100%; float:left;margin-bottom:10px;}
.close2 a{
float:right;
width: 32px;
height: 32px;
background-image: url(../img/Close.png);
background-position: center;
background-repeat: no-repeat;
}


.mart100{
	margin-top:3.0rem;
}
.mart80{
	margin-top:2.0rem;
}
.mart0{
	margin-top:0px;
}
.red{
	color:#e30613;
	font-family: Montserrat2;
	font-size:1.0rem;
}

.fixedIcon{ position: fixed; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%); padding:5px; display:none;}
.fixedIcon .close{ width: 40px; height: 40px; position: absolute; left: 50%; bottom: 0; cursor: pointer; border: 2px solid #fff; border-radius:50%; text-align: center; font-size: 22px; color: #fff; transform: translate(-50%,140%);}
.fixedIcon img{ display: block; max-height:70vh; max-width: 100%; max-width: 100%; height: auto;}
.zz{ background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100vh; display: none;}



/* 方式2 关闭在上面*/

.fixedIcon{ position: fixed; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%); padding:5px; display:none;}
.fixedIcon .close{ width: 40px; height: 40px; position: absolute; right: -30px; top: -100px; cursor: pointer; border: 2px solid #fff; border-radius:50%; text-align: center; font-size: 22px; color: #fff; transform: translate(-50%,140%);}
.fixedIcon img{ display: block; max-height:70vh; max-width: 100%; height: auto;}
.zz{ background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100vh; display: none;}








}