@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.header{ width:100%; height:12.8vw; position:fixed; top:0; left:0; z-index:10000; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.logo{ position:relative; top:0; left:0; height:7vw; margin:2.9vw auto 0 auto; display:block; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.logo_on{ position:relative; top:0; left:0; height:7vw; margin:2.9vw auto 0 auto; display:block; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}

.nav{ display:none;}

.header_r{ display:none;}

.header_on{ background-color: hsla(0,0%,100%,.95); box-shadow:0 2px 5px rgba(57,47,63,.06); height:12.8vw;}
.header_on .logo{ display:none;}
.header_on .logo_on{ top:0; height:7vw; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin-top:2.9vw;}

.index_banner{ width:100%; overflow:hidden; background:#554acc; position:relative;}
#canvas{width:100%;height:96.66667vw;overflow:hidden;position:absolute;top:0;left:0;background-color:#1a1724;}

.swiper-container {
	position:relative;
	overflow:hidden;
	z-index:1;
	width: 100%;
	height: 96.66667vw;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	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;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-container .swiper-button-prev{ background:none; left:3%; margin-left:0;}
.swiper-container .swiper-button-next{ background:none; right:3%; margin-right:0;}
.swiper-container .swiper-button-prev:after {
    content: "\e62b";
    font-family: iconfont;
    font-size: 32px;
    color: #fff;
}
.swiper-container .swiper-button-next:after {
    content: "\e607";
    font-family: iconfont;
    font-size: 32px;
    color: #fff;
}
.banner{ width:100%; height:96.66667vw; overflow:hidden;}
.banner_title{ padding:30vw 0 6.4vw 0;}
.banner_title1{ font-size:6vw; line-height:15vw; font-weight:600; color:#FFF;}
.banner_title1:before{ content:""; position:absolute; bottom:0; left:50%; margin-left:-25px; width:50px; height:2px; background:#FFF;}
.banner_title1 span{ color:#57ebca; font-family:'Techna-Sans-Regular-2'; margin-right:10px;} 
.banner_title2{ font-size:3.2vw; line-height:6.66667vw; color:#FFF; width:70%;  margin: 20px auto 0 auto;}

.banner_consult{ display:inline-block; width:38vw; height:10vw; position:relative; overflow:hidden; font-size:4vw; margin:0 5px;}
.banner_consult .before{ width:38vw; height:10vw; position:absolute; top:0; left:0; background:#29cc90; z-index:100; -webkit-border-radius:5.33333vw; -moz-border-radius:5.33333vw; border-radius:5.33333vw; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.banner_consult .title_before{ width:38vw; height:10vw; line-height:10vw; color:#FFF; position:relative; z-index:110;}
.banner_consult .center{ display:none;}
.banner_consult .after{ display:none;}
.banner_consult .title_after{ display:none;}

.banner_consult:hover .before{ width:38vw; -webkit-border-radius:5.33333vw; -moz-border-radius:5.33333vw; border-radius:5.33333vw; left:0;}
.banner_consult:hover .center{ display:none;}
.banner_consult:hover .after{ display:none;}
.banner_consult:hover .title_after{ display:none;}

.banner_tel{ display:inline-block; width:38vw; height:10vw; position:relative; overflow:hidden; font-size:4vw; margin:0 5px;}
.banner_tel .before{ width:38vw; height:10vw; position:absolute; top:0; left:0; background-color:rgba(97,136,216,0.8); z-index:100; -webkit-border-radius:5.33333vw; -moz-border-radius:5.33333vw; border-radius:5.33333vw; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.banner_tel .title_before{ width:38vw; height:10vw; line-height:10vw; color:#FFF; position:relative; z-index:110;}
.banner_tel .center{ display:none;}
.banner_tel .after{ display:none;}
.banner_tel .title_after{ display:none;}

.banner_tel:hover .before{ width:38vw; -webkit-border-radius:5.33333vw; -moz-border-radius:5.33333vw; border-radius:5.33333vw; left:0;}
.banner_tel:hover .center{ display:none;}
.banner_tel:hover .after{ display:none;}
.banner_tel:hover .title_after{ display:none;}

.number{ display:none;}

.business{ width:100%; overflow:hidden; padding-top:10vw; padding-bottom:20px;}

.index_title{ width:90%; overflow:hidden; text-align:left; padding:0 5%;}
.index_title .title{ width:100%; overflow:hidden; font-size:5.6vw; line-height:11.46667vw; color:#333; font-weight:600; font-family:"Techna-Sans-Regular-2";}
.index_title .subtitle{ width:100%; overflow:hidden; font-size:3.4vw; line-height:6.13333vw; color:#999; font-weight:300;}

.business_list{ margin:8vw auto 0 auto; width:90%;}
.business_list li{ float:left; width:100%; margin:0 0 5vw 0; cursor:pointer; box-shadow:0px 10px 30px rgba(0, 0, 0, 0.1); -webkit-border-radius:2.6vw; -moz-border-radius:2.6vw; border-radius:2.6vw; overflow:hidden;}
.business_list li:last-child{ width:100%; height:0; clear:both; margin:0;}
.business_img{ width:100%; overflow:hidden; position:relative; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.business_img img{ display:block; width:100%;}
.business_on{ display:none;}
.business_title{ width:90%; margin:4vw auto 0 auto; overflow:hidden; text-align:left; padding-bottom:4vw;}
.business_title .title{ width:100%; overflow:hidden; font-size:3.6vw; line-height:7vw; height:7vw; color:#333; font-weight:600;}
.business_title .subtitle{ width:100%; overflow:hidden; font-size:2.6vw; line-height:4.26667vw; height:auto; color:#999;}
.business_list li:hover .business_img{ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)}
.business_list li:hover .business_on{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; bottom:20px;}

.case{ width:100%; overflow:hidden; padding-top:10vw; padding-bottom:10vw; background:#f8f8f8;}

.gallery-thumbs-out{ width:100%; height:8vw; padding:0 0; overflow:hidden; margin:8vw auto 0 auto; position:relative;}
.gallery-thumbs { width:100%; padding:0 5%; height:8vw; position:relative; box-sizing:border-box; overflow:hidden;}
.case_nav{ width:100%; height:8vw; overflow:hidden; position:relative;}
.case_nav .title{ width:100%; height:8vw; line-height:8vw; font-size:3.2vw; color:#666; position:relative; z-index:10; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.case_nav .before{ position:absolute; z-index:2; top:0; left:0; width:100%; height:8vw; background:#FFF !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -webkit-border-radius:4vw; -moz-border-radius:4vw; border-radius:4vw;}
.case_nav .after{ display:none;}
.gallery-thumbs-next{ display:none;}
.gallery-thumbs-prev{ display:none;}

.gallery-thumbs-next:after{
    content: "";
    font-family: "iconfont";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    font-size: 18px;
    line-height: 50px;
    color: #999;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.gallery-thumbs-prev:after{
    content: "";
    font-family: "iconfont";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    font-size: 18px;
    line-height: 50px;
    color: #999;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.gallery-thumbs .swiper-slide-active .case_nav .title{ color:#FFF; font-size:3.2vw;}
.gallery-thumbs .swiper-slide-active .case_nav .before{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; background:#34cd8b !important;}
.case_nav:hover .title{ color:#666;}
.case_nav:hover .after{ width:100%; background:#333; left:0; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.gallery-thumbs .swiper-slide-active .case_nav:hover .after{ display:none;}

.gallery-bottom{ padding:8vw 10% 15vw 10%; width:80%; overflow:visible;}
.case_content{ width:100%;}
.case_img{ max-width:100%; margin:0 auto; position:relative; z-index:10; cursor:pointer;}
.case_img .case_img1{ width:100%; margin:0 auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; overflow:hidden; box-shadow: 0 0 0 0 rgba(0,0,0,.3);}
.case_img .case_img1 img{ display:block; width:100%;}
.case_img .link{
	position:absolute;
    left: 4%;
    bottom: 0;
    width: 80%;
    padding: 4px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 40px;
    text-align: center;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.3);
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}
.case_img .link a{
	width: calc(100% - 3px);
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    border-radius: 40px;
    display: inline-block;
    transition: all .3s ease-out 0s;
	background-color: rgba(89, 66, 210, .8);
}
.case_img .chat{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.3);
    text-align: center;
    position: absolute;
	z-index:10;
    right: 4%;
    bottom: 0;
    cursor: pointer;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}
.case_img .chat:after{
	line-height:50px;
	font-size:18px;
	font-family:"iconfont";
	content: "\e681";
}
.case_img .chat .chat_img{
    position: absolute;
    right: -88px;
    bottom: 72px;
    padding: 26px 22px 4px;
    width: 176px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);
    text-align: center;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	visibility:hidden;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: all .3s cubic-bezier(.16,.57,0,.76);
}
.case_img .chat .chat_img .chat_img1{ display:block; width:100%;}
.case_img .chat .chat_img span{ font-size:14px; line-height:54px; color:#666;}
.case_title{ position:absolute; z-index:1; bottom:-12vw; left:0; width:100%; height:12vw; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block;}
.case_title .case_num{ font-family:"Techna-Sans-Regular-2"; -webkit-text-stroke: 1px #ffffff; color: rgba(0,0,0,.05); font-size:6vw; line-height:1; position:absolute; top:-3vw; right:30px; display:none;}
.case_title .title{ font-size:3.2vw; line-height:13vw; color:#333; font-weight:600; margin-top:0; text-align:left; width:90%; padding:0 5%; background:#FFF !important;}
.case_title .subtitle{ font-size:14px; line-height:28px; color:#999; display:none;}

.case_img:hover .link{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin-bottom:30px; display:none;}
.case_img .link a:hover{ background-color: #5942d2;}
.case_img:hover .chat{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin-bottom:26px; display:none;}
.case_img .chat:hover .chat_img{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; bottom: 50px; visibility:visible;}
.case_img:hover .case_title{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.gallery-bottom .swiper-slide-active .case_title{ display:block;}

.customer{ width:100%; overflow:hidden; padding:10vw 0 10vw 0;}
.customer .index_title{ text-align:left; width:90%; padding:0 5%;}
.customer_img{ max-width:268px; width:100%; overflow:hidden; margin:0 auto; position:relative; border:1px solid #f1f1f1 !important; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.customer_img1{ display:block; width:100%; position:relative; z-index:10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.customer_img2{ display:block; width:100%; position:absolute; z-index:1; top:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.customer_img:hover{ box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.customer_img:hover .customer_img1{ -webkit-transform:scale(5) translateZ(0); -moz-transform:scale(5) translateZ(0); -ms-transform:scale(5) translateZ(0); -o-transform:scale(5) translateZ(0); transform:scale(5) translateZ(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.customer_img:hover .customer_img2{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.swiper-container1 {
	position:relative;
	overflow:hidden;
	z-index:1;
	width: 90%;
	padding:1vw 15px;
	height: auto;
	margin:5vw auto 0 auto;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	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;
}
.swiper-pagination1{ margin-top:5vw;}
.swiper-pagination1 .swiper-pagination-bullet{ width:6px; height:6px; border:2px solid #FFF; background:#a6a6a6; overflow:hidden; margin:0 4px; background:#000; opacity:.2;}
.swiper-pagination1 .swiper-pagination-bullet-active{ width:6px; height:6px; border:2px solid #000; background:#FFF; overflow:hidden; opacity:1;}

.news{ width:100%; overflow:hidden; padding:10vw 0; background:#f8f8f8;}
.news .index_title{ text-align:left; width:90%; padding:0 5%;}
.news .index_title .title{ float:left; width:auto;}

.news_nav_out{ float:right; width:100%; overflow:hidden; overflow-x:scroll; margin-top:3vw;}
.news_nav{ float:left; width:auto; overflow:hidden; margin-top:0; clear:both; white-space:nowrap;}
.news_nav li{ float:none; display:inline-table; overflow:hidden; margin-left:0; margin-right:2%; margin-top:2vw;}
.news_nav li:last-child{ margin-right:20px;}
.news_nav li a{ display:block; height:34px; line-height:34px; padding:0 18px; background:#FFF !important; color:#666; overflow:hidden; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; font-size:12px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.news_nav li .a_on{ background:#29cc90 !important; color:#FFF;}
.news_nav li a:hover{ background:#29cc90 !important; color:#FFF;}

.swiper-container2 {
	position:relative;
	overflow:hidden;
	z-index:1;
	width: 90%;
	height: auto;
	margin:1vw auto 0 auto;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	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;
}

.news1{ width:100%; overflow:hidden; margin-top:4vw;}
.news1 li{ float:left; width:100%; overflow:hidden; margin-right:0; text-align:left; margin-top:1vw;}
.news1 li:nth-child(3n){ margin-right:0;}
.news1 li a{ display:block; width:100%; overflow:hidden;}
.news1 li a .title{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:3.6vw; color:#333; line-height:8vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.news1 li a .subtitle{ width:100%; overflow:hidden; font-size:14px; color:#999; line-height:24px; height:48px; display:none;}
.news1 li a:hover .title{ color:#29cc90;}

.certificate{ width:100%; overflow:hidden; padding:10vw 0;}
.certificate .index_title{ text-align:left; width:90%; padding:0 5%;}

.swiper-container3 {
	padding:8vw 20% 0 20%;
	position:relative;
	overflow:visible;
	z-index:1;
	width: 60%;
	height: auto;
	margin:0 auto;
}
.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	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;
}
.swiper-pagination3{ margin-top:6vw;}
.swiper-pagination3 .swiper-pagination-bullet{ width:6px; height:6px; border:2px solid #FFF; background:#a6a6a6; overflow:hidden; margin:0 4px; background:#000; opacity:.2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-pagination3 .swiper-pagination-bullet-active{ width:6px; height:6px; border:2px solid #000; background:#FFF; overflow:hidden; opacity:1;}

.certificate_list{ width:100%; cursor:pointer;}
.certificate_img{ max-width:100%; box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.certificate_img img{ display:block; width:100%;}
.certificate_title{ max-width:100%; width:100%; font-size:3.6vw; color:#333; line-height:8vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px;}
.certificate_list:hover .certificate_img{ box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}

.advantage{ width:100%; height:auto; overflow:hidden; background:url(../images/advantage_bg.jpg) center center no-repeat; background-size:cover; position:relative; padding:10vw 0 10vw 0;}
.advantage .index_title{ text-align:left; width:90%; padding:0 5%; margin-top:0; position:relative; z-index:100;}
.advantage .index_title .title{ color:#FFF;}
.advantage .index_title .subtitle{ color:#e2e3fb; width:100%;}

.advantage_num{ width:90%; overflow:visible; position:relative; top:0; left:0; margin:10vw auto 0 auto;}
.advantage_num li{ float:left; overflow:visible; text-align:left; margin:0 0.2%;}
.advantage_num li:nth-child(1){ width:25.5%;}
.advantage_num li:nth-child(2){ width:26%;}
.advantage_num li:nth-child(3){ width:26%;}
.advantage_num li:nth-child(4){ width:20.4%;}
.advantage_num1{ width:100%; overflow:visible; color:#FFF;}
.advantage_num1_1{ font-size:6.3vw; font-family:"Techna-Sans-Regular-2"; vertical-align:top;}
.advantage_num1_2{ font-size:5vw; vertical-align:super; line-height:2.2vw;}
.advantage_num1_3{ font-size:2.2vw; line-height:2.2vw;}
.advantage_title{ width:100%; overflow:hidden; font-size:2.2vw; color:#FFF;}

.map{ display:none;}

.left_circle{ position:absolute; left:-270px; margin-left:8%; top:10vw; display:block; width:250px;}
.right_circle{ position:absolute; left:0; margin-left:97%; bottom:-200px; display:block; width:500px;}

.footer{ width:100%; overflow:hidden; background:#f5f5f5; padding:8vw 0 18vw 0;}
.footer_in{ width:90%; margin:0 auto; overflow:hidden;}
.footer_l{ float:left; width:100%; overflow:hidden; text-align:left; font-size:12px; line-height:24px; color:#aaa;}
.footer_l a{ color:#aaa;}
.footer_r{ display:none;}

.piaofu{ display:none;}

.mobile_bottom{ position:fixed; width:100%; overflow:hidden; z-index:9999999999999; bottom:0; left:0; display:block;}
.mobile_bottom li{ float:left; width:100%; height:40px; line-height:40px; overflow:hidden;}
.mobile_bottom2{ background:url(../images/footer8.png) repeat;}
.mobile_bottom2 a{ color:#FFF; font-size:13px; display:block; width:100%; height:40px;}
.mobile_bottom2 a img{ display:inline-block; vertical-align:middle; width:24px; height:25px;}
.mobile_bottom2 a span{ display:inline-block; vertical-align:middle; margin-left:10px; line-height:40px;}

/* case */
.header_case{ background:#f6f6f6; box-shadow:0 0 0 rgba(0,0,0,0);}
.header_case .logo{ display:none;}
.header_case .logo_on{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.header_case .nav li a{ color:#666;}
.header_case .nav li a:hover{ color:#29cc90;}
.header_case .header_r li a{ color:#333;}
.header_case .header_r li:nth-child(2) a{ background:#333; color:#FFF;}

.header_case_on{ background:#FFF; box-shadow:0 2px 5px rgba(57,47,63,.06); height:12.8vw;}
.header_case_on .logo{ display:none;}
.header_case_on .logo_on{ top:2.9vw; height:7vw; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin-top:0;}
.header_case_on .nav{ margin-top:0;}
.header_case_on .nav li a{ color:#666;}
.header_case_on .nav li a:hover{ color:#29cc90;}
.header_case_on .header_r{ top:14px;}
.header_case_on .header_r li a{ color:#333;}
.header_case_on .header_r li:nth-child(2) a{ background:#333; color:#FFF;}

.pro_title{ width:100%; overflow:hidden; padding-top:12.8vw; background:#FFF;}
.pro_title_in{ width:90%; overflow:hidden; margin:6vw auto 0 auto;}

.pro_title_in .return{ float:left; overflow:hidden; position:relative; padding-left:0; font-size:14px; line-height:24px; color:#222;}
.pro_title_in .return span{
	display:none;
}

.pro_title_in1{ float:left; width:100%; overflow:hidden; text-align:center; padding:3vw 0 5vw 0;}
.pro_title_in1 .title{ float:left; overflow:hidden; width:100%;}
.pro_title_in1 .title1{ font-size:30px; line-height:38px; color:#333; font-family: Techna-Sans-Regular-2;}
.pro_title_in1 .title2{ font-size:14px; line-height:28px; color:#333;}
.pro_title_in1 .link{ float:right; overflow:hidden; display:none;}
.pro_title_in1 .link1{ font-size:14px; line-height:30px; color:#666;}
.pro_title_in1 .link2{ font-size:16px; line-height:32px; color:#333;}
.pro_title_in1 .client{ float:right; overflow:hidden; margin-right:3%; display:none;}
.pro_title_in1 .client1{ font-size:14px; line-height:30px; color:#666;}
.pro_title_in1 .client2{ font-size:16px; line-height:32px; color:#333;}

.pro_banner{ width:100%; height:350px; position:relative; padding-top:30px;}
.pro_banner_bg{ display:none;}
.pro_banner_logo{ position:relative; top:0; left:0; display:block; height:40px; margin:0 auto 0 auto;}
.pro_banner_title{ position:absolute; top:110px; left:0; color:#FFF; font-size:18px; width:100%; line-height:30px;}
.pro_banner_img{ display:block; width:320px; position:absolute; bottom:-50px; left:50%; margin-left:-160px;}

.pro_content_in{ width:1200px; max-width:90%; margin:0 auto; overflow:hidden;}

.pro_content1{ width:100%; overflow:hidden; padding:80px 0 30px 0;}
.pro_content1_1{ float:left; overflow:hidden; width:47.5%; padding-right:3%; text-align:left; font-size:50px; font-family:"Techna-Sans-Regular-2"; color:#E6E6E6;}
.pro_content1_2{ float:left; overflow:hidden; width:47.5%; padding-right:0; text-align:left; line-height:22px; display:none;}
.pro_content1_3{ font-size:12px; color:#dcdcdc;}
.pro_content1_4{ font-size:14px; color:#707070;}
.pro_content1_5{ font-size:12px; color:#dcdcdc; margin-top:10px;}
.pro_content1_6{ float:left; overflow:hidden; width:100%; text-align:left;}
.pro_content1_7{ font-size:24px; color:#707070; line-height:40px;}
.pro_content1_8{ font-size:12px; color:#dcdcdc; line-height:24px;}
.pro_content1_9{ font-size:14px; color:#707070; line-height:24px; margin-top:10px;}

.pro_content2{ width:100%; overflow:hidden; padding:10px 0 30px 0;}
.pro_content2_1{ float:left; overflow:hidden; width:100%; padding-right:0; text-align:left; font-size:50px; font-family:"Techna-Sans-Regular-2"; color:#E6E6E6;}
.pro_content2_2{ float:left; overflow:hidden; width:100%; padding-right:0; text-align:left; margin-top:10px;}
.pro_content2_3{ float:left; font-size:14px; color:#777777; line-height:30px; width:50%;}
.pro_content2_4{ float:left; display:block; height:10px; margin-top:10px; margin-left:0;}

.pro_content2_5{ float:left; width:100%; overflow:hidden; text-align:left; line-height:24px; font-size:14px; color:#777777; padding-top:10px;}
.pro_content2_5 span{ clear:none; float:left; width:50%;}
.pro_content2_6{ float:left; width:100%; overflow:hidden; text-align:left; margin-top:5px;}
.pro_content2_7{ float:left; width:50%; line-height:24px; font-size:14px; color:#777777; padding-top:5px;}
.pro_content2_8{ float:left; width:50%; overflow:hidden; padding-top:4px; vertical-align:bottom; text-align:left; line-height:20px;}
.pro_content2_8 span{ font-family:"Techna-Sans-Regular-2"; vertical-align:sub; padding-right:10px; color:#4d4d4d;}
.text88{ font-size:14px;}
.text50{ font-size:14px;}
.text14{ font-size:14px;}
.text12{ font-size:14px;}

.pro_content2_9{ float:left; width:100%; overflow:hidden; margin-top:40px; padding-bottom:20px; display:none;}
.pro_content2_9 li{ float:left; width:40%; height:70px; padding:120px 5% 0 5%; margin-right:0; color:#FFF; font-size:13px; line-height:24px; text-align:left;}
.pro_content2_9 li:last-child{ margin-right:0; color:#000;}

.pro_content3{ width:100%; overflow:hidden; padding:50px 0; position:relative; z-index:100;}
.pro_content3_1{ float:left; width:100%; overflow:hidden; text-align:left; margin-top:0;}
.pro_content3_2{ font-size:50px; font-family:"Techna-Sans-Regular-2"; color:#E6E6E6; display:inline-block;}
.pro_content3_3{ font-size:16px; color:#555555; display:inline-block; margin-left:20px;}
.pro_content3_4{ width:100%; overflow:hidden;}
.pro_content3_4 .img{ display:block; width:100%; max-width:100%; margin-top:30px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.pro_content3_4 .img1{ display:block; width:100%; max-width:100%; margin-top:30px;}

.pro_content4_bg{ position:fixed; width:100%; height:100vh; z-index:1; top:0; left:0;}
.pro_content4{ width:100%; height:auto; overflow:hidden; position:relative; z-index:100;}
.pro_content4 .left{ width:50%; height:50vh; background:#FFF; position:absolute; top:0; z-index:10; display:none;}
.pro_content4 .right{ width:50%; height:50vh; background:#FFF; position:absolute; top:0; z-index:10; display:none;}
.pro_content4_1{ float:left; width:100%; overflow:hidden; text-align:left; margin-top:30px;}
.pro_content4_2{ font-size:50px; font-family:"Techna-Sans-Regular-2"; color:#FFF; display:inline-block;}
.pro_content4_3{ font-size:16px; color:#FFF; display:inline-block; margin-left:20px;}
.pro_content4_4{ display:block; width:100%;}
.pro_content4_5{ position:absolute; top:0; left:3%; z-index:100;}

.pro_content5{ width:100%; overflow:hidden; padding:50px 0 50px 0; position:relative; z-index:100;}
.pro_content5_1{ float:left; width:100%; overflow:hidden; text-align:left;}
.pro_content5_2{ float:left; font-size:50px; font-family:"Techna-Sans-Regular-2"; color:#E6E6E6;}
.pro_content5_3{ float:left; margin-left:20px; font-size:16px; color:#555555; line-height:40px; margin-top:10px;}
.pro_content5_4{ font-size:14px; color:#777777; line-height:24px; margin-top:30px; display:none;}
.pro_content5_5{ font-size:14px; color:#777777; line-height:24px; display:none;}
.pro_content5_6{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.pro_content5_6 li{ float:left; width:47.5%; overflow:hidden; margin-left:0; margin-right:3%; padding-bottom:30px;}
.pro_content5_6 li:nth-child(2n){ margin-right:0;}
.pro_content5_6 li img{ display:block; max-width:100%; margin:0 auto;}

.pro_case{ width:100%; overflow:hidden; background:#4853e5; padding:50px 0 50px 0; position:relative; z-index:100;}
.pro_case_in{ width:100%; overflow:hidden;}
.pro_case1{ width:100%; font-size:18px; color:#FFF; line-height:28px; overflow:hidden;}

.pro_case2{ width:94%; overflow:hidden; margin:40px auto 0 auto; position:relative;}
.swiper-container4 {
	width: 86%;
	height: 100%;
	overflow:hidden;
	margin:0 auto;
}
.swiper-container4 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	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;
	
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden;
}
.swiper-container4 .swiper-slide img{ display:block; width:100%;}
.swiper-button-next4{ position:absolute; width:37px; height:26px; top:50%; right:0; margin-top:-13px; background:url(../images/pro_case2.png) center center no-repeat; cursor:pointer;}
.swiper-button-prev4{ position:absolute; width:37px; height:26px; top:50%; left:0; margin-top:-13px; background:url(../images/pro_case1.png) center center no-repeat; cursor:pointer;}

.mobile_block{ display:block;}
.mobile_none{ display:none;}

.swiper-container5 {
	float:left;
	width: 100%;
	height: 100%;
	overflow:hidden;
	margin:30px auto 0 auto;
}
.swiper-container5 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	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;
}
.swiper-container5 .swiper-slide img{ display:block; width:100%;}
.swiper-pagination5{ margin-top:30px;}
.swiper-pagination5 .swiper-pagination-bullet{ margin:0 5px; background:#ccc;}
.swiper-pagination5 .swiper-pagination-bullet-active{ background:#0166ac;}

.swiper-container6 {
	float:left;
	width: 100%;
	height: 100%;
	overflow:hidden;
	margin:30px auto 0 auto;
}
.swiper-container6 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	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;
}
.swiper-container6 .swiper-slide img{ display:block; width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.swiper-pagination6{ margin-top:30px;}
.swiper-pagination6 .swiper-pagination-bullet{ margin:0 5px; background:#ccc;}
.swiper-pagination6 .swiper-pagination-bullet-active{ background:#0166ac;}

/* canvas */
#container {
	position: absolute;
	height: 100%;
	width: 100%;
}
#output {
	width: 100%;
	height: 100%;
}

/* news */
.news_banner{ width:100%; height:260px; background:url(../images/news1.jpg) center center no-repeat; overflow:hidden; position:relative;}
.news_banner_title{ display:block; overflow:hidden;}
.news_banner_title1{ font-size:20px; color:#FFF; line-height:30px; margin-top:100px;}
.news_banner_title2{ font-size:14px; color:#FFF; line-height:28px; margin-top:10px;}

.news_banner_nav{ width:90%; height:40px; background:#d1f3f2; overflow:hidden; position:absolute; bottom:0; left:5%;}
.news_banner_nav li{ float:left; width:calc(33.33% - 1px); border-right:1px solid #FFF;}
.news_banner_nav li a{ display:block; width:100%; height:40px; line-height:40px; font-size:14px; color:#666666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_banner_nav li:nth-child(3){ border-right:0; width:33.33%;}
.news_banner_nav li a:hover{ background:#076dd5; color:#FFF;}
.news_banner_nav li .a_on{ background:#076dd5; color:#FFF;}

.news_list{ width:90%; margin:1px auto 0 auto; overflow:hidden;}
.news_list li{ width:100%; overflow:hidden; border-bottom:1px solid #f0f0f0;}
.news_list li a{ display:block; width:100%; overflow:hidden; padding:30px 0 15px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list1{ float:left; overflow:hidden; text-align:left; margin-left:0; width:100%;}
.news_list2{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; line-height:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list3{ float:left; width:100%; overflow:hidden; font-size:14px; color:#999; line-height:30px; margin-top:5px; height:auto; max-height:60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list4{ float:left; width:100%; overflow:hidden; text-align:left; border-left:0; height:80px; padding-left:0; padding-right:0; background:url(../images/news2.png) right center no-repeat; background-size:auto 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list5{ font-size:24px; color:#076dd5; line-height:40px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list6{ font-size:14px; color:#9fa19f; line-height:24px; margin-top:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list li a:hover{ background:none;}
.news_list li a:hover .news_list2{ color:#333;}
.news_list li a:hover .news_list3{ color:#999;}
.news_list li a:hover .news_list4{ border-left:0; background:url(../images/news2_on.png) right center no-repeat;}
.news_list li a:hover .news_list5{ color:#076dd5;}
.news_list li a:hover .news_list6{ color:#9fa19f;}

.page{ width:90%; margin:0 auto; overflow:hidden; font-size:14px; padding:20px 0 30px 0;}
.page a{ display:inline-block; margin:10px 1px 0 1px; background:#f6f6f6; height:36px; line-height:36px; padding:0 14px; color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span{ display:inline-block; margin:10px 1px 0 1px; background:#f6f6f6; height:36px; line-height:36px; padding:0 14px; color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a:hover{ background:#076dd5; color:#FFF;}
.page span:hover{ background:#076dd5; color:#FFF;}

/* newsIn */
.news_content{ width:90%; margin:0 auto; overflow:hidden;}
.news_content1{ width:100%; overflow:hidden; font-size:16px; color:#333; line-height:30px; margin-top:30px;}
.news_content2{ width:100%; overflow:hidden; font-size:14px; color:#9fa19f; line-height:30px; margin-top:5px;}
.news_content3{ width:100%; overflow:hidden; text-align:left; border-top:1px solid #f0f0f0; margin-top:15px; padding:30px 0; font-size:15px; color:#999999; line-height:30px;}
.news_content3 img{ display:block; max-width:100%; margin:0 auto;}
.news_content4{ width:90%; overflow:hidden; background:#efefef; color:#666666; font-size:12px; line-height:20px; padding:10px 5%; text-align:left;}

.pageIn{ width:100%; overflow:hidden; margin-top:30px; font-size:13px; color:#666;}
.pageIn1{ float:left; width:43%; height:50px; background:#f7f7f7; text-align:left; padding:0 3%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn2{ float:right; width:43%; height:50px; background:#f7f7f7; text-align:right; padding:0 3%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn a{ line-height:50px; color:#666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn span{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1:hover a{ color:#076dd5;}
.pageIn1:hover span{ color:#076dd5;}
.pageIn2:hover a{ color:#076dd5;}
.pageIn2:hover span{ color:#076dd5;}

.related_news{ width:90%; margin:0 auto; overflow:hidden;}
.related_news1{ width:100%; overflow:hidden; margin-top:30px; padding-bottom:20px; border-bottom:1px solid #f0f0f0;}
.related_news2{ float:left; height:40px; line-height:40px; font-size:16px; color:#444444;}
.related_news3{ float:right; display:block; width:60px; height:40px; line-height:40px; background:#1acb94; color:#FFF; font-size:13px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.related_news4{ float:left; width:100%; overflow:hidden; padding-bottom:30px; margin-top:0;}
.related_news4 li{ float:left; overflow:hidden; width:100%; margin-right:0; text-align:left; margin-top:20px;}
.related_news4 li:nth-child(3){ margin-right:0;}
.related_news4 li a{ display:block; width:100%; overflow:hidden;}
.related_news5{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#444; line-height:30px; height:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.related_news6{ width:100%; overflow:hidden; font-size:14px; color:#ababab; line-height:28px; height:28px; margin-top:5px;}
.related_news4 li a:hover .related_news5{ color:#076dd5;}

.embed-icon{ right:2px !important;}

}