@charset "utf-8";

.clear{clear: both;}



html, body {
   min-height: 100%; 
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{
	margin:0;
	    margin: 0;
    font-size: 16px;
    font-family:"微软雅黑", Arial,"century gothic";line-height: 1.5; color: #333;
background: #FFFFFF;
}

a, a:hover, a:focus {
    color: #333333;
    text-decoration: none;
}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6,{margin:0px !important; padding:0px !important;   line-height: 1 !important;font-style: normal;}

img{border:0;margin: 0;}

input{-webkit-appearance:none ;border-radius: 0;}
form input{-webkit-appearance: none;}


.w90{width: 90%;height: auto;max-width: 1720px;margin: 0 auto;}
.h85{width: 100%;height:85px;}
.h55{width: 100%;height: 55px;overflow: hidden;}
@media only screen and (max-width:1400px) {
	.h85{width: 100%;height:80px;}
}

@media only screen and (max-width:1200px) {
	.h85{width: 100%;height:70px;}
	.h55{width: 100%;height: 50px;overflow: hidden;}
}
@media only screen and (max-width:1024px) {
	.h85{width: 100%;height:65px;}
	.h55{width: 100%;height:45px;overflow: hidden;}
}
@media only screen and (max-width:720px) {
	.h85{width: 100%;height:50px;}
	.h55{width: 100%;height:35px;overflow: hidden;}
}

.pc-nav{width: 100%;height: auto;padding: 15px 0; position: fixed;top: 0;left: 0;z-index: 999;overflow: hidden;background: rgba(0,0,0,0);}
.pc-nav .logo{display: block; width: 150px;height: auto;float: left;margin-top: 15px; }
.pc-nav .logo img{display: block;width: 100%;height: auto;}
.pc-nav .logo .img2{display: none;}
.pc-nav .menu{width: 56px;height: 56px;border-radius: 100%;background: #ff7f00; position:fixed;right: 5%;top: 15px;z-index: 9991; }
.pc-nav .menu .lines{width: 34px;height: 4px;background: #FFFFFF;position: relative;margin: 0 auto;margin-top: 26px;}
.pc-nav .menu .lines:before{content: "";position: absolute;top:-8px;left: 50%;height: 4px;width: 20px;background: #FFFFFF;transform: translateX(-50%);}
.pc-nav .menu .lines:after{content: "";position: absolute;bottom: -8px;left: 50%;width: 20px;height: 4px;background: #FFFFFF; transform: translateX(-50%);}
.pc-nav .menu:hover .lines:before{width: 100%; transition: all 0.5s ease;}
.pc-nav .menu:hover .lines:after{width: 100%; transition: all 0.5s ease;}



.pc-nav .tl{margin-top: 13px; float: right;height: auto;overflow: hidden;margin-right: 76px; }
.pc-nav .tl .tell{width: 200px;float: left;  font-size: 20px;color: #FFFFFF;padding-left: 40px;position: relative;}
.pc-nav .tl .tell:before{content: "";position: absolute;left: 0;width: 30px;top: 3px;height: 24px;background: url(../img/a002.png)center no-repeat;background-size: cover;}
.pc-nav .tl .lang{ width:120px ; float: left; text-align: center;}
.pc-nav .tl .lang a{font-size: 20px;font-weight: bold; color: #FFFFFF;display: inline-block;margin: 0 8px;}
.pc-nav .tl .lang a.en{font-family: arial;}
.pc-nav .tl .lang a.cut{color: #FF7F00;}


.pc-nav2 .menu{width: 50px;height: 50px;}
.pc-nav2{background: #FFFFFF;}
.pc-nav2 .logo .img1{display: none;}
.pc-nav2 .logo .img2{display: inherit;}
.pc-nav2 .tl .tell{color: #002d65;}
.pc-nav2 .tl .lang a{color: #002d65;}
.pc-nav2 .menu .lines{width: 30px;height: 3px;margin-top: 23px;}
.pc-nav2 .menu .lines:before{height: 3px;width: 16px;}
.pc-nav2 .menu .lines:after{width: 16px;height: 3px;}



.pc-nav3 .menu{width: 50px;height: 50px;}
.pc-nav3{background: #FFFFFF;box-shadow: 1px 0px  2px rgba(0,0,0,0.2);}
.pc-nav3 .logo .img1{display: none;}
.pc-nav3 .logo .img2{display: inherit;}
.pc-nav3 .tl .tell{color: #002d65;}
.pc-nav3 .tl .lang a{color: #002d65;}
.pc-nav3 .menu .lines{width: 30px;height: 3px;margin-top: 23px;}
.pc-nav3 .menu .lines:before{height: 3px;width: 16px;}
.pc-nav3 .menu .lines:after{width: 16px;height: 3px;}






.header{box-shadow: 1px 0 5px rgba(0,0,0,0.3); width: 100%;height: 0px; background: #FFFFFF; position:fixed;overflow: auto; top: 0;transform: translateY(-100%); left: 0;z-index: 9999;}
.header.open{transform: translateY(0);height: auto;max-height: 100%;transition: all 0.5s ease;}
.header .nav-c{width: 100%; font-size: 0; height: auto;overflow:hidden;padding-bottom: 30px;}
.header  .nav-c li{vertical-align: top;display: inline-block; width: 12.5%; height: auto;padding-top: 20px;}
.header  .nav-c li h5{width: 100%; color: #333333;font-weight: normal;line-height: 55px;  padding-left: 20px; font-size: 18px;border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;}
.header .nav-c li .down{width: 100%; height: auto;margin-top: 20px; }
.header .nav-c li .down li{width: 100%; position: relative; height: auto; padding:7.5px 20px;}
.header .nav-c li .down li a{color: #002D65;font-size: 15px;}
.header .nav-c li .down li:before{content: "";position: absolute;z-index: 1; left: 0; top: 50%; transform: translateY(-50%); width: 6px;height: 6px;background: #FFFFFF;border: 1px solid #FF7F00;border-radius: 100%;}
.header .nav-c li .down li:after{content:"";position: absolute;left: 3.5px;z-index: 0; width: 1px;height: 100%;top:calc(50% + 4px); background: #FF7F00;}
.header .nav-c li .down li:last-child:after{background: none;}
.header .nav-c li .down li a:hover{color: #FF7F00;}

.header-t{width: 100%;height: auto;padding-top: 30px;overflow: hidden;margin-bottom: 35px;}
.header-t .logo{width: 200px;height: auto;display: block;}
.header-t .logo img{display: block;width: 100%;height: auto;float: left;}
.header-t .close{float: right;width: 36px;height: 36px;position: relative;}
.header-t .close:before{content: ""; width: 35px;height: 3px;background: #FF7F00;transform: rotate(-45deg) translateY(7px);position: absolute;left: 0%; top: 10px;}
.header-t .close:after{content: ""; width: 35px;height: 3px;background: #FF7F00;transform:rotate(45deg) translateY(-7px);position: absolute;left: 0%;top: 20px;}


.header-d{width: 100%;height: auto; border-top: 1px solid #dcdcdc;padding:20px 0 15px 0;}
.header-d .left{width:520px; height: auto;float: left;}
.header-d .left .tell{font-size:16px;height: auto;padding-left:30px;position: relative;float: left;}
.header-d .left .tell:before{position: absolute;content: "";left: 0;top: 0;width:25px;height:25px;background: url(../img/a019.png)center no-repeat;background-size: cover;}
.header-d .left .mail{font-size:16px;height: auto;padding-left: 30px;position: relative;float: left;margin-left: 30px;}
.header-d .left .mail:before{position: absolute;content: "";left: 0;top: 0;width: 25px;height:25px;background: url(../img/a018.png)center no-repeat;background-size: cover;}
.header-d .right{width: calc(100% - 680px);float: right;padding-left: 5%;}

.header-d .right .ewm{ position: relative;float: left; width: 40px;height: 40px;padding:6px;  border-radius: 100%;border: 1px solid #002D65;}
.header-d .right .ewm img{display: block;width: 100%;height:auto;}
.header-d .right .ewm .ewm-c{display: none; width: 0px;height: auto;border-radius: 5px; border: 5px solid #002D65;position: absolute;bottom: calc(100% + 15px);left: 50%;transform: translateX(-50%); }
.header-d .right .ewm .ewm-c img{display: block;width: 100px;height: auto;}
.header-d .right .ewm .ewm-c:before{content: "";position: absolute;left: 50%;top: 100%;transform: translateX(-50%);border-top:12px solid #002D65;border-bottom: 12px solid rgba(0,0,0,0);border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);}
.header-d .right .ewm:hover .ewm-c{display: inherit;width: 110px;transition:all 0.6s ease;} 

.header-d .right  .join{width: 150px;margin-left: 10px; line-height:40px;border-radius: 20px;background: #002D65;color: #FFFFFF;text-align: center;display: block;float: left;}
.header-d .right  .join span{display: inline-block;padding-left: 30px;position: relative;}
.header-d .right  .join span:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 24px;height: 24px;background: url(../img/a025.png)center no-repeat;background-size: cover;}

.header-d .right .ss{position: relative; width: 200px;height:auto;float: left;margin-right: 20px; margin-left: 20px;}
.header-d .right .ss form{display: block;width: 100%;height: auto;}
.header-d .right .ss form .sk{width: 100%;line-height: 38px;color: #002D65;padding-left: 10px;border: 1px solid #002D65;border-radius: 20px;}
.header-d .right .ss form  .sbtn{border: none; position: absolute;right:10px;top:50%;transform: translateY(-50%); width: 24px;height: 24px;background:url(../img/a020.png)center no-repeat;background-size: cover;}

.header-d .right .share{width: ;height: auto;float: left;}
.header-d .right .share a{width: 40px;height: 40px;display: block;float: left;margin: 0 5px;}
.header-d .right .share a img{display: block;width: 100%;height: auto;}

.header-d .lang{float: right;width: 160px;height: auto;border-radius: 19px; border:1px solid #002D65;float: right;}
.header-d .lang a{text-transform: capitalize;	font-size: 16px; width: 50%;float: left;display: block;border-top-left-radius: 18px;border-bottom-left-radius: 18px; border-right: 1px solid #002D65;text-align: center;line-height: 36px;}
.header-d .lang a:last-child{border-right: none; border-top-right-radius: 18px;border-bottom-right-radius: 18px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.header-d .lang a.cut{background: #002D65;color: #FFFFFF;}
.header-d .lang a:hover{background: #002D65;color: #FFFFFF;}



#dl-menu{display:none;width: 100%;height: auto;}
@media only screen and (max-width:1600px ) {
	.header-d .left{width: 220px;}
	.header-d .left .mail{margin-left: 0;float: inherit;margin-top: 10px;}
	.header-d .right{width: calc(100% - 380px);}
}


@media only screen and (max-width:1400px ) {
	.header  .nav-c li h5{line-height: 50px;}
	.header  .nav-c li{width: 25%;vertical-align: top;}
	
}
@media only screen and (max-width:1300px ) {
	.header-d .left {width: 200px;}
	.header-d .left .tell{font-size: 14px;}
	.header-d .left .mail{font-size: 14px;}
	.header-d .right .ss{ margin-right: 10px;margin-left: 10px;width: 150px;height: auto;}
	.header-d .right .ewm{width: 35px;height: 35px;}
	.header-d .right  .join{line-height: 35px;width: 120px;font-size: 14px;}
	.header-d .right  .join span:before{width: 18px;height: 18px;}
	.header-d .right .ss form .sk{line-height: 33px;}
	.header-d .right .share{margin-top: 3px;}
	.header-d .right .share a{width: 30px;height: 30px;}
	.header-d .right{width: calc(100% - 330px);}
	.header-d .lang{float: right;width: 130px;height: auto;border-radius: 19px; border:1px solid #002D65;float: right;}
.header-d .lang a{text-transform: capitalize;	font-size: 14px; width: 50%;float: left;display: block;border-top-left-radius: 16px;border-bottom-left-radius: 16px; border-right: 1px solid #002D65;text-align: center;line-height: 32px;}
.header-d .lang a:last-child{border-right: none; border-top-right-radius: 16px;border-bottom-right-radius: 16px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.header-d .lang a.cut{background: #002D65;color: #FFFFFF;}
.header-d .lang a:hover{background: #002D65;color: #FFFFFF;}
	
}






@media only screen and (max-width:1024px ) {
	.pc-nav{display: none;}
	.header{display: none;}
	#dl-menu{display: inherit;}
}





.banner{width: 100%;height: auto;}
.banner-js{width: 100%;height: auto;z-index: 22;}
.banner .banner-js img{display: block;width: 100%;height: auto;}
.banner .banner-js .pic{width: 100%;height: auto;position: relative;}
.banner .banner-js .pic .con{width: 90%;height:auto;left: 5%;text-align: center; position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.banner .banner-js .pic .con h2{color:#fff;font-size:70px;font-family: "arial black";text-shadow: 0 2px 5px rgba(0,0,0,0.6);letter-spacing: 1.5px;}
.banner .banner-js .vidbacking{object-fit: cover; position: absolute;top: 0;left: 0; width: 100%;height:100%;object-fit: cover;}
.banner2-js{display: none;width: 100%;height: auto;}
.banner .banner2-js img{display: block;width: 100%;height: auto;}
.banner .banner2-js .pic{width: 100%;height: auto;position: relative;}

@media only screen and (max-width:1680px) {
	.banner .banner-js .pic .con h2{font-size: 60px;}
}
@media only screen and (max-width:1440px) {
	.banner .banner-js .pic .con h2{font-size: 55px;}
}
@media only screen and (max-width:1280px) {
	.banner .banner-js .pic .con h2{font-size: 45px;}
	
}
	
@media only screen and (max-width: 1024px) {
.banner{margin-top: 60px;}
	.banner .banner-js .pic .con h2{font-size: 35px;}

}
@media only screen and (max-width:720px ) {
	.banner-js{display: none;}
	.banner2-js{display: inherit;}
}


.title{width: 100%;height: auto;}
.title h1{font-family:"century gothic"; font-size: 40px;line-height: 1; color: #FF7F00;text-transform: uppercase;}
.title h2{color: #333333;font-size: 24px;line-height: 1;margin-top: 15px;font-family: "微软雅黑";font-weight: normal;}
@media only screen and (max-width:1200px ) {
.title h1{font-size:38px;}
.title h2{font-size: 23px;}	
}
@media only screen and (max-width:1024px ) {
.title h1{font-size:32px;}
.title h2{font-size: 20px;margin-top: 10px;}	
}


.in-ab{width: 100%;height: auto;}
.in-ab .in-ab-c{height: auto;overflow: hidden;}
.in-ab .in-ab-l{width: calc(100% - 445px);height: auto; float: left;padding-right: 5%;overflow: hidden;}
.in-ab .in-ab-l .title{width: 210px;float: left;}
.in-ab .in-ab-l .con{width: calc(100% - 210px);float: left;padding-left: 5%;height: auto;}
.in-ab .in-ab-l .con .txt{width: 100%;height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-align: justify; word-break: break-all;}
.in-ab .in-ab-l .con .txt p{font-size: 16px;color: #333;}
.in-ab .in-ab-l .con .more{width: 180px;line-height: 46px;color: #FFFFFF;text-align: center;background: #002d65;font-size: 16px;display: block;border-radius: 23px;margin-top:35px;}
.in-ab .in-ab-l .con .more:hover{background: #FF7F00;}
.in-ab .in-ab-r{width: 445px;float: right;height: auto;overflow: hidden;}
.in-ab .in-ab-r li{position: relative; border: 1px solid #999999; width: calc(50% - 22.5px);float: left;margin-right: 45px;height: auto;}
.in-ab .in-ab-r li:last-child{margin-right: 0;}
.in-ab .in-ab-r li img{display: block;width: 100%;height: auto;}
.in-ab .in-ab-r li .con{position: absolute;width: 100%; top:50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.in-ab .in-ab-r li .con .ico{width: 80px;height:auto;margin: 0 auto;}
.in-ab .in-ab-r li .con .ico img{display: block;width: 100%;height:auto}
.in-ab .in-ab-r li .con .ico .img2{display: none;}
.in-ab .in-ab-r li .con h5{margin-top: 15px; text-align: center;font-size: 20px;color: #666666;font-weight: normal;}
.in-ab .in-ab-r li.cut{background:#FF7F00;border: 1px solid #FF7F00;}
.in-ab .in-ab-r li.cut .con h5{color: #FFFFFF;}
.in-ab .in-ab-r li.cut .con .ico .img1{display:none;}
.in-ab .in-ab-r li.cut .con .ico .img2{display: inherit;}


@media only screen and (max-width:1400px ) {
.in-ab .in-ab-r{width: 380px;}
.in-ab .in-ab-l{width: calc(100% - 380px);}
.in-ab .in-ab-r li .con .ico{width:48%;}
}

@media only screen and (max-width:1200px ) {
.in-ab .in-ab-r{width: 320px;}
.in-ab .in-ab-l{width: calc(100% - 320px);}	
.in-ab .in-ab-r li .con .ico{width:48%;}
.in-ab .in-ab-r li .con h5{font-size: 18px;}
.in-ab .in-ab-r li{width: calc(50% - 15px);margin-right: 30px;}
.in-ab .in-ab-r li:last-child{margin-right: 0;}
}
@media only screen and (max-width:1024px ) {
.in-ab .in-ab-l{width: 100%;padding-right: 0;}
.in-ab .in-ab-r{width: 100%;padding-left:calc(5% + 210px) ;}
.in-ab .in-ab-r li{width: calc(50% - 15px);margin-right:30px; max-width: 200px; height: auto;margin-top: 30px;}	
.in-ab .in-ab-r li:last-child{margin-right: 0;}
}
@media only screen and (max-width:720px ) {
.in-ab .in-ab-l{width: 100%;padding-right: 0;}
.in-ab .in-ab-l .title{width: 100%;}

.in-ab .in-ab-l .con{width: 100%;padding-left: 0;margin-top: 35px;}
.in-ab .in-ab-l .con .more{width: 150px;line-height: 40px;margin-top: 30px;}
.in-ab .in-ab-r{width: 100%;padding-left:0;}
.in-ab .in-ab-r li .con h5{font-size: 16px;}
.in-ab .in-ab-r li{width: calc(50% - 12px);max-width: 200px; margin-right: 24px; height: auto;margin-top: 30px;}	
.in-ab .in-ab-r li:last-child{margin-right: 0;}
.in-ab .in-ab-l .con .txt{height: 66px;}
.in-ab .in-ab-l .con .txt p{font-size: 15px;}

}


.events{position:relative; width: 100%;z-index: 0; height: auto;background:url(../img/b002.jpg)center no-repeat;background-size: cover;}
.events .bk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,27,60,0.4);z-index: -1;}
.events-c{height: auto;overflow: hidden;position:relative;}
.events .events-l{width:50%;float: left;padding-right: 5%; }
.events .events-l .title h2{color: #FFFFFF;}
.events .events-l .hist{width: 100%;height: auto;}
.events .events-l .hist .hist-js{width: 100%;height: auto;padding-bottom: 85px;}
.events .events-l .hist .hist-js .time{width: 100%;height: auto;}
.events .events-l .hist .hist-js .time h5{line-height: 1; font-weight: normal; color: #FFFFFF;font-size: 40px;font-family:"century gothic";}
.events .events-l .hist .hist-js .time .line{margin-top: 5px; background: #ff7f00;width: 45px;height: 5px;display: block;}
.events .events-l .hist .hist-js .txt{width: 100%;height: auto;margin-top: 30px;font-size: 16px;}
.events .events-l .hist .hist-js .txt p{color: #FFFFFF;font-family: "微软雅黑"; padding-left: 20px;position: relative;margin-bottom: 5px;}
.events .events-l .hist .hist-js .txt p:before{content: ""; position: absolute;left: 0;top:10px; width:5px;height: 5px;border-radius: 100%;background: #ff7f00;}


.events .events-l .hist .hist-js .swiper-button-prev{
    background: url(../img/a006.png);
     left: 0px;
    right: auto;
}
.events .events-l .hist .hist-js .swiper-button-next{
    background: url(../img/a007.png);
     left: 80px;
    right: auto;
}

.events .events-l .hist .hist-js .swiper-button-prev,.events .events-l .hist .hist-js .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 60px;
    height: 60px;
    border: 1px dashed #ff7f00;
    border-radius: 100%;
    margin-top:0px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}
.events .events-l .hist .hist-js .swiper-button-prev:hover{
    background: url(../img/a006.png) #FF7F00 center no-repeat;
    border: 1px solid #FF7F00;
}
.events .events-l .hist .hist-js .swiper-button-next:hover{
    background: url(../img/a007.png) #FF7F00 center no-repeat;
    border: 1px solid #FF7F00;
}	



.events .data{width:50%;position: absolute; right: 0;top: 0;height: 100%; overflow: hidden; border-left: 1px solid rgba(255,255,255,0.5);} 
.events .data li{color: #FFFFFF; width: 50%;height: 50%; float: left;position: relative; border-right: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);}
.events .data li:nth-child(3){border-bottom: none;}
.events .data li:nth-child(4){border-bottom: none;}
.events .data li .num-c{font-size: 20px; width:100%;position: relative;padding-bottom:5px;}
.events .data li .num-c:before{content: ""; position: absolute;left: 0;bottom: 0;width:175px;height: 1px;background:#FFFFFF;}
.events .data li .num-c h2{font-weight: normal; line-height: 1; font-size: 50px;color: #FFFFFF;display: inline-block;font-family:"century gothic";padding-right: 20px;}
.events .data li h5{width: 100%;height:48px;font-weight: normal; margin-top: 20px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;font-size: 16px;}
.events .data li .con{position: absolute;bottom: 40px; padding:0  6%;left: 50%;transform: translateX(-50%);width: 100%;height: auto;}

@media only screen and (max-width:1400px ) {
.events .data li .num-c h2{font-size: 40px;}
}
	
@media only screen and (max-width:1200px ) {
	.events .events-l .hist .hist-js .time h5{font-size: 36px;}
	.events .data li .num-c{font-size: 18px;}
	.events .data li .num-c h2{font-size: 36px;padding-right: 10px;}
	.events .data li .num-c:before{width: 63%;}
	.events .events-l .hist .hist-js .swiper-button-prev,.events .events-l .hist .hist-js .swiper-button-next {width:48px;height:48px;background-size: 48px 48px;background-repeat: no-repeat;}
	.events .events-l .hist .hist-js .swiper-button-next{
     left: 68px;
    right: auto;
}
}

@media only screen and (max-width:1024px ) {
	.events .events-l .hist .hist-js .time h5{font-size: 34px;}
	.events .events-l .hist .hist-js .txt p{font-size: 15px;}
	.events .data li .num-c{font-size: 18px;}
	.events .data li .num-c h2{font-size: 34px;padding-right: 10px;}
	.events .data li h5{font-size: 15px;height: 44px;}
}
@media only screen and (max-width:950px ) {
	.events .events-l{width: 100%;height: auto;padding-right: 0;}
	.events{padding-bottom: 50px;}
	.events .data{width: 100%;height: auto;position: inherit;border:1px solid rgba(255,255,255,0.5);}	
	.events .data li{padding: 7%  3%  5% 3%;position: inherit;}
	.events .data li:nth-child(2n){border-right: none;}
	.events .data li .con{position: inherit;bottom: auto;height: auto;}
	.events .data li .num-c{font-size: 15px;}
	.events .data li .num-c h2{font-size: 28px;padding-right: 10px;}
	.events .data li h5{font-size: 14px;height:63px;margin-top: 10px;-webkit-line-clamp: 3; }
	.events .events-l .hist .hist-js .time .line{width: 30px;}
	.events .events-l .hist .hist-js{padding-bottom: 60px;}
	.events .events-l .hist .hist-js .time h5{font-size: 28px;}
	.events .events-l .hist .hist-js .txt p{font-size: 14px;}
	
}


.stru{width: 100%;height: auto;}
.stru .title{text-align: center;}
.stru-js{width: 100%;height: auto;padding-bottom: 55px; }
.stru-js .swiper-slide {width:32%;padding: 0 15px;height: 400px;}
.stru-js .swiper-wrapper {margin-left: -9%;}
.stru-js .swiper-slide-active {width: 50%;}
.stru-js .stru-c{position: relative; width: 100%;z-index: 1; height:400px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.stru-js .stru-c .bk{display: none; position: absolute;top: 0;z-index: -1; left: 0;width: 100%;height: 100%;background: rgba(0,45,101,0.7);}
.stru-js .stru-c .con{display: none;width: 100%;color: #FFFFFF;padding: 0 40px;}
.stru-js .stru-c .con .tl{width: 100%;height: auto;padding-top:8%;}
.stru-js .stru-c .con .tl h5{font-size:24px;color: #FFFFFF;font-weight: normal;}
.stru-js .stru-c .con .tl h6{font-size: 18px;color: #FFFFFF;font-weight: normal; font-family:"century gothic";margin: 15px 0 20px 0;}
.stru-js .stru-c .con .tl .line{display: block;width:35px;height: 4px;background: #FFFFFF;}
.stru-js .stru-c .con .txt{margin-top: 15%; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.stru-js .stru-c .con .txt p{font-size: 16px;color: #FFFFFF;}
.stru-js .swiper-slide-active .stru-c .bk {display:inherit;}
.stru-js .swiper-slide-active .stru-c .con{display: inherit;}

.stru-js .swiper-pagination-bullet {
    width: 35px;
    height: 4px;
    display: inline-block;
    border-radius: 0%;
    background: #a0a0a0;
    opacity: 1;
}

.stru-js .swiper-pagination-bullet-active {
    opacity: 1;
    background:#FF7F00;
}

.swiper-pagination-fraction, .swiper-pagination-custom,.stru-js  > .stru-js .swiper-pagination-bullets {
    bottom: 0px;
    left: 0;
    width: 100%;
}
@media only screen and (max-width:1400px ) {
	.stru-js .swiper-slide {height: 350px;}
	.stru-js .stru-c{height: 350px;}
}
@media only screen and (max-width:1200px ) {
.stru-js .stru-c{height: 350px;}
.stru-js .stru-c .con .tl h5{font-size: 20px;}
.stru-js .stru-c .con .tl h6{font-size: 16px;}
.stru-js .swiper-slide {width:26%;padding: 0 10px;height: 350px;}
.stru-js .swiper-wrapper {margin-left: -14%;}
.stru-js .swiper-slide-active {width: 54%;}
}

@media only screen and (max-width:1024px ) {
	.stru-js .stru-c{height: 300px;}
	.stru-js .stru-c .con .tl h6{font-size: 15px;}
		.stru-js .swiper-slide {width: 20%; padding: 0 5px;height: 300px;}
	.stru-js .swiper-wrapper {margin-left: -20%;}
.stru-js .swiper-slide-active {width: 60%;}
.stru-js .stru-c .con{padding: 0 20px;}
.stru-js .stru-c .con .txt p{font-size: 15px;}
.stru-js .swiper-pagination-bullet {
    width: 20px;
    height: 4px;}
}

@media only screen and (max-width:720px) {
.stru-js .swiper-slide {width: 12%; padding: 0 0px;height: 240px;}
.stru-js .stru-c{height: 240px;}
.stru-js .swiper-wrapper {margin-left: -28%;}
.stru-js .swiper-slide-active {width: 68%;}
.stru-js .stru-c .con .tl{padding-top: 25px;}
.stru-js .stru-c .con .tl h6{margin-top: 5px;margin-bottom: 10px;}
.stru-js .stru-c .con .tl .line{width: 28px;height: 3px;}
.stru-js .stru-c .con .txt {height: 63px;margin-top: 50px; }
.stru-js .stru-c .con .txt p{font-size: 14px;}
}


.in-solu{width: 100%;height: auto;position: relative; overflow: hidden; background: url(../img/b006.jpg)center no-repeat;background-size: cover;}
.in-solu .title{position:absolute;top: 85px;left: 5%;width: 90%; }
.in-solu .title h2{color: #FFFFFF;}
.in-solu .in-solu-list{width:50%;float: right;background:rgba(0,0,0,0.4);}
.in-solu .in-solu-list li{border-bottom: 1px solid rgba(255,255,255,0.5); width: 100%;height: auto;position: relative;z-index: 1;}
.in-solu .in-solu-list li .con{padding-left: 45px; width: 100%;height: 110px;overflow: hidden;    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.in-solu .in-solu-list li .con  .ico{width: 45px;height: 45px;float: left;}
.in-solu .in-solu-list li .con  .ico img{display: block;width: 100%;height: auto;}
.in-solu .in-solu-list li .con h5{width: calc(100% - 45px); font-weight: normal; padding-left: 50px; color: #FFFFFF;float: left;font-size: 24px;}
.in-solu .in-solu-list li .more{width: 0;height: 100%;position: absolute;right: 0;top: 0;z-index: -1;}
.in-solu .in-solu-list li .more img{display: block; width: 60px;height:48px;position: absolute;top: 50%;left: 30px;transform:translateY(-50%) ;}
.in-solu .in-solu-list li.cut .more{transition:all 0.3s ease ; width: calc(100%  +  120px);background: rgba(255,127,0,0.8);transition: all 0.5s ease;}
.in-solu .in-solu-list li.cut{border-bottom: 1px solid rgba(0,0,0,0); transition: all 0.6s ease;}
@media only screen and (max-width:1400px ) {
	.in-solu .in-solu-list li .con h5{font-size: 20px;font-weight: bolder;padding-left: 35px;}
}
@media only screen and (max-width:1024px) {
	
.in-solu .in-solu-list{width: 65%;}	
.in-solu .in-solu-list li .con{height: 85px;}
.in-solu .in-solu-list li .con .ico{width: 36px;height: 36px;}	
.in-solu .in-solu-list li .con h5{font-size: 20px;}
.in-solu .in-solu-list li .more img{width: 40px;height: 32px;}
.in-solu .in-solu-list li.cut .more{width: calc(100%  +  85px);}	
}
@media only screen and (max-width:720px) {
	.in-solu .title{position: inherit;text-align: center;height: auto;width: 90%;margin: 0 auto;top: auto;left: auto;margin-top: 55px;}
	.in-solu .in-solu-list{width:100%;height: auto;margin-top: 35px;}
.in-solu .in-solu-list li{width: 100%;}
.in-solu .in-solu-list li .more img{display: none;}
.in-solu .in-solu-list li.cut .more{width:100%;}
.in-solu .in-solu-list li .con{padding-left: 25px;height: 75px;}
.in-solu .in-solu-list li .con .ico{width: 30px;height: 30px;}
.in-solu .in-solu-list li .con h5{font-size: 16px;padding-left: 20px;}
}



.in-news{width: 100%;height: auto;background: #f5f5f5;overflow: hidden;}
.in-news .in-news-l{width: 280px;float: left;}
.in-news .in-news-r{width: calc(100% - 280px); height: auto;overflow: hidden;position: relative;  float: right;padding-left:calc(10% + 75px);}


.in-news .in-news-r  .date-more{width: 76px; height: 100%;text-align: center;position: absolute;left:10%;top: 0;}
.in-news .in-news-r  .date-more .dm-t{height: calc(42% - 20px); position: absolute;top: 0;width: 100%;left: 0;}
.in-news .in-news-r  .date-more .dm-t .h85{width: 1px;background: #A0A0A0;position: absolute;top: 0;padding-bottom: 10px; left: 50%;transform: translateX(-50%);}
.in-news .in-news-r  .date-more .dm-t .h85:before{content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%); border-radius: 100%;border: 1px solid #A0A0A0;width: 8px;height: 8px;} 
.in-news .in-news-r  .date-more .dm-d .h85{width: 1px;background: #A0A0A0;position: absolute;bottom: 0; left: 50%;transform: translateX(-50%);}
.in-news .in-news-r .date-more .start{width: 100%; font-size: 70px;text-align: center; display: block; margin-top: 115px; line-height: 1; width: 100%; font-family: arial;font-weight: 500;color: #333333;}
.in-news .in-news-r .date-more .end{width: 100%; text-align: center; display: block; line-height:1;margin: 0 auto; margin-top:10px; font-size: 70px;font-family: arial;font-weight: 500;color: #333333;}
.in-news .in-news-r .date-more .line{position: absolute;top: 42%;left: 50%;transform: translateX(-50%) translateY(-50%) ; width: 2px;height: 40px;background: #313131;display:block;} 
.in-news .in-news-r .date-more .dm-d{position: absolute;height: calc(58% - 20px);bottom: 0;width: 100%;}  
.in-news .in-news-r .date-more .dm-d .more{position: absolute;bottom: 85px; left: 50%;transform: translateX(-50%); width: 56px;height: 56px;display: block;line-height: 55px;text-align:center; font-family: arial;color:#333333; border: 1px solid #A0A0A0;border-radius: 100%;}
.in-news .in-news-r .date-more .dm-d .more:hover{background: #FF7F00;color: #FFFFFF;border:1px solid #FF7F00;}
.in-news .in-news-r .date-more:before{ content: "";position: absolute;left: 50%; transform: translateX(-50%); bottom: 141px;height:calc(18% - 56px);background: #A0A0A0;width: 1px;}
.in-news .in-news-r .date-more:after{content: "";position: absolute;left: 50%;bottom: calc(18% + 85px);transform: translateX(-50%); width: 8px;height: 8px;border-radius: 100%;border: 1px solid #A0A0A0;}









 
.in-news .in-news-list{width:100%;padding-left: 2%; float: left;}
.in-news .in-news-list ul{width: 100%;height: auto;overflow:hidden ;}
.in-news .in-news-list ul  li{margin-bottom: 40px; padding-bottom: 10px; width:50%;height: auto;float: left;padding-left: 5%;}
.in-news .in-news-list ul li  h5{font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-news .in-news-list ul  li .txt{width: 100%;height:48px;margin-top:25px; margin-bottom: 30px; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.in-news .in-news-list ul li .txt p{font-size: 16px;color: #333333;}
.in-news .in-news-list ul li .more{font-size:16px;position: relative;padding-right: 30px;}
.in-news .in-news-list ul li .more:before{content: "";position: absolute;right: 0;top: 50%;width: 16px;height: 16px;background: url(../img/a017.png)center no-repeat;background-size: cover; transform: translateY(-50%);}
.in-news .in-news-list ul li .more:after{content: "";position: absolute;left: 0;width: 100%;height:1px;background: #434343;top: calc(100% + 10px);}
.in-news .in-news-list ul li:nth-child(3),.in-news .in-news-list li:nth-child(4){margin-bottom: 0;} 

.in-news .in-news-more{width:180px;background: #002D65;color: #FFFFFF;text-align: center;  line-height: 46px;display: block; display: none;}
@media only screen and (max-width:1400px ) {
.in-news .in-news-r .date-more .start{font-size:60px; margin-top: 110px;}
.in-news .in-news-r .date-more .end{margin-top: 10px;font-size: 60px;}
.in-news .in-news-r .date-more .dm-d .more{position: absolute;bottom: 80px;  width: 56px;height: 56px;line-height: 55px;}
.in-news .in-news-r .date-more:before{ bottom: 136px;height: calc(18% - 56px);}
.in-news .in-news-r .date-more:after{content: "";position: absolute;bottom: calc(18% + 80px); }

}

@media only screen and (max-width:1200px ) {
.in-news .in-news-r{width: calc(100% - 280px);padding-left:calc(5% + 75px);}
.in-news .in-news-list ul li  h5{font-size: 16px;}
.in-news .in-news-list ul li .txt {height: 44px;}
.in-news .in-news-list ul li .txt p{font-size: 15px;}	
.in-news .in-news-list{padding-left: 0;}
.in-news .in-news-r .date-more {left: 5%;}	
.in-news .in-news-r .date-more .start{font-size:48px; margin-top: 100px;}
.in-news .in-news-r .date-more .end{margin-top: 10px;font-size: 48px;}
.in-news .in-news-r .date-more .dm-d .more{position: absolute;bottom: 70px;  width: 50px;height: 50px;line-height: 50px;font-size: 15px;}
.in-news .in-news-r .date-more:before{ bottom: 120px;height: calc(18% - 50px);}
.in-news .in-news-r .date-more:after{content: "";position: absolute;bottom: calc(18% + 70px); }
}


@media only screen and (max-width:1024px ) {
	
.in-news .in-news-l{width: 250px;float: left;}	
.in-news .in-news-r{width: calc(100% - 250px);padding-left:calc(2% + 60px);}	
.in-news .in-news-list ul  li .txt{margin-top: 20px;margin-bottom: 25px;}	
.in-news .in-news-r .date-more{left: 2%; width: 60px;}
.in-news .in-news-r .date-more .start{font-size:48px; margin-top: 105px;}
.in-news .in-news-r .date-more .end{margin-top: 10px;font-size: 48px;}
.in-news .in-news-r .date-more .dm-d .more{position: absolute;bottom: 65px;  width: 50px;height: 50px;line-height: 55px;}
.in-news .in-news-r .date-more:before{ bottom: 115px;height: calc(18% - 50px);}
.in-news .in-news-r .date-more:after{content: "";position: absolute;bottom: calc(18% + 65px); }	
	
}

@media only screen and (max-width: 850px) {
	.in-news .in-news-r{float:inherit;}
.in-news .in-news-more{display: inherit;border-radius: 23px;width: 150px; height: 40px;line-height: 40px; border-radius: 20px; display: block;text-transform: uppercase;}	
.in-news .in-news-r{width: 100%;padding-left: 0;}	
.in-news .in-news-r .date-more{display: none;}
.in-news .in-news-list ul  li .txt{margin-top: 15px;margin-bottom: 20px;}	
.in-news .in-news-list ul  li{width:calc(50% - 15px);margin-right: 30px; padding-left: 0;margin-bottom: 30px;}
.in-news .in-news-list ul li:nth-child(3),.in-news .in-news-list li:nth-child(4){margin-bottom: 30px;} 
.in-news .in-news-list ul li:nth-child(2n){margin-right: 0;}

}

@media only screen and (max-width: 600px) {
	.in-news .in-news-list ul  li{width: 100%;height: auto;margin-right: 0;border-bottom: 1px dashed #A0A0A0;}
.in-news .in-news-list ul  li .more:after{display: none;}
.in-news .in-news-list ul  li .txt{margin-top: 10px;margin-bottom: 15px;}
.in-news .in-news-list ul  li .more{font-size: 14px;}
.in-news .in-news-list ul  li .more:before{width: 14px;height: 14px;}

}












.in-partner{width: 100%;height: auto;}
.in-partner .title{width: 100%;height: auto;text-align: center;}
.in-partner .in-part-c{width: 100%;height: auto;position: relative;}
.in-partner .in-part-js{width:85%;margin: 0 auto;padding: 5px;}
.in-partner .in-part-js .pic{width: 100%;height: auto;box-shadow: 0px 0 4px rgba(0,0,0,0.2);}
.in-partner .in-part-js .pic img{display: block;width: 100%;height: auto;}

.in-partner .in-part-c .swiper-button-next{
    background-image: url(../img/a015.png);
    right: 0px;
    left: auto;
}
.in-partner .in-part-c .swiper-button-prev{
    background-image: url(../img/a016.png);
    left: 0px;
    right: auto;
}

.in-partner .in-part-c .swiper-button-prev, .in-partner .in-part-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 48px;
    margin-top: -24px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 48px;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1400px ) {
	
	.in-partner .in-part-c .swiper-button-prev, .in-partner .in-part-c .swiper-button-next {
    width: 45px;
    height: 36px;
    margin-top: -18px;
    background-size: 45px 36px;}
}
@media only screen and (max-width:1024px ) {
	
	.in-partner .in-part-js{width: 80%;}
	.in-partner .in-part-c .swiper-button-prev, .in-partner .in-part-c .swiper-button-next {
    width: 30px;
    height: 24px;
    margin-top: -12px;
    background-size: 30px 24px;}
}










.footer{width: 100%;height: auto;background: #002d65;}
.footer .foot-t{width: 100%;height: auto;}
.footer .foot-t .ft-c{height: auto;overflow: hidden;}
.footer .ft-c  .logo{width: 280px;height: auto;float: left;margin-top:4%;}
.footer .ft-c  .logo .logo1{display: block;width: 100%;height: auto;}
.footer .ft-c  .logo .logo1 img{display: block;width: 100%;height: auto;}
.footer .ft-c  .logo h5{text-align: center; margin-top: 10px; color: #FFFFFF;font-size:20px;width: 100%;font-weight: normal;}
.footer .ft-c ul{width: calc(100% - 630px);overflow: hidden; padding-left:10%;float: left;padding-right: 5%;}
.footer .ft-c ul li{width: calc(55% - 175px); float: left;padding-left: 5%;}
.footer .ft-c ul li:first-child{width: calc(45% - 170px);padding-left: 0;}
.footer .ft-c ul li h5{color: #FFFFFF;font-size: 18px;}
.footer .ft-c ul li .line{display: block;width: 35px;height: 3px;background: #FFFFFF;margin-top:15px;}
.footer .ft-c ul li .con{height: auto;margin-top: 20px;}
.footer .ft-c ul li:nth-child(2){width: 340px;height: auto;padding-left: 5%;}
.footer .ft-c ul li .con2{width: 100%;height: auto;margin-top: 20px;}
.footer .ft-c ul li .con2 a{width: 50%;font-size: 15px;color:#FFFFFF;float: left;display: block;}
.footer .ft-c ul li .con a{display: block; font-size: 15px;color: #FFFFFF;margin-bottom: 10px;}
.footer .ft-c ul li .con2 a:nth-child(2n){padding-left: 20px;}
.footer .ft-c .cont{width: 350px;height: auto;float: right;}
.footer .ft-c .cont h5{font-size: 20px;color: #FFFFFF;}
.footer .ft-c .cont .line{display: block;width: 35px;height: 3px;background: #FFFFFF;margin-top: 15px;} 
.footer .ft-c .cont .con{width: 100%;height: auto;margin-top: 20px;}
.footer .ft-c .cont .con p{width: 100%;font-size: 15px; color: #FFFFFF;margin-bottom: 10px;}

.footer .foot-d{width: 100%;height: auto;background: #001b3c;padding: 20px 0; color: #FFFFFF;}
.footer .foot-d .fd-c{height: auto;overflow: hidden;}
.footer .foot-d .fd-l{float: left;width: calc(100% - 260px);float: left;}
.footer .foot-d .fd-l span{font-size: 16px;color: #FFFFFF;padding-left: 15px;}
.footer .foot-d .fd-l span a{color: #FFFFFF;}
.footer .foot-d .fd-r{width:250px;height: auto;float: right;}
.footer .foot-d .fd-r a{display: inline-block;padding-right: 8px;border-right: 1px solid #FFFFFF;color: #FFFFFF; font-size: 16px;line-height: 1;padding-left: 8px; }
.footer .foot-d .fd-r a:last-child{padding-right: 0;border-right: none;}

@media only screen and (max-width:1600px ) {
	.footer .ft-c  .logo{width: 220px;height: auto;}
	.footer .ft-c  .logo h5{font-size: 18px;color: #FFFFFF;}
	.footer .ft-c ul{width: calc(100% - 470px);}
	.footer .ft-c ul li  h5{font-size: 18px;}
	.footer .ft-c ul li .con a{font-size: 15px;}
		.footer .foot-d .fd-l span{font-size: 15px;}
	.footer .foot-d .fd-r a{font-size: 15px;}
	.footer .ft-c .cont{width: 250px;}
	.footer .ft-c ul li .con2 a{font-size: 15px;}
	.footer .ft-c .cont  h5{font-size: 18px;}
	.footer .ft-c .cont .con p{font-size: 15px;}
}




@media only screen and (max-width:1400px ) {
	.footer .ft-c ul li .con a{font-size: 14px;}
	.footer .ft-c ul li .con2 a{font-size: 14px;}
	.footer .foot-d .fd-l span{font-size: 14px;}
	.footer .ft-c .cont .con p{font-size: 14px;}
	.footer .foot-d .fd-r a{font-size: 14px;}
	.footer .ft-c  .logo{width: 160px;height: auto;}
	.footer .ft-c  .logo h5{font-size: 15px;}
	.footer .ft-c .cont{width:160px;}
	.footer .ft-c ul{width: calc(100% - 320px);  padding-left: 3%;padding-right: 3%;}
}

	
@media only screen and (max-width:1200px ) {
	.footer .ft-c ul li h5{font-size: 16px;}
	.footer .ft-c .cont h5{font-size: 16px;}
	.footer .ft-c ul li{width: calc(50% - 145px);padding-left: 0;}
	.footer .ft-c ul li:nth-child(2){width: 280px;}

}


@media only screen and (max-width:1024px ) {
	.footer .ft-c ul{padding-left: 5%;padding-right: 5%;}
	.footer .foot-d{padding: 15px 0;}
	.footer .foot-d .fd-l{width: 100%;text-align: center;margin-top: 10px;}
	.footer .foot-d .fd-l span{padding-left: 10px;}
	.footer .foot-d .fd-r {width: 100%;text-align: center;}
.footer .ft-c ul li:first-child{display: none;}
.footer .ft-c ul li{width: calc(100% - 280px);}
}
@media only screen and (max-width:950px ) {
	.footer .ft-c ul li:last-child{display: none;}
	.footer .ft-c ul li:last-child{width: 100%;}
}
@media only screen and (max-width:800px) {
	.footer .ft-c ul li:nth-child(2n){display: none}
	.footer .ft-c .cont{display: none;}
	.footer .ft-c  .logo{margin: 0 auto;width: 180px; text-align: center;float: inherit;}
	
	}


.w90s{width: 90%;max-width: 1500px;margin: 0 auto;}

.in-banner{width: 100%;height: auto;}
.in-banner img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1024px ) {
	.in-banner{width: 100%;height: auto;margin-top: 60px;}
}

.mb-nav{width: 100%;height: auto;font-size: 16px;}
.mb-nav .mb-nav-c{width: 100%;height: auto; text-align:right;font-size: 16px;margin-top: 40px;}
.mb-nav a{display: inline-block; color: #333333;}
.mb-nav  .nav1{color: #FF7F00;}
@media only screen and (max-width:1024px ) {
	.mb-nav{font-size: 15px;}
	.mb-nav .mb-nav-c{margin-top: 20px;}
}



.ab{width: 100%;height: auto;}
.ab-c{width: 100%;height: auto;overflow: hidden;}
.ab .ab-cl{width: calc(100% - 750px);padding-right: 5%;float: left;height: auto;}
.ab .ab-cl .txt{width: 100%;height: auto;}
.ab .ab-cl .txt p{font-size: 16px;color: #333333;}
.ab .ab-cr{width: 750px;height: auto;float: right;}
.ab .ab-cr img{display: block;width: 100%;height: auto;}

	
@media only screen and (max-width:1400px ) {
.ab .ab-cr{width: 600px;margin-top: 110px;}
.ab .ab-cl{width: calc(100% - 600px);height: auto;}
}
@media only screen and (max-width:1200px ) {
.ab .ab-cr{width:400px;margin-top: 120px;}
.ab .ab-cl{width: calc(100% - 400px);height: auto;}
}
@media only screen and (max-width:1024px ) {
	.ab .ab-cl .txt p{font-size: 15px;}
.ab .ab-cr{display: none;}
.ab .ab-cl{width: 100%;padding-right: 0%;}	
}


.abs{width: 100%;height: auto;}
.ab-c{width: 100%;height: auto;overflow: hidden;}
.abs .ab-cl{width: calc(100% - 750px);padding-left: 5%;float: right;height: auto;}
.abs .ab-cl .txt{width: 100%;height: auto;}
.abs .ab-cl .txt p{font-size: 16px;color: #333333;}
.abs .ab-cr{width: 750px;height: auto;float: right;}
.abs .ab-cr img{display: block;width: 100%;height: auto;}

	
@media only screen and (max-width:1400px ) {
.abs .ab-cr{width: 600px;margin-top: 110px;}
.abs .ab-cl{width: calc(100% - 600px);height: auto;}
}
@media only screen and (max-width:1200px ) {
.abs .ab-cr{width:400px;margin-top: 120px;}
.abs .ab-cl{width: calc(100% - 400px);height: auto;}
}
@media only screen and (max-width:1024px ) {
.abs .ab-cl .txt p{font-size: 15px;}
.abs .ab-cr{display: none;}
.abs .ab-cl{width: 100%;padding-left: 0%;}	
}





.ab2{position: relative; width: 100%;height:auto;background:url(../img/b021.jpg)center no-repeat;background-size: cover;}
.ab2 .bk{padding: 8% 0; width: 100%;height:auto;background:rgba(0,0,0,0.3);} 
.ab2 .bk .play{width: 110px;height: auto;margin: 0 auto;}
.ab2 .bk .play img{display: block;width: 100%;height: auto;}
.ab2 .bk h5{color:#fff;width: 90%; margin: 0 auto; margin-top: 20px;font-size: 22px;text-align: center;}


.video{display: none;  position:fixed; top:50%; left: 50%; height: 600px; width: 800px; margin-left: -400px;margin-top: -300px; z-index: 999; background: rgba(0,0,0,1);}
.video .na-video{width: 100%; height: 100%; display: block;}
.video .close{position: absolute;top: 3px; right: 10px; color:#FFFFFF; font-size: 24px; cursor:pointer;}

@media (max-width:1024px ) {
	
 .video{  height: 450px; width: 600px; margin-left: -300px;margin-top: -225px; }
.ab2 .bk{padding: 12% 0;}
.ab2 .bk .play{width: 85px;height: auto;}
.ab2 .bk h5{font-size: 18px;}
}

@media only screen and (max-width:720px ) {
	.ab2 .bk{padding: 65px 0;}
	.ab2 .bk .play{width: 70px;height: auto;}
	.ab2 .bk h5{font-size: 16px;}
}

@media (max-width:650px ) {
 .video{  height: 330px; width: 440px; margin-left: -220px;margin-top: -165px; }

}

@media (max-width:440px ) {
 .video{  height: auto; width: 90%; margin-left:0;margin-top: 0; position:fixed; top:35%; left: 50%;transform: translateX(-50%); }

}


.ab3{width: 100%;height: auto;}
.ab3 .ab3-c{width: 100%;height: auto;overflow: hidden;}
.ab3 .ab3-c li{width: calc(25% - 22.5px);margin-right: 30px;float: left; vertical-align: top;}
.ab3 .ab3-c li:last-child{margin-right: 0;}
.ab3 .ab3-c li .pic{width: 100%;height: auto;}
.ab3 .ab3-c li .pic img{display: block;width: 100%;height: auto;}
.ab3 .ab3-c li h5{margin-top: 20px;width: 100%;height: 50px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;  color: #333333;font-size: 24px; font-weight: normal; text-align: center;}
	
@media only screen and (max-width:1400px) {
.ab3 .ab3-c li h5{font-size: 20px;}
}

@media only screen and (max-width:1024px) {
.ab3 .ab3-c li{width: calc(25% - 15px);margin-right: 20px;}
.ab3 .ab3-c li h5{font-size: 18px;}
}
@media only screen and (max-width:850px) {
.ab3 .ab3-c li{width: calc(50% - 5px);margin-bottom: 15px; margin-right: 10px; float: left;height: auto;}	
.ab3 .ab3-c li:nth-child(2n){margin-right: 0;}
.ab3 .ab3-c li:nth-child(3){margin-bottom: 0;}
.ab3 .ab3-c li:nth-child(4){margin-bottom: 0;}
.ab3 .ab3-c li h5{font-size: 16px;}
}

.ab4{width: 100%;height: auto;background-position: center;z-index: 1; background-repeat: no-repeat;background-size: cover;position: relative;}
.ab4 .bk{position: absolute;top: 0;left: 0;z-index: -1; width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.ab4 .in-title h5{color: #FFFFFF;} 
.ab4 .ab4-c{width: 100%;height: auto;position: relative;}
.ab4 .ab4-c .ab4-js{width: calc(100% - 140px);margin: 0 auto; height: auto;}

.ab4 .ab4-c .ab4-js .con{width: 100%;height: auto;}
.ab4 .ab4-c .ab4-js .con .time{font-size: 40px;color: #ff7f00;font-family:"century gothic";position: relative;}
.ab4 .ab4-c .ab4-js .con .time:before{content: "";position: absolute;right: 0;top: 50%; transform: translateY(-50%); width: calc(100% - 110px); height: 2px;background:rgba(255,255,255,0.5);}

.ab4 .ab4-c .ab4-js .con .txt{width: 100%;height: auto;margin-top:10px;}
.ab4 .ab4-c .ab4-js .con .txt p{font-size: 16px;color: #FFFFFF;padding-left: 20px;position: relative;margin-bottom: 20px;}
.ab4 .ab4-c .ab4-js .con .txt p:before{content: "";position: absolute;left: 0;top: 8px;width: 6px;height: 6px;background: #ff7f00;border-radius: 100%;}


.ab4 .ab4-c .swiper-button-next{
    background-image: url(../img/a040.png);
    right: 0px;
    left: auto;
}
.ab4 .ab4-c .swiper-button-prev{
    background-image: url(../img/a039.png);
    left: 0px;
    right: auto;
}

.ab4 .ab4-c .swiper-button-prev,.ab4 .ab4-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width:50px;
    height:50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1400px) {
	.ab4 .ab4-c .ab4-js .con .time{font-size: 36px;}
.ab4 .ab4-c .ab4-js .con .time:before{ width: calc(100% - 100px);}

	
	
.ab4 .ab4-c .swiper-button-prev,.ab4 .ab4-c .swiper-button-next {
    width:40px;
    height:40px;
    margin-top: -20px;
    background-size: 40px 40px;}
.ab4 .ab4-c .ab4-js{width:calc(100% - 120px);}
}
@media only screen and (max-width:1024px) {
	
		.ab4 .ab4-c .ab4-js .con .time{font-size: 30px;}
.ab4 .ab4-c .ab4-js .con .time:before{ width: calc(100% - 80px);}
	.ab4 .ab4-c .ab4-js .con .txt p{font-size: 15px;}
.ab4 .ab4-c .swiper-button-prev,.ab4 .ab4-c .swiper-button-next {
    width:36px;
    height:36px;
    margin-top: -20px;
    background-size: 36px 36px;}
.ab4 .ab4-c .ab4-js{width:calc(100% - 92px);}
}
@media only screen and (max-width:720px) {
.ab4 .ab4-c .ab4-js{width:calc(100% - 80px);}
.ab4 .ab4-c .swiper-button-prev,.ab4 .ab4-c .swiper-button-next {
    width:30px;
    height:30px;
    margin-top: -20px;
    background-size: 30px 30px;}
}





.ab5{width: 100%;height: auto;}
.ab5 .ab5-t{width: 100%;height: auto;position: relative;}
.ab5 .ab5-t .pic{position: absolute;right: 0;top: 0;width: 40%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.ab5 .ab5-t .con{width: 60%;height: auto;background:#002d65;padding: 60px;}
.ab5 .ab5-t .con  .txt {width: 100%;height: auto;}
.ab5 .ab5-t .con .txt p{font-size: 16px;color: #FFFFFF;}
.ab5 .ab5-t .con .in-title2 h5{color: #ff7f00;}
.ab5 .ab5-d{position: relative;width: 100%;height: auto;}
.ab5 .ab5-d .pic{position: absolute;left: 0;top: 0;width: 35%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.ab5 .ab5-d .con{width: 65%;margin-left: 35%;  height: auto;background:#ff7f00;padding:60px;}
.ab5 .ab5-d .con  .txt {width: 100%;height: auto;}
.ab5 .ab5-d .con .txt p{font-size: 16px;color: #FFFFFF;}
.ab5 .ab5-d .con .in-title2 h5{color: #FFFFFF;}
.ab5 .ab5-d .con .in-title2 .line:before{background: #FFFFFF;}

	
@media only screen and (max-width:1024px ) {
	.ab5 .ab5-t .con .txt p{font-size: 15px;}
.ab5 .ab5-d .con .txt p{font-size: 15px;}
.ab5 .ab5-d .con{padding: 35px;}
.ab5 .ab5-t .con{padding: 35px;}
}


@media only screen and (max-width:720px ) {
.ab5 .ab5-t .con{width: 100%;height: auto;}
.ab5 .ab5-t .pic{display: none;}
.ab5 .ab5-d .con{width: 100%; height: auto;margin-left: 0;}	
.ab5 .ab5-d .pic{display: none;}
}






.ab6{width: 100%;height: auto;position: relative;background-position: center;background-repeat: no-repeat;z-index:1;background-size: cover;}
.ab6 .bk{position: absolute;top: 0;left: 0;width: 50%; height: 100%; background: rgba(0,45,101,0.6);z-index: -1;}
.ab6 .ab6-c{width: 100%;height: auto;}
.ab6 .ab6-c{width: 50%;height: auto;padding-right: 5%;}
.ab6 .ab6-c li{width: 100%;height: auto;overflow: hidden;margin-bottom: 40px;}
.ab6 .ab6-c li:last-child{margin-bottom: 0;}
.ab6 .ab6-c li .ico{width: 60px;height: 60px;float: left;}
.ab6 .ab6-c li .ico img{display: block;width: 100%;height: auto;}
.ab6 .ab6-c li .txt{width: calc(100% - 60px);padding-left: 5%;float: left;}
.ab6 .ab6-c li .txt p{color: #FFFFFF;font-size: 16px;}
.ab6  .in-title2 h5{color: #ff7f00;}
@media only screen and (max-width:1200px ) {
	.ab6 .ab6-c{width: 70%;}
	.ab6 .bk{width: 70%;}
.ab6 .ab6-c li .ico{width: 50px;}
.ab6 .ab6-c li .txt{width: calc(100% - 50px);}	
}
@media only screen and (max-width:1024px ) {
	.ab6 .ab6-c{width: 80%;}
	.ab6 .bk{width: 80%;}
	.ab6 .ab6-c li .txt p{font-size: 15px;}
}
	
@media only screen and (max-width:720px) {
		.ab6 .ab6-c{width: 100%;padding: 0;}
	.ab6 .bk{width: 100%;}
.ab6 .ab6-c li .ico{width: 40px;}
.ab6 .ab6-c li .txt{width: calc(100% - 40px);}
}






.ab7{width: 100%;height: auto;}
.ab7 .ab7-c{width: 100%;height: auto;overflow: hidden;}
.ab7 .ab7-c li{display:table-cell; width: calc(33.3% - 18px);height: auto; margin-right: 27px;float: left;vertical-align: top;}
.ab7 .ab7-c li:last-child{margin-right: 0;}
.ab7 .ab7-c li .pic{width: 100%;height: auto;background-position:center;background-repeat: no-repeat;background-size: cover;}
.ab7 .ab7-c li .pic img{display: block;width: 100%;height: auto;}
.ab7 .ab7-c li .con{text-align: center; width: 100%;height: auto;}
.ab7 .ab7-c li .con h5{font-size: 24px;color: #333333;margin-top: 20px;text-align: center;}
.ab7 .ab7-c li .con .line{ display: block;width:26px ;height: 5px;background: #ff7f00;margin: 0 auto;margin-top: 15px;margin-bottom: 15px;}
.ab7 .ab7-c li .con .txt{width: 100%;height: auto;}
.ab7 .ab7-c li .con .txt p{font-size: 16px;color: #333333;}
@media only screen and (max-width: 1400px) {
	.ab7 .ab7-c li .con h5{font-size: 20px;}
}
@media only screen and (max-width:1024px ) {
.ab7 .ab7-c li .con .line{width: 26px;height: 3px;margin-top: 10px;margin-bottom: 10px;}
.ab7 .ab7-c li .con .txt p{font-size: 15px;}
}
	
@media only screen and (max-width:720px ) {
.ab7 .ab7-c li{width: calc(33.3% - 10px);margin-right: 15px;}
.ab7 .ab7-c li:last-child{margin-right: 0;}
	.ab7 .ab7-c li .con h5{margin-top: 15px;font-size: 18px;}

}
	
@media only screen and (max-width:520px ) {
.ab7 .ab7-c li{width: 100%;margin-bottom: 30px;margin-right: 0;}
.ab7 .ab7-c li:last-child{margin-bottom: 0;}
}




.ab8{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.ab8 .in-title h5{color: #FFFFFF;} 
.ab8 .txt{width: 80%;margin: 0 auto; height: auto;text-align: center;}
.ab8 .txt p{font-size: 16px;color: #FFFFFF;}

	
@media only screen and (max-width:1200px ) {
.ab8 .txt{width: 100%;height: auto;}

}
@media only screen and (max-width:1024px ) {
.ab8 .txt p{font-size: 15px;}	
}


.ab9{width: 100%;height: auto;background: #f3f3f3;}
.ab9  .ab9-c{width: 100%;height: auto;position: relative;}
.ab9  .ab9-c .ab9-js{width:calc(100% - 140px);height: auto;}
.ab9  .ab9-c .ab9-js .pic{display: block; width: 100%;height: auto;border: 1px solid  #ff7f00;}
.ab9 .ab9-c .ab9-js .pic img{display: block;width: 100%;height: auto;}

.ab9 .ab9-c .swiper-button-next{
    background-image: url(../img/a034.png);
    right: 0px;
    left: auto;
}
.ab9 .ab9-c .swiper-button-prev{
    background-image: url(../img/a033.png);
    left: 0px;
    right: auto;
}

.ab9 .ab9-c .swiper-button-prev,.ab9 .ab9-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width:50px;
    height:50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}

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

.ab9 .ab9-c .swiper-button-prev,.ab9 .ab9-c .swiper-button-next {
    width:40px;
    height:40px;
    margin-top: -20px;
    background-size: 40px 40px;}
    
    .ab9  .ab9-c .ab9-js{width:calc(100% - 120px);}
}
@media only screen and (max-width:1024px) {

.ab9 .ab9-c .swiper-button-prev,.ab9 .ab9-c .swiper-button-next {
    width:36px;
    height:36px;
    margin-top: -20px;
    background-size: 36px 36px;}
    .ab9  .ab9-c .ab9-js{width:calc(100% - 92px);}
}
@media only screen and (max-width:720px) {
	    .ab9  .ab9-c .ab9-js{width:calc(100% - 0px);}
	    .ab9 .ab9-c .swiper-button-prev,.ab9 .ab9-c .swiper-button-next {
    width:30px;
    height:30px;
    margin-top: -20px;
    background-size: 30px 30px;}
}


.partner{width: 100%;height: auto;}
.partner .part-c{width: 100%;height: auto;position: relative;}
.partner .part-c .part-js{width:calc(100% - 140px);margin: 0 auto;padding: 5px;}
.partner .part-c .part-js .pic{width: 100%;height: auto;box-shadow: 0px 0 4px rgba(0,0,0,0.2);}
.partner .part-c .part-js .pic img{display: block;width: 100%;height: auto;}

.partner .part-c .swiper-button-next{
    background-image: url(../img/a034.png);
    right: 0px;
    left: auto;
}
.partner .part-c .swiper-button-prev{
    background-image: url(../img/a033.png);
    left: 0px;
    right: auto;
}

.partner .part-c .swiper-button-prev,.partner .part-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width:50px;
    height:50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}

	
@media only screen and (max-width:1400px) {
.partner .part-c .swiper-button-prev,.partner .part-c .swiper-button-next {
    width:40px;
    height:40px;
    margin-top: -20px;
    background-size: 40px 40px;}
    
.partner .part-c .part-js{width:calc(100% - 120px);}
}
@media only screen and (max-width:1024px) {
.partner .part-c .swiper-button-prev,.partner .part-c .swiper-button-next {
    width:36px;
    height:36px;
    margin-top: -20px;
    background-size: 36px 36px;}
 .partner .part-c .part-js{width:calc(100% - 92px);}
}
@media only screen and (max-width:720px) {
	 .partner .part-c .part-js{width:calc(100% - 0px);}
.partner .part-c .swiper-button-prev,.partner .part-c .swiper-button-next {
    width:30px;
    height:30px;
    margin-top: -20px;
    background-size: 30px 30px;}
}

























.in-top{width: 100%;height: auto;}

.in-top-c{padding:3% 4%; z-index: 888;position: relative; width: 90%;max-width: 1500px; margin: 0 auto; background: #002d65;margin-top: 62.5px; }
.in-top-c .tl{position: absolute;width: 100%;padding: 3% 4% 0 4%; height:125px;bottom: 100%;z-index: 889;left: 0;background: #002D65;}
.in-top-c .tl .title{position: relative;}
.in-top-c .tl .title h2{position: relative;color: #FFFFFF;}
.in-top-c .tl .title h2:before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: calc(100% - 125px);height: 1px; background: rgba(255,255,255,0.5);}
.in-top-c .tl .mb-nav{position: absolute;right:0%;top: 0%; display: inline-block;text-align: right;width: auto;color: #FFFFFF;}
.in-top-c .tl .mb-nav a{color: #FFFFFF;}
.in-top-c .tl .mb-nav a.nav1{color: #FF7F00;}
.in-top-c .sort{width: 100%;height: auto;font-size: 0;}
.in-top-c .sort li{font-size: 16px; margin-bottom: 15px; line-height: 38px;height: 40px;text-align: center; padding: 0 20px; margin-right: 20px; display: inline-block;border-radius: 20px; border: 1px solid rgba(255,255,255,0.8);font-size: 16px;}
.in-top-c .sort li a{color: #FFFFFF;}
.in-top-c .sort li.cut{background: #FF7F00;border: 1px solid #FF7F00; }
.in-top-c .sort li:hover{background: #FF7F00;border: 1px solid #FF7F00; }

	
@media only screen and (max-width:1200px ) {
.in-top-c .tl{height: 110px;}
.in-top-c{margin-top: 55px;}
}

@media only screen and (max-width:1024px ) {
.in-top-c .tl{height:90px;}	
.in-top-c{margin-top: 45px;}
.in-top-c .sort li{font-size: 15px;}
}	
@media only screen and (max-width:850px) {
.in-top-c .tl .title h1{display: none;}
.in-top-c .tl .title h2{display: none;}
.in-top-c .tl{position: inherit;padding: 0;height: auto;}
.in-top-c .tl{padding: 0;background: none;}
.in-top-c{margin-top: 0;width: 100%;background: #F1f1f1;}
.in-top-c .tl .mb-nav{width: 100%; text-align:right;position: inherit;color: #333333;}
.in-top-c .tl .mb-nav a{color: #333333;}
.in-top-c .sort{margin-top: 30px;}
.in-top-c .sort li{border: 1px solid #ff7f00;font-size: 14px;margin-right: 10px; margin-bottom: 10px;line-height: 34px;height: 36px;}
.in-top-c .sort li a{color: #333333;}
.in-top-c .sort li.cut a{color: #FFFFFF;}
.in-top-c .sort li:hover a{color: #FFFFFF;}
}










.in-title2{width: 100%;height: auto;}
.in-title2 h5{font-size: 36px;color:#002D65;}
.in-title2 .line{margin-top: 5px; width: 100%;height: 10px;display: block;position: relative;padding-top: 5px;z-index: 0;}
.in-title2 .line:before{content: ""; display: block; position: absolute;left: 0;top: 50%;z-index: 1; transform: translateY(-50%);background: #ff7f00;width: 30px;height: 10px;}
.in-title2 .line span{display: block;width: 145px;height: 1px;background:#e9e9e9;}


.in-title{width: 100%;height: auto;}
.in-title h5{text-align: center;}
.in-title .line:before{left: 50%;transform: translateX(-50%)translateY(-50%);}
.in-title .line span{margin: 0 auto;}



	
@media only screen and (max-width:1024px ) {
.in-title2 h5{font-size: 30px;}
.in-title2 .line span{width: 120px;}
.in-title2 .line {height: 7px;padding-top: 3px;}
.in-title2 .line:before{width: 25px;height: 6px;}

}




.af{width: 100%;height: auto;overflow: hidden;}
.af .af-l{width:50%;float: left;padding-right: 5%;}
.af .af-r{width: 50%;height: auto;float: right;}
.af .af-r img{display: block;width: 100%;height: auto;}
.af .af-l .txt{width: 100%;height: auto;}
.af .af-l .txt p{font-size: 16px;color: #333333;}

	
@media only screen and (max-width: 1400px) {
.af .af-r{margin-top: 5%;}
}
@media only screen and (max-width:1200px ) {
.af .af-r{width: 40%;margin-top:100px;}
.af .af-l{width:60%;}	
}
@media only screen and (max-width:1024px ) {

.af .af-r{display: none;}
.af .af-l{width: 100%;padding-right: 0;}
.af .af-l .txt p{font-size: 15px;}	
}

.af2{ padding-top: 30px; width: 100%;height: auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.af2-c{width: 100%;height: auto;position: relative;z-index: 0;}
.af2-c .af2-con{width: 72%;height: auto;}
.af2-c .af2-con .in-title2 h5{color: #FFFFFF;}
.af2-c .af2-con .in-title2 .line span{background: #FFFFFF;}
.af2-c .af2-con .in-title2 .line:before{background: #FFFFFF;}
.af2-c .af2-con .txt{width: 100%;height: auto;}
.af2-c .af2-con .txt p{font-size: 16px;color: #FFFFFF;}
.af2 .af2-c .bk{position: absolute;left: 0;bottom: 0;width:75%;z-index: -1; height:100%; background: rgba(255,127,0,0.8);}
@media only screen and (max-width:1024px ) {
	.af2-c .af2-con .txt p{font-size: 15px;}
	.af2-c .af2-con{width: 77%;}
	.af2 .af2-c .bk{width: 80%;}
}
@media only screen and (max-width:720px ) {
	.af2{padding-top: 0;}
.af2-c .af2-con{width: 88%;}	
.af2 .af2-c .bk{width:90%;}	
}


.af3{width: 100%;height: auto;overflow: hidden;}
.af3 .af3-c{height: auto;overflow: hidden;}
.af3 .af3-r{width:55%;float: right;padding-left: 5%;}
.af3 .af3-l{width: 45%;height: auto;float:left;}
.af3 .af3-l img{display: block;width: 100%;height: auto;}
.af3 .af3-r .txt{width: 100%;height: auto;}
.af3 .af3-r .txt p{font-size: 16px;color: #333333;}

	
@media only screen and (max-width: 1400px) {
.af3 .af3-l{margin-top: 5%;}
}
@media only screen and (max-width:1200px ) {
.af3 .af3-l{width: 40%;margin-top:100px;}
.af3 .af3-r{width:60%;}	
}
@media only screen and (max-width:1024px ) {

.af3 .af3-l{display: none;}
.af3 .af3-r{width: 100%;padding-left: 0;}
.af3 .af3-r .txt p{font-size: 15px;}	
}



.person{width: 100%;height: auto;}
.person .person-c{height: auto;overflow: hidden;}
.person .person-c .pic{width: 400px;height: 400px;float: left;}
.person .person-c .pic img{display: block;width: 100%;height: auto;}
.person .person-c .con{width: calc(100% - 400px);padding-left: 5%;float: left; height: auto;}
.person .person-c .con li{width: 100%;height: auto;margin-bottom: 2%;}
.person .person-c .con li h5{font-size: 24px;color: #002D65;margin-bottom: 20px;font-weight: normal;}
.person .person-c .con li .txt{width: 100%;height: auto;}
.person .person-c .con li .txt p{font-size: 16px;color: #333333;}
@media only screen and (max-width:1400px ) {
.person .person-c .con li h5{font-size: 20px;}	
}
@media only screen and (max-width:1100px ) {
	.person .person-c .con li h5{margin-bottom: 10px;}
	.person .person-c .pic{width: 350px;height: auto;}
	.person .person-c .con {width: calc(100% - 350px);}
}
@media only screen and (max-width:1024px ) {
	.person .person-c .pic{display: none;}
	.person .person-c .con{width: 100%;height: auto;padding-left: 0;}
	.person .person-c .con li .txt p{font-size: 15px;}
}


.welfare{position: relative; width: 100%;height: auto;background-size: cover;background-position: center;z-index: 1; background-repeat: no-repeat;}
.welfare .bk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,45,101,0.5);z-index: -1;}
.welfare-c{width: 100%;height: auto;border-left: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2);}
.welfare .in-title h5{color: #FFFFFF;}
.welfare .con{width: 100%;height: auto;font-size: 0; text-align: center;}
.welfare .con li{font-size: 16px;color: #FFFFFF; display:inline-block;border: 1px solid #FFFFFF;line-height: 45px;padding: 0 20px;margin:10px;}

@media only screen and (max-width:1024px ) {
	.welfare .con li{font-size: 15px;}
}
@media only screen and (max-width:720px ) {
	.welfare .con li{border: none;margin:0  0 10px 0; padding:0 0  0 20px;line-height: 1.5; position: relative;text-align: left;display: block;}
	.welfare .con li:before{content: "";position: absolute;left: 0;top: 9px;width: 6px;height: 6px;background: #FF7F00;}
.welfare-c{border:none;}
.welfare .in-title h5{text-align: left;}
.welfare .in-title .line:before{left: 0;transform: translateY(-50%);}
.welfare .in-title .line span{float: left;}

}



.join{width: 100%;height: auto;background: #f5f5f5;}

.join-box{width: 100%;height: auto;background: #FFFFFF;padding:5%;}
.join-top{background:#FF7F00;}
.join-top ul{width: 100%;height: auto;overflow: hidden;}
.join-top ul li{width: 20%;float: left;text-align: center;color: #FFFFFF;line-height: 70px;}
.join-t{width: 100%;height: auto;}
.join-t ul{width: 100%;height: auto;overflow: hidden;}
.join-t ul li{font-size: 16px;color: #333; height: 75px; border-bottom:1px solid #d2d2d2; width: 20%;text-align: center;float: left;
overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.join-t ul .btnn .op{display: none;color: #FF7F00;}
.join-t.cut ul .btnn .cl{display:none;}
.join-t.cut ul .btnn .op{display:inherit;}


.join-b{display: none; width: 100%;}
.join-b-c{background: #f5f5f5;width: 100%;padding:4%;}
.join-b1{width: 100%;height: auto;border-bottom: 1px dashed #a0a0a0;}
.join-b1 li{margin-bottom: 30px;width: 100%;height: auto;}
.join-b1 h3{font-size: 16px;color: #333333;margin-bottom: 20px;}
.join-b1 p{font-size: 16px;color: #333333;}
.join-b2{width: 100%; height: auto; margin-top: 30px;}
.join-b2 li{width: 100%;height: auto;overflow: hidden;}
.join-b2 li p{color: #0A1944;font-size: 16px;}
.join-b2 li .mail{display: inline-block;margin-left: 10px; line-height: 35px;border-radius: 10px;background: #FF7F00;padding: 0 15px;color: #FFFFFF;}

@media only screen and (max-width:850px ) {
	.join-box{width: 100%;height: auto;padding: 0;padding-bottom: 30px;}
	.join-top{padding: 0 10px;}
	.join-t{padding: 0 10px;}
	.join-b{padding: 0 10px;}
	.join-top ul li{width: 33.3%;text-align: center;font-size: 15px;}

	.join-top ul li:nth-child(4){display: none;}
	.join-top ul li:nth-child(5){display: none;}
	.join-t ul li{width: 33.3%;text-align: center;font-size: 15px;}
	.join-t ul li:nth-child(4){display: none;}
	.join-t ul li:nth-child(5){display: none;}
	.join-b1 p{font-size: 15px;}
}



.contact{width: 100%;height: auto;}
.contact .contact-c{width: 90%;margin: 0 auto;height: auto;position: relative;}
.contact .cont-l{width: 50%;height: auto;padding-right: 5%;}
.contact .cont-l h5{font-size: 36px;color: #333333;font-weight: normal; width: 100%;height: auto;}
.contact .cont-l ul{width: 100%;height: auto;margin-top:50px;}
.contact .cont-l ul li{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.contact .cont-l ul li .ico{width: 45px;height:auto;float: left;}
.contact .cont-l ul li .ico img{display: block;width: 100%;height: auto;}
.contact .cont-l ul li .con{width: calc(100% - 45px);height: auto; padding-left: 5%;float: right;}
.contact .cont-l ul li .con h6{font-size: 14px;color: #333333;font-weight: normal;}
.contact .cont-l ul li .con .txt{margin-top: 10px; width: 100%;height: auto;}
.contact .cont-l ul li .con .txt p{font-size: 18px;color: #333333;}
.contact .cont-l ul li .con .ewm{width: 100%;height: auto;}
.contact .cont-l ul li .con .ewm a{width: 80px;float: left;margin-right: 20px;}
.contact .cont-l ul li .con .ewm a img{width: 100%;height: auto;display: block;}
.contact .cont-l ul li .con .ewm a p{text-align: center;font-size: 14px;margin-top: 10px;}

.contact .cont-r{padding: 5%  3%; width: 50%;position:absolute;background: #FF7F00; height: auto;top: -20%; z-index: 88;right: 0;}
.contact .cont-r .tl {width: 100%;height: auto;margin-bottom: 40px;}
.contact .cont-r .tl h5{font-size: 36px;color: #FFFFFF;font-weight: normal;}
.contact .cont-r .tl .line{width: 40px;height: 3px;display: block;background: #FFFFFF;margin-top: 10px;}
.contact .cont-r form{display: block;width: 100%;height: auto;color: #FFFFFF;}
.contact .cont-r form .c1{color: #FFFFFF;font-size: 16px; margin-bottom: 10px;line-height: 55px; width: 100%;height: auto;background: none;border: none; border-bottom: 1px solid #FFFFFF;}
.contact .cont-r form .c2{color: #FFFFFF; width: 100%;color: #FFFFFF; height: 180px;background: none;border: none; border-bottom: 1px solid #FFFFFF;}
.contact .cont-r .c3{margin-top: 10px; width: 100%;height:50px;background: none; color:#FFFFFF; border: 1px solid #FFFFFF;}
.contact .cont-r form .c1::-webkit-input-placeholder {color: #FFFFFF;font-family: arial;}
.contact .cont-r form .c1::-moz-placeholder {color: #FFFFFF;font-family: arial;}
.contact .cont-r form .c1::-moz-placeholder {color: #FFFFFF;font-family: arial;}
.contact .cont-r form .c1::-ms-input-placeholder {color: #FFFFFF;font-family: arial;}

@media only screen and (max-width:1400px ) {
.contact .contact-c{width: 100%;height: auto;}
.contact .cont-l h5{font-size: 30px;}	
.contact .cont-r .tl h5{font-size: 30px;}	
}

@media only screen and (max-width:1024px ) {
.contact .cont-l ul li .ico{width: 36px;height: 36px;float: left;}
.contact .cont-l ul li .con{width: calc(100% - 36px);}	
.contact .cont-r form .c1{line-height: 40px;font-size: 15px;}

.contact .cont-r form .c2{height: 150px;}
.contact .cont-r .c3{height: 40px;}
.contact .cont-r{position: absolute;bottom: 0;top: auto;}	
}
@media only screen and (max-width:720px ) {
.contact .cont-l{width: 100%;height: auto;padding-right: 0;}
.contact .cont-r form .c2{height: 120px;}
.contact .cont-r{width: 100%;height: auto;margin-top: 40px;position: relative;}	
.contact .cont-l ul li .con .txt p{font-size: 16px;}
}

.map{width: 100%;height:520px;}
.map #container{width: 100%;height: 520px;}



.news{width: 100%;height: auto;}
.news .news-list{width: 100%;height: auto;margin-top:35px;}
.news .news-list li{width: 100%;height: auto;overflow: hidden;padding: 20px 0;}
.news .news-list li .con{width: 90%;max-width: 1500px; margin: 0 auto;height: auto;overflow: hidden;}
.news .news-list li .con .pic{width:360px ;height: auto;float: left;}
.news .news-list li .con .pic img{display: block;width: 100%;height: auto;}
.news .news-list li .con .right{width:calc(100% - 360px);  padding-left: 8%;float: left;  height: auto;}
.news .news-list li .con .right h5{width:calc(100% - 50px);padding-right: 5%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #333333;font-size: 22px;margin-top: 3%; }
.news .news-list li .con .right .right-c {margin-top: 5%; width: 100%;height: auto;overflow: hidden;}
.news .news-list li .con .right .right-c .txt{width:calc(100% - 50px);padding-right: 5%; float: left;height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}
.news .news-list li .con .right .right-c .txt p{font-size: 16px;color: #333333;}
.news .news-list li .con .right .right-c  .tim{width: 50px;height: auto;float: right;}
.news .news-list li .con .right .right-c .tim .time{font-size: 16px;}
.news .news-list li .con .right .right-c .tim .time b{font-size: 16px;font-weight: normal;}
.news .news-list li .con .right .right-c .tim .time span{font-size: 12px;}
.news .news-list li .con .right .right-c .tim .more{width: 40px;height: 10px;}
.news .news-list li .con .right .right-c .tim .more img{display: block;width: 100%;height: auto;}
.news .news-list li .con .right .right-c .tim .more .img2{display: none;}

.news .news-list li:hover{background: #ff7f00;}
.news .news-list li:hover .con .right h5{color: #FFFFFF;}
.news .news-list li:hover .con .right .right-c .txt p{color: #FFFFFF;}
.news .news-list li:hover .con .right .right-c .tim .time {color:#FFFFFF;}
.news .news-list li:hover .con .right .right-c .tim .more .img1{display: none;}
.news .news-list li:hover .con .right .right-c .tim .more .img2{display: inherit;}
@media only screen and (max-width:1400px ) {
.news .news-list li .con .pic{width: 280px;height: auto;}
.news .news-list li .con .right{width: calc(100% - 280px);padding-left: 5%;}	
.news .news-list li .con .right h5{font-size: 20px; margin-top: 2%;}	
.news .news-list li .con .right .right-c{margin-top: 3%;}
}

@media only screen and (max-width:1024px ) {
	.news .news-list li .con .pic{width: 240px;}
	.news .news-list li .con .right{width: calc(100% - 240px);}
	.news .news-list li .con .right h5{font-size: 18px;}
	.news .news-list li .con .right  .right-c .txt{height: 66px;}
	.news .news-list li .con .right .right-c .txt p{font-size: 15px;}
}
@media only screen and (max-width:720px ) {
	.news .news-list li .con .pic{width: 110px;}
	.news .news-list li .con .right{width: calc(100% - 110px);}
	.news .news-list li .con .right .right-c .tim{display: none;}
	.news .news-list li .con .right h5{width: 100%;margin-top: 0;font-size: 16px;}
	.news .news-list li .con .right .right-c .txt{width: 100%;height: 44px; padding-right:0%;-webkit-line-clamp: 2;}
}



.fy{padding: 0 5%; width: 100%;height: auto;text-align: center;margin-top: 35px;font-size: 0;}
.fy a{font-size: 16px;display: inline-block; color: #333333;padding: 0 10px;line-height: 30px;margin: 0 5px;}

.fy a:hover{background: #ff7f00;color: #FFFFFF;}
.fy a.cut{background: #ff7f00;color: #FFFFFF;}
@media only screen and (max-width:1024px ) {
.fy a{font-size: 15px;}	
.fy a{margin: 0 1px;}
}
@media only screen and (max-width:720px ) {
.fy a{font-size: 14px;padding: 0 8px;line-height: 24px; }	
.fy a{margin: 0 1px;}	
}


.box-bk{width: 100%;height: auto;background: #f5f5f5;}
.case{width: 100%;height: auto;}
.case .case-list{width: 100%;height: auto;overflow: hidden;}
.case .case-list li{width: calc(33.3% - 16px);margin-right: 24px;float: left;margin-bottom: 24px; }
.case .case-list li:nth-child(3n){margin-right: 0;}
.case .case-list li .pic{width: 100%;height: auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.case .case-list li .pic img{display: block;width: 100%;height: auto;}
.case .case-list li .con{background: #FFFFFF;width: 100%;height: auto;padding: 20px ;}
.case .case-list li .con h5{font-size: 22px;color: #333333; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case .case-list li .con .txt{margin-top: 20px;width: 100%;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.case .case-list li .con .txt p{font-size: 16px;color: #333333;}
.case .case-list li:hover .con{background:#FF7f00;}
.case .case-list li:hover .con h5{color: #FFFFFF;}
.case .case-list li:hover .con  .txt p{color: #FFFFFF;}

@media only screen and (max-width:1400px ) {
.case .case-list li .con h5{font-size: 20px;}	
}
@media only screen and (max-width:1024px ) {
	.case .case-list li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
.case .case-list li:nth-child(3n){margin-right: 0;}
.case .case-list li .con h5{font-size:18px;}
.case .case-list li .con .txt{margin-top: 10px;height: 44px;}
.case .case-list li .con .txt p{font-size: 15px;}	
}
@media only screen and (max-width:720px ) {
	.case .case-list li .con{padding: 15px 10px;}
	.case .case-list li .con h5{font-size: 16px;}
		.case .case-list li{width: calc(50% - 7.5px);margin-right: 15px;}
			.case .case-list li:nth-child(3n){margin-right: 15px;}
				.case .case-list li:nth-child(2n){margin-right: 0;}
}

.news-d{width: 100%;height: auto;}
.news-d .date{font-size: 16px;padding-left: 65px;position: relative;font-family:"century gothic";color: #666666;}
.news-d .date:before{position: absolute;content: "";left: 0;top: 50%;width: 55px;transform: translateY(-50%); height: 2px;background:#ff7f00;}
.news-d h5{font-size: 22px;color:#333333;margin-top: 20px;}
.news-d .con{width: 100%;height: auto;background: #FFFFFF;padding: 5%;}
.news-d .con .txt {width: 100%;height: auto;}
.news-d .con .txt p{font-size: 16px;color: #333333;}
.news-d .pn{width: 100%;height: auto;margin-top: 30px;overflow: hidden;}
.news-d .pn-l{width: calc(100% - 145px);float: left;}
.news-d .pn-l a{color: #333333;font-size: 16px;display: block; width: 100%;margin-bottom: 10px;}
.news-d .pn-l a span{color: #333333; font-weight: bolder;}
.news-d .pn-l a:hover{color: #ff7f00;}
.news-d  .pn .return{display: block; float: right;text-align: center;width: 135px;line-height: 50px;color: #ff7f00;font-family:"century gothic"; border: 1px solid #ff7f00;border-radius: 5px;}
.news-d  .pn .return:hover{background: #ff7f00;color: #FFFFFF;}
@media only screen and (max-width:1400px ) {
	.news-d h5{font-size: 20px;}
}
@media only screen and (max-width:1024px ) {
	.news-d h5{font-size: 18px;}
	.news-d .con .txt p{font-size: 15px;}
	.news-d .pn-l{width: 100%;float: inherit;}
	.news-d .pn-l a{font-size: 15px;}
	.news-d .pn .return{float: inherit;margin-top: 15px;line-height: 40px;}
	
}


.sale{width: 100%;height: auto;}
.sale .pic{width: 100%;height: auto;margin-bottom: 30px;}
.sale .pic img{display: block;width: 100%;height: auto;}
.sale .txt{width: 100%;height: auto;}
.sale .txt p{font-size: 16px;color: #333333;}
@media only screen and (max-width:1024px ) {
	.sale .txt p{font-size: 15px;}
}

.indus{width: 100%;height: auto;}
.indus-c{width: 100%;height: auto;background: #FFFFFF;padding: 0 5%;}
.indus-c h5{font-size:32px ;color:#ff7f00;}
.indus-c  .txt{width: 100%;height: auto;}
.indus-c .txt p{font-size: 16px;color: #333333;}
.indus-c .txt p img{display: block;width: 100%;height: auto;}
	
@media only screen and (max-width:1024px ) {
.indus-c h5{font-size: 28px;}
.indus-c .txt p{font-size: 15px;}

}





.case2{width: 100%;height: auto;}
.case2 .case2-c{width: 100%;height: auto;position: relative;}
.case2 .case2-c .case2-js{width:calc(100% - 140px);margin: 0 auto; height: auto;}
.case2 .case2-c .case2-js .case2-list{width: 100%;height: auto;}
 .case2 .case2-c .case2-js .case2-list .pic{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
 .case2 .case2-c .case2-js .case2-list .pic img{display: block;width: 100%;height: auto;}
 .case2 .case2-c .case2-js .case2-list .con{background: #FFFFFF;width: 100%;height: auto;padding: 20px;}
 .case2 .case2-c .case2-js .case2-list .con h5{font-size: 22px;color: #333333; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .case2 .case2-c .case2-js .case2-list .con .txt{margin-top: 20px;width: 100%;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
 .case2 .case2-c .case2-js .case2-list .con .txt p{font-size: 16px;color: #333333;}
 .case2 .case2-c .case2-js .case2-list:hover .con{background:#FF7f00;}
 .case2 .case2-c .case2-js .case2-list:hover .con h5{color: #FFFFFF;}
 .case2 .case2-c .case2-js .case2-list:hover .con  .txt p{color: #FFFFFF;}
 .case2 .case2-c .swiper-button-next{
    background-image: url(../img/a034.png);
    right: 0px;
    left: auto;
}
 .case2 .case2-c .swiper-button-prev{
    background-image: url(../img/a033.png);
    left: 0px;
    right: auto;
}

 .case2 .case2-c .swiper-button-prev, .case2 .case2-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width:50px;
    height:50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}




@media only screen and (max-width:1400px ) {
 .case2 .case2-c .case2-js .case2-list .con h5{font-size: 20px;}	
 
 .case2 .case2-c .swiper-button-prev, .case2 .case2-c .swiper-button-next {
    width:40px;
    height:40px;
    margin-top: -20px;
    background-size: 40px 40px;}
 .case2 .case2-c .case2-js{width:calc(100% - 120px);}
 
}
@media only screen and (max-width:1024px ) {


 .case2 .case2-c .swiper-button-prev, .case2 .case2-c .swiper-button-next {
    width:36px;
    height:36px;
    margin-top: -20px;
    background-size: 36px 36px;}
 .case2 .case2-c .case2-js{width:calc(100% - 92px);}



 .case2 .case2-c .case2-js .case2-list .con h5{font-size:18px;}
 .case2 .case2-c .case2-js .case2-list .con .txt{margin-top: 10px;height: 44px;}
 .case2 .case2-c .case2-js .case2-list .con .txt p{font-size: 15px;}	
}
@media only screen and (max-width:720px ) {
 .case2 .case2-c .case2-js .case2-list .con{padding: 15px 10px;}
 .case2 .case2-c .case2-js .case2-list .con h5{font-size: 16px;}
 	  .case2 .case2-c .case2-js{width:calc(100% - 0px);}
	 .case2 .case2-c .swiper-button-prev, .case2 .case2-c .swiper-button-next {
    width:30px;
    height:30px;
    margin-top: -20px;
    background-size: 30px 30px;}
}


.product{width: 100%;height: auto;}
.product .pro-list{width: 100%;height: auto;}
.product .pro-list li{width: 100%;height: auto;overflow: hidden;margin-bottom: 35px;}
.product .pro-list li .pic-bk{float: left; position: relative; width: 310px;height: auto;padding-left: 10px;padding-bottom: 10px;z-index: 0;}
.product .pro-list li .pic-bk:before{position: absolute;content: "";left: 0;bottom: 0;width: calc(100% - 10px);z-index: -1; height: calc(100% - 10px);background: #002d65;}
.product .pro-list li .pic-bk  .pic{width:100%; height: auto;border: 1px solid #d5d5d5; background-position: center;background-repeat: no-repeat;background-size: cover;}
.product .pro-list li .pic-bk .pic img{display: block;width: 100%;height: auto;}
.product .pro-list li .con{width: calc(100% - 310px);float: left;height: auto;}
.product .pro-list li .con .tlm{ padding-bottom: 30px; margin-bottom: 30px; position: relative; width: 100%;height: auto;padding-left: 6%;}
.product .pro-list li .con .tlm:before{content:"";position: absolute;left: 0;bottom: 0;width: 18%;height: 2px;background: #ff7f00;}
.product .pro-list li .con .tlm h5{width: calc(100% - 90px); font-size: 22px;color: #002d65;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product .pro-list li .con .tlm .more{position: relative; float: right;display: block;font-family:"century gothic";width: 80px; font-size: 16px;color: #FF7F00;}
.product .pro-list li .con .tlm .more:after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-6px); width: 26px;height: 6px;background: url(../img/a044.png)center no-repeat;background-size: cover;}

.product .pro-list li .con .con-t{padding-left: 5%;width: 100%;height: auto;}
.product .pro-list li .con .con-t .txt1{width: 100%;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.product .pro-list li .con .con-t .txt1 p{font-size: 16px;color: #333333;}
.product .pro-list li .con .con-t .txt2{width: 100%;height: auto;margin-top: 20px;}
.product .pro-list li .con .con-t .txt2 p{width: 50%;font-size: 16px; height: auto;position: relative; padding-right: 5%;float: left;padding-left: 20px;margin-bottom: 10px;}
.product .pro-list li .con .con-t .txt2 p:before{content: "";position:absolute;left: 0;top: 8px;width: 6px;height: 6px;background: #FF7F00;border-radius: 100%;}

	
@media only screen and (max-width:1400px) {
	.product .pro-list li .con .tlm h5{font-size: 20px;}
}
@media only screen and (max-width:1024px) {
.product .pro-list li .con .tlm h5{font-size: 18px;}
.product .pro-list li .pic-bk{ width:210px;}
.product .pro-list li .con .con-t .txt1{height: 44px;}
.product .pro-list li .con .con-t .txt1 p{font-size: 15px;}
.product .pro-list li .con .con-t .txt2 p{font-size: 15px;}
.product .pro-list li .con{width: calc(100% - 210px);}

}
@media only screen and (max-width:850px ) {
.product .pro-list li .con .con-t .txt2{display: none; }	
}
	
@media only screen and (max-width:720px ) {
.product .pro-list li .pic-bk{width: 100%;height: auto;float: inherit;}
.product .pro-list li .con{width: 100%;float: inherit; padding-left: 0;padding:25px 0; border-bottom: 1px dashed #ff7f00;}
.product .pro-list li .con .tlm:before{display: none;}
.product .pro-list li .con .tlm{padding-bottom: 0;margin-bottom: 20px;}
.product .pro-list li .con .tlm h5{width: 100%;height: auto;float: inherit;}
.product .pro-list li .con .tlm .more{display: none;}

}

.case-d{width: 100%;height: auto;}
.case-d .case-dc{width: 100%;height: auto;background: #FFFFFF;padding: 0 5%;}
.case-d .case-dc h5{font-size: 32px;color: #ff7f00;}
.case-d .case-dc .txt{width: 100%;height: auto;}
.case-d .case-dc .txt p{font-size: 16px;color: #333333;}
.case-d .case-dc .txt p img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1024px ) {
	.case-d .case-dc h5{font-size: 28px;}
	.case-d .case-dc .txt p{font-size: 15px;}
}


.mb-nav2{padding-top:74px;background: #FFFFFF;}
@media only screen and (max-width:1024px ) {
	.mb-nav2{padding-top: 60px;}
}

.pro-d{width: 100%;height: auto;background: #FFFFFF;}
.pro-d .pro-dl{width:45%;height: auto;float: left; padding: 0 100px;position: relative;}
.pro-d .pro-dl1{width: 100%;height: auto;}
.pro-d .pro-dl1 .pic{width: 100%;height: auto;}
.pro-d .pro-dl1 .pic img{display: block;width: 100%;height: auto;}

.pro-d .pro-dl2 .pic{width: 100%;height: auto;border: 1px solid #DCDCDC;}
.pro-d .pro-dl2 .pic img{display: block;width: 100%;height: auto;}
.pro-d .pro-dl2 .swiper-slide-thumb-active .pic{border: 1px solid #ff7f00;}




.pro-d .pro-dl .swiper-button-prev{
    background-image: url(../img/a046.png);
    left: 0px;
    right: auto;
}
.pro-d .pro-dl .swiper-button-next{
    background-image: url(../img/a045.png);
    right: 0px;
    left: auto;
}
.pro-d .pro-dl .swiper-button-prev, .pro-d .pro-dl .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -50px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}

.pro-d .pro-dr{width: 55%;height: auto;float: right;padding-left: 10%;}
.pro-d .pro-dr h5{font-size: 22px;color: #002d65;width: 100%;height: auto;overflow: hidden;}
.pro-d .pro-dr .con1{margin-top: 5%; width: 100%;height:72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.pro-d .pro-dr .con1 p{font-size: 16px;color: #333333;}
.pro-d .pro-dr .con2{margin-top: 5%;width: 100%;height: auto;}
.pro-d .pro-dr .con2 h6{font-size: 16px;color: #333333;}
.pro-d .pro-dr .con2 .txt{width: 100%;height: auto;margin-top: 20px;}
.pro-d .pro-dr .con2 .txt p{width: 100%;height: auto;padding-left: 20px;position: relative;margin-bottom: 10px;}
.pro-d .pro-dr .con2 .txt p:before{position: absolute;content: "";left: 0;top: 8px;width: 6px;height: 6px;background: #ff7f00;border-radius: 100%;}
.pro-d .pro-dr .bn{margin-top:15%; width: 100%;height: auto;overflow: hidden;}
.pro-d .pro-dr .bn .download{position: relative; width:160px;text-align: center;color: #FFFFFF;padding-left: 24px;  display: block;height: 50px;line-height: 50px;float: left; background: #ff7f00;}
.pro-d .pro-dr .bn .download:before{content: "";position: absolute;left:24px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;background:url(../img/a047.png)center no-repeat;background-size: cover;}

.pro-d .pro-dr .bn .zx{position: relative; width:160px;text-align: center;color: #FFFFFF;padding-left: 24px;  display: block;height: 50px;line-height: 50px;background: #002d65;margin-left: 20px; float: left; }
.pro-d .pro-dr .bn .zx:before{content: "";position: absolute;left:24px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;background:url(../img/a048.png) center no-repeat;background-size: cover;}


@media only screen and (max-width:1400px ) {
	.pro-d .pro-dr h5{font-size: 20px;}
		.pro-d .pro-dl{padding: 0 60px;}
	.pro-d .pro-dr .bn{margin-top: 10%;}
	.pro-d .pro-dl .swiper-button-prev, .pro-d .pro-dl .swiper-button-next {
    width:40px;
    height: 40px;
    margin-top: -40px;
    background-size:40px 40px;

}
	
	
}
@media only screen and (max-width:1200px ) {
	.pro-d .pro-dl{padding: 0 50px;}
	.pro-d .pro-dr{padding-left: 5%;}
}

@media only screen and (max-width:1024px) {
		.pro-d .pro-dr h5{font-size: 18px;}
		.pro-d .pro-dr .con1{height: 66px;}
		.pro-d .pro-dr .con1 p{font-size: 15px;}
		.pro-d .pro-dr .con2 .txt p{font-size: 15px;}
			.pro-d .pro-dl{padding: 0 40px;}
		.pro-d .pro-dl .swiper-button-prev, .pro-d .pro-dl .swiper-button-next {
    width:30px;
    height: 30px;
    margin-top: -30px;
    background-size:30px 30px;

}
	
}
@media only screen and (max-width:800px) {
.pro-d .pro-dl{width: 80%;float: inherit; padding: 0 35px; margin: 0 auto; height: auto;}
.pro-d .pro-dr{width: 100%;float: inherit; padding-left: 0;height: auto;margin-top:45px;}
.pro-d .pro-dr .bn .download{width: 120px;height: 45px;line-height: 45px;padding-left: 25px;font-size: 15px;}
.pro-d .pro-dr .bn .download:before{left: 18px;width: 20px;height: 20px;}
.pro-d .pro-dr .bn .zx{width: 120px;float: left;margin-left: 15px; height: 45px;line-height: 45px;padding-left: 25px;font-size: 15px;}
.pro-d .pro-dr .bn .zx:before{left: 18px;width: 20px;height: 20px;}
}

	
@media only screen and (max-width:480px ) {
.pro-d .pro-dl{width: 100%;height: auto;}
}




.detail{width: 100%;height: auto;}
.detail .detail-sort{width: 100%;height: auto;border-bottom: 1px solid #DCDCDC;}
.detail .detail-sort ul{width: 100%;height: auto;font-size: 0;}
.detail .detail-sort ul li{display: inline-block;position: relative;font-size: 24px;color: #333333;padding: 0 20px 10px 20px; margin: 0 10px;}
.detail .detail-sort ul li.cut{color: #ff7f00;}
.detail .detail-sort ul li:hover{color: #ff7f00;}
.detail .detail-sort ul li.cut:before{ content: "";  position: absolute;bottom:-1px;left: 0;width: 100%;height: 5px;background: #ff7f00;}
.detail .detail-sort ul li:hover:before{content: "";  position: absolute;bottom:-1px;left: 0;width: 100%;height: 5px;background: #ff7f00;}
.detail .detail-con{display: none;width: 100%;height: auto;}
.detail .detail-con .text{width: 100%;height: auto;}
.detail .detail-con .text p{font-size: 16px;color:#333333;}


@media only screen and (max-width:1400px ) {
.detail .detail-sort ul li{font-size: 20px;}	
}
@media only screen and (max-width:1024px ) {
.detail .detail-con .text p{font-size: 15px;}
.detail .detail-sort ul li{font-size: 18px; padding: 0 10px 10px 10px;}
.detail .detail-sort ul li.cut:before{height: 3px;}
.detail .detail-sort ul li:hover:before{height:3px;}
}

@media only screen and (max-width: 720px) {
	.detail .detail-sort ul{overflow: hidden;}
.detail .detail-sort ul li{vertical-align: top; font-size: 16px;width: 33.3%;margin: 0;padding: 0 10px 10px 10px;height: 50px;float: left; text-align: center;    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
	
}


.download{width: 100%;height: auto;}

.download .download-top{width: 100%;height: auto;clear: both;}
.download .download-top .in-title2{float: left;width: calc(100% - 350px);}
.download .download-top  form{margin-top: 5px; float: right; border-radius: 5px; display: block;width: 320px;border: 1px solid #999999;position: relative;height:40px;}
.download .download-top  form .ss{width: 100px;height: 38px;background: #002D65;border-top-right-radius: 5px; border-top: 1px solid #999999;border-bottom: 1px solid #999999;  border-bottom-right-radius: 5px; border: none;position: absolute;right: 0;top: 0px;color: #FFFFFF;font-size: 16px;}
.download .download-top form .sk{padding-left: 10px;font-family: "微软雅黑",arial; width: calc(100% - 100px);height: 38px;border: none;background: none;}

.download .down-list{width: 100%;height: auto;}
.download .down-list li{line-height: 45px; width: 100%;position: relative; height: auto;padding-left: 40px;padding-top: 15px;padding-bottom: 15px; border-bottom: 1px dashed #DCDCDC; overflow: hidden;}
.download .down-list li:before{content: ""; position: absolute;left:0px;top: 50%;transform: translateY(-50%); height: 30px;width: 30px;background: url(../img/a049.png)center no-repeat;background-size: cover;} 
.download .down-list li h5{float: left;width: calc(100% - 140px);font-size: 22px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.download .down-list li .d-an{float: right; position: relative; width:120px;font-size: 16px; text-align: center;color: #FFFFFF;padding-left: 24px;  display: block;height: 45px;line-height: 45px;float: left; background: #ff7f00;}
.download .down-list li .d-an:before{content: "";position: absolute;left:18px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background:url(../img/a047.png)center no-repeat;background-size: cover;}

@media only screen and (max-width:1400px ) {
	.download .down-list li h5{font-size: 20px;}
}
@media only screen and (max-width:1024px) {
	.download .down-list li h5{font-size: 18px;}
	
}
@media only screen and (max-width: 720px) {
		.download .download-top .in-title2{width: 100%;float: none;}
	.download .download-top form{width: 100%;max-width: 400px;float: none; margin-top: 30px;}
		.download .download-top form .sk{width: calc(100% - 70px);}
		.download .download-top form .ss{width:70px;}
	.download .down-list li {padding-left:25px;line-height: 30px;}
	.download .down-list li:before{width:20px;height: 20px;}
	.download .down-list li h5{font-size: 16px;font-weight: normal; width: calc(100% - 90px);}
	.download .down-list li .d-an{ float:right ; width:80px;line-height: 30px;height: 30px;font-size: 14px;padding-left: 0;}
	.download .down-list li .d-an:before{display: none;}
}




.dl-menus .search2{position: absolute;right:85px;margin-top: 19px; width: 22px;height: 22px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.dl-menus  .search2-c{display: none; position: absolute;top: 100%;left: 0;width: 100%;background: rgba(255,255,255,0.9);padding: 15px 5%;height: auto;}
.dl-menus  .search2-c .c1{width: calc(100% - 110px);line-height: 36px;border: 1px solid #DCDCDC;background: #FFFFFF;padding-left: 20px;font-size: 14px;color: #000; float: left;}
.dl-menus  .search2-c .ss{width: 100px;line-height: 36px;border: 1px solid #Ff7f00; float: right; display: block;background: #ff7f00; background-size: 22px 22px;background-position: center;background-repeat: no-repeat;}