@charset "utf-8";

/* 字体 */
@font-face {
	font-family: iconfont;
	src: url(../fonts/iconfont.woff2) format("woff2"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype");
}
@font-face {
	font-family: MONTSERRAT-LIGHT;
	src: url(../fonts/MONTSERRAT-LIGHT.otf) format("opentype");
}
@font-face {
	font-family: Techna-Sans-Regular-2;
	src: url(../fonts/f795bc3b-8e80-4370-86d5-8e121de5966a.otf);
	src: url(../fonts/f795bc3b-8e80-4370-86d5-8e121de5966a.otf) format("opentype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: Roboto-Black;
	src: url(../fonts/Roboto-Black.ttf) format("truetype");
}

/* CSS Document */
*{ margin: 0; padding: 0;}
a{ text-decoration: none;}
li{ list-style: none;}
table,tr,td,ul,li,dl,dt,dd,div{ border: 0;}
img{ border: 0;}
body{ font-size: 12px; font-family: MONTSERRAT-LIGHT, 微软雅黑; overflow-x: hidden; text-align: center;}
.float_l{ float: left !important;}
.float_r{ float: right !important;}
.blank0{ width: 100%; height: 0px; clear: both;}
.blank10{ width: 100%; height: 10px; clear: both;}
.blank15{ width: 100%; height: 15px; clear: both;}
.blank20{ width: 100%; height: 20px; clear: both;}
.blank50{ width: 100%; height: 50px; clear: both;}
.animation{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/*首页*/
.header{ width:100%; height:100px; position:fixed; top:0; left:0; z-index:10000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.logo{ position:absolute; z-index:10; top:27px; left:5%; height:46px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.logo_on{ position:absolute; z-index:15; top:27px; left:5%; height:46px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.nav{ display:table; overflow:hidden; margin:20px auto 0 auto; position:relative; left: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;}
.nav li{ float:left;}
.nav li a{ display:block; width:100px; height:60px; line-height:60px; color:#FFF; font-size:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav li a:hover{ color:#29cc90;}
.nav li .a_on{ color:#29cc90 !important;}

.header_r{ position:absolute; right:5%; top:34px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_r li{ float:left;}
.header_r li a{ display:block; width:74px; height:32px; line-height:32px; font-size:14px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_r li:nth-child(2) a{ background:#FFF; color:#333; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_r li a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}

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

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

.swiper-container {
	position:relative;
	overflow:hidden;
	z-index:1;
	width: 100%;
	height: 620px;
}
.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:50%; margin-left:-480px;}
.swiper-container .swiper-button-next{ background:none; right:50%; margin-right:-480px;}
.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:620px; overflow:hidden;}
.banner_title{ padding:190px 0 50px 0;}
.banner_title1{ font-size:45px; line-height:86px; color:#FFF; font-weight:bold; margin: 0 auto; width:200px; position:relative;}
.banner_title1:before{ content:""; position:absolute; bottom:0; left:35px; width:130px; height:2px; background:#FFF;}
.banner_title1 span{ color:#57ebca; font-family:'Techna-Sans-Regular-2';} 
.banner_title2{ font-size:30px; line-height:40px; color:#FFF; margin: 20px auto 0 auto; width:700px;}

.banner_consult{ display:inline-block; width:230px; height:54px; position:relative; overflow:hidden; font-size:16px;}
.banner_consult .before{ width:200px; height:54px; position:absolute; top:0; left:15px; background:#29cc90; z-index:100; -webkit-border-radius:46px; -moz-border-radius:46px; border-radius:46px; -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:230px; height:54px; line-height:54px; color:#FFF; position:relative; z-index:110;}
.banner_consult .center{ position:absolute; z-index:195; top:0; left:15px; width:200px; height:54px; background:#FFF; -webkit-border-radius:46px; -moz-border-radius:46px; border-radius:46px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; -ms-transition: all 0.3s 0.2s; -o-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s;}
.banner_consult .after{ width:0; left:50%; height:54px; position:absolute; z-index:190; background:#FFF; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.banner_consult .title_after{ width:230px; height:54px; line-height:54px; color:#333; position:absolute; top:54px; left:0; z-index:200;}

.banner_consult:hover .before{ width:230px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; left:0;}
.banner_consult:hover .center{ width:230px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; left:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.banner_consult:hover .after{ width:230px; left: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;}
.banner_consult:hover .title_after{ top:0; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; -ms-transition: all 0.3s 0.2s; -o-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s;}

.banner_tel{ display:inline-block; width:230px; height:54px; position:relative; overflow:hidden; font-size:16px;}
.banner_tel .before{ width:200px; height:54px; position:absolute; top:0; left:15px; background-color:rgba(97,136,216,0.8); z-index:100; -webkit-border-radius:46px; -moz-border-radius:46px; border-radius:46px; -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:230px; height:54px; line-height:54px; color:#FFF; position:relative; z-index:110;}
.banner_tel .center{ position:absolute; z-index:195; top:0; left:15px; width:200px; height:54px; background:#FFF; -webkit-border-radius:46px; -moz-border-radius:46px; border-radius:46px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; -ms-transition: all 0.3s 0.2s; -o-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s;}
.banner_tel .after{ width:0; left:50%; height:54px; position:absolute; z-index:190; background:#FFF; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.banner_tel .title_after{ width:230px; height:54px; line-height:54px; color:#333; position:absolute; top:54px; left:0; z-index:200;}

.banner_tel:hover .before{ width:230px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; left:0;}
.banner_tel:hover .center{ width:230px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; left:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.banner_tel:hover .after{ width:230px; left: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;}
.banner_tel:hover .title_after{ top:0; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; -ms-transition: all 0.3s 0.2s; -o-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s;}

.number{ width:100%; height:74px; border-bottom:1px solid #f6f6f6; padding:70px 0;}
.number ul{ width:80%; margin:0 auto;}
.number ul li{ float:left; width:25%;}
.number1{ width:100%;}
.number1_1{ font-size:60px; font-family:"Techna-Sans-Regular-2"; color:#333; vertical-align:top;}
.number1_2{ vertical-align:super; font-size:16px; color:#999; line-height:14px; font-family:"微软雅黑";}
.number2{ font-size:14px; color:#999;}

.business{ width:100%; overflow:hidden; padding-top:6.25vw; background:#FFF !important;}

.index_title{ width:100%; overflow:hidden;}
.index_title .title{ width:100%; overflow:hidden; font-size:42px; line-height:80px; color:#333; font-family:"Techna-Sans-Regular-2";}
.index_title .subtitle{ width:100%; overflow:hidden; font-size:16px; line-height:28px; color:#999;}

.business_list{ margin:4vw auto 0 auto; width:83.314%;}
.business_list li{ float:left; width:29.33%; margin:0 2% 80px 2%; cursor:pointer;}
.business_list li:last-child{ width:100%; height:0; clear:both; margin:0;}
.business_img{ width:100%; overflow:hidden; position:relative; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -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{ width:86%; height:40px; position:absolute; bottom:0; left:7%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: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_on a{ float:left; display:block; width:50%; height:40px; line-height:40px; font-size:15px; color:#FFF;}
.business_on a:nth-child(1){ background-image: linear-gradient(90deg,#6253e1,#852d91,#f24645); box-shadow: 0 4px 15px 0 rgba(126,52,161,.75); background-size: 300% 100%; -webkit-border-radius:50px 0 0 50px; -moz-border-radius:50px 0 0 50px; border-radius:50px 0 0 50px; 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;}
.business_on a:nth-child(2){ background-image: linear-gradient(90deg,#25aae1,#40e495,#30dd8a,#2bb673); box-shadow: 0 4px 15px 0 rgba(49,196,190,.75); background-size: 300% 100%; -webkit-border-radius:0 50px 50px 0; -moz-border-radius:0 50px 50px 0; border-radius:0 50px 50px 0; 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;}
.business_title{ width:90%; margin:20px auto 0 auto; overflow:hidden; text-align:left; padding-bottom:12px;}
.business_title .title{ width:100%; overflow:hidden; font-size:16px; line-height:30px; height:30px; color:#333;}
.business_title .subtitle{ width:100%; overflow:hidden; font-size:12px; line-height:26px; height:26px; color:#999; white-space:nowrap; text-overflow:ellipsis;}
.business_list li:hover .business_img{ box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .34)}
.business_list li:hover .business_on{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; bottom:20px;}
.business_on a:nth-child(1):hover{ background-position:100%;}
.business_on a:nth-child(2):hover{ background-position:100%;}

.case{ width:100%; overflow:hidden; padding-top:6.25vw; background:#f8f8f8 !important;}

.gallery-thumbs-out{ width:70.67vw; height:50px; padding:0 62px; overflow:hidden; margin:4vw auto 0 auto; position:relative;}
.gallery-thumbs { width:100%; height:50px; position:relative; box-sizing:border-box; overflow:hidden;}
.case_nav{ width:100%; height:50px; overflow:hidden; position:relative;}
.case_nav .title{ width:100%; height:50px; line-height:50px; font-size:16px; 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:50px; background:#29cc90; -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; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px;}
.case_nav .after{ position:absolute; z-index:1; top:0; left:50%; width:0; height:50px; -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; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.gallery-thumbs-next{ position:absolute; top:0; right:0; width:46px; height:46px; border:2px solid #999; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; cursor:pointer;}
.gallery-thumbs-prev{ position:absolute; top:0; left:0; width:46px; height:46px; border:2px solid #999; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; cursor:pointer;}

.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;}
.gallery-thumbs .swiper-slide-active .case_nav .before{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.case_nav:hover .title{ color:#FFF;}
.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:4vw 0 12vw 0; width:100%; overflow:hidden;}
.case_content{ width:100%;}
.case_img{ max-width:76%; margin:0 auto; position:relative; z-index:10; cursor:pointer;}
.case_img .case_img1{ display:block; width:100%; margin:0 auto; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; overflow:hidden; box-shadow: 0 30px 60px 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:none;}
.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;}
.case_title .title{ font-size:32px; line-height:60px; color:#333; margin-top:3vw;}
.case_title .subtitle{ font-size:14px; line-height:28px; color:#999;}

.case_img:hover .link{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin-bottom:30px;}
.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;}
.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=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

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

.customer{ width:100%; overflow:hidden; padding:6.25vw 0 5vw 0; background:#FFF !important;}
.customer .index_title{ text-align:left; width:80%; padding:0 10%;}
.customer_img{ max-width:268px; width:100%; overflow:hidden; margin:0 auto; position:relative; border:1px solid #f1f1f1; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; 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 20px 0 rgba(0,0,0,.3);}
.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: 80%;
	padding:1vw 3%;
	height: auto;
	margin:4vw 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; -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-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:6.25vw 0; background:#f8f8f8 !important;}
.news .index_title{ text-align:left; width:80%; padding:0 10%;}
.news .index_title .title{ float:left; width:auto;}

.news_nav_out{ float:right; overflow:hidden;}
.news_nav{ float:right; overflow:hidden; margin-top:20px;}
.news_nav li{ float:left; overflow:hidden; margin-left:25px; background:#FFF; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.news_nav li a{ display:block; height:40px; line-height:40px; padding:0 24px; background:none; color:#666; overflow:hidden; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:14px; -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; color:#FFF;}
.news_nav li a:hover{ background:#29cc90; color:#FFF;}

.swiper-container2 {
	position:relative;
	overflow:hidden;
	z-index:1;
	width: 80%;
	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;}
.news1 li{ float:left; width:29.33%; overflow:hidden; margin-right:6%; text-align:left; margin-top:3vw;}
.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:18px; color:#333; line-height:72px; -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:15px; color:#999; line-height:28px; height:56px;}
.news1 li a:hover .title{ color:#29cc90;}

.certificate{ width:100%; overflow:hidden; padding:6.25vw 0 5vw 0; background:#FFF !important;}
.certificate .index_title{ text-align:left; width:80%; padding:0 10%;}

.swiper-container3 {
	position:relative;
	overflow:hidden;
	z-index:1;
	width: 100%;
	height: auto;
	margin:0 auto;
	padding:5vw 0 0 0;
}
.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:4vw;}
.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 20px 40px 0 rgba(0,0,0,.1); 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:18px; color:#333; line-height:72px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.certificate_list:hover .certificate_img{ box-shadow: 0 20px 40px 0 rgba(0,0,0,.3);}

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

.advantage_num{ width:80%; overflow:hidden; position:absolute; top:64%; left:10%;}
.advantage_num li{ float:left; overflow:hidden; text-align:left;}
.advantage_num li:nth-child(1){ width:30%;}
.advantage_num li:nth-child(2){ width:18%;}
.advantage_num li:nth-child(3){ width:30%;}
.advantage_num li:nth-child(4){ width:22%;}
.advantage_num1{ width:100%; overflow:hidden; color:#FFF;}
.advantage_num1_1{ font-size:6.3vw; font-family:"Techna-Sans-Regular-2"; vertical-align:top;}
.advantage_num1_2{ font-size:40px; vertical-align:super; line-height:40px;}
.advantage_num1_3{ font-size:18px; line-height:40px;}
.advantage_title{ width:100%; overflow:hidden; font-size:18px; color:#FFF;}

.map{ width:679px; height:306px; background:url(../images/advantage_bg1.png) center center no-repeat; position:absolute; top:140px; right:10%;}

.map .point_area{text-align:center;position:absolute;width:80px;height:80px;transition:opacity .5s ease-out}
.map .point_area:before{position:absolute;content:'';width:10px;height:10px;
	border-radius:50%;background:#fff;display:inline-block;margin-left:-5px;
	margin-top:-5px;top:50%;left:50%
}
.map .point{position:absolute;width:100%;height:100%}
.map .point:after{content:"";display:block;position:absolute;top:0;right:0;
	bottom:0;left:0;border-radius:50%;border:1px solid #fff;opacity:0
}
.map .point.point_10:after{animation:4.5s ease-out 225ms infinite ripple}
.map .point.point_40:after{animation:4.5s ease-out .9s infinite ripple}
.map .point.point_80:after{animation:4.5s ease-out 1.8s infinite ripple}
.map .point.point_shadow:after{box-shadow:inset 0 0 5em rgba(255,255,255,.16)}
@keyframes ripple{
	0%{opacity:0;transform:scale(.1)}
	5%{opacity:1}
	to{opacity:0;transform:scale(1)}
}
@-moz-keyframes ripple{
	0%{opacity:0;transform:scale(.1)}
	5%{opacity:1}
	to{opacity:0;transform:scale(1)}
}
@-ms-keyframes ripple{
	0%{opacity:0;transform:scale(.1)}
	5%{opacity:1}
	to{opacity:0;transform:scale(1)}
}
@-webkit-keyframes ripple{
	0%{opacity:0;transform:scale(.1)}
	5%{opacity:1}
	to{opacity:0;transform:scale(1)}
}
@-o-keyframes ripple{
	0%{opacity:0;transform:scale(.1)}
	5%{opacity:1}
	to{opacity:0;transform:scale(1)}
}

.left_circle{ position:absolute; left:-387px; margin-left:8%; top:200px; display:block; filter:alpha(opacity=80) !important; -moz-opacity:0.8 !important; -khtml-opacity:0.8 !important; opacity:0.8 !important;}
.right_circle{ position:absolute; left:0; margin-left:90%; bottom:-285px; display:block; filter:alpha(opacity=80) !important; -moz-opacity:0.8 !important; -khtml-opacity:0.8 !important; opacity:0.8 !important;}

.footer{ width:100%; overflow:hidden; background:#f5f5f5 !important; padding:3.5vw 0; position:relative; z-index:100;}
.footer_in{ width:80%; margin:0 auto; overflow:hidden;}
.footer_l{ float:left; width:77.5%; overflow:hidden; text-align:left; font-size:12px; line-height:24px; color:#aaa;}
.footer_l a{ color:#aaa;}
.footer_r{ float:right; width:21.5%; overflow:hidden; text-align:right;}
.footer_r1{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#666666;}
.footer_r2{ float:left; width:100%; overflow:hidden; font-size:40px; font-family:"Techna-Sans-Regular-2"; line-height:50px;}
.footer_r3{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#666666;}

/* --QQ漂浮-- */
.piaofu{ position:fixed; width:70px; height:280px; bottom:10%; right:5px; z-index:99999999; display:block;}
.piaofu li{ float:left; width:70px; height:70px; position:relative; text-align:center;}
.piaofu li a{ display:block; width:68px; height:68px; line-height:100px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #e5e5e5; color:#666; font-size:14px;}
.piaofu1{ background:url(../images/xf_icon1.png) center 12px no-repeat #FFF;}
.piaofu2{ background:url(../images/xf_icon2.png) center 15px no-repeat #FFF;}
.piaofu3{ background:url(../images/xf_icon3.png) center 11px no-repeat #FFF;}
.piaofu4{ background:url(../images/xf_icon4.png) center 13px no-repeat #FFF;}
.piaofu li:hover a{ color:#FFF; border:1px solid #0a7bde;}
.piaofu li:hover .piaofu1{ background:url(../images/xf_icon1_1.png) center 12px no-repeat #0a7bde;}
.piaofu li:hover .piaofu2{ background:url(../images/xf_icon2_1.png) center 15px no-repeat #0a7bde;}
.piaofu li:hover .piaofu3{ background:url(../images/xf_icon3_1.png) center 11px no-repeat #0a7bde;}
.piaofu li:hover .piaofu4{ background:url(../images/xf_icon4_1.png) center 13px no-repeat #0a7bde;}
.piaofu li div{ display:none; position:absolute;}
.piaofu li:hover div{ display:block;}
.piaofu2_1{ top:-60px; left:-187px; width:177px; height:198px; border:1px solid #D7D7D7; background:#FFF; text-align:center;}
.piaofu2_1 img{
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.piaofu2_1 p{ width:155px; font-size:14px; margin-left:10px; text-align:center;}
.piaofu3_1{ top:0; left:-218px; width:216px; height:70px; background:#0a7bde; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.piaofu3_1 span{ display:block; padding-left:25px; background:url(../images/xf_icon5.png) no-repeat 15px center; height:70px; line-height:70px; font-size:22px; font-weight:bold; color:#FFF;}

.mobile_bottom{ display:none;}

/* case */
.header_case{ background:#f6f6f6 !important; box-shadow:0 0 0 rgba(0,0,0,0);}
.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 !important; box-shadow:0 2px 5px rgba(57,47,63,.06) !important; height:60px;}
.header_case_on .logo{ top:14px; height:32px;}
.header_case_on .logo_on{ top:14px; height:32px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.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:100px; background:#FFF !important; position:relative; z-index:100;}
.pro_title_in{ width:90%; overflow:hidden; margin:5vw auto 0 auto;}

.pro_title_in .return{ float:left; overflow:hidden; position:relative; padding-left:50px; font-size:16px; line-height:36px; color:#222;}
.pro_title_in .return span{
    width: 34px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 1px;
    background-color: #333;	
}
.pro_title_in .return span:after, .pro_title_in .return span:before {
    content: "";
    width: 10px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: inherit;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: .3s ease-in-out;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.pro_title_in .return:hover span:after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.pro_title_in .return:hover span:before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.pro_title_in1{ float:left; width:calc(100% - 50px); overflow:hidden; text-align:left; padding:3vw 0 5vw 50px; position:relative; z-index:100;}
.pro_title_in1 .title{ float:left; overflow:hidden;}
.pro_title_in1 .title1{ font-size:50px; line-height:58px; color:#333; font-family: Techna-Sans-Regular-2;}
.pro_title_in1 .title2{ font-size:20px; line-height:28px; color:#333;}
.pro_title_in1 .link{ float:right; overflow:hidden;}
.pro_title_in1 .link1{ font-size:16px; line-height:30px; color:#666;}
.pro_title_in1 .link2{ font-size:18px; line-height:32px; color:#333;}
.pro_title_in1 .client{ float:right; overflow:hidden; margin-right:5%;}
.pro_title_in1 .client1{ font-size:16px; line-height:30px; color:#666;}
.pro_title_in1 .client2{ font-size:18px; line-height:32px; color:#333;}

.pro_banner{ width:100%; height:920px; position:relative; z-index:101;}
.pro_banner_bg{ display:none;}
.pro_banner_logo{ position:absolute; top:65px; left:50%; display:block; height:78px;}
.pro_banner_title{ position:absolute; top:180px; left:0; color:#FFF; font-size:58px; width:100%; line-height:70px;}
.pro_banner_img{ display:block; width:1200px; position:absolute; bottom:-160px; left:50%; margin-left:-600px;}

.pro_content_in{ width:1200px; margin:0 auto; overflow:hidden;}

.pro_content1{ width:100%; overflow:hidden; padding:190px 0 50px 0; position:relative; z-index:100;}
.pro_content1_1{ float:left; overflow:hidden; width:24%; padding-right:1%; text-align:left; font-size:72px; font-family:"Techna-Sans-Regular-2"; color:#E6E6E6;}
.pro_content1_2{ float:left; overflow:hidden; width:24%; padding-right:1%; text-align:left; line-height:22px;}
.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:20px;}
.pro_content1_6{ float:left; overflow:hidden; width:50%; text-align:left;}
.pro_content1_7{ font-size:40px; color:#707070; line-height:50px;}
.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:50px 0; position:relative; z-index:100;}
.pro_content2_1{ float:left; overflow:hidden; width:24%; padding-right:1%; text-align:left; font-size:72px; font-family:"Techna-Sans-Regular-2"; color:#E6E6E6;}
.pro_content2_2{ float:left; overflow:hidden; width:24%; padding-right:1%; text-align:left;}
.pro_content2_3{ font-size:30px; color:#555555; line-height:40px;}
.pro_content2_4{ display:block; height:14px; margin-top:25px;}

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

.pro_content2_9{ float:left; width:100%; overflow:hidden; margin-top:50px; padding-bottom:50px;}
.pro_content2_9 li{ float:left; width:12%; height:70px; padding:190px 2% 0 2%; margin-right:5%; color:#FFF; font-size:16px; line-height:26px; 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:30px;}
.pro_content3_2{ font-size:72px; font-family:"Techna-Sans-Regular-2"; color:#E6E6E6; display:inline-block;}
.pro_content3_3{ font-size:30px; color:#555555; display:inline-block; margin-left:40px;}
.pro_content3_4{ width:100%; padding-bottom:50px; overflow:hidden;}
.pro_content3_4 .img{ display:block; width:100%; max-width:98%; margin:50px auto 0 auto; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; box-shadow: 0 4px 10px 0 rgba(0,0,0,.3); clear:both;}

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

.pro_content5{ width:100%; overflow:hidden; padding:80px 0 50px 0; position:relative; z-index:100;}
.pro_content5_1{ float:left; width:25%; overflow:hidden; text-align:left;}
.pro_content5_2{ font-size:72px; font-family:"Techna-Sans-Regular-2"; color:#E6E6E6;}
.pro_content5_3{ font-size:30px; color:#555555; line-height:40px; margin-top:10px;}
.pro_content5_4{ font-size:14px; color:#777777; line-height:24px; margin-top:30px;}
.pro_content5_5{ font-size:14px; color:#777777; line-height:24px;}
.pro_content5_6{ float:left; width:75%; overflow:hidden;}
.pro_content5_6 li{ float:left; width:31.33%; overflow:hidden; margin-left:2%; padding-bottom:40px;}
.pro_content5_6 li img{ display:block; max-width:100%; margin:0 auto;}

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

.pro_case2{ width:90%; overflow:hidden; margin:60px 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:none;}
.mobile_none{ display:block;}

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

/* news */
.news_banner{ width:100%; height:390px; 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:50px; color:#FFF; line-height:60px; margin-top:150px;}
.news_banner_title2{ font-size:18px; color:#FFF; line-height:28px; margin-top:20px;}

.news_banner_nav{ width:80%; height:60px; background:#d1f3f2; overflow:hidden; position:absolute; bottom:0; left:10%;}
.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:60px; line-height:60px; font-size:16px; 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:80%; 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:50px 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:4%; width:72%;}
.news_list2{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:22px; color:#333; line-height:32px; -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:16px; color:#999; line-height:30px; margin-top:25px; 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:right; overflow:hidden; text-align:left; border-left:1px solid #f0f0f0; height:120px; padding-left:4%; padding-right:7%; background:url(../images/news2.png) 85% center no-repeat; -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:48px; color:#076dd5; line-height:58px; 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:5px; -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:#076dd5;}
.news_list li a:hover .news_list2{ color:#FFF;}
.news_list li a:hover .news_list3{ color:#FFF;}
.news_list li a:hover .news_list4{ border-left:1px solid #FFF; background:url(../images/news2_on.png) 85% center no-repeat;}
.news_list li a:hover .news_list5{ color:#FFF;}
.news_list li a:hover .news_list6{ color:#FFF;}

.page{ width:80%; margin:0 auto; overflow:hidden; font-size:15px; padding:50px 0 90px 0;}
.page a{ display:inline-block; margin:10px 2px 0 2px; background:#f6f6f6; height:50px; line-height:50px; padding:0 20px; 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 2px 0 2px; background:#f6f6f6; height:50px; line-height:50px; padding:0 20px; 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:80%; margin:0 auto; overflow:hidden;}
.news_content1{ width:100%; overflow:hidden; font-size:30px; color:#333; line-height:40px; margin-top:50px;}
.news_content2{ width:100%; overflow:hidden; font-size:14px; color:#9fa19f; line-height:30px; margin-top:15px;}
.news_content3{ width:100%; overflow:hidden; text-align:left; border-top:1px solid #f0f0f0; margin-top:15px; padding:50px 0; font-size:16px; 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:14px; line-height:30px; padding:10px 5%;}

.pageIn{ width:100%; overflow:hidden; margin-top:30px; font-size:14px; color:#666;}
.pageIn1{ float:left; width:43%; height:60px; background:#f7f7f7; text-align:left; padding:0 3%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn2{ float:right; width:43%; height:60px; background:#f7f7f7; text-align:right; padding:0 3%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn a{ line-height:60px; 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{ color:#076dd5;}
.pageIn1:hover a{ color:#076dd5;}
.pageIn1:hover span{ color:#076dd5;}
.pageIn2:hover{ color:#076dd5;}
.pageIn2:hover a{ color:#076dd5;}
.pageIn2:hover span{ color:#076dd5;}

.related_news{ width:80%; margin:0 auto; overflow:hidden;}
.related_news1{ width:100%; overflow:hidden; margin-top:50px; padding-bottom:30px; border-bottom:1px solid #f0f0f0;}
.related_news2{ float:left; height:40px; line-height:40px; font-size:24px; color:#444444;}
.related_news3{ float:right; display:block; width:74px; height:40px; line-height:40px; background:#1acb94; color:#FFF; font-size:14px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.related_news4{ float:left; width:100%; overflow:hidden; padding-bottom:60px; margin-top:40px;}
.related_news4 li{ float:left; overflow:hidden; width:30.66%; margin-right:4%; text-align:left;}
.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:18px; 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:56px; margin-top:20px;}
.related_news4 li a:hover .related_news5{ color:#076dd5;}

.pager span.current{ text-decoration:underline; font-weight:bold;}

.embed-icon{ right:-100% !important;}