@charset "utf-8";
*{ font-family:'微软雅黑'; }
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#2a2a2a;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#eee;}
a:hover{ color:#d22311;}
img{ max-width:100%;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}

body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
html{ font-size:26px !important}
body{ font-size:26px !important; width:100%;}
}
DIV.green-black{ width:100%; padding:20px 0; text-align:center; }
DIV.green-black A{COLOR: #fff;MARGIN-RIGHT: 2px;TEXT-DECORATION: none;font-size:100%;background-color: #464646; padding:8px 12px; display:inline-block;}
DIV.green-black A:hover{COLOR: #fff;font-size:100%;background-color: #126ace;}
DIV.green-black A:active{COLOR: #fff;font-size:100%;background-color: #126ace;}
DIV.green-black SPAN.current{FONT-WEIGHT: bold;COLOR: #fff;MARGIN-RIGHT: 2px;font-size:100%;background-color:#126ace;padding:8px 12px; display:inline-block}

@font-face{

font-family:'Alternate';
font-family:'Alternate';
	src:url('../fonts/Alternate.eot?') format('eot');/*IE*/
	src:url('../fonts/Alternate.TTF') format('truetype');/*non-IE*/

}


::-webkit-scrollbar { background-color: transparent;width: 4px;}
::-webkit-scrollbar-thumb {background-color: #4A4A4A;}
::scrollbar { background-color: transparent;width: 4px;
}
::scrollbar-thumb {background-color: #4A4A4A;}
.ss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    overflow: hidden;
}

.about{ background:url(../images/abg1.jpg) center no-repeat; background-size:cover;}
.pro{ background:url(../images/pbg.jpg) center no-repeat; background-size:cover;}
.new{ background:url(../images/nbg.jpg) center no-repeat; background-size:cover;}
.case{ background:url(../images/cbg.jpg) center no-repeat; background-size:cover;}

.fpage{width: 100%; overflow: hidden; background:url(../images/bg5.jpg) center no-repeat;height: 100%;background-size: cover;}
.fpage {height: 460px !important;}
.swiper-pagination-bullet::after{ content:''; width:56px; height:1px; background:rgba(59,161,228,0.5); display:block; position:absolute; left:-75px; top:13px; transform:scale(0,1); transition:all 0.5s ease; transform-origin:right}
.swiper-pagination-bullet.swiper-pagination-bullet-active::after{transform:scale(1)}

.swiper-pagination .swiper-pagination-bullet::before{ display:block; position:absolute; left:-105px; font-size:1.5rem; top:-2px; opacity:0;transition:all 0.7s ease; font-family:Arial, Helvetica, sans-serif; font-style:oblique; color:#eee}
.swiper-pagination .swiper-pagination-bullet:nth-child(1)::before{content:'1'}
.swiper-pagination .swiper-pagination-bullet:nth-child(2)::before{content:'2'}
.swiper-pagination .swiper-pagination-bullet:nth-child(3)::before{content:'3'}
.swiper-pagination .swiper-pagination-bullet:nth-child(4)::before{content:'4'}
.swiper-pagination .swiper-pagination-bullet:nth-child(5)::before{content:'5'}
.swiper-pagination .swiper-pagination-bullet:nth-child(6)::before{content:'6'}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{ opacity:1}

.fl{ float:left;}
.fr{ float:right;}
.kd{ margin:0 auto; width:96%; max-width:1300px;}
.tkd{margin:0 auto; width:96%; max-width:1400px;}
@media screen and (max-width:1368px){
.kd{ width:1300px;}
.tkd{ width:1300px;}
}
@media screen and (max-width:1024px){
.kd{ width:980px;}
.tkd{ width:1024px;}
}
@media screen and (max-width:768px){
.kd{ width:96%;}
.tkd{ width:96%;}
.fpage {height: 680px !important;}
}

.head{ position:fixed; top:0; width:100%; border-bottom:1px solid rgba(255,255,255,0.1);  z-index:99; transition:all 0.5s ease}
.logo{ padding:12px 0;}
.tel{ background:url(../images/tel_03.png) left 41px no-repeat; padding:41px 0 0 47px}
.tel p{ font-size:1.5rem; font-family:'Century Gothic'; color:#ffffff;}
.ser{ padding:41px 0 0; margin-right:22px;}
.menu{ width:50%;  position:relative; z-index:3; margin-right:2%; }
.sticky.head{ background:#0a74c6}
@media screen and (max-width: 768px){
.tel{ display:none}
.ser{ display:none}
}

.mobile-inner-nav{ z-index:99; display:block;  width:100%; display:inline-block;}
.mobile-inner-nav li{ float:left; position:relative; width:14.28%; text-align:center; box-sizing:border-box; box-sizing:border-box;}
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:inline-block; color:#fff; margin:0; font-size:1rem; text-align:center;transition:all 0.5s; position:relative; padding:0 10px; }
.mobile-inner-nav a span{ position:absolute; left:0; width:100%; height:4px; background:#0892ef; transform:scale(0,1); transition:all 0.5s; bottom:-3px;}
.mobile-inner-nav a p{ color:#fff; font-size:1rem; transition:all 0.5s; padding:41px 0; display:block; z-index:2; position:relative}
.mobile-inner-nav li:hover a span,.mobile-inner-nav li.cur a span{ transform:scale(1,1);}
.mobile-inner-nav li:hover a p,.mobile-inner-nav li.cur a p{ color:#fff; font-weight:bold;}
.sticky.head .mobile-inner-nav a span{ background:#fff; }

@media screen and (max-width:768px){
.mobile{width: 100%; position:absolute;}
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li em{ display:none}
.mobile-inner-nav li dl{ display:none}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#fff; right:0; top:75px; width:60px; font-size:1.125rem}
.mobile-inner-header{width: 100%;height:101px; position: absolute;top: 0px;right: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:36px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:10px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.1rem;background-color:#fff; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.1rem;
    background-color: #fff;
    position: absolute;
    left: 25%;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:111px;right: 0;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-nav a{padding:0.75em 0;}
.mobile-inner-header{width: 100%;height:0; position: absolute;top: 0px;right: -16px; }
.mobile-inner-nav{top:101px; right:-30px}
.mobile-inner-header-icon-out p {bottom: 1em;}
.mobile-inner-header .np{ display:block;  right:-15px; top:62px; width:70px; font-size:0.875rem}
.mobile-inner-header-icon{margin-top:24px; margin-right:0; }
.mban{ background:url(../images/ban1.jpg) center top no-repeat !important; background-size:cover}
}


/*banner*/

.slides-box { width: 100%;height: 100%; margin: auto; overflow: hidden;}
.slides { position: relative;height: 100%; width: 100%; margin: auto; float: left;}
.slides li {position: absolute;width:  100%;height: 100%;}
.slides li img{ display: block;width: 100%; margin: auto;}


.prev, .next {position: absolute; z-index: 99;bottom:20px; right:10%; font-size:1.5rem; font-family:'宋体'; color: #fff;cursor: pointer;  opacity: .5;}
.prev:hover, .next:hover{opacity: 1; color:#fff;}
.prev{ right:12%;}

.pagination{position: absolute;bottom: 5px;z-index: 99;}
.pagination li{padding: 5px 3px;float: left;}
.pagination li a{display: block;width: 25px;height: 25px;line-height: 25px;border-radius: 25px; background: #000;color: #fff; text-align: center; font-family: Arial;text-decoration: none;}
.pagination .active{background: red;}

.ban .mouse{ background:url(../images/mouse.png) center no-repeat; width:27px; height:44px; display:block; position:absolute; z-index:999; top:90%; left:50%; margin-left:-13px;animation:shu 2s linear infinite; z-index:88;}
@keyframes shu {
from{top:90%;}
50%{top:92%;}
to{top:90%;}
}
@-moz-keyframes shu {
from{top:90%;}
50%{top:92%;}
to{top:90%;}
}
@-webkit-keyframes shu {
from{top:90%;}
50%{top:92%;}
to{top:90%;}
}

/*公司简介*/
.ab_bg {transition: 0.8s;transform: translate3d(100%,0,0);overflow: hidden;}
.ab_bg { position: absolute;right: 0; bottom: 0;top: 0; width: 50%;z-index: 0;}
.ab_bg .cover_img {transition: 0.8s;transform: translate3d(-100%,0,0); overflow: hidden;}
.cover_img {background-size: cover;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;}
.swiper-slide-active .ab_bg .cover_img {transition: 1s 1s;transform: translate3d(0,00%,0);overflow: hidden;}
.swiper-slide-active .ab_bg {transition: 1s 1s; transform: translate3d(0,00%,0);overflow: hidden;}

.ab-on{ padding-top:200px; position:relative;}
.ab-on .ab_img {transition: 0.8s;transform: translate3d(-100%,0,0); overflow: hidden;width:56.15%;}
.ab-on .ab_img img {transition: 0.8s;transform: translate3d(100%,0,0);overflow: hidden;}
.ab-on .abcon{ width:36%;transition: 0.8s; transform: translate3d(100%,0,0);overflow: hidden;opacity: 0;}
.ab-on .abcon .in1{ float:right;}
.ab-on .abcon h2{ text-align:right; font-size:2.25rem; color:#fff; margin:36px 0;}
.ab-on .abcon p{ font-size:1rem; color:#fff; line-height:2em; text-indent:2em;}
.ab-on .abcon ul{ margin-top:80px;}
.ab-on .abcon ul li{ width:135px; height:135px; border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; float:left; margin-left:24px; text-align:center; padding-top:20px; position:relative; z-index:2}
.ab-on .abcon ul li a{ display:block;}
.ab-on .abcon ul li:nth-child(1){ margin-left:0;}
.ab-on .abcon ul li h3{ color:#efeeee; font-size:1rem; margin:12px 0 5px}
.ab-on .abcon ul li span{ font-size:0.75rem; transform:scale(0.75); color:#919191; text-transform:uppercase;transition:all 0.7s ease;}
.ab-on .abcon ul li i{ z-index:-1; background:#0698f7; width:100%; height:100%; left:0; top:0; transform-origin:left; transition:all 0.7s ease; position:absolute; transform:scale(0,1)}
.ab-on .abcon ul li:hover i{ transform:scale(1);}
.ab-on .abcon ul li:hover span{ color:#eee}
.ab-on .atex2{ position:absolute; bottom:-70px; z-index:3; left:50%; margin-left:-340px;transition: 0.8s;transform: translate3d(0,100%,0); opacity:0}

.swiper-slide-active .ab_img {transition: 1s 1.2s; transform: translate3d(0,00%,0);overflow: hidden;}
.swiper-slide-active .ab_img img { transition: 1s 1.2s;transform: translate3d(0,00%,0);overflow: hidden;}
.swiper-slide-active .abcon {transition: 1s 1.4s;transform: translate3d(0,00%,0);overflow: hidden;opacity: 1;}
.swiper-slide-active .atex2{transition: 1s 1.6s;transform: translate3d(0,00%,0);overflow: hidden;opacity: 1;}
@media screen and (max-width:768px){
.ab-on{ padding-top:120px; position:relative;}
.ab-on .ab_img {width:100%;}
.ab-on .abcon .in1{ float:right; display:none;}
.ab-on .abcon{ width:100%;}
}

/*产品中心*/
.pro-on{ width:100%; position:relative; padding-top:150px;}
.pt-sor .ptit{transition: 0.8s;transform:perspective(1000px) translate3d(100%,0,0); opacity:0;}
.pt-sor .ptit h2{ font-size:2.25rem; color:#fff;}
.pt-sor .ptit h2 span{ color:#209dff}
.pt-sor .ptit p{ font-size:1.125rem; color:#a8a8a8; line-height:1.5em;}
.pt-sor .psort{ border-bottom:2px solid #737373;transition: 1s;transform:perspective(1000px) translate3d(-100%,0,0); opacity:0;}
.pt-sor .psort li{ display:inline-block;}
.pt-sor .psort li a{ color:#d9d9d9; font-size:1rem; padding:18px 12px; display:inline-block; position:relative;}
.pt-sor .psort li a span{ position:absolute; width:100%; height:2px; background:#209dff; bottom:-2px; left:0; transition:all 0.7s ease; transform:scale(0,1);}
.pt-sor .psort li a:hover span{ transform:scale(1);}
.pt-sor .psort .pmore{ display:inline-block; border:1px solid rgba(255,255,255,0.5); font-size:1.125rem; width:32px; height:32px; box-sizing:border-box; text-align:center; margin-left:24px}

.swiper-slide-active .ptit {transition: 2s 1s; transform:perspective(1000px) translate3d(00%,0,0); opacity:1;}
.swiper-slide-active .psort {transition: 2s 1.2s; transform:perspective(1000px) translate3d(00%,0,0); opacity:1;}
/*滚动*/
.pro-scroll{ position:relative; margin-top:75px;}
.pro-scroll .prev{ top:40%; position:absolute; opacity:1; left:-72px; z-index:1;}
.pro-scroll .next{ top:40%; position:absolute; opacity:1; right:-72px; z-index:1;}
.pd li{ padding-top:85px; width:33.33%; position:relative; z-index:2; min-height:746px; float:left; display:block;}
.pd li a{ display:block;}
.pd li a i{ position:absolute; top:0; left:0; width:100%; height:100%; background:#0794f1; z-index:-1; transition:all 0.5s ease; transform-origin:bottom; transform:scale(1,0); opacity:0;}
.pd li a:hover i{ transform:scale(1); opacity:1}
.pd li .ptx{ text-align:center; margin-top:40px;transition:all 0.5s ease;}
.pd li .ptx h3{ font-size:1.25rem; color:#fff;}
.pd li .ptx span{ display:inline-block; border:1px solid #fff; padding:12px 32px; font-size:1rem; margin-top:35px; color:#fff; opacity:0; transition:all 0.5s ease}
.pd li a:hover .ptx{ margin-top:20px}
.pd li a:hover .ptx span{ opacity:1;}
.pro-scroll{transition: 1s;transform: translate3d(0,100%,0);}

.swiper-slide-active .pro-scroll{ transition: 1.4s 1.4s;transform: translate3d(0,00%,0); }
@media screen and (max-width:768px){

}
/*新闻资讯*/
.new-on{ padding-top:200px;}
.tab-2 .nthree{ width:20%;transition: 0.8s;transform: translate3d(-100%,0,0); opacity:0}
.tab-2 .nthree h2{ font-size:2.25rem; color:#fff;}
.tab-2 .nthree h2 span{ color:#68bdff;}
.tab-2 .nthree p{ color:#7dc6ff; font-size:1.125rem; margin-top:5px;}
.tab-2 .nthree .a1{ display:inline-block; width:32px; height:32px; border:1px solid rgba(255,255,255,0.5); text-align:center; line-height:32px; margin-top:30px;}
.tab-2 .nthree ul{ margin-top:91px;}
.tab-2 .nthree li{ border-bottom:1px solid #3ba1e4; max-width:170px;}
.tab-2 .nthree li a{ padding:32px 0; display:inline-block; font-size:1.25rem; color:#a5d8ff; transition:all 0.5s ease}
.tab-2 .nthree li.cur a,.tab-2 .nthree li:hover a{ color:#fff; text-indent:2.5em}

.tab-2 .lthree{width:72.53%; position:relative; transition: 0.8s;transform: translate3d(100%,0,0); opacity:0}
.tab-2 .lthree *{}
.tab-2 .lthree>div{ display:none;}
.tab-2 .lthree>div.cur{display:block;}
.tab-2 .lthree dl{ padding:26px 0 26px 60px; width:100%; box-sizing:border-box; position:relative; z-index:2; background:url(../images/nxx.png) right bottom no-repeat}
.tab-2 .lthree dl i{ position:absolute; width:200%; height:100%; left:0; top:0; background:rgba(0,93,166,0.8); z-index:-1; transform:scale(0,1); transform-origin:right; transition:all 0.8s ease}
.tab-2 .lthree dl:hover{ background:none;}
.tab-2 .lthree dl:hover i{ transform:scale(1);}
.tab-2 .lthree dl a{ display:block;}
.tab-2 .lthree dl .pic{ border:2px solid #fff; width:24.28%; float:left;}
.tab-2 .lthree dl .date{ text-align:center; width:15%; padding-top:24px; float:left;}
.tab-2 .lthree dl .date span{ display:block; color:#fff; font-family:'Alternate'; font-size:60px;}
.tab-2 .lthree dl .date em{ font-size:1.125rem; color:#fff;}
.tab-2 .lthree dl .cond{ float:right; width:59%; padding:24px 0 0;}
.tab-2 .lthree dl .cond h3{ font-size:1.125rem; color:#fff; margin-bottom:16px;}
.tab-2 .lthree dl .cond p{ font-size:1rem; line-height:1.875em; color:#98d2ff}

.swiper-slide-active .nthree{transition:1s 1s;transform: translate3d(00%,0,0); opacity:1}
.swiper-slide-active .lthree{transition:1s 1.4s;transform: translate3d(00%,0,0); opacity:1}
@media screen and (max-width:768px){
.new-on{ padding-top:120px;}
.tab-2 .nthree{ width:100%;}
.tab-2 .nthree ul{ margin-top:21px;}
.tab-2 .nthree li{ border-bottom:1px solid #3ba1e4; max-width:33.33%; width:33.33%; float:left;}
.tab-2 .nthree li.cur a,.tab-2 .nthree li:hover a{ color:#fff; text-indent:0}
.tab-2 .lthree{width:100%; }
.tab-2 .lthree dl{ padding:26px 0 26px 20px;}
.tab-2 .lthree dl .pic{ display:none}
.tab-2 .lthree dl .date{ text-align:center; width:20%; padding-top:24px; float:left;}
.tab-2 .lthree dl .cond{ float:right; width:78%; padding:24px 0 0;}
}
/*工程案例*/
.case-on{ padding-top:150px}
.catit{ text-align:center;transition: 0.8s;transform: translate3d(0,-100%,0); opacity:0}
.catit h2{ color:#fff; font-size:2.25rem;}
.catit ul{ margin-top:24px;}
.catit li{ display:inline-block; margin:0 24px;}
.catit li a{ color:#fff; display:block; position:relative; padding-bottom:10px;}
.catit li a span{ width:100%; position:absolute; height:1px; background:#fff; display:block; bottom:0; transition:all 0.5s ease; transform:scale(0,1);}
.catit li a:hover span{ transform:scale(1);}
.casix{ margin-top:48px;}

.casix li{ width:32.3%; float:left; display:block; overflow:hidden; box-sizing:border-box; position:relative; margin-right:1.55%; margin-bottom:1.55%;transition:1s 1s;transform: translate3d(0,100%,0); opacity:0}
.casix li:nth-child(3n){ margin-right:0}
.casix li img{ transform:scale(1); width:100%; transition:all 0.5s;}
.casix li:hover img{ transform:scale(1.05);}
.casix li p{ position:absolute; bottom:0; background:rgba(67,67,67,0.8); width:100%; color:#fff; padding:12px 0; font-size:1.125rem; text-align:center; transition:all 0.8s}
.ctop{ height:15px; background:rgba(13,123,209,0.95); width:0; position:absolute; left:0; top:0; z-index:91; transition:0.5s;}
.cri{ height:0; background:rgba(13,123,209,0.95); width:15px; position:absolute; right:0; top:0; z-index:91; transition:0.5s;}
.cbo{ height:15px; background:rgba(13,123,209,0.95); width:0; position:absolute; right:0; bottom:0; z-index:91; transition:0.5s;}
.cle{ height:0; background:rgba(13,123,209,0.95); width:15px; position:absolute; left:0; bottom:0; z-index:91; transition:0.5s;}
.casix li .title{ position:absolute; padding:15px; width:100%; height:100%; box-sizing:border-box; left:0; top:100%;  transition:all 0.5s; opacity:1;}
.casix li .title div{ border:1px solid rgba(255,255,255,0.95); height:100%; text-align:center; box-sizing:border-box;background:rgba(13,123,209,0.95);}
.casix li .title div h3{ font-size:1.5rem; color:#fff; padding-top:70px;}
.casix li .title div hr{ width:58px; height:2px; background:#fff; border:none; margin:20px auto;}
.casix li .title div span{ display:inline-block;  border:1px solid rgba(255,255,255,0.95); padding:8px 24px; color:#fff; font-size:1rem; }
.casix li:hover .ctop,.casix li:hover .cbo{ width:100%; transition:0.5s;}
.casix li:hover .cle,.casix li:hover .cri{ height:100%; transition:0.5s;}
.casix li:hover p{ bottom:-100%;}
.casix li:hover .title{  opacity:1; top:0}

.swiper-slide-active .catit{transition:1s 1s;transform: translate3d(0,00%,0); opacity:1}
.swiper-slide-active .casix li:nth-child(1){transition:1s 1.2s;transform: translate3d(0,00%,0); opacity:1}
.swiper-slide-active .casix li:nth-child(2){transition:1s 1.4s;transform: translate3d(0,00%,0); opacity:1}
.swiper-slide-active .casix li:nth-child(3){transition:1s 1.6s;transform: translate3d(0,00%,0); opacity:1}
.swiper-slide-active .casix li:nth-child(4){transition:1s 1.8s;transform: translate3d(0,00%,0); opacity:1}
.swiper-slide-active .casix li:nth-child(5){transition:1s 2s;transform: translate3d(0,00%,0); opacity:1}
.swiper-slide-active .casix li:nth-child(6){transition:1s 2.2s;transform: translate3d(0,00%,0); opacity:1}
@media screen and (max-width:768px){
.casix li{ width:49%; margin-right:2%;}
.casix li:nth-child(3n){ margin-right:2%}
.casix li:nth-child(2n){ margin-right:0%}
}


/*友情链接*/
.in-fri{  padding:12px 0; background:#087fdd}
.gg1{ width:100%;}
.ftit{ width:8%; box-sizing:border-box;}
.ftit p{ font-size:1.125rem; color:#fff}
.fgun{  width:92%; line-height:1.5em;}
.fgun a{ display:inline-block; padding:0 10px; float:left; color:#ffffff;  font-size:0.875rem; transition:all 0.3s ease}
.fgun a:hover{ color:#ffc600}
@media screen and (max-width:768px){
.in-fri{ display:none;}
}


.fmenu{ background:url(../images/fbg1.jpg) center no-repeat; min-height:135px;}
.fmenu .fl{ padding-top:30px;}
.fmenu .fr{ padding-top:62px;}
.fmenu .fr li{ float:left;padding:0 20px}
.fmenu .fr li:after{ width:6px; height:1px; background:#fff; content:''; display:inline-block; position:relative; right:-20px; top:-5px}
.fmenu .fr li:last-child:after{ display:none}
.fmenu .fr li a{ color:#fff; display:inline-block; }

.foot{ background:url(../images/fbg2.jpg) center no-repeat; border-top:1px solid #208fe5;height: 100%;background-size: cover;}
.fcon{ padding-top:43px;}
.fcon p{ color:#cfe9fe; font-size:1rem; line-height:2.25em;}
.fwx{ padding-top:28px; text-align:center;}
.fwx p{ color:#f0f0f0; font-size:0.875rem; line-height:2em;}
.fwx a{display: flex;justify-content: space-evenly;}
.fwx a:hover{ color:#f0f0f0;}
.fwx a img{width: 10%;}
.fbq{ margin-top:30px;}
.fbq p{ font-size:0.875rem; color:#8fceff;}
.fbq p a{ color:#8fceff;}

@media screen and (max-width: 768px){
.foot{ margin-bottom:100px}
.fmenu{ background:url(../images/fbg1.jpg) center no-repeat; background-size:cover;}
.fmenu .fl{ display:none}
.fmenu .fr{ width:100%; padding-top:30px;}
.fmenu .fr li{ margin-bottom:16px;}
.foot{ background-size:cover; padding-bottom:20px}
.fbq p{ float:none; line-height:1.5em;}
}

/*浮动*/
.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#1370b7; z-index:99999}
.fudong li{ width:25%; text-align:center; height:80px; margin:10px 0; border-right:1px solid rgba(255,255,255,0.3); float:left; box-sizing:border-box;}
.fudong li p{ color:#fff;}
}