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

/*首页*/
.header{ width:100%; height:100px; position:fixed; top:0; left:0; z-index:10000;}
.logo{ position:relative; top:0; left:0; height:46px; margin:27px auto 0 auto; display:block;}
.logo_on{ position:relative; top:0; left:0; height:46px; margin:27px auto 0 auto; display:block;}

.nav{ display:none;}

.header_r{ display:none;}

.header_on{ background:#FFF; box-shadow:0 2px 5px rgba(57,47,63,.06); height:60px;}
.header_on .logo{ display:none;}
.header_on .logo_on{ top:0; height:32px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin-top:14px;}

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

.swiper-container {
	position:relative;
	overflow:hidden;
	z-index:1;
	width: 100%;
	height: 500px;
}
.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:500px; overflow:hidden;}
.banner_title{ padding:170px 0 50px 0;}
.banner_title1{ font-size:36px; line-height:76px; color:#FFF; font-weight:bold; margin: 0 auto; width:200px; position:relative;}
.banner_title1:before{ content:""; position:absolute; bottom:0; left:50px; width:100px; height:2px; background:#FFF;}
.banner_title1 span{ color:#57ebca; font-family:'Techna-Sans-Regular-2';} 
.banner_title2{ font-size:16px; line-height:30px; 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:50px 0;}
.number ul{ width:80%; margin:0 auto;}
.number ul li{ float:left; width:25%;}
.number1{ width:100%;}
.number1_1{ font-size:46px; line-height:56px; font-family:"Techna-Sans-Regular-2"; color:#333; vertical-align:top;}
.number1_2{ vertical-align:super; font-size:13px; color:#999; line-height:14px; font-family:"微软雅黑";}
.number2{ font-size:14px; color:#999;}

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

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

.business_list{ margin:4vw auto 0 auto; width:92%;}
.business_list li{ float:left; width:29.33%; margin:0 2% 30px 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:12px; 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;}
.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;}

.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:14px; 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; font-size:15px;}
.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:#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 120px 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{ 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:22px; line-height:32px; 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; 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:6.25vw 0 5vw;}
.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 10px 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 15px;
	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;}
.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;}
.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:13px;}
.news_nav li{ float:left; overflow:hidden; margin-left:10px;}
.news_nav li a{ display:block; height:34px; line-height:34px; padding:0 18px; background:#FFF; 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; 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:16px; color:#333; line-height:68px; -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;}
.news1 li a:hover .title{ color:#29cc90;}

.certificate{ width:100%; overflow:hidden; padding:6.25vw 0 5vw 0;}
.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:16px; 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:auto; overflow:hidden; background:url(../images/advantage_bg.jpg) center center no-repeat; background-size:cover; position:relative; padding:6.25vw 0 28vw 0;}
.advantage .index_title{ text-align:left; width:80%; padding:0 10%; margin-top:0; 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:36px; vertical-align:super; line-height:30px;}
.advantage_num1_3{ font-size:16px; line-height:30px;}
.advantage_title{ width:100%; overflow:hidden; font-size:14px; color:#FFF;}

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

.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:-270px; margin-left:8%; top:10vw; display:block; width:250px;}
.right_circle{ position:absolute; left:0; margin-left:90%; bottom:-200px; display:block; width:500px;}

.footer{ width:100%; overflow:hidden; background:#f5f5f5; padding:3.5vw 0 8vw 0;}
.footer_in{ width:80%; margin:0 auto; overflow:hidden;}
.footer_l{ float:left; width:68%; overflow:hidden; text-align:left; font-size:12px; line-height:24px; color:#aaa;}
.footer_l a{ color:#aaa;}
.footer_r{ float:right; width:30%; overflow:hidden; text-align:right;}
.footer_r1{ float:left; width:100%; overflow:hidden; font-size:12px; line-height:24px; color:#666666;}
.footer_r2{ float:left; width:100%; overflow:hidden; font-size:24px; font-family:"Techna-Sans-Regular-2"; line-height:34px;}
.footer_r3{ float:left; width:100%; overflow:hidden; font-size:12px; line-height:24px; color:#666666;}

.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:60px;}
.header_case_on .logo{ display:none;}
.header_case_on .logo_on{ top:14px; height:32px; 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:100px; background:#FFF;}
.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;}
.pro_title_in1 .title{ float:left; overflow:hidden;}
.pro_title_in1 .title1{ font-size:30px; line-height:38px; color:#333; font-family: Techna-Sans-Regular-2;}
.pro_title_in1 .title2{ font-size:16px; line-height:28px; color:#333;}
.pro_title_in1 .link{ float:right; overflow:hidden;}
.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%;}
.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:520px; position:relative;}
.pro_banner_bg{ display:none;}
.pro_banner_logo{ position:absolute; top:50px; left:50%; display:block; height:55px;}
.pro_banner_title{ position:absolute; top:130px; left:0; color:#FFF; font-size:24px; width:100%; line-height:40px;}
.pro_banner_img{ display:block; width:640px; position:absolute; bottom:-100px; left:50%; margin-left:-320px;}

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

.pro_content1{ width:100%; overflow:hidden; padding:130px 0 30px 0;}
.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:30px; 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:30px 0;}
.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:24px; color:#555555; line-height:34px;}
.pro_content2_4{ display:block; height:14px; margin-top:25px;}

.pro_content2_5{ float:left; width:23%; overflow:hidden; text-align:left; line-height:24px; font-size:14px; color:#777777; padding-top:5px;}
.pro_content2_6{ float:left; width:27%; 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:44px;}
.text50{ font-size:25px;}
.text14{ font-size:14px;}
.text12{ font-size:12px;}

.pro_content2_9{ float:left; width:100%; overflow:hidden; margin-top:50px; padding-bottom:20px;}
.pro_content2_9 li{ float:left; width:14.4%; height:70px; padding:120px 2% 0 2%; margin-right:2%; color:#FFF; font-size:14px; 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 0 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:72px; font-family:"Techna-Sans-Regular-2"; color:#E6E6E6; display:inline-block;}
.pro_content3_3{ font-size:24px; 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; position:absolute; top:0; z-index:10;}
.pro_content4 .right{ width:50%; height:100vh; background:#FFF; 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:24px; color:#FFF; display:inline-block; margin-left:40px;}

.pro_content5{ width:100%; overflow:hidden; padding:50px 0 10px 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:24px; 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:50px 0 50px 0; position:relative; z-index:100;}
.pro_case_in{ width:100%; overflow:hidden;}
.pro_case1{ width:100%; font-size:24px; color:#FFF; line-height:34px; 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:none;}
.mobile_none{ display:block;}

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

/* news */
.news_banner{ width:100%; height:300px; 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:24px; color:#FFF; line-height:34px; margin-top:120px;}
.news_banner_title2{ font-size:16px; color:#FFF; line-height:28px; margin-top:15px;}

.news_banner_nav{ width:90%; height:50px; 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:50px; line-height:50px; font-size:15px; 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:40px 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:70%;}
.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:15px; 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:105px; padding-left:4%; padding-right:7%; 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:30px; color:#076dd5; line-height:40px; margin-top: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_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) right center no-repeat;}
.news_list li a:hover .news_list5{ color:#FFF;}
.news_list li a:hover .news_list6{ color:#FFF;}

.page{ width:90%; margin:0 auto; overflow:hidden; font-size:14px; padding:40px 0 50px 0;}
.page a{ display:inline-block; margin:10px 2px 0 2px; background:#f6f6f6; height:40px; line-height:40px; padding:0 16px; 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:40px; line-height:40px; padding:0 16px; 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:18px; color:#333; line-height:30px; 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: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: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 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:50px; padding-bottom:20px; border-bottom:1px solid #f0f0f0;}
.related_news2{ float:left; height:40px; line-height:40px; font-size:18px; 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:50px; margin-top:30px;}
.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:16px; 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;}

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

}