@font-face {
font-family:'AvianBold';
src: url('../fonts/AvianBold.eot'); /* IE9 Compat Modes */
src: url('../fonts/AvianBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/AvianBold.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/AvianBold.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/AvianBold.svg#YourWebFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
/*header*/
.font32{ font-size:48px;}
nav.navbar.bootsnav ul.nav > li > a{ font-family:'avianregular';}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:260px;}
.banner{ height:58.5%;}
.banPage .swiper-pagination-bullet{ width:16px; height:16px; border-radius:0;}
.boxTit{ font-family:'AvianBold';}
.boxBrief{ font-family:'avianregular'; line-height:150%; /*max-width:960px;*/ margin:0 auto;}
.box1List{ margin:0 -10px;}
.box1List li{ padding:10px;}
.box1Img{ padding-bottom:54.06%; margin:0 !important;}
.box1Text{ padding:0 35px; margin-top:0; top:auto; bottom:-20px;}
.box1Ico{ margin:10px 0; max-width:60px;}
.box1Tit{ font-size:26px; line-height:32px; max-height:64px; overflow:hidden; margin:10px 0; font-family:'AvianBold';}
.box1Brief{ font-size:16px; line-height:24px; font-family:'avianregular'; max-width:100% !important; height:0 !important; overflow:hidden; margin:10px 0; transition:all 0.3s linear;}
.box1More{ width:140px; height:0; line-height:36px; overflow:hidden; border-radius:20px; font-size:14px; color:#FFFFFF; background:rgba(255,255,255,0.36); text-align:center; margin:15px 0; transition:all 0.3s linear;}
.box1List li:nth-child(1) .box1Img{ padding-bottom:155.18%;}
.box1List li:nth-child(2) .box1Img{ padding-bottom:67.37%;}
.box1List li:nth-child(3) .box1Img{ padding-bottom:67.37%;}
.box1List li:nth-child(4) .box1Img{ padding-bottom:40.28%;}
.box1List li:nth-child(5) .box1Img{ padding-bottom:54.06%;}
.box1List li:nth-child(6) .box1Img{ padding-bottom:54.06%;}

.page2Bg{ background:url(../images/page2Bg.jpg) repeat; font-family:'avianregular';}
.page2Table{ width:100%; text-align:center; font-size:16px; color:#303030; line-height:150%;}
.page2Table tr th{ background:#e7520f; color:#FFFFFF; text-align:center; padding:10px; border-left:1p solid #CCCCCC; border-right:1px solid #CCCCCC; text-transform:uppercase; font-weight:normal;}
.page2Table tr td{ border:1px solid #cccccc; padding:10px;}
.page2Bot{ margin:20px 0 0;}
.page2Tit{ overflow:hidden; padding:10px 0;}
.page2Tit h2{ float:left; font-size:22px; color:#303030; position:relative; padding-left:8px; font-family:'avianregular';}
.page2Tit h2:before{ display:block; content:""; position:absolute; left:0; top:4px; width:2px; height:16px; background:#e7520f;}
.page2Tit a{ float:right; color:#e7520f; font-size:18px;}
.page2List{ margin:0 -10px; font-size:0;}
.page2List li{ float:none; vertical-align:top; padding:5px 10px;}
.page2List li a{ display:block; height:100%; position:relative; overflow:hidden;}
.page2Img{ display:block; height:0; padding-bottom:51.95%; overflow:hidden; position:relative;}
.page2Img .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.page2Name{ font-size:18px; color:#303030; padding-left:20px; line-height:160%; margin:5px 0; position:relative; text-align:left; transition:all 0.3s linear;}
.page2Name:before{ position:absolute; left:0; top:0; display:block; content:"\f192"; font-family:FontAwesome; color:#e7520f; line-height:180%;}

.page3Bg{ background:url(../images/page2Bg.jpg) repeat; font-family:'avianregular';}
.page3List{ font-size:0; margin:10px 0 0; overflow:hidden; font-family:'avianregular';}
.page3List li{ float:none; vertical-align:middle; padding:0; margin-left:-1px;}
.page3Box{ position:relative; padding-bottom:265px; overflow:hidden;}
.page3Top{ border:2px solid #e7520f; border-left-width:1px; border-right-width:1px; border-right-style:dashed; padding:10px 20px; height:265px; margin:-2px 0; overflow:hidden;}
.page3Bot{ padding:10px 20px; position:absolute; left:0; bottom:0; width:100%; height:265px; overflow:hidden;}
.page3Img{ display:block; height:0; padding-bottom:52.06%; overflow:hidden; position:relative; box-shadow:0 0 15px rgba(0,0,0,0.28); max-width:340px; margin:10px 0;}
.page3Img .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.page3Tit{ font-size:24px; font-family:'avianregular'; line-height:33px;}
.page3Tit span{ font-size:36px; font-family:'AvianBold'; color:#e7520f; padding-right:5px;}
.page3Text{ font-size:16px; color:#707070; line-height:24px; height:168px; overflow:hidden; margin:15px 0;}
.page3More{ display:block; width:140px; height:32px; line-height:30px; border:1px solid #e7520f; border-radius:15px; text-align:center; color:#e7520f; font-size:16px; margin:15px 0; transition:all 0.3s linear;}
.page3List li:last-child .page3Top,.page3List li:last-child .page3Bot{ border-right-color:transparent;}
.page3List li:nth-child(2n) .page3Box{ padding-bottom:0; padding-top:262px;}
.page3List li:nth-child(2n) .page3Box .page3Bot{ bottom:auto; top:0; height:265px;}

.page4{ position:relative; overflow:hidden; padding-left:50%; box-shadow:0 0 20px rgba(0,0,0,0.2); margin:15px 0;}
.page4Img{ position:absolute; left:0; top:0; width:50%; height:100%;}
.page4Rig{ width:100%; font-size:16px; color:#707070; line-height:24px; font-family:'avianregular'; padding:30px; background:#FFFFFF;}
.page4Rig p{ margin:10px 0;}
.page4Down{ display:inline-block; vertical-align:middle; background:#e7520f; border-radius:20px; padding:8px 15px; color:#FFFFFF; margin:20px 0 0;}
.page4Down img{ margin-right:8px; vertical-align:middle;}


.page5Bg{ background:url(../images/page5Bg.jpg) center center fixed no-repeat; background-size:cover;}
.page5Bg .boxTit{ color:#FFFFFF;}
.page5Bg .boxBrief{ color:#FFFFFF;}

.page5List{ font-size:0; margin:0 -10px;}
.page5List li{ vertical-align:top; width:20%; padding:10px;}
.page5List li a{ display:block; height:100%; position:relative;}
.pageImgBox{ position:relative;}
.pageImgBox:after{ display:block; content:""; position:absolute; left:100%; top:50%; transform:translate(-30%,-50%); width:44px; height:8px; background:url(../images/page5Ico.png) center center no-repeat;}
.page5ImgBor{ border:1px solid #FFFFFF; border-radius:50%; padding:10px; width:170px; height:170px; margin:15px auto;}
.page5ImgBg{ background:#FFFFFF; border-radius:50%; width:100%; height:100%;}
.page5Img{ width:100%; position:relative;}
.page5Img img{ max-width:55%; margin:0 auto;}
.page5ImgHov{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transform:scale(1.1); transition:all 0.3s linear;}
.page5Tit{ color:#FFFFFF; font-size:20px; font-family:'AvianBold'; text-transform:uppercase; max-width:167px; margin:15px auto; text-align:center;}
.page5List li:nth-child(5n) .pageImgBox:after{ display:none;}
.page5List li:last-child .pageImgBox:after{ display:none;}

.page6List{ margin:0.15rem 0 0; font-size:0; text-align:center; font-family:'avianregular';}
.page6List li{ float:none; vertical-align:top; margin:5px 0 15px; border-top:1px solid #e4510f; position:relative;}
.page6List li:before{ display:block; content:""; width:13px; height:13px; background:#e4510f; border-radius:50%; position:absolute; left:0; top:-7px;}
.page6List li a{ display:block; height:100%; position:relative; padding:0 10px; text-align:left;}
.page6Time{ font-size:22px; color:#303030; line-height:36px; padding:10px 0;}
.page6Img{ height:0; padding-bottom:62.34%; position:relative; overflow:hidden;}
.page6Img .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.3s linear;}
.page6Text{ background:#FFFFFF; padding:20px 25px; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.page6Tit{ font-size:20px; color:#303030; line-height:28px; height:84px; overflow:hidden; transition:all 0.3s linear;}
.page6Text .page3More{ margin-bottom:10px;}

.nlMore{ background:#ed6d34; margin-bottom:0; height:36px;}

@media (min-width:993px){
	.box1Img:hover .box1Text{ top:auto; margin-top:0; bottom:10px;}
	.box1Img:hover .box1More{ height:36px;}
	.box1Img:hover .box1Brief{ height:auto !important;}
	.box1List li:nth-child(1) .box1Img:hover .box1Brief{ max-height:192px !important;}
	.box1List li:nth-child(2) .box1Img:hover .box1Brief{ max-height:48px !important;}
	.box1List li:nth-child(3) .box1Img:hover .box1Brief{ max-height:48px !important;}
	.box1List li:nth-child(4) .box1Img:hover .box1Brief{ max-height:72px !important;}
	.box1List li:nth-child(5) .box1Img:hover .box1Brief{ max-height:96px !important;}
	.box1List li:nth-child(6) .box1Img:hover .box1Brief{ max-height:96px !important;}
	.page2List li a:hover .page2Name{ color:#e7520f;}
	.page3More:hover{ background:#e7520f; color:#FFFFFF;}
	.page5List li a:hover .page5ImgBg{ background:#e4510f;}
	.page5List li a:hover .page5Img > img{ opacity:0;}
	.page5List li a:hover .page5ImgHov{ opacity:1; transform:scale(1);}
	.page6List li a:hover .page6Img .imgFull{ transform:scale(1.04);}
	.page6List li a:hover .page6Tit{ color:#e7520f}
	.page6List li a:hover .page3More{ background:#e7520f; color:#FFFFFF;}
}
@media (max-width:1600px){
}
@media (max-width:1400px){	
	.font32{ font-size:36px;}
	.box1Text{ padding:0 25px;}
	.box1Ico{ max-width:50px;}
	.box1Tit{ font-size:22px; line-height:24px; max-height:48px;}
	.page2Table{ font-size:14px;}
	.page3Tit{ font-size:20px;}
	.page3Tit span{ font-size:30px;}
	.page5ImgBor{ width:150px; height:150px;}
	.page5Tit{ font-size:18px;}
	.page6Time{ font-size:18px; line-height:30px;}
	.page6Tit{ font-size:18px;}
}
@media (max-width:1200px){
	.font32{ font-size:28px;}
	.box1Text{ padding:0 15px;}
	.box1Ico,.box1Tit,.box1Brief,.box1More{ margin:8px 0;}
	.box1Ico{ max-width:40px;}
	.box1Tit{ font-size:18px; line-height:22px; max-height:44px;}
	.box1Brief{ font-size:14px;}
	.page3Img{ margin:20px 0;}
	.page4Rig{ font-size:14px; padding:20px;}
	.pageImgBox:after{ width:30px; height:5px; background-size:contain;}
	.page5ImgBor{ width:120px; height:120px; padding:8px;}
	.page5Tit{ font-size:16px;}
	.page6List li a{ padding:0 5px;}
	.page6Text{ padding:15px 20px;}
	.page6Tit{ font-size:16px;}
}
@media (max-width:991px){
	.banner{ height:3.6rem;}
	.banPage .swiper-pagination-bullet{ width:12px; height:12px;}
	.box1List{ margin:0 -5px;}
	.box1List li{ padding:5px;}
	.box1Shadow{ opacity:0.6;}
	.box1Text{ bottom:0; padding:15px;}
	.box1Brief{ height:auto !important; line-height:22px; min-height:44px; max-height:66px !important;}
	.box1More{ height:36px;}
	.page3List{ overflow:visible;}
	.page3List li{ margin:0 0 10px; border-bottom:1px dashed #e7520f;}
	.page3List li:last-child{ border:none;}
	.page3Box{ padding:0 !important; overflow:visible;}
	.page3Top,.page3Bot{ height:auto !important; border:none; margin:0; padding:0; overflow:visible;}
	.page3Bot{ position:static;}
	.page3Img{ height:auto; padding-bottom:0; margin:10px 0;}
	.page3Img .imgFull{ position:static; background:none !important;}
	.page3Img .imgFull img{ display:block;}
	.page3Tit{ font-size:18px;}
	.page3Tit span{ font-size:24px;}
	.page3Text{ margin:10px 0; height:auto; max-height:120px; font-size:14px;}
	.page4{ padding:0; margin:0.14rem 0;}
	.page4Img{ position:static; width:100%; background:none !important;}
	.page4Img img{ display:block; width:100%;}
	.page4Down{ margin:15px 0;}
	.page4Down img{ max-width:18px;}
	.page5List li{ width:33.33%;}
	.page5List li:nth-child(5n) .pageImgBox:after{ display:block;}
	.page5List li:nth-child(3n) .pageImgBox:after{ display:none;}
	.page5List li:last-child .pageImgBox:after{ display:none;}
}
@media (max-width:767px){
	.page2Tit h2,.page2Tit a{ float:none;}
	.page2Tit h2{ font-size:18px;}
	.page2Tit h2:before{ top:1px;}
	.page2Tit a{ display:inline-block; vertical-align:middle;}
	.page2Name{ font-size:16px;}
}
@media (max-width:640px){
	.page5List li{ width:50%;}
	.page5ImgBor{ width:2rem; height:2rem; padding:0.1rem;}
	.pageImgBox:after{ transform:translate(0,-50%);}
	.page5List li:nth-child(5n) .pageImgBox:after{ display:block;}
	.page5List li:nth-child(3n) .pageImgBox:after{ display:block;}
	.page5List li:nth-child(2n) .pageImgBox:after{ display:none;}
	.page5List li:last-child .pageImgBox:after{ display:none;}
	.page5Tit{ font-size:14px; max-width:100%;}
	.page6List li{ width:100%;}
	.page6List li a{ padding:0;}
	.page6Tit{ height:auto; max-height:84px;}
}
@media (max-width:460px){
	.font32{ font-size:22px;}
	.banner{ height:4rem;}
	.page2List li{ width:100%;}
}
@media (max-width:360px){
}	
@media (max-height:414px){	
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}