/* CSS Document */
body{ font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif}
.header.hover{ background:rgba(0,0,0,0.8)}
.indexmenu li .xiala {
	 position:absolute;  
	 left:0;
     width: 100%;
	  background: rgba(235,235,235,0.9);
    opacity: 0;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transform: translateY(-700px);
    -webkit-transform: translateY(-700px);
    -moz-transform: translateY(-700px);
    -o-transform: translateY(-700px);
    -ms-transform: translateY(-700px);
    }
   .indexmenu li:hover .xiala {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    }
	.indexmenu{ padding-right:15px}
	.logo{ margin:10px 20px}
    .indexmenu li{ line-height:45px; display:inline-block;}
    .indexmenu li a{ display:block; color:#fff; position:relative; padding:12px 25px; font-size:15px}
	 .indexmenu li a.hover:after{ content:''; display:block; width:100%; height:3px; position:absolute; background:#FF6600; left:0; bottom:-1px }
	header{ position:fixed; z-index:555; width:100%; left:0; top:0; border-bottom:#fff solid 1px;}
	.header{}
	.vd{ position:absolute; width:100%; left:0; height:100%; top:0; display:flex; align-items:center}
	.section{ overflow:hidden}
	
	.s1{ position:relative; z-index:5;
	
	
    background-size: cover;
    height: 100%;
	}
	.lo{ padding:20px 30px}
	.rbar{ position:fixed; right:0; padding-top:40px; overflow-y:auto;
    width: 300px;
    right: 0;
    height: 100%; background:#fff;
    z-index: 15501;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    top: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);}
	.rbar.hover {
    transform: translateX(0);
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.op0{filter:alpha(opacity=0); /* ie 有效*/-moz-opacity:0; /* Firefox 有效*/opacity:0; /* 通用，其他浏览器 有效*/}
.animated {
 filter:alpha(opacity=100); /* ie 有效*/-moz-opacity:1; /* Firefox 有效*/opacity: 1; /* 通用，其他浏览器 有效*/
}

.del025
{
animation-delay:0.25s;
-webkit-animation-delay:0.25s;
}
.del050
{
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.del100
{
animation-delay:1s;
-webkit-animation-delay:1s;
}
.del125
{
animation-delay:1.25s;
-webkit-animation-delay:1.25s;
}
.dur500{animation-duration:500ms !important}

	#down{ font-size:24px}
	.xia{ position:absolute; bottom:100px; width:220px; left:50%; margin-left:-110px; color:#fff; text-align:center}
	.xia {    -webkit-animation: fadeInDown 2s infinite;
    -moz-animation: fadeInDown 2s infinite;
    -o-animation: fadeInDown 2s infinite;
    -ms-animation: fadeInDown 2s infinite;
    animation: fadeInDown 2s infinite;}
	.section2{ padding-top:70px}
	.s2bg{	
	background-image: url(../images/s2.jpg); background-position: center center;
    background-size: cover;
    height: 100%;}
	.s2right{ display:table}
	.section2 .col-sm-6{ padding:0; position:relative; height:100%;}
	.section2 .col-sm-6 div{ display:table-cell; vertical-align:middle; padding-left:80px; padding-right:80px; line-height:30px; color:#fff}
	.org{ color:#FF6600!important}
	.mybtn{ border:#fff solid 1px; padding:5px 40px; display:inline-block; position:relative; color:#fff}
	.mybtn span{ position:relative; z-index:4;}
	.mybtn:after{ background:#FF6600; left:0; top:0; position:absolute; content:''; height:100%; display:block; width:0}
	.mybtn:after span{ color:#fff !important}
	.mybtn:hover:after{ width:100% }.mybtn:hover{ color:#fff !important; text-decoration:none; border:#FF6600 solid 1px; }
	.sline{ border-bottom:#FF6600 solid 1px; width:120px; margin:30px 0 20px 0; display:inline-block}
	.section3{ text-align:center}
	.s3bg{ position:absolute; width:100%; top:0; left:0; height:100%;filter:alpha(opacity=80); /* ie 有效*/-moz-opacity:.8; /* Firefox 有效*/opacity:.8; /* 通用，其他浏览器 有效*/}
	.s3bg ul{ height:100%}
	.s3bg li{ height:100%; background-size:cover; position:absolute; width:100%; top:0; left:0; background-position:center center;filter:alpha(opacity=0); /* ie 有效*/-moz-opacity:0; /* Firefox 有效*/opacity:0; /* 通用，其他浏览器 有效*/}
	.s3bg li.hover{ filter:alpha(opacity=100); /* ie 有效*/-moz-opacity:1; /* Firefox 有效*/opacity: 1; /* 通用，其他浏览器 有效*/}
	.s3con{ position:relative; z-index:55; top:-20px}
	
	.s3conbg{ width:800px; height:400px; position:absolute ; top:50%; margin-top:-200px; left:50%; margin-left:-400px; background:rgba(0,0,0,0.2);    transform: translate(1350px, 750px);
    -moz-transform: translate(1350px, 750px);
    -ms-transform: translate(1350px, 750px);
    -o-transform: translate(1350px, 750px);
	-webkit-transition: .5s .6s;
    -moz-transition: .5s .6s;
    -ms-transition: .5s .6s;
    -o-transition: .5s .6s;
    -webkit-transform: translate(1350px, 750px);}
	.s3conbg p{ margin:0;}
	.active .s3conbg{     transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    -webkit-transform: translate(0);}
	.s3conbg p:before{ position:absolute; content:''; display:block; width:25px; height:25px}	.s3conbg p:after{ position:absolute; content:''; display:block; width:25px; height:25px}
	.s3conbg p.d1{ position:absolute; width:100%; left:0; top:0; position:absolute; top:0 }
	.s3conbg p.d2{ position:absolute; width:100%; left:0; bottom:0; position:absolute;}
	.s3conbg p.d2:before{ border-left:#666 solid 5px; border-bottom:#666 solid 5px; left:0; bottom:0}	
	.s3conbg p.d1:before{ border-left:#666 solid 5px; border-top:#666 solid 5px; left:0}	
	.s3conbg p.d2:after{ border-right:#666 solid 5px; border-bottom:#666 solid 5px; right:0; bottom:0}	
	.s3conbg p.d1:after{  right:0;border-right:#666 solid 5px; border-top:#666 solid 5px;}
	#s3 { position:relative ; top:30px}
	
	#s3  .swiper-slide{ width:574px}
	.s3smbg{ width:600px; height:460px; border:#666666 dashed 1px; position:absolute; top:-30px ; left:100px}
	#s3 .mybtn{ margin-top:120px; position:relative; top:100px; filter:alpha(opacity=0); /* ie 有效*/-moz-opacity:0; /* Firefox 有效*/opacity: 0; /* 通用，其他浏览器 有效*/}
	#s3 .swiper-slide-active  .mybtn{top:0px;   margin-top:120px;filter:alpha(opacity=100); /* ie 有效*/-moz-opacity:1; /* Firefox 有效*/opacity: 1}
	.swiper-slide-active h2{ position:relative; font-size:22px;}
	.prve{ position:absolute; left:50%; margin-left:-380px; top:50px; z-index:55; cursor:pointer; display:block; width:47px; height:70px}
	.next{ position:absolute; left:50%; margin-left:330px; top:50px; z-index:55; cursor:pointer; display:block; width:47px; height:70px}
	.prve:hover{ margin-left:-390px}
	.next:hover{ margin-left:340px}
	.prve:before{background: #666666;
    background: ;
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    position: absolute;
    left: 0;
    top: 50%;
    width:60px;
    height: 2px;
    content: '';
    transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;}
	
	.prve:after {
    transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    background: #666666;
    background: ;
    position: absolute;
    left: 0;
    top: 50%;
    width:60px;
    height: 2px;
    content: '';
    transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
}
.next:before{    background: #666666;
    background: ;
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    position: absolute;
    right: 0;
    top: 50%;
    width: 60px;
    height: 2px;
    content: '';
    transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;}

.next:after{    transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    background: #666666;
    background: ;
    position: absolute;
    right: 0;
    top: 50%;
    width: 60px;
    height: 2px;
    content: '';
    transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    -webkit-transform-origin: top right;}
	.section4 .swiper-wrapper>div:nth-child(1){animation-delay:0.1s;
-webkit-animation-delay:0.1s;}
	.section4 .swiper-wrapper>div:nth-child(2){animation-delay:0.5s;
-webkit-animation-delay:0.5s;}
	.section4 .swiper-wrapper>div:nth-child(3){animation-delay:0.2s;
-webkit-animation-delay:0.2s;}
	.section4 .swiper-wrapper>div:nth-child(4){animation-delay:0.6s;
-webkit-animation-delay:0.6s;}
.section4 .swiper-wrapper>div:nth-child(5){animation-delay:0.3s;
-webkit-animation-delay:0.3s;}
.section4 .swiper-wrapper>div:nth-child(6){animation-delay:0.7s;
-webkit-animation-delay:0.7s;}
.section4 .swiper-wrapper>div:nth-child(7){animation-delay:0.4s;
-webkit-animation-delay:0.4s;}
.section4 .swiper-wrapper>div:nth-child(8){animation-delay:0.8s;
-webkit-animation-delay:0.8s;}

	.hoverdiv{ position:absolute; width:100%; left:0; top:0; background:rgba(0,0,0,0.5); text-align:center; color:#fff; height:100%; padding:20px;filter:alpha(opacity=0); /* ie 有效*/-moz-opacity:0; /* Firefox 有效*/opacity: 0; /* 通用，其他浏览器 有效*/}
	.section4 .swiper-slide:hover div{ filter:alpha(opacity=100); /* ie 有效*/-moz-opacity:1; /* Firefox 有效*/opacity: 1; /* 通用，其他浏览器 有效*/}
	.hoverdiv h3{ padding-top:20px ; padding-bottom:5px;}
	.page2 { text-align:center ; padding-top:30px;}
	.page2 div{ border:#666 solid 1px; display:inline-block; font-size:24px; color:#666; text-align:center; padding:5px 17px; margin:0 10px }
	.page2 div i:before{-webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;}
	.page2 div i{-webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;}
	.page2 div:hover{border:#FF6600 solid 1px; background:#FF6600; color:#fff}
	.title h2{ margin:0}
	
	.section4 .swiper-container{ margin-top:30px}
	.title p{ color:#666; margin-top:10px}
	.title p:before{ content:''; display:inline-block; width:20px; border-bottom:#666 solid 1px;margin-right:10px; position:relative; top:-4px;}	.title p:after{ margin-left:10px; position:relative; top:-4px; content:''; display:inline-block; width:20px; border-bottom:#666 solid 1px;}
	
	.section5{ height:100%; }


	.contact{ z-index:55; position:absolute; width:25%; text-align:right; right:80px ; color:#fff; top:0; height:100%; display:table}
	
	.contact p{ font-size:16px}
	.cbg {
    position: absolute;
    top: 0;
    z-index: 8;
    right: 0;
    background: transparent;
    border-bottom: 1000px solid;
    border-color: ;
    border-color: #000000;
    border-left: 350px solid transparent;
    border-right: 0px solid transparent;
    width: 45%;
    transform: translateX(100%);
    -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
    -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
    -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 300ms;
    -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
    transition-duration: 1.2s;
}
	.cbg.hover {
    transform: translateX(0);
}
.section6{ color:#aaa; height:160px !important; display:block!important; overflow:visible !important; z-index:56}
.section6 .fp-tableCell{ display:block!important; padding-top:20px}
.icons a{ font-size:20px; color:#aaa; position:relative; margin-left:5px}
.icons a div{ position:absolute; display:none}
.icons a:hover div{ display:block}.icons a:hover div.erw{ left:-70px; bottom:30px; width:150px}
.icons a:hover{ text-decoration:none}

.section4 .container {
    width: 82%; padding:30px 0
}
img{ max-width:100%}
.xia .fa{ font-size:34px  !important; color:#fff}.xia a{ color:#fff}

.inbanner {
    background-color: #3678ff;
    height: 120px; display:table; color:#fff; text-align:center;
 width:100%}
.inbanner h2,.inbanner2 h2{ display:table-cell; vertical-align:middle}
.inbanner2{ background-size:cover!important; background-position:center }
.a1{ background-image:url(../images/a1.jpg); height:345px; color:#fff;}
.a2{ background-image:url(../images/a2.jpg); height:345px;color:#fff; text-align:center}
.a3{ background-image:url(../images/a3.jpg); height:277px; color:#fff;text-align:right}
.aa .container{ background:rgba(0,0,0,0.1); padding:50px}
.aa{ padding:30px 0;    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}.aa { line-height:24px}
.aa h3{ margin:0}
.a2 p{ width:48%; margin:0 auto}
.footer{ background:#002770; padding-top:20px}
.inbanner2{ height:237px; text-align:center;display:table; color:#fff; text-align:center;
 width:100%}
 

.innav li a{ display:block; color:#b8a5a5; padding:25px 30px; font-size:16px;}
.innav li a.hover,.innav li a:hover{ color:#FF6600;}
.caselist .mybtn{ color:#000; border:#000 solid 1px; padding:10px 50px;-webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s; margin-top:20px}
.caselist .mybtn:hover{ color:#fff !important; border:#FF6600 solid 1px}
.innav .swiper-container .swiper-slide{ width:auto}
.searchbox{ width:400px ; padding:5px; position:relative; margin:20px auto; margin-top:0; border:#ccc solid 1px;}
.input-search-btn{ position:absolute; right:5px; top:5px; border:none; background:none}
.ks{ border:none; outline:none; width:100%;}
.caselist li{ margin:15px 0}.caselist li h3{ padding-top:10px; padding-bottom:5px}
.caselist{ padding-bottom:20px}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#FF6600; border:#FF6600 solid 1px}
.pagination>li>a, .pagination>li>span{ color:#666; padding:10px 15px}
.line2{ background:#FF6600; height:3px; width:90px; display:inline-block; position:absolute; top:220px; left:50%; margin-left:-45px;}


.le{ padding:30px; border-radius:5px}
.re{ padding:30px; border-radius:5px;}
.rls li{ margin-top:10px; text-align:center}.rls li p{ padding:8px 0}
.caselist li p{ color:#999}
.sj big{ font-size:24px;}
.sj{ display:block; font-size:18px;font-weight: 300!important;}
.nlist{ padding-bottom:0; padding-top:20px}
.nlist li h3{ margin-top:0; padding-top:0; margin-bottom:15px}
.nlist li{ border-bottom:#333 solid 1px; padding-bottom:30px}
.nlist img{ height:215px}
.tbody{ max-width:1080px; margin:30px auto; border:#eee solid 1px;}
.content{ font-size:16px; line-height:28px}
.bt h1{  font-size:30px}.bt p{font-size:16px; font-weight:300}
.fy{ position:relative; top:-10px}
.fy a{ display:inline-block; border:#333 solid 1px; border-radius:4px; padding:10px 10px}
.fy a:nth-child(1){ float:left}
.fy a:nth-child(2){ float:right}
.bar span{ border-bottom:#FF6600 solid 2px; padding:10px 15px; display:inline-block; }
.bar{ border-bottom:#eee solid 1px; margin-bottom:20px}
.font14{ font-size:14px}
#smimg .swiper-slide{ width:60px; height:60px;    margin: 0 0 0 10px;
    border: 2px solid #ddd;
    opacity: 0.7;}
	#smimg .swiper-slide img{  object-fit: cover; display:block; width:100%; height:100%; }
	.bigimg{ height:330px; padding:10px 0}
	#smimg .active-nav{ border-color:#ff6600}
	.bigimg{ text-align:center; display:flex; align-items:center; width:100%}
	.bigimg img{ max-height:100%; width:auto; display:block; margin:10px auto}
	
.bigimg	.swiper-button-next,.bigimg .swiper-button-prev{ margin-top:-50px}
.map img{ max-width:none}
.s1bg{width: 100%;
    height: 100%;
    float: left; position:absolute; left:0; top:0;
    overflow: hidden;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;background-image: url(../images/bg.jpg);
    background-size: cover;
    height: 100%;}
@media (min-width:1024px){

.re{ min-height:772px}
.innav .swiper-wrapper{  text-align:center; justify-content: center;}
.nlist .col-sm-9{ padding-right:230px; padding-left:40px}
.nlist .mybtn{ position:absolute; right:0; top:20px;}

}
@media (max-width:1024px){
.le{ padding:15px; border-radius:5px}
.re{ padding:15px; border-radius:5px;}
.rls li{ width:50%; float:left; padding:10px}
.fssa{ margin-top:20px}
#smimg .swiper-slide{ width:40px; height:40px; margin-left:5px    }
.bigimg{ padding:0; height:auto}
.mar-sm-0{ margin-top:0}
.pad-sm-0{ padding:0}
.nlist li{ padding-bottom:20px!important}
.nlist .mybtn{ margin-bottom:0px!important}
.caselist li{ padding:0}
.caselist img{ height:auto; width:100%}
.caselist li>div{ padding:0}
.caselist li h3{ font-size:18px; margin-bottom:0; padding-bottom:10px ; margin-top:10px}
.caselist li p{ height:38px; overflow:hidden}
.nlist .col-sm-9{}
.caselist .mybtn{ margin-top:5px; margin-bottom:20px}
 .innav li{ width:150px;  }
 .searchbox{ width:90%; margin-left:5% ; margin-top:10px} 
.zwz{ height:56px}
.aa .sline{ margin-top:25px} 
.s2right .hei20{ height:10px}
.aa .container{ padding:15px}
.a3{ height:220px}
.a2 p{ width:auto; padding-bottom:20px}

.section2{ padding:0}
.section6,.right{ text-align:center !important;}
.section6{ height:200px !important}.section6 p{ margin-bottom:0px; margin-top:5px;}
.smw{ margin-top:25px}
.cbg{ transform: translate(0, 0);
    top: 45%;
    background-color: ;
    background-color: #000000;
    border: none;
    width: 100%; text-align:center; height:60%}
	#map{ height:50% !important}.contact{  top: 45%; width:100%; text-align:center; right:0; padding:30px}
.contact	.middle{ text-align:center; display:block;  }.contact	 h3{ font-size:18px}
.sline{ margin:10px 0;}
.section h2{ font-size:18px}.title p{ font-size:12px}
.logo { position:absolute}
.s2bg,.s2right{ height:50%!important}
.section2 .col-sm-6 div{ display:block; padding:20px}
.section h3{ font-size:18px; margin:0}
.s2right .sline{ margin:0}
.s2right p{ font-size:12px; line-height:21px; max-height:80px; overflow:hidden}
.prve{ left:0; margin:0;transform:scale(0.8);-webkit-transform:scale(0.8);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(0.8);  }.next{ transform:scale(0.8);-webkit-transform:scale(0.8);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(0.8); right:0; left:auto; margin:0}
.indexmenu{ padding-right:0}.indexmenu li a{ padding:6px 25px}
.tbody{ margin:0; border:none; padding:0}
.nxs{ padding:0}
.caselist{ padding-left:15px; padding-right:15px;}
.nlist{ padding:0}
}