@CHARSET "UTF-8";
html {
	font-size: 50px;
	padding: 0;
	margin: 0
}
body{ MARGIN:0PX 0PX; PADDING:0PX 0PX; font-family:'微软雅黑',Arial, Helvetica, sans-serif; TEXT-ALIGN:center;COLOR:#555555; background:#091415; font-size: .24rem; line-height:0.3rem;margin-left:auto;margin-right:auto;}

a{ color:#ffffff; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium}

a:link{ text-decoration:none;}

a:hover{ color:#7bffa9}

a img{ border:0;}

h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}

ul,li{ padding:0px; margin:0px; list-style:none;}

a img{ border:none;}

.Page_container{ max-width: 1200px;min-width: 320px; margin: 0 auto;}

.index_banner{ }



.fa-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.fa-banner .f-wrapper {
	width: 88%
}

.fa-banner .f-section {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 19%
}

.fa-banner .f-section .h1 {
	font-size: .554rem;
	font-family: 思源黑体 CN Light,微软雅黑;
	color: #fff;
	font-weight: normal
}

.fa-banner .f-section .h3 {
	font-size: .302rem;
	font-family: 思源黑体 CN Light,微软雅黑;
	color: #fff;
	font-weight: normal;
	margin-top: .3rem
}

.fa-banner .f-section a {
	position: relative;
	display: block;
	width: 1.5rem;
	height: .42rem;
	font-size: .18rem;
	font-family: 思源黑体 CN Light,微软雅黑;
	color: #fff;
	font-weight: normal;
	margin-top: .35rem;
	border-radius: .21rem;
	border: 1px solid #fff;
	text-align: center;
	line-height: .42rem;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #efefef;
	transition: width .3s;
	opacity: .5
}

.swiper-pagination-bullet-active {
	width: 36px;
	opacity: 1
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px!important
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 12px
}




/* demo slider*/
.touchslider-demo{ position:relative; overflow:hidden;}
.touchslider-demo .touchslider-nav {
	position:absolute; left:0%; bottom:30px; z-index:2;
	width: 100%; text-align: center;
	text-align: center;
	
}
.touchslider-demo .touchslider-nav a {
	cursor: pointer;
	color: #000;
}
.touchslider-demo .touchslider-nav a:active {
	background: #689db2;
}

.touchslider-nav {
	
}
.touchslider-demo .touchslider-prev {
	position: relative;
	height: 16px;
	background: #fff;
	width: 100px;
	display: inline-block;
}
.touchslider-demo .touchslider-next {
	position: relative;
	width: 100px;
	height: 16px;
	background: #fff;
	display: inline-block;
}
.touchslider-demo .touchslider-next-in {
	position: absolute; /* fix safari render font */
}
.touchslider-demo .touchslider-prev-in {
	position: absolute;
}
.touchslider-demo .touchslider-nav-item {
	 background:#ffffff; width:10px; height:10px; display:inline-block; text-indent:-9999px; margin:0px 5px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
.touchslider-demo .touchslider-nav-item-current {
	background:#009853;
}

.touchslider-item img{ transform: scale(1, 1); animation: bannerbig 20s linear infinite;}
@keyframes bannerbig {
  0% {
     -webkit-transform: scale(1.0,1.0); transform: scale(1.0,1.0);
  }
  6.5% {
    -webkit-transform: scale(1.04,1.04); transform: scale(1.04,1.04);
  }
  25% {
    -webkit-transform: scale(1.08,1.08); transform: scale(1.08,1.08); 
  }
  37.5% {
    -webkit-transform: scale(1.12,1.12); transform: scale(1.12,1.12); 
  }
  50% {
    -webkit-transform: scale(1.16,1.16); transform: scale(1.16,1.16); 
  }
  62.5% {
    -webkit-transform: scale(1.12,1.12); transform: scale(1.12,1.12); 
  }
  75% {
   -webkit-transform: scale(1.08,1.08); transform: scale(1.08,1.08); 
  }
  87.5% {
     -webkit-transform: scale(1.04,1.04); transform: scale(1.04,1.04);
  }
  100% {
    -webkit-transform: scale(1,1); transform: scale(1,1);
  }
}

/*幻灯片*/


.top_bg{ background: url(../common/tm.png) repeat; height: 90px; position: fixed; left: 0; top: 0; width: 100%; z-index: 5;}
.top_menu{ position:fixed; left: 0; top: 0; width: 100%; z-index: 6;}
.top_menu_con{ max-width: 1200px; min-width: 320px; margin: 0 auto; }
.top_menu_con ul li{ text-align: center; width: 20%; max-width: 150px; overflow: hidden;  font-size: 0.3rem; float: left; position: relative; }

.top_menu_con ul li:after{
   content: '';
   position:absolute;
   width:80%;
   border-bottom:1px solid rgba(255, 255, 255, 0.5);
   bottom:50%;
   left:-100%;
   transition-delay: all 0.5s;
   transition: all 0.5s;
}
.top_menu_con ul li:hover:after,
.top_menu_con ul li.hover:after{
   left:100%;
}


.top_menu_con ul li a{ color: #ffffff; display: block; height: 87px; line-height: 87px; 
	transition:all 0.75s;
   transform:translateY(100%) translateZ(0);
   transition-delay:all 0.25s;
   text-shadow:0px -90px 0px rgba(255, 255, 255, 1);
   
} 
.top_menu_con ul li:hover a{ color: #1ecd90; text-shadow:0px -40px 0px rgba(255, 255, 255, 0);
   transform:translateY(0%) translateZ(0) scale(1);
}
.top_menu_con .top_tel{ color: #ffffff; padding-top: 0.5rem; font-size: 0.32rem; text-align: right;}
.top_menu_con .top_tel img{ vertical-align: middle; margin-right: 10px;}

.home_yewu_bg{ background: url(../common/home_yewu_bg.jpg) no-repeat center bottom #091415;   }
.home_yewu{ padding-top: 1rem; padding-bottom: 2.6rem; -moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;}
.srcospcur {-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
.home_yewu .yewu_li{ margin: 0.5rem 0; padding: 0.5rem 0; text-align: center; border: solid 1px #091415; cursor: pointer;}
.home_yewu .yewu_li:hover{ border: solid 1px #1b5a45; background: #0e2124;}
.home_yewu .yewu_li img{ width: 50%; max-width: 166px;}
.home_yewu .yewu_li .title{ font-size: 0.34rem; color: #7bffa9; padding: 0.3rem 0; }
.home_yewu .yewu_li .jianshu{ font-size: 0.26rem; color: #9da1a2; line-height: 0.4rem; min-height: 1.6rem; padding-bottom: 0.3rem; width: 60%; margin: 0 auto;}
.home_yewu .yewu_li .detail_btn{ font-size: 0.26rem; color: #2eb686; border:solid 1px #2eb686; padding: 0.13rem 0.6rem; margin: 0 auto; display:block;-moz-border-radius: 0.1rem;
-webkit-border-radius: 0.1rem; border-radius: 0.1rem; width: 3rem;  }
.home_yewu .yewu_li .detail_btn2{ font-size: 0.26rem; background: #2eb686; color: #ffffff;  padding: 0.13rem 0.6rem; margin: 0 auto; display:block;-moz-border-radius: 0.1rem;
-webkit-border-radius: 0.1rem; border-radius: 0.1rem; width: 3rem; }

.home_yewu .yewu_li .title,.home_yewu .yewu_li .jianshu,.home_yewu .yewu_li .more_div{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;}
.home_yewu.srcospcur .yewu_li .title,.home_yewu.srcospcur .yewu_li .jianshu,.home_yewu.srcospcur .yewu_li .more_div{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}

.home_intro_bg{ background: url(../common/home_intro_bg.jpg) no-repeat center bottom #1a3d43; background-size: 100% 100%; padding: 2rem 0.5rem;}
.home_intro_bg .intro_show .title{ font-size: 0.5rem; line-height: 0.7rem; padding-bottom: 0.8rem; text-align: center; color: #ffffff; }
.home_intro_bg .intro_show .jianshu{ font-size: 0.28rem; line-height: 0.7rem; padding-bottom: 0.3rem; text-align: center; max-width: 910px; margin: 0 auto; color: #ffffff; }
.home_intro_bg .intro_show .btn_line{ padding: 0.3rem 0; }
.home_intro_bg .intro_show .btn_line a.contact_btn{ background: #184f4c; border:solid 1px #388568; padding: 0.2rem 1rem; display: inline-block; color: #ffffff; margin: 0 0.2rem;}
.home_intro_bg .intro_show .btn_line a.contact_btn:hover{ border: solid 1px #7bfda8; color: #7bfda8; }

.home_intro_bg .intro_show .title,.home_intro_bg .intro_show .jianshu,.home_intro_bg .intro_show .btn_line{ -moz-transform: translate(0,120px); -o-transform: translate(0,120px); -webkit-transform: translate(0,120px); transform: translate(0,120px);  opacity: 0;}
.home_intro_bg.srcospcur .intro_show .title,.home_intro_bg.srcospcur .intro_show .jianshu,.home_intro_bg.srcospcur .intro_show .btn_line{ -moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}


.home_cases_bg{ background: url(../common/home_cases_bg.jpg) no-repeat center bottom #101d1c; padding: 2rem 0;}
.home_cases_bg .title{ font-size: 0.5rem; line-height: 0.7rem; padding-bottom: 0.4rem; text-align: center; color: #ffffff;}
.home_cases_bg .jianshu{ font-size: 0.36rem; line-height: 0.7rem; padding-bottom: 0.3rem; text-align: center; max-width: 910px; margin: 0 auto; color: #ffffff;}
.home_cases_bg .home_cases{ padding-top: 0.3rem;}
.home_cases_bg .cases_li{ margin-bottom: 0.4rem; text-align: left;}
.home_cases_bg .cases_li .pic{ overflow: hidden;}
.home_cases_bg .cases_li img{ width: 100%; height: auto; transform: scale(1, 1);transition: all 0.2s ease-in-out 0s; cursor: pointer;}
.home_cases_bg .cases_li img:hover{-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.home_cases_bg .cases_li .name{ font-size: 0.34rem; line-height: 0.5rem; padding: 0.1rem 0; padding-top: 0.2rem;  color: #ffffff;}
.home_cases_bg .cases_li .speic{ font-size: 0.28rem; line-height: 0.5rem; padding-bottom: 0.1rem; color: #9da1a2;}

.home_cases_bg .title,.home_cases_bg .jianshu,.home_cases_bg .cases_li{-moz-transform: translate(0,120px); -o-transform: translate(0,120px); -webkit-transform: translate(0,120px); transform: translate(0,120px);  opacity: 0;}
.home_cases_bg.srcospcur .title,.home_cases_bg.srcospcur .jianshu,.home_cases_bg.srcospcur .cases_li{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}


.home_xcx_bg{ background: url(../common/home_intro_bg.jpg) no-repeat center bottom #1a3d43; background-size: 100% 100%; padding: 1rem 0.5rem;}
.home_xcx_bg .title{ font-size: 0.5rem; line-height: 0.7rem; padding-bottom: 0.2rem; text-align: center; color: #ffffff;}
.home_xcx_bg .jianshu{ font-size: 0.36rem; line-height: 0.7rem; padding-bottom: 0.3rem; text-align: center; max-width: 910px; margin: 0 auto; color: #ffffff;}
.home_xcx_bg .home_xcx_cases{ padding-top: 0.3rem;}
.home_xcx_bg .cases_li{ margin: 0.4rem 0; text-align: center; overflow: hidden;  color: #ffffff; transform: scale(1, 1);transition: all 0.2s ease-in-out 0s; cursor: pointer; }
.home_xcx_bg .cases_li .pic{ position: relative; background: url(../common/mobile_kuang.png) no-repeat; background-size: 100% 100%; margin: 0 15%;}
.home_xcx_bg .cases_li .pic_tm{ position: absolute; left: 2%; top: 0%; z-index: 10; width: 96%; height: 98%; /*alpha(opacity=70);-moz-opacity:.70;opacity:0.7;*/ }
.home_xcx_bg .cases_li .pic_xcxma{ position: absolute; left: 2%; top: 0%; z-index: 12; width: 96%; height: 98%;background: #ffffff;  -moz-border-radius: 0.8rem; -webkit-border-radius: 0.8rem; border-radius: 0.8rem; -moz-transform: translate(0,-30%); -o-transform: translate(0,-30%); -webkit-transform: translate(0,-30%); transform: translate(0,-30%);  opacity: 0;}
.home_xcx_bg .cases_li:hover .pic_xcxma{ -moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s;}
.home_xcx_bg .cases_li .pic_xcxma .xcx_con{ padding-top: 50%;}
.home_xcx_bg .cases_li .pic_xcxma .xcx_con img{ width: 80%; height: auto;}
.home_xcx_bg .cases_li .pic_con{ overflow: hidden; padding: 21% 7% 25% 7%; }
.home_xcx_bg .cases_li img{ width: 100%; height: 100%; }
.home_xcx_bg .cases_li:hover{-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }


.home_xcx_bg .title,.home_xcx_bg .jianshu,.home_xcx_bg .cases_li{-moz-transform: translate(0,120px); -o-transform: translate(0,120px); -webkit-transform: translate(0,120px); transform: translate(0,120px);  opacity: 0;}
.home_xcx_bg.srcospcur .title,.home_xcx_bg.srcospcur .jianshu,.home_xcx_bg.srcospcur .cases_li{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}



.bottom_service_bg{ background: url(../common/bottom_server_bg.jpg) no-repeat center center #0e1a1d; background-size: 100% 100%; padding: 1rem 0;}
.bottom_service_bg .service_li{  text-align: left; } 
.bottom_service_bg .service_li img{ width: 30%; float: left; max-width: 85px;}
.bottom_service_bg .service_li .r_con{ overflow: hidden; padding-left: 0.1rem; padding-top: 0.13rem;}
.bottom_service_bg .service_li .r_con .title{ font-size: 0.5rem; color: #7bffa9; line-height: 0.7rem; margin-bottom: 0.06rem;}
.bottom_service_bg .service_li .r_con .jianshu{ font-size: 0.26rem; line-height: 0.5rem;  color: #ababab;}

.bottom_service_bg .service_li{ -moz-transform: translate(0,120px); -o-transform: translate(0,120px); -webkit-transform: translate(0,120px); transform: translate(0,120px);  opacity: 0;}
.bottom_service_bg.srcospcur .service_li{ -moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}

.bottom_copy{ background: #091415; padding: 0.6rem 0; color: #9da1a2; font-size: 0.26rem; line-height: 0.4rem;}
.bottom_copy a{ color: #9da1a2;}
.bottom_copy .copy_left{ text-align: left; }
.bottom_copy .copy_right{ text-align: right; }


.more_div{ opacity: 1;
    transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);    -webkit-transition: 500ms ease 450ms;  }
.more_div .cube{
	height: 0.6rem;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
	 -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.front { position: relative; -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -o-transform: translateZ(20px); -ms-transform: translateZ(20px); transform: translateZ(20px); }
.flop { filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position: relative; -webkit-transform: rotateX(-90deg) translateZ(-20px); -moz-transform: rotateX(-90deg) translateZ(-20px); -o-transform: rotateX(-90deg) translateZ(-20px); -ms-transform: rotateX(-90deg) translateZ(-20px); transform: rotateX(-90deg) translateZ(-20px);  }

.home_yewu .yewu_li:hover .cube { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); }
.home_yewu .yewu_li:hover .flop { opacity: 1; }



@media (max-width: 767px) {
    .caption-wraper {
        left: 0;
        bottom: 0.4em;
    }
    .row{ margin: 0;}
    body {
		font-size: 20px;
		line-height:0.2rem;
		padding: 0;
		margin: 0
	}
	.home_yewu{ padding:0; }
	.home_yewu .yewu_li img{ width: 40%;}
	.home_yewu .yewu_li{ border: solid 1px #1b5a45 !important; background: #0e2124; margin: 0;}
	.home_intro_bg{ padding:0.5rem 0; }
	.home_intro_bg .title,.home_intro_bg .jianshu{ margin: 0 0.5rem; }
	.bottom_copy .copy_left,.bottom_copy .copy_right{ text-align: center;}

    .caption-wraper .caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }
    
    
    
    .fa-banner {
		margin-top: 0
	}
	
	.fa-banner .f-section {
		left: 6%
	}
	
	.fa-banner .f-section .h1 {
		font-size: .9rem;
		font-weight: normal
	}
	
	.fa-banner .f-section .h3 {
		font-size: .51rem;
		margin-top: .61rem;
		font-weight: normal
	}
	
	.fa-banner .f-section a {
		width: 3.38rem;
		height: 1rem;
		line-height: 1rem;
		font-size: .51rem;
		border-radius: .64rem;
		margin-top: .9rem;
		font-weight: normal
	}
	
	.swiper-pagination-bullet {
		width: .205rem;
		height: .205rem;
		border-radius: .205rem
	}

	.swiper-pagination-bullet-active {
		width: .462rem
	}

	.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: .256rem
	}

    
    
}