@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSansSemibold/OpenSansSemibold.eot');
    src: url('../fonts/OpenSansSemibold/OpenSansSemibold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansSemibold/OpenSansSemibold.woff2') format('woff2'),
         url('../fonts/OpenSansSemibold/OpenSansSemibold.woff') format('woff'),
         url('../fonts/OpenSansSemibold/OpenSansSemibold.ttf') format('truetype'),
         url('../fonts/OpenSansSemibold/OpenSansSemibold.svg#OpenSansSemibold') format('svg');
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSansBold/OpenSansBold.eot');
    src: url('../fonts/OpenSansBold/OpenSansBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansBold/OpenSansBold.woff2') format('woff2'),
         url('../fonts/OpenSansBold/OpenSansBold.woff') format('woff'),
         url('../fonts/OpenSansBold/OpenSansBold.ttf') format('truetype'),
         url('../fonts/OpenSansBold/OpenSansBold.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fonts/OpenSansSemiboldItalic/OpenSansSemiboldItalic.eot');
    src: url('../fonts/OpenSansSemiboldItalic/OpenSansSemiboldItalic.eot') format('embedded-opentype'),
         url('../fonts/OpenSansSemiboldItalic/OpenSansSemiboldItalic.woff2') format('woff2'),
         url('../fonts/OpenSansSemiboldItalic/OpenSansSemiboldItalic.woff') format('woff'),
         url('../fonts/OpenSansSemiboldItalic/OpenSansSemiboldItalic.ttf') format('truetype'),
         url('../fonts/OpenSansSemiboldItalic/OpenSansSemiboldItalic.svg#OpenSansSemiboldItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSansLight/OpenSansLight.eot');
    src: url('../fonts/OpenSansLight/OpenSansLight.eot') format('embedded-opentype'),
         url('../fonts/OpenSansLight/OpenSansLight.woff2') format('woff2'),
         url('../fonts/OpenSansLight/OpenSansLight.woff') format('woff'),
         url('../fonts/OpenSansLight/OpenSansLight.ttf') format('truetype'),
         url('../fonts/OpenSansLight/OpenSansLight.svg#OpenSansLight') format('svg');
}
@font-face {
    font-family: 'OpenSansExtraBoldItalic';
    src: url('../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot');
    src: url('../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot') format('embedded-opentype'),
         url('../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff2') format('woff2'),
         url('../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff') format('woff'),
         url('../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf') format('truetype'),
         url('../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.svg#OpenSansExtraBoldItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSansRegular/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular/OpenSansRegular.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular/OpenSansRegular.woff2') format('woff2'),
         url('../fonts/OpenSansRegular/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('../fonts/OpenSansExtraBold/OpenSansExtraBold.eot');
    src: url('../fonts/OpenSansExtraBold/OpenSansExtraBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansExtraBold/OpenSansExtraBold.woff2') format('woff2'),
         url('../fonts/OpenSansExtraBold/OpenSansExtraBold.woff') format('woff'),
         url('../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf') format('truetype'),
         url('../fonts/OpenSansExtraBold/OpenSansExtraBold.svg#OpenSansExtraBold') format('svg');
}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/OpenSansLightItalic/OpenSansLightItalic.eot');
    src: url('../fonts/OpenSansLightItalic/OpenSansLightItalic.eot') format('embedded-opentype'),
         url('../fonts/OpenSansLightItalic/OpenSansLightItalic.woff2') format('woff2'),
         url('../fonts/OpenSansLightItalic/OpenSansLightItalic.woff') format('woff'),
         url('../fonts/OpenSansLightItalic/OpenSansLightItalic.ttf') format('truetype'),
         url('../fonts/OpenSansLightItalic/OpenSansLightItalic.svg#OpenSansLightItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/OpenSansItalic/OpenSansItalic.eot');
    src: url('../fonts/OpenSansItalic/OpenSansItalic.eot') format('embedded-opentype'),
         url('../fonts/OpenSansItalic/OpenSansItalic.woff2') format('woff2'),
         url('../fonts/OpenSansItalic/OpenSansItalic.woff') format('woff'),
         url('../fonts/OpenSansItalic/OpenSansItalic.ttf') format('truetype'),
         url('../fonts/OpenSansItalic/OpenSansItalic.svg#OpenSansItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot');
    src: url('../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot') format('embedded-opentype'),
         url('../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff2') format('woff2'),
         url('../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff') format('woff'),
         url('../fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf') format('truetype'),
         url('../fonts/OpenSansBoldItalic/OpenSansBoldItalic.svg#OpenSansBoldItalic') format('svg');
}


body {
	color:#000;
	font-family: Tahoma, Geneva, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	font-size:14px;
	line-height:18px;
    height: 100%;
}

* {
	font-family: Tahoma, Geneva, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	-moz-box-sizing: border-box;   
    -webkit-box-sizing: border-box;   
    box-sizing: border-box; 
    outline: none;
} 


body.wait *, body.wait {
	cursor:wait !important;
}

#scrollUp {
    bottom: -10px;
    right: 10px;
    width: 50px;
    height: 40px;
    padding: 5px 5px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #828282;
    -webkit-box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(top, #ebebeb, #dedede);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#dedede));
    background-image: -webkit-linear-gradient(top, #ebebeb, #dedede);
    background-image: -o-linear-gradient(top, #ebebeb, #dedede);
    background-image: linear-gradient(to bottom, #ebebeb,#dedede);
    background-repeat: repeat-x;
    -webkit-transition: bottom 150ms linear;
    -moz-transition: bottom 150ms linear;
    transition: bottom 150ms linear;
}

#scrollUp:hover {
    bottom: 0px;
}

#enquiry{
    display:none;
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    z-index:9999999;
    margin-bottom:-10px;
}
#enquiry_btn {
    display:block;
    margin:0px auto;
    width: 150px;
    height: 40px;
    padding: 5px 5px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #828282;
    -webkit-box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(top, #ebebeb, #dedede);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#dedede));
    background-image: -webkit-linear-gradient(top, #ebebeb, #dedede);
    background-image: -o-linear-gradient(top, #ebebeb, #dedede);
    background-image: linear-gradient(to bottom, #ebebeb,#dedede);
    background-repeat: repeat-x;
}
#enquiry_form{
    display:none;
    width:100%;
    background:#ffffff;
}
#enquiry_form_top{
    height:50px;
    width:100%;
    background:#e3e3e3;
}
#enquiry_form_top span{
    display:block;
    max-width:1280px;
    width:100%;
    line-height:50px;
    padding:0px 20px;
    margin:0px auto;
    text-align:right;
}
#enquiry_form_top a{
    color:#4a4a4a;
    font-size:16px;
}
#enquiry_form_top a:hover, #enquiry_form_top a:focus{
    color:#fe6700;
}
#enquiry_form form{
    max-width:540px;
    width:100%;
    padding:80px 20px 0px 20px;
    margin:0px auto;
    display:table;
    height:100%;
}
#enquiry_form .table-cell{
    display:table-cell;
    vertical-align:middle;
}
#enquiry_form_header{
    color:#fe6700;
    font-size:70px;
    text-align:center;
    line-height:normal;
    font-family: OpenSansLight,"Microsoft Yahei";
    margin-bottom:20px;
}
@media (max-width: 540px){
    #enquiry_form_header{
        font-size:50px;
        margin-bottom:0px;
    }
}
#enquiry_form table{
    width:100%;
    margin-bottom:45px;
}
#enquiry_form label{
    font-size:18px;
}
#enquiry_form tr{
    border-bottom:1px solid #fd7119;
}
#enquiry_form tr.error th{
    color:#FE6700;
}
#enquiry_form th{
    width:120px;
}
#enquiry_form th, #enquiry_form td {
    padding-top:40px;
}
.footer_shengmeng {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}
#enquiry_form table input{
    width:100%;
    border:none;
    box-shadow:none;
    outline:none;
    margin:0px;
    margin-bottom:5px;
    padding:0px;
    height:auto;
}
.enquiry_form_services{
    margin-top:35px;
}
@media (max-width: 540px){
    .enquiry_form_services{
        margin-top:0px;
    }
}
.enquiry_form_services div{
    display:inline-block;
    width:49%;
    line-height:20px;
}
@media (max-width: 540px){
    .enquiry_form_services div{
        display:block;
        width:100%;
        margin-top:10px;
    }
}
.enquiry_form_services input{
    margin:0px;
}
.enquiry_form_services label{
    display:inline-block;
    margin-bottom:0px;
    vertical-align:middle;
}
.enquiry_form_services label.error{
    color:#FE6700;
}
#enquiry_form .enquiry_form_requirement{
    padding:10px;
    border:1px solid #FE6700;
    margin-top:45px;
}
#enquiry_form .enquiry_form_requirement textarea{
    width:100%;
    border:none;
    box-shadow:none;
	
}

.float_left {float: left}
.float_right {float: right;}
body, .main{width: 100%;float: left;position: relative;}
body * {font-family: OpenSansRegular, Tahoma, Geneva, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;}
body.overflow {overflow: hidden;}
.main{overflow: hidden;}
.wrapper {margin:0 auto; width:100%; padding:0px 20px;position: relative;}
a {text-decoration: none;}
a:focus * {text-decoration: none;}
.wrap_content {overflow: hidden;}
.next_line {clear: both;}



#header {min-height: 70px;width: 100%; float:left;position: absolute;    z-index: 5;background-color: #fff; border-bottom: 1px solid #e6e6e6;    overflow-x: hidden;}
#header .wrapper {padding:0px 20px;margin: 0 auto; height: 70px;background-color: #fff;transition: all 0.5s ease-in-out; }
#header .nav {margin-bottom: 0px;position: relative;display:inline-block;overflow:hidden;width: auto; width:100%;}
#header a.header_logo   {color: #717171;font-size: 16px;white-space: nowrap;text-decoration: none;}
#header ul a  {color: #717171;font-size: 16px;width:auto!important;white-space: nowrap;text-decoration: none;}
#header .nav ul {display: table;height: 70px; }
#header .nav ul li {display: table-cell;vertical-align: middle;padding: 0 11px;position: relative;}
#header .nav ul li:last-child {padding-right: 0px;padding-left: 15px;}
.header_logo {float: left;height: 70px;}
.navbar-inner { background: none;}
.header_page_indicator {position: absolute;    height: 70px;top: 0px;left: 60px; width: 1px;display: none;pointer-events: none;}
.header_page_indicator_line1 {height: 20px;background-color: #2c55a5;width: 100%;position: absolute;top: 0;left: 0;}
.header_page_indicator_line2 {height: 20px;background-color: #2c55a5;width: 100%;position: absolute;bottom: 0;left: 0;}

.mobile_nav {height: 100%;}
.mobile_nav a {color: #717171; padding: 0px 30px;}
.menu-btn .inner {position: relative;}
.menu-btn {cursor:pointer;}
.menu-btn .icon-bar {display: block;width: 30px;height: 2px;border-radius: 1px;background-color: #2c55a5;  transform: translate(0px, 0px) rotate(0deg);transition: 0.5s ease-in-out;  cursor: pointer;}
.menu-btn .icon-bar {margin-top: 0px;}
.menu-btn .sr-only{display:none}
.menu-btn span:nth-child(2) {
-webkit-transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-os-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg); margin-bottom: 12px;}
.menu-btn span:nth-child(3) {	opacity: 1;filter: alpha(opacity=100); display: none;}
.menu-btn span:nth-child(4) {	-webkit-transform: translate(0px, 0px) rotate(0deg);	-moz-transform: translate(0px, 0px) rotate(0deg);	-os-transform: translate(0px, 0px) rotate(0deg);	transform: translate(0px, 0px) rotate(0deg); }
.menu-btn.active span:nth-child(2) {	-webkit-transform: translate(0px, 8px) rotate(-45deg);	-moz-transform: translate(0px, 8px) rotate(-45deg);	-os-transform: translate(0px, 8px) rotate(-45deg);	transform: translate(0px, 8px) rotate(-45deg); }
.menu-btn.active span:nth-child(3) {	opacity: 0;filter: alpha(opacity=0); }
.menu-btn.active span:nth-child(4) {	-webkit-transform: translate(0px, -6px) rotate(45deg);	-moz-transform: translate(0px, -6px) rotate(45deg);-os-transform: translate(0px, -6px) rotate(45deg);	transform: translate(0px, -6px) rotate(45deg); }
.mobile_menu {    display: none;overflow-y: scroll !important; }
.mobile_menu a {color: #717171;display: block;width: 100%;text-align: center;background-color: #fff;    padding:18px 24px;border-top: 1px solid #e6e6e6;}
.mobile_lang_btn {line-height: 22px;}
.header_search_box_container {width: 21%;display: block;overflow:hidden;padding-left:15px;padding-top:20px!important;float:right!important}
.header_search_box {    height: 35px;border: none;border-bottom: 1px solid #2c55a5;}
.header_page_indicator_top{height: 20px;position: absolute;width: 1px;left: 50%;top: 0; display: none;background-color: #2c55a5;}
.header_page_indicator_bottom {height: 20px;position: absolute;width: 1px;left: 50%;bottom: 0; display: none;background-color: #2c55a5;} 
body.non-mobile #header ul li:hover .header_page_indicator_top,body.non-mobile #header ul li:hover .header_page_indicator_bottom, #header ul li.active .header_page_indicator_top, #header ul li.active .header_page_indicator_bottom {display: block;}
.header_search_results {border-top: 1px solid #e6e6e6;  border-bottom: 1px solid #e6e6e6;   padding: 1% 0px;background: #fff;display: none;    overflow-y: scroll !important;}
.header_search_results .wrapper{height: 100% !important;}
.header_search_results_box {padding: 1% !important;background-color: #fff;}
body.non-mobile .header_search_results_box:hover {background-color: #e6e6e6; }
.header_search_results_box_title {white-space: normal; line-height: 23px;font-size: 16px;min-height: 70px;    color: #717171;}
.header_fullscreen_button_container {display: none !important;}
body.non-mobile .header_fullscreen_button_container {display: table-cell !important;}
.header_fullscreen_button {background-image: url('../images/icon-expand.png');cursor: pointer; width: 12px;height: 12px;display: block;background-size: 12px 24px;background-position: 0px 12px;}
.header_fullscreen_button:hover {background-position: 0px 0px;}
.header_search_icon {background-image: url('../images/icon-search.png');width: 16px;height: 16px;background-size: contain;cursor: pointer;}
.header_search_box_container_mobile {    position: absolute;width: 100%;left: 0px;top: 0px;padding: 0px 20px;    height: 56px;}
.header_search_box_content_mobile {height: 100%;}
#footer {    display: block;float: left;width: 100%; background-color: #f4f4f4; overflow: hidden;margin: 0 auto;color:#717171;font-size: 12px;}
footer .wrapper {max-width: 1250px;margin: 0 auto;width: 100%;    overflow: hidden;padding-bottom:30px}
.footer_info {padding-top: 33px;}
.footer_social_list {display: table;margin: 0 auto;}
.footer_social_cell{display: table-cell;}
.footer_social_icon {     width: 44px;height: 44px;margin-left: 10px;margin-right: 10px;display: block;background-size: 44px 88px;background-position: top center;background-repeat: no-repeat;}
.footer_social_icon:hover { background-position: bottom center;}
.footer_copyright {font-size: 13px;padding-top: 10px;    clear: both;}
.footer_contact {    padding: 12px 0px;    padding-top: 0px;}
.footer_contact_title {    font-size: 15.5px;color: #2c55a5;padding-bottom: 12px;font-family: OpenSansBold, 'Microsoft Yahei';}
.footer_contact_detail {font-size: 13px;}
.footer_list{padding-top: 75px; padding-bottom: 75px;}
.footer_logo {height: 77px;}
.footer_logo table {display: table-cell;vertical-align: middle;width: 100%;}
.footer_logo_list_row {margin: 0 auto;}
.footer_logo_cell {
    margin:5px 0px;text-align: center;
}
.footer_logo_cell_img_container {max-height: 120px;position: relative;height: 120px;width: 100%;overflow: hidden;background-repeat: no-repeat;background-size: auto 240px;background-position: center -120px;    display: block;}
.footer_logo_cell_img_container:hover {background-position: center 0px;}
.footer_logo_cell img {float: none;}
.footer_logo_cell:hover img {margin-top: -40px;}
.footer_logo_cell:nth-child(4n+0) {border-right: none;}
.footer_logo_cell:last-child {border-right: none;}
.icon_fb {background-image: url('../images/footer-icon-fb@2x.png');}
.icon_ig {background-image: url('../images/footer-icon-ig@2x.png');}
.icon_tw {background-image: url('../images/footer-icon-twitter@2x.png');}
.icon_we {background-image: url('../images/footer-icon-weibo@2x.png');}
.icon_youtube {background-image: url('../images/footer-icon-youtube@2x.png');}
.icon_google {background-image: url('../images/footer-icon-google@2x.png');}
.footer_contact_detail a {color: #717171;font-size: 14px;}
.footer_contact_detail a:hover { color: #2c55a5;}
.footer_hr{ width:90%; border:none; border-bottom:1px solid #e6e6e6; margin:0px auto; }
#summm{display:none!important;}
.header_search_box.col-sm-12.col-xs-12{text-indent:15px;}
@media(max-width: 767px){
	#video_us ul li{
	    width: 100%!important;
	    float: none!important;
	}
    .footer_logo_cell_img_container {max-height: 100px;height: 100px;width: 100%;background-size: auto 200px;}
    .footer_logo_cell_img_container:hover {background-position: center -100px;}
	.wclsk_one,.wclsk_two,.wclsk_trun{
		display:none!important;
	}
	.wrapper.wrapper_one{
		transform: translate(0%,0%)!important;
		padding: 0px;
	}
	.wclsk_frle{
		width:100%!important;
		transform: translate(0%,-50%)!important;
		left: 0%!important;
	}
	.banner-center-box.md-text-center img{
		position:absolute;
		top:50%;
		transform: translate(-50%,0%);
	}
	.wclsk_frle .row h1{
		font-size:25px!important;
	}
	.wclsk_frle .row .animated.fadeIn {
    font-size: 35px;
	}
	.wclsk_frle .row .p-large {
		margin-bottom: 2rem;
		font-size: 20px;
		padding: 0 52px;
		font-size: 18px;
		color: #fff;
	}
	.win-card-body{
		height:auto;
	}
	.win-module{
		display:block!important;
	}
	.win-body-details{
		margin:0;
		padding:0 10px;
	}
	.win-card:first-child{
		top:0;
		
	}
	.win.clearfix.text-center>li{
		margin-bottom: 30px;
	}
	.win-card.pull-left{
		width:100%!important;
	}
	.win-card{
		position: inherit;
	}
	.win-body-details,.win-body-list{
		z-index:4;
	}
}

.home_banner{background-color: #f3f3f3;min-height: 450px;} 
@media(max-width: 414px)
{
    .home_banner{min-height: 250px;} 
}
3.home_video_container{margin-top: 125px;max-width: 100% !important; }
.home_banner_video_content{width: 100%;height: 100%; position: absolute;}
.home_banner_video_content .wrapper {height: 100%;max-width: 1400px;}
.home_banner_video {width: 100%;padding-bottom: 56.25%;position: relative;
    transform-style: preserve-3d;
    transition: all 0.5s ease-in-out; 
    -webkit-transform: rotateY(50deg) rotateX(0deg) rotateZ(0deg) translateX(-55%);
    -moz-transform: rotateY(50deg) rotateX(0deg) rotateZ(0deg) translateX(-55%);
    -os-transform: rotateY(50deg) rotateX(0deg) rotateZ(0deg) translateX(-55%);
    transform: rotateY(50deg) rotateX(0deg) rotateZ(0deg) translateX(-55%);}
.home_banner_video:hover, .home_banner_video.hover {
    width: 220%;
    padding-bottom: 124.25%;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(-20%)  translateY(-50%);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(-20%)  translateY(-50%);
    -os-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(-20%)  translateY(-50%);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(-20%)  translateY(-50%);
}
.home_banner_video .video {    position: absolute;width: 100%;height: 100%;}
.home_banner_video iframe {width: 100%;height: 100%;}
.video_wrapper {    border-radius: 10px;overflow: hidden;position: absolute;width: 100%;height: 100%;border: 1px solid #000;background-color: #000;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}
body.overflow .video_wrapper{display: none;}
.video_wrapper_fake_side {position: absolute;width: 100%;bottom: 0px;top: 0px;background: #000;border-radius: 10px;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ( -4.5px ) translateY( 0px) translateX(0px);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ( -4.5px ) translateY( 0px) translateX(0px);
    -os-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ( -4.5px ) translateY( 0px) translateX(0px);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ( -4.5px ) translateY( 0px) translateX(0px);
}

.home_section {
		padding-top: 125px;
        background-color: #fff;   
        background-position: center top;
        background-repeat: no-repeat;   
        float: left;width: 100%;position: relative;
        background-size: cover;
}
.home_section:nth-child(2n+0) { background-color: #f7f7f7;}
.home_section * {color:#717171;font-size: 14px;line-height: 20px;}
.home_section a { overflow: hidden;}
.home_section img {width: 100%;
    transform-style: preserve-3d;
}
.home_section_2.js-background-ratio{max-width: 100% !important; max-height: 100% !important;}
.home_section_2_container {position: absolute;height: 100%;width: 100%;top: 0px; left: 0px;}
.home_section_2_content {height: 100%;} 
.home_section_1_images, .home_section_2_images{min-height: 1px;position: relative;}
.home_section_1_image {-webkit-perspective: 1100px;-moz-perspective: 1100px;-o-perspective: 1100px;perspective: 1100px;position: absolute; margin: 10px auto;width: 50%; z-index: 1;float: left;top: 20%;}
.home_section_1_image:hover {z-index:2;}
.home_section_1_image_mobile {-webkit-perspective: 1500px;-moz-perspective: 1500px;-o-perspective: 1500px;perspective: 1500px;position: absolute;margin: 10px auto;width: 75%;z-index: 0;float: left;left: 12.5%;padding: 2% 0px;}
.home_section_1_image_space {opacity: 0; visibility: hidden;padding: 0px 2%;}
.img_container {
    transform-style: preserve-3d;
    transition: all 0.65s ease-in-out;
    -webkit-transform: translateX(-40px) rotateY(-50deg) rotateX(0deg) rotateZ(0deg);
    -moz-transform: translateX(-40px) rotateY(-50deg) rotateX(0deg) rotateZ(0deg);
    -os-transform: translateX(-40px) rotateY(-50deg) rotateX(0deg) rotateZ(0deg);
    transform: translateX(-40px) rotateY(-50deg) rotateX(0deg) rotateZ(0deg);
}
.home_section_images_mobile .img_container{
    -webkit-transform: rotateY(34deg) rotateX(0deg) rotateZ(0deg) scale3d(1.06,1.06,1) translateY(4%) translateX(4.5%);
    -moz-transform: rotateY(34deg) rotateX(0deg) rotateZ(0deg) scale3d(1.06,1.06,1) translateY(4%) translateX(4.5%);
    -os-transform: rotateY(34deg) rotateX(0deg) rotateZ(0deg) scale3d(1.06,1.06,1) translateY(4%) translateX(4.5%);
    transform: rotateY(34deg) rotateX(0deg) rotateZ(0deg) scale3d(1.06,1.06,1) translateY(4%) translateX(4.5%);
}
.img_container img {border: 1px solid #e6e6e6;border-radius: 10px; position:relative;}
.app-box1 {
    width: 100%;
    max-width: 1200px;
    overflow: hidden;
    background: #fff;
	margin: 0 auto;
    padding-top: 156px;
    padding-bottom: 134px;
}
.app-box1 .left {
    margin-top: 112px;
}

.fl {
    float: left;
}
.app-box1 .left h2 {
    display: block;
    font-size: 36px;
    font-weight: bold;
    color: #222;
    line-height: 36px;
    margin-bottom: 22px;
}
.app-box1 .left i {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 14px;
    font-style: normal;
    text-transform: uppercase;
}
.app-box1 .right {
    overflow: hidden;
}
.fr {
    float: right;
}
.app-box1 .right .box {
    width: 325px;
    float: left;
    box-sizing: initial;
}
.app-box1 .right .box {
    width: 325px;
    float: left;
    box-sizing: initial;
}
.app-box1 .right .box img {
    display: block;
    margin: 0 auto;
}
.app-box1 .right .box span {
    display: block;
    font-size: 18px;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
}
.app-box1 .right .box p {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-top: 20px;
}










.img_container_fake_side {position: absolute;width: 100%;bottom: 0px;top: 0px;background: #e6e6e6;border-radius: 10px;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ( -2.5px ) translateY( 0px) translateX(0px);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ( -2.5px ) translateY( 0px) translateX(0px);
    -os-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ( -2.5px ) translateY( 0px) translateX(0px);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ( -2.5px ) translateY( 0px) translateX(0px);
}
.img_cotainer_side_left {position: absolute;width: 4.5px;top: 9px;bottom: 9px;left: 0px;background-color: #000;display: none;
    transform-style: preserve-3d;
    transition: all 0.2s linear;
    -webkit-transform: rotateY(-90deg) rotateX(0deg) rotateZ(0deg) translateZ( 3px ) translateX(3px) translateY(0px);
    -moz-transform: rotateY(-90deg) rotateX(0deg) rotateZ(0deg) translateZ( 3px ) translateX(3px) translateY(0px);
    -os-transform: rotateY(-90deg) rotateX(0deg) rotateZ(0deg) translateZ( 3px ) translateX(3px) translateY(0px);
    transform: rotateY(-90deg) rotateX(0deg) rotateZ(0deg) translateZ( 3px ) translateX(3px) translateY(0px);}   
.home_section_1_info_title {padding-top: 30px;}
.home_section_1_info_description {padding-bottom: 30px;}
.home_section_1_info *,.home_section_2_info * {overflow: hidden;}
.home_section_1_info_title,.home_section_2_info_title {text-transform: uppercase;font-size: 40px;    padding-bottom: 20px;line-height: 45px;font-family: OpenSansLight, 'Microsoft Yahei';}
.home_section_1_info_video,.home_section_2_info_video {min-height: 1px;clear: both; }
.home_section_2_images img {    padding: 0% 8%;}
.home_page_video_mobile  {padding: 15% 5%;background: #fff;}
.home_page_video_shadow_mobile {width: 90%;height: 2px;box-shadow: 0px 26px 30px 0px #000;margin: 0 auto;}
.home_banner_video_container {position: absolute;margin: 10px auto;z-index: 0;     top: 45%;left: 38%;width: 25%;}
.home_banner_video_container {-webkit-perspective: 1100px;-moz-perspective: 1100px;-o-perspective: 1100px;perspective: 1100px;}
.youku_video {position: absolute;top: 0px; left: 0px; width: 100%; height: 100%;}
.youku_container {width: 100%; padding-bottom: 56.25%;position: relative;}
.home_section_images_tablet {width: 100%; float: none; margin: 0 auto;}
.home_section_images_mobile .home_section_1_image_space  {padding: 5% 0px;}
.home_section_images_mobile .home_section_1_image_mobile {width: 96%;    left: 2%;}
.home_banner_video .img_cotainer_side_left {   display: none;  background-color: #000;
    -webkit-transform: rotateY(-90deg) rotateX(0deg) rotateZ(0deg) translateZ( 0px ) translateX(-4.5px);
    -moz-transform: rotateY(-90deg) rotateX(0deg) rotateZ(0deg) translateZ( 0px ) translateX(-4.5px);
    -os-transform: rotateY(-90deg) rotateX(0deg) rotateZ(0deg) translateZ( 0px ) translateX(-4.5px);
    transform: rotateY(-90deg) rotateX(0deg) rotateZ(0deg) translateZ( 0px ) translateX(-4.5px);
}
.home_section_images_mobile img {}

.animate_set_3 {transition: all 0.4s ease-in-out;}
.animate_set_3 .img_container {
    display:block;
    overflow:visible;
    -webkit-transform: rotateY(-40deg) rotateX(0deg) rotateZ(0deg) translateX(-50%);
    -moz-transform: rotateY(-40deg) rotateX(0deg) rotateZ(0deg) translateX(-50%);
    -os-transform: rotateY(-40deg) rotateX(0deg) rotateZ(0deg) translateX(-50%);
    transform: rotateY(-40deg) rotateX(0deg) rotateZ(0deg) translateX(-50%);
    -webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}




.animate_set_3:first-child {left: 65%;}
.animate_set_3:nth-child(2n+0) {left: 40%;}
.animate_set_3:nth-child(3n+0) {left: 15%;}
.home_section_1_info {transition: all 0.4s ease-in-out; position:relative; z-index:1;}
.home_section_1_info.hover {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -os-transform: translateX(100%);
    transform: translateX(100%);
}





.home_section_2.right .home_section_1_info.hover {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -os-transform: translateX(-100%);
    transform: translateX(-100%);
}
.home_section_2 .home_section_images_tablet .home_section_1_image:first-child{left: 50%;}
.home_section_2 .home_section_images_tablet .home_section_1_image:nth-child(2n+0) {left: 25%;}
.home_section_2 .home_section_images_tablet .home_section_1_image:nth-child(3n+0) {left: 5%;}
.home_section_1_image_cover {position:absolute; z-index:3}


.youtube_container {position: relative;border: 1px solid #e6e6e6; background-color: #e6e6e6;}
.youtube_box { width: 100%;padding-bottom: 56.25%;}
.youtube_video {    position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.youtube_play_btn { background-image: url('../images/btn-youtube@2x.png');width: 70px;height: 50px;position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -35px;background-size: cover;cursor: pointer;}
.youtube_play_btn_container {    position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;cursor: pointer;}
.bgfff.fl img{width:50px;display: block;
    margin: 0 auto;}
#showcases {   margin-top: 126px;}
.showcases_nav {    background-color: #f16408;width: 100%;color: #fff;height: 46px;    top: 0px;z-index: 2;position: relative;}
.showcases_nav ul {display: table;height: 100%;}
.showcases_nav li {     display: table-cell;height: 46px; vertical-align: middle;}
.showcases_nav li:first-child a {padding-left: 0px;}
.showcases_nav li:last-child a {padding-right: 0px;}
.showcases_nav a {color:#fff;padding: 0px 12.5px;    white-space: nowrap;    font-size: 16px;}
.showcases_nav_logo {display: none; background-image: url('../images/ysd-logo-white.svg');    background-repeat: no-repeat;width: 73px;height: 26px;background-size: cover;position: absolute;top: 50%;margin-top: -13px;}
.showcases_nav_mask {background-image: url('../images/mask.png');position: absolute;right: 0px;height: 100%;width: 64px;top: 0px;}

.showcases_content img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border-radius: 4px;
}
 .zhuanti2_five_con_3 img {width:auto!important;max-width: 600px!important;
    transform: translateX(-125px) translateY(-60px);
}
.showcase_lists_position {  padding: 5% 5% 0% 5%;clear: both;}
.showcase_lists_position_title {    font-size: 17px;color: #2c55a5;line-height: 24px;}
.showcase_lists_position_arrow {background-image: url('../images/arrow.png');    width: 17.5px;height: 11px;background-size: 17.5px 11px;cursor: pointer;}
.showcase_lists_category {padding-top: 27px;float: left;width: 100%;}
.showcase_lists_category.bottom {padding-bottom: 8%;padding-top: 6%;}
.showcase_lists_category_item {padding-top: 20px;    padding-bottom: 5px;}
.showcase_lists_category_item * {font-size: 17px;color:#717171;}
.showcase_lists_category_item:hover *, .showcase_lists_category_item.active * {color: #2c55a5;}
.showcase_lists_banner {color: #fff;background-color: #675146;text-align: center;  background-size: auto 100%;background-position: center top;min-height: 400px;position: relative;  width: 100%;}
.showcase_lists_banner_max_ratio {width: 100% ;padding-bottom:23.54%;}
.showcase_lists_banner_title {    position: absolute; width: 100%;height: 100%;    background: rgba(0,0,0,0.5);}
.showcase_lists_banner_title_ratio {    width: 100%;padding-top: 3.5%;}

.showcase_lists_banner_title .title { font-size: 55px;line-height: 75px;font-family: OpenSansLight, 'Microsoft Yahei';text-transform: uppercase;    margin-bottom: 15px;font-weight: inherit; }
.showcase_lists_banner_title .sub-title {    font-size: 23px;line-height: 40px;font-family: OpenSansLight, 'Microsoft Yahei';}
.showcase_lists_content { padding-bottom: 41px;float: left; width: 100%;}
.showcase_lists_pagging {padding-bottom: 60px;}
.showcase_lists_pagging_item {height: 60px;width: 60px;line-height: 60px;text-align: center;border:1px solid #fff; border-bottom: 1px solid #e6e6e6;color: #7e7e7e;font-size: 23px;}
.showcase_lists_pagging_item.active, .showcase_lists_pagging_item:hover {border:1px solid #e6e6e6;color: #2c55a5;}
.showcase_lists_video_container {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 3;display: none;}
.showcase_lists_video_container_background {background-color: #fff; opacity: 0.8;position: absolute;width: 100%;height: 100%;top: 0;left: 0;cursor: pointer;}
.contact_image_box_content table {position: relative;cursor: pointer;max-width: 1199px;margin: 0 auto;}
.contact_image_box_content video {border: 1px solid #e6e6e6;    max-width: 100%;width: 90%;}
video {float: none !important;}
@keyframes scroll_ball {
    from {top:10px;}
    to {bottom: 40px;}
}
.showcase_website_detail {margin: 0 auto;overflow: hidden;}
.showcase_detail_banner {margin: 0 auto;position:relative;overflow: hidden;width: 100%;min-height: 700px;background-size: cover;background-position: top center;padding:0!important;}
.showcase_detail_banner_transparent {background-image: url('../images/details-top-banner-transparent@2x.png');    position: absolute;width: 100%;    top: 0px;background-size: 1920px 854px;bottom: 0px;left: 0px;right: 0px;}
.showcase_detail_banner_scroll {background-image: url('../images/details-mouse@2x.png');width: 32px;height: 112px;position: absolute;bottom: 0px;left: 50%;background-size: 100% 100%;margin-left: -16px;}
.showcase_detail_banner_scroll_ball {background-image: url('../images/details-mouse-move@2x.png');width: 6px;height: 6px;position: absolute;background-size: 100% 100%;left: 50%;margin-left: -3px;top: 40px;animation-name: scroll_ball;animation-direction: alternate;animation-iteration-count: infinite;animation-duration: 2s;}
.showcase_detail_banner_title_container {left: 0px;position: absolute;width: 100%;color: #fff;height: 100%;text-align: center;vertical-align: middle;top: 0px;font-size: 75px; line-height: 75px;padding:0px 5%;}
.showcase_detail_banner_title {margin: 0 auto;height: 100%;}
.showcase_detail_banner_title * {font-family: OpenSansLight, 'Microsoft Yahei';}
.showcase_website_detail_footer_img {margin: 0 auto;}
.showcase_website_detail_images {text-align: center;padding-bottom: 4%;padding-top:35px;}
.showcase_website_detail_description {margin: 0 auto;float: none;font-size: 18px;line-height: 36px;color: #626262;}
.showcase_website_detail_link_container {padding-top: 2.6%;width: 100%;}
.showcase_website_detail_link {margin: 0 auto;}
.showcase_website_detail_image {    margin-bottom: 40px;}
.showcase_website_detail .showcase_app_item_icon {max-width: 100px !important;}
.showcase_detail_app_icon {padding-top: 3%; padding-bottom: 3%;}
.showcase_website_detail_youtube_youku_container {max-width:1000px;height:640px;margin:0px auto;padding:0px 20px;padding-top:4%;padding-bottom:2%;}
.showcase_website_detail_youtube_youku_container iframe {width:100%;height:100%;}
.showcase_website_detail_video_container {padding-top: 2.6%;width: 100%;}
.showcase_website_detail_video_content {margin: 0 auto;float: none;}
.showcase_website_detail_video {width: 100%; padding-bottom: 56.25%;position: relative;}
.showcase_website_detail_video .video {    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.showcase_website_detail_video .video video {    width: 100%;height: 100%;}


.showcase_app_item{padding:1%!important;}
.showcase_app_item {padding-right: 2%;padding-top: 6.3%;padding-bottom: 1.7%; }
.showcase_app_item_img {display: block; width: 100%; padding-bottom: 3.4%;    padding-top: 5%;}
.showcase_app_item_info {padding-bottom: 4.8%;border-bottom: 1px solid #e6e6e6;}
.showcase_app_item:nth-child(odd){
    clear: both;
}
.showcase_app_item_icon {    -webkit-border-radius: 25%;-moz-border-radius: 25%;border-radius: 25%;overflow: hidden;}
.showcase_app_item_detail.app_icon {padding-left: 5%;}
.showcase_app_item_title_row {padding-bottom: 10px;}
.showcase_app_item_title {font-size: 18px;font-weight: bolder;color: #616161;line-height: 23px;}
.showcase_app_item_desc {color: #7e7e7e;font-size: 15.5px;clear: both;overflow: hidden;
    height: 60px;
}
.showcase_web_item_sitelink_container{text-align: center;margin-bottom: 20px;}
.showcase_web_item_sitelink, .showcase_app_item_link_ios, .showcase_app_item_link_android  {    width: 38px;height: 38px;background-image: url('../images/btn-link@2x.png');background-size: 38px 76px;    background-repeat: no-repeat;display: inline-block;margin: 0px 3px;}
.showcase_web_item_sitelink:hover, .showcase_app_item_link_ios:hover, .showcase_app_item_link_android:hover { background-position:bottom center; }
.showcase_web_item_sitelink_btn {position:absolute; width:44px; height:38px;}
.showcase_app_item_links {height: 38px;}
.showcase_app_item_link_ios {background-image: url('../images/showcase-icon-ios@2x.png');}
.showcase_app_item_link_android {background-image: url('../images/showcase-icon-andriod@2x.png');}

.about_us_banner {min-height: 210px;}
.about_us_section_title {    font-size: 40px;color: #2c55a5;line-height: 40px;padding-top: 6.2%;padding-bottom: 5.8%;width: 100%;}
.about_us_section_desc {    font-size: 14px;color: #626262;line-height: 30px;padding-bottom: 10%;width: 100%;font-size: 16px;}
.about_us_section {background-color:#fff; }
.about_us_section:nth-child(2n+0) {background-color: #f3f3f3;}
.abouts_post_icon {    width: 179px;height: 188px;background-size: cover;} 
.about_post_row {margin: 0 auto; float: none !important;}
.about_post_row img {width: 100%;}
.post_01 {background-image: url('../images/about-post01@2x.png');}
.post_02 {background-image: url('../images/about-post02@2x.png');}
.post_03 {background-image: url('../images/about-post03@2x.png');}
.post_04 {background-image: url('../images/about-post04@2x.png');}
.post_05 {background-image: url('../images/about-post05@2x.png');}
.post_06 {background-image: url('../images/about-post06@2x.png');}
.post_07 {background-image: url('../images/about-post07@2x.png');}
.post_08 {background-image: url('../images/about-post08@2x.png');}
.post_09 {background-image: url('../images/about-post09@2x.png');}
.post_10 {background-image: url('../images/about-post10@2x.png');}
.post_11 {background-image: url('../images/about-post11@2x.png');}
.mobile_teamworks img {width: 100%;}

#service {margin-top: 126px;}
.service_section {overflow: hidden;position: relative;padding-bottom: 0px !important;    background-color: #fff; background-position: center top;background-repeat: no-repeat;float: left;width: 100%;position: relative;background-size: cover;}

.service_section .wrapper {    height: 100%;z-index:2}
.service_section_content {position: relative;padding-top: 7.8%; padding-bottom: 6.4%;}
.service_section_top{
    position: relative;
}
.service_section_top:after,
.service_section_content:after{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    content: '';
    bottom: 0;
    background: rgba(255,255,255,0.60);
}
.service_section_content.first_section {padding-top: 2%;padding-bottom: 4%;}
.service_section_img {    position: absolute;width: 100%;height: 100%;}
.service_section_img_mobile img {width: 100%;}
.service_section_img .wrapper {position: relative;}
.service_section_img_container {    bottom: 0px;position: absolute;right: 0;}
.service_section_img_container_right {bottom: 0px;position: absolute;left: 0;}
.service_section_info  {height: 100%;}
.service_title {font-size: 46px;line-height: 46px;color: #2c55a5;padding-top:2.3%;text-align: center;width: 100%;font-family: OpenSansLight, 'Microsoft Yahei';text-transform: uppercase;    max-width: 1100px;
    margin: 0 auto;
    width: 100%;}
.service_title_container {background: #fff; width: 100%; padding-bottom:28%;position: relative; }
.service_title_container .service_title {position: absolute;    width: 100%;padding-top: 0px;top: 50%;margin-top: -23px;}
.service_section_title {font-size: 40px;line-height: 55px;color: #2c55a5;    font-family: OpenSansExtraBold, 'Microsoft Yahei';letter-spacing: -2px;    padding-bottom: 29px;}
.service_section_feature {position:relative;z-index:2;font-size: 14px;color: #626262;line-height: 24px;    padding-left: 2%;}
.service_section_feature_row {background-image: url('../images/true.png');background-repeat: no-repeat;background-size: 17px 15px;background-position: 2px 6px;padding-left: 30px;line-height: 22px;padding-top: 2px;padding-bottom: 2px;}
.cuo .service_section_feature_row {background-image: url('../images/cuo.png');}
.common_btn { display: inline-block;border: 1px solid #2c55a5;border-radius: 5px;padding: 5px 15px;color: #2c55a5;margin-top: 10px;margin-bottom: 15px;transition: 0.5s ease-in-out;}
.common_btn:hover {background-color: #2c55a5; color: #fff;}


#client {position: relative;min-height: 450px;margin-top: 70px;}
.client_content { width: 100%; height: 100%;    padding-top: 2.3%;padding-bottom: 4.3%;}
.client_content .wrapper {    height: 100%;}
.client_box_container {padding: 5px 25px;}
.client_box {width: 100%; padding-bottom: 100%;position: relative;}
.client_box img {width: 100%;}
.client_box_list_title {    font-size: 44px;line-height: 44px;text-transform: uppercase;text-align: center;color: #2c55a5;padding-top: 3px;padding-bottom: 30px;font-family: OpenSansLight, 'Microsoft Yahei';}
.client_box_content {position: absolute;width: 100%;height: 100%;}
.client_box_background {position: absolute;width: 100%;height: 100%;    background-color: #fff;opacity: 0.9}
.client_box_img_container {width: 100%;height: 100%;text-align: center;}
.client_box_list {margin: 0 auto; float: none;    overflow: hidden;height: 100%;}
.client_box_list_content {float: none;margin: 0 auto;}
.nicescroll-rails-vr {margin-left: 15px;}
#contact {position: relative;}
.contact_banner {background-image: url('../images/contant.jpg');position: relative;}
.contact_banner_content {position: absolute;width: 100%;top: 0px;bottom: 0px;}
.contact_banner_title_container {width: 100%;height: 100%;}
.contact_banner_title {color: #fff;font-size: 55px;line-height: 78px;font-family: OpenSansLight, 'Microsoft Yahei';}
.contact_banner_sub_title {color: #fff;font-size: 26px;line-height: 31px;    padding-top: 13px;font-family: OpenSansLight, 'Microsoft Yahei'; letter-spacing: 2px;padding-bottom: 13px;}
.contact_lists {padding: 25px 0px;}
.contact_section {padding-bottom: 16px;}
.contact_section a:hover {color: #2c55a5;}
.contact_section * {    color: #454545;}
.contact_section_title{font-size: 22px;line-height: 22px; color: #2c55a5;    padding-bottom: 35px;text-align: center;text-transform: uppercase;padding-top: 35px;font-family: OpenSansLight, 'Microsoft Yahei';}
.contact_section_address {float: none;margin: 0 auto;text-align: center;font-size: 16px;line-height: 35px;padding-bottom: 33px;font-family: OpenSansLight, 'Microsoft Yahei';}
.contact_section_contact {float: none;margin: 0 auto;padding-bottom: 43px;}
.contact_section_contact_info {padding-bottom: 4px;border-right: 1px solid #e6e6e6;}
.contact_section_contact_info:last-child {border-right: 1px solid #fff;}
.contact_section_contact_info_label {font-weight: bolder;    font-size: 16px;padding-bottom: 6px;}
.contact_section_image {font-weight: bolder;font-size: 13px; color: #2c55a5;cursor: pointer;padding-bottom: 16px;margin: 0 auto;    display: block;}
.contact_lists_row {padding-bottom: 16px;}
.contact_lists_cell {border-right: 1px solid #e6e6e6;vertical-align: top;}
.contact_lists_cell:last-child {border-right: 1px solid #fff;}
.contact_section_border_bottom {padding-top: 30px; float: none;margin: 0 auto;}
.contact_image_box{position: fixed;bottom: 0px; width: 100%;background-color: #fff;background-color: #fff;z-index: 6;overflow: hidden;height: 0px;}
.contact_image_box_control {    height: 50px;border-bottom: 1px solid #e6e6e6;background: #E3E3E3;}
.contact_image_box_close {    font-family: OpenSansLight;font-size: 16px; line-height: 48px;cursor: pointer; color: #4a4a4a;     font-weight: bold;}
.contact_section_images {padding-bottom: 20px;}
.contact_image_box_content { overflow: scroll;    max-height: 100%;position: absolute;width: 100%;height: 100%;}
.contact_image_box_content img {width: 100%;}
.contact_image_box.active {top: 0px;height: 100% !important;}

#thankyou{
    margin-top: 70px;
    position: relative;
}
.active{
	background-color:#f5f5f5;
}
.warkeyn{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.warkeyn ul{
	display:flex;
	flex-wrap:wrap
}
.page-link,
.warkeyn ul li a{
	border: 1px solid #e6e6e6;
    color: #2c55a5;
	padding:0px 25px;
    line-height: 60px;
    text-align: center;
    border: 1px solid #e6e6e6;
    color: #7e7e7e;
    font-size: 23px;
	display: inline-block;
    float: none !important;
    vertical-align: middle;
}
.thankyou_container{
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}
.thankyou_message{
    text-align: center;
    font-size: 18px;
    line-height: 2.2;
    color: #717171;
}
.wrapper_inner p{
	font-size:16px;
	line-height:28px;
	text-align:left;
}
.get_a_quote{
    background-color: white;
}
.get_a_quote .row{
    margin-left: -15px;
    margin-right: -15px;
	margin-top: 25px;
}
.get_a_quote .col-md-6, .get_a_quote .col-md-12{
    padding-left: 15px;
    padding-right: 15px;
}
.quote_form_container{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.get_a_quote input, .get_a_quote textarea{
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #2c55a5;
    font-size: 17px;
    line-height: 1.5;
    padding: 10px 5px;
    margin: 0;
}
.get_a_quote input[type="text"], .get_a_quote input[type="email"], .get_a_quote textarea{
    width: 100%;
}
.get_a_quote input.inline-block{
    display: inline-block;
    width: auto;
    padding-top: 0;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 16px;
}
.get_a_quote input[type="file"]{
    font-size: 14px;
    line-height: 1;
    width: 100%;
}
.get_a_quote label{
    padding-left: 6px;
    color: #9F9999;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 15px;
}
.get_a_quote label > *{
    display: inline-block;
    vertical-align: middle;
}
.get_a_quote label:last-child{
    margin-right: 0;
}
.get_a_quote input:focus, .get_a_quote textarea:focus{
    border: 1px solid transparent;
    border-bottom: 1px solid #2c55a5;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.get_a_quote input{
    height: auto;
}
.get_a_quote textarea{
    height: 140px;
}
.form_col{
    margin-bottom: 40px;

}
input.error, textarea.error{
    border: 1px red solid!important;
}

.newsletter_row{
    background-color: #2c55a5;
    color: white;
    text-align: center;
    padding-bottom: 55px;
}
.newsletter_row input{
    border-radius: 0;
    height: 40px;
    margin-bottom: 0;
    vertical-align: middle;
    border-color: white;
    box-shadow: none;
    width: 199px;
}
.newsletter_row input:focus{
    border-color: transparent;
}
.newsletter_row .h2{
    font-size: 30px;
    line-height: 1.2;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 25px;
    font-family: OpenSansBold, 'Microsoft Yahei';
}
.newsletter_row .h2:after{
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background-color: white;
    left: 50%;
    bottom: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.newsletter_row .h3{
    font-size: 20px;
    margin-bottom: 40px;
}
.btn_subscribe{
    display: inline-block;
    background-color: transparent;
    vertical-align: middle;
    padding: 9px 22px;
    border: 2px solid white;
    color: white;
    font-size: 16px;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    height: 40px;
    font-family: OpenSansBold, 'Microsoft Yahei';
}
.btn_subscribe:hover{
    background-color: white;
    color: #2c55a5;
}
.return_message{
    height: 20px;
    margin-top: 15px;
    font-size: 16px;
}


#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
}
.snowflake:hover {
    cursor: default;
}

.showcase_lists_content_1{
    text-align: center;
}
.showcase_lists_content_1 .showcase_app_item{
    text-align: left;
    float: none;
    display: inline-block;
    padding-right: 0;
}


@media (min-width: 1px) and (max-width: 430px){
	.footer_social_list {width: 100%;padding-top: 20px;}
	.footer_social_icon {margin: 0px 0px;position: absolute;left: 50%;margin-left: -22.5px;}
	.footer_social_cell {position: relative;height: 45px;}
    .footer_copyright {font-size: 10px;}
}

@media (min-width: 1px) and (max-width: 450px){
    .showcase_lists_banner_title .title {    font-size: 50px;line-height: 50px;}
    .service_section_title {font-size: 38px;}
}

@media (min-width: 1px) and (max-width: 1600px){
    .service_section_feature_row .size_limited {width: 50%;float: left;}
}
.center{
	width:100%!important;
	max-width:1200px;
	overflow:hidden;
}
@media (min-width: 1px) and (max-width: 767px){
    .client_box_list_title{
        font-size: 30px;
    }
	.app_advantage_list li{
		height:350px;
		margin-bottom: 70px;
	}
	.wclsk_frle{
		display:block;
	}
	.app_advantage_list .des{
		padding:0 5px;
	}
	.box{
		margin-top:20px;
	}
	.page_title .p2,.box p{
		padding:7px 10px!important;
	}
	.showcase_lists_content{
		padding-top:41px;
	}
	.app_service_list li{
		width:100%!important;
	}
	.app_advantage_list li{
		width:50%!important;
	}
	.des p{
		display:inline;
	}
    #header tr{
        text-align:center;
    }
	.app-box1{
		padding:20px 0;
	}
	.app-box1 .left,.app-box1 .right{
		float:none;
		margin:20px 0;
		text-align:center;
	}
	.header_logo img{
		margin: 0 auto;
		width: 55px!important;
	}
	.header_wrapper>div:nth-child(1){width:15%;}
	.header_wrapper>div:nth-child(4){width:15%;}
    #header.searching .header_wrapper {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -os-transform: translateX(100%);
        transform: translateX(100%);
    }
    .footer_logo_cell:nth-child(2n+0) {border-right: none;}
    .footer_logo_cell {border-right:none;    padding: 10px 0px;}

	.home_section_1_info_description, .home_section_1_info_title, .home_section_2_info_description, .home_section_2_info_title,.home_section_1_info_video {padding-left: 5%; padding-right: 5%;}
	.showcase_web_item, .showcase_web_item:nth-child(2n+0), .showcase_app_item, .showcase_app_item:nth-child(2n+0){padding-left: 0px; padding-right: 0px;}
    #header {border-top: 1px solid #e6e6e6;min-height: 56px;z-index: 5;}
    #header .wrapper,.header_logo {height: 56px;}
    #showcases,#service,#client,#thankyou {margin-top: 58px;}
    .service_section_content {background-color:  #fff;}
    .home_section_2_container {position: relative;}
    .home_section_2 {background-image: none !important;max-height: 100% !important;padding-bottom: 0px !important;    padding-top: 30px;}
    .home_section_2.js-background-min-height {background-image: none !important;max-height: 100% !important;padding-bottom: 0px !important;    padding-top: 0px;}
    .contact_lists_cell {border-right: 0px;}
    .contact_lists_row:last-child .contact_lists_cell:last-child .contact_section_border_bottom {display: none;}
    .contact_banner_content {top: 0px;}
    .showcases_nav, .showcases_nav li {height: 37px;}
    .showcases_nav_logo {display: none !important;}
    .showcases_nav .wrapper {  overflow-x: scroll;}
    .showcase_detail_banner_title_container {font-size: 35px; line-height: 40px;}
    .showcases_nav li:last-child a {padding-right: 64px;}
    .service_section {  min-height:auto; }
    .client_box_container {padding: 5px;}
    .footer_hr { display:block; }
    .thankyou_container{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .newsletter_row input{
        width: 100%;
        margin-bottom: 15px;
    }
    .get_a_quote label{
        display: block;
    }
    .get_a_quote input.inline-block{
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 989px) { 
    #header tr{
        text-align:center;
    }
    #header.searching .header_wrapper {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -os-transform: translateX(100%);
        transform: translateX(100%);
    }
    .header_search_results_box:nth-child(2n+1) {clear: both;}
    .footer_logo_cell:nth-child(2n+0) {border-right: none;}
    .home_video_container {margin-top: 58px;}
	.home_banner_video_container {    top: 45%;left: 28%;width: 35%;}
    .home_section_1_info_description, .home_section_1_info_title,.home_section_2_info_description, .home_section_2_info_title,.home_section_1_info_video {padding-left: 5%; padding-right: 5%;}
    .home_section_2_container {position: relative;}
    .home_section_2 {background-image: none !important;max-height: 100% !important;padding-bottom: 0px !important;}

	.showcase_web_item, .showcase_web_item:nth-child(2n+0), .showcase_app_item, .showcase_app_item:nth-child(2n+0){padding-left: 0px; padding-right: 0px;}
    #header {border-top: 1px solid #e6e6e6;/*position: relative !important;*/min-height: 56px;    z-index: 3;}
    #header .wrapper,.header_logo {height: 56px;}
    #showcases,#service,#client,#thankyou {margin-top: 58px;}

    .contact_banner_content {top: 0px;}
    .showcase_detail_banner {height: 450px;}
    .showcases_nav, .showcases_nav li {height: 37px;}
    .showcases_nav_logo {display: none !important;}
    .showcases_nav .wrapper {  overflow-x: scroll;}
    .showcase_detail_banner_title_container {font-size: 35px; line-height: 35px;}
    .showcases_nav li:last-child a {padding-right: 64px;}
    .service_section {  min-height:738px; }
    .client_box_container {padding: 5px;}
    .footer_hr { display:block; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
.wclsk_frle{display:none;}
    .header_search_results_box {width: 20%;}
    .header_search_results_box:nth-child(5n+1) {clear: both;}
    .showcase_lists_category_item:nth-child(4n+1) {clear: both;}

	.home_banner_video_container {    top: 45%;left: 34%;width: 29%;}

    .showcases_nav .wrapper {height: 100%;}
    .showcases_nav ul {
        position: absolute;
        left: 50%!important;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);

    }
    .header_search_box_container {width: 21%;}
    .service_section {  min-height:738px; }
    .client_box_container {padding: 5px 10px;}
    .footer_hr { display:none; }
}
.wclsk_frle{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35%;
    transform: translate(-50%,-50%);
}
.contan_banner{
	width:50%;
	float:left;
}
.map_block{
	width:49%;
	float:right;
}
.contan_banner .contact_section_images{
	width:100%
}
.wclsk_frle a span{font-size:35px;color:#fff;}
@media (max-width: 1200px){ 
.wclsk_frle{display:none;}
}
@media (min-width: 1200px){ 
    .header_search_results_box {width: 20%;}
    .header_search_results_box:nth-child(5n+1) {clear: both;}

    .showcase_lists_category_item:nth-child(4n+1) {clear: both;}

    .showcases_nav .wrapper {height: 100%;}
    .showcases_nav ul  {position: absolute;}
    .footer_hr { display:none; }
	.text-container span{font-size:30px;color:#fff;}
}

@media (max-width: 991px){ 
.wclsk_frle{display:none;}
    .showcase_lists_banner_title .title{
        margin-bottom: 15px;
    }
    .showcase_lists_banner_title .sub-title{
        font-size: 20px;
        line-height: 1.8;
    }
}   
.contact_section_title.col-lg-6.col-md-6.col-sm-6.contact_border{
	width:100%;
}
@media (max-width: 767px){
#footer .news-list{
height: 460px!important; 
}    
	.home_section.home_section_2.js-background-min-height h2 p,.home_section_1_info_title ,.common_btn.detail_9{color:#717171!important;}
	.text-container h1>span{
		font-size:25px;
		color:#fff;
	}
	.footer_contact.col-lg-left.col-lg-3.col-md-3{width:100%!important;}
	.dropping-texts{
		width:228px;
	}
.contact_lists_row.col-lg-table.col-md-table.col-sm-table.col-lg-12.col-md-12.col-sm-12.contan_banner{
	width:100%;
}
.contact_lists_row.col-lg-table.col-md-table.col-sm-table.col-lg-12.col-md-12.col-sm-12.contan_banner .news-all{
	padding:0 20px;
	padding-top:20px;
}	
.wclsk_frle{display:block;}
	.box{
		width:100%!important;
		padding:0!important;
		border:0!important;
	}
    .showcase_lists_banner_title .sub-title{
        font-size: 17px;
    }
	.contact_banner{
		margin-top:57px;
	}
	.home_banner_video_container.col-xs-0{
		display:block!important;
	}
	.home_banner_video_container{
		    left: 31%;
    width: 38%;
	}
	.contact_lists_row.contact_section.col-lg-table.col-md-table.col-sm-table{
		display:block!important;
	}
	.contact_section_image,.contact_section_contact_info_label,.contact_section_contact_info.col-lg-table-cell>p{
		text-align:center;
	}
	.home_section{
		padding-top:58px;
	}
} 
@media (max-width: 375px){ 
    .showcase_lists_banner_title_ratio{
        padding-top: 9%;
    }
    .showcase_lists_banner_title .sub-title{
        font-size: 15px;
    }
    .showcase_lists_banner_title .title{
        font-size: 40px;
        line-height: 40px;
    }
}
#mobile_share{
    display:none;
    width:100%;
    height:200px;
    text-align:center;
}
#mobile_share div{
    display:table-cell;
    vertical-align:middle;
}
#mobile_share h1{
    color:#2c55a5;
    font-size:40px;
    line-height:40px;
    margin-bottom:15px;  
}
#mobile_share img{
    width:44px;
}


.stats {
  position: absolute;
  left: 10px;
  top: 0;
}

body canvas {
  z-index: 9999;
pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  mix-blend-mode: color-dodge;
}
#layout-header .header-content, #layout-background .background{
    background: none;
}
.wclsk_one .c{width:240px;height:240px;border:3px solid #98bdcd;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,-50px);}
.wclsk_one .c:after{content:"";position:absolute;left:-10px;top:-10px;width:100%;height:100%;border-radius:50%;border:10px solid #98bdcd;border-top-color:transparent;border-bottom-color:transparent;animation:R 10s infinite linear;}

.wclsk_one .c2{width:100%;height:100%;border:1px solid #7a929c;border-radius:50%;position:absolute;top:0;left:0;padding:1px;animation:L 80s infinite linear;box-sizing:border-box;}

.wclsk_one .c3{width:33%;height:33%;border:2px solid #a05d55;border-radius:50%;transform:translate3d(-50%,-50%,5px);position:absolute;top:50%;left:50%;}
.wclsk_one .c3:after{content:"";position:absolute;left:-5px;top:-5px;width:100%;height:100%;border-radius:50%;border:5px solid #a05d55;border-top-color:transparent;border-bottom-color:transparent;animation:L 5s infinite linear;}

.wclsk_one .c4{width:75px;height:75px;transform:translate3d(-50%,-50%,0px);position:absolute;left:50%;top:50%;}
.wclsk_one .c4:after{content:"";width:100%;height:100%;position:absolute;left:-3px;top:-3px;border-radius:50%;border:3px solid #98bdcd;border-left-color:transparent;animation:R 5s infinite linear;}

.wclsk_one .c5{width:77px;height:77px;transform:translate3d(-50%,-50%,65px);position:absolute;left:50%;top:50%;border-radius:50%;}
.wclsk_one .c5:after{content:"";width:100%;height:100%;position:absolute;left:-1px;top:-1px;border:1px solid #7a929c;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:L 5s infinite linear;}

.wclsk_one .c6{width:55px;height:55px;transform:translate3d(-50%,-50%,61px);position:absolute;left:50%;top:50%;border-radius:50%;}
.wclsk_one .c6:after{content:"";width:100%;height:100%;position:absolute;left:-1px;top:-1px;border:1px solid #7a929c;border-right-color:transparent;border-top-color:transparent;border-radius:50%;animation:R 10s infinite linear;}

.wclsk_one i{height:15px;width:1px;background:#98bdcd;position:absolute;left:50%;margin-left:-10px;transform-origin:1000% 1005%;}

.wclsk_one i:nth-child(1){transform:rotate(-5deg);}
.wclsk_one i:nth-child(2){transform:rotate(5deg);}
.wclsk_one i:nth-child(3){transform:rotate(15deg);}
.wclsk_one i:nth-child(4){transform:rotate(25deg);}
.wclsk_one i:nth-child(5){transform:rotate(35deg);}
.wclsk_one i:nth-child(6){transform:rotate(45deg);}
.wclsk_one i:nth-child(7){transform:rotate(55deg);}
.wclsk_one i:nth-child(8){transform:rotate(65deg);}
.wclsk_one i:nth-child(9){transform:rotate(75deg);}
.wclsk_one i:nth-child(10){transform:rotate(85deg);}
.wclsk_one i:nth-child(11){transform:rotate(95deg);}
.wclsk_one i:nth-child(12){transform:rotate(105deg);}
.wclsk_one i:nth-child(13){transform:rotate(115deg);}
.wclsk_one i:nth-child(14){transform:rotate(125deg);}
.wclsk_one i:nth-child(15){transform:rotate(135deg);}
.wclsk_one i:nth-child(16){transform:rotate(145deg);}
.wclsk_one i:nth-child(17){transform:rotate(155deg);}
.wclsk_one i:nth-child(18){transform:rotate(165deg);}
.wclsk_one i:nth-child(19){transform:rotate(175deg);}
.wclsk_one i:nth-child(20){transform:rotate(185deg);}
.wclsk_one i:nth-child(21){transform:rotate(195deg);}
.wclsk_one i:nth-child(22){transform:rotate(205deg);}
.wclsk_one i:nth-child(23){transform:rotate(215deg);}
.wclsk_one i:nth-child(24){transform:rotate(225deg);}
.wclsk_one i:nth-child(25){transform:rotate(235deg);}
.wclsk_one i:nth-child(26){transform:rotate(245deg);}
.wclsk_one i:nth-child(27){transform:rotate(255deg);}
.wclsk_one i:nth-child(28){transform:rotate(265deg);}
.wclsk_one i:nth-child(29){transform:rotate(275deg);}
.wclsk_one i:nth-child(30){transform:rotate(285deg);}
.wclsk_one i:nth-child(31){transform:rotate(295deg);}
.wclsk_one i:nth-child(32){transform:rotate(305deg);}
.wclsk_one i:nth-child(33){transform:rotate(315deg);}
.wclsk_one i:nth-child(34){transform:rotate(325deg);}
.wclsk_one i:nth-child(35){transform:rotate(335deg);}
.wclsk_one i:nth-child(36){transform:rotate(345deg);}
.wclsk_one i:nth-child(37){transform:rotate(355deg);}
.wclsk_one i:nth-child(38){transform:rotate(365deg);}

.wclsk_one figure{width:305px;height:305px;margin:0;transform:translate(-50%,-50%) rotateX(-40deg) rotateY(30deg) scale(1.1,1.1);transition:1.4s;transform-style: preserve-3d;}
.wclsk_one figure:hover{transform:translate(-50%,-50%) rotateX(0deg) rotateY(0deg) scale(1.1,1.1);}

@keyframes R{
  0%{transform:rotate(20deg);}
  100%{transform:rotate(380deg)}
}
@keyframes L{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg)}
}
.wclsk_two .jx {
	width:375px;
	margin:100px auto;
	display:block
}
.wclsk_two .jx .ysu {
	float:left;
	margin-top:0
}
.wclsk_two .jx .ti {
	float:left;
	width:100%;
	font-size:18px;
	text-align:center;
	color:#2a2a2a;
	line-height:36px;
	margin-bottom:6px
}
.wclsk_two .jx .y_info {
	line-height:24px;
	font-size:14px;
	color:#999fb1;
	text-align:center
}
.wclsk_two .jx .mfbtn {
	background:#00c8d5;
	width:240px;
	height:46px;
	margin-left:170px;
	display:inline-block;
	line-height:46px;
	color:#fff;
	font-size:16px;
	margin-top:36px;
	text-align:center;
	box-shadow:0 2px 5px #dedede;
	float:right;
	margin-right:70px
}
.wclsk_two .L_transform {
	float:left;
	width:375px;
	height:310px;
	margin-top:35px
}
.wclsk_two .L_transform .trans_bg {
	position:relative;
	float:left;
	margin-left:26px;
	width:300px;
	height:300px
}
.wclsk_one{
    margin: 0;
    position: absolute;
    right: 0%;
    top: 50%;
}
.wclsk_two{
	overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 7%;
	transform: translate(0%,-50%);
}
.wclsk_two .L_transform .bg_shade {
	background:url(/skin/images/quan_bg.png) no-repeat;
	width:419px;
	height:390px;
	position:absolute;
	left:-56px;
	top:-39px
}
.wclsk_two .L_transform .trans_bg .circles {
	position:absolute
}
.wclsk_two .trans_bg .topcircle {
	left:119px;
	top:-15px
}
.wclsk_two .trans_bg .topcircle .pos {
	position:absolute;
	left:65px;
	top:10px
}
.wclsk_two .trans_bg .active .pos span {
	color:#bdda84
}
.wclsk_two .trans_bg .leftcircle .pos {
	position:absolute;
	left:-28px;
	top:62px
}
.wclsk_two .trans_bg .rightcircle .pos {
	position:absolute;
	left:-34px;
	top:68px
}
.wclsk_two .trans_bg .topcircle .pos span {
	width:113px;
	display:inline-block
}
.wclsk_two .trans_bg .leftcircle {
	left:8px;
	top:194px
}
.wclsk_two .trans_bg .rightcircle {
	left:256px;
	top:153px
}
.wclsk_two .trans_bg .pos {
	position:relative;
	width:133px
}
.wclsk_two .trans_bg .trio {
	color:#fff;
	font-size:16px;
	text-align:center;
	margin:0 auto;
	width:60px;
	height:60px;
	background:#bdda84;
	position:absolute;
	z-index:2;
	border-radius:50%
}
.wclsk_two .trans_bg .trio p {
	width:40px;
	margin-left:9px;
	margin-top:10px;
	color:#fff;
}
.wclsk_two .trans_bg .pos span {
	color:#fff;
	font-size:14px
}
.wclsk_two .trans_bg .circles.active .trio i {
	width:18px;
	height:18px;
	display:inline-block;
	position:absolute;
	top:43px;
	left:35px
}
.wclsk_two .trans_bg .heart_box {
	width:301px;
	display:inline-block;
	height:300px
}
.wclsk_two .trans_bg .heart_box .heart {
	position:absolute;
	width:88px;
	height:88px;
	background:url(/skin/images/quan_circle.png) no-repeat;
	left:105px;
	top:105px
}
.wclsk_two .trans_bg .heart_box .shan {
	width:211px;
	height:129px;
	background:url(/skin/images/quan_rotate.png) no-repeat;
	top:25px;
	left:42px;
	position:absolute;
	-webkit-transform-origin:107px 124px;
	transform-origin:108px 124px;
	transform:rotate(0deg);
	animation:radar 5s linear infinite
}
@keyframes radar {
	0% {
	transform:rotate(0deg)
}
50% {
	transform:rotate(180deg)
}
100% {
	transform:rotate(360deg)
}
}

.wclsk_trun{
	overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0%;
    width: 385px;
    bottom: 0;
    height: 100%;
    transform: translate(30%,-50%);
}
canvas {
	display:block
}
canvas {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.wclsk_frle .col-lg-6{
	width:100%;
}
.bx-viewport{
	height:auto!important;
}
.banner-center-box.text-white.md-text-center h1{
	line-height:50px;
}
.slide-content .container .row .col-md-6{
	min-height:auto!important;
	height:100%;
}
.wclsk_frle .row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.wclsk_frle .row h1 {
	color:#f1f1f8;
	font:700 2.5rem/2.875rem "Montserrat",sans-serif;
	font-size: 47px;
	line-height:47px;
    font-weight: 500;
}
.wclsk_frle .row .btn-solid-lg {
	display:inline-block;
	padding:10px 25px;
	border:.125rem solid #00c9db;
	border-radius:2rem;
	background-color:#00c9db;
	color:#fff;
	font:700 0.75rem/0 "Montserrat",sans-serif;
	text-decoration:none;
	transition:all .2s ease
}
.wclsk_frle .row .btn-solid-lg:hover {
	background-color:transparent;
	color:#00c9db;
	text-decoration:none
}
.wclsk_frle .row {
	background:linear-gradient(to bottom right,rgba(72,72,212,0),rgba(241,104,104,0)),center center no-repeat;
	background-size:cover
}
.wclsk_frle .row  .header-content {
	padding-top:8.5rem;
	padding-bottom:7rem;
	text-align:center
}
.wclsk_frle .row  h1 {
	margin-bottom:1rem
}
.wclsk_frle .row  #js-rotating {
	color:#40e0ee
}
.wclsk_frle .row  .p-large {
	margin-bottom:2rem;
	font-size:20px;
	color: #fff;
}
.wclsk_frle .row  .btn-solid-lg {
	margin-right:.5rem;
	margin-bottom:1.25rem
}
.wclsk_frle .row .animated.fadeIn{
	font-size:35px;
}
.animated.fadeIn.dropping-texts div{
	 line-height: 50px;
	color:#fff;
	font-size:30px;
}
.dropping-texts {
  display: inline-block;
  width: 335px;
  text-align: left;
  height: 38px;
}

.dropping-texts > div {
  font-size:0px;
  opacity:0;
  margin-left:-30px;
  position:absolute;
  font-weight:300;   
  box-shadow: 0px 60px 25px -20px rgba(0,0,0,0.5);
}

.dropping-texts > div:nth-child(1) {
  animation: roll 8s linear infinite 0s;
}
.dropping-texts > div:nth-child(2) {
  animation: roll 8s linear infinite 1s;
}
.dropping-texts > div:nth-child(3) {
  animation: roll 8s linear infinite 2s;
}
.dropping-texts > div:nth-child(4) {
  animation: roll 8s linear infinite 3s;
}
.dropping-texts > div:nth-child(5) {
  animation: roll 8s linear infinite 4s;
}
.dropping-texts > div:nth-child(6) {
  animation: roll 8s linear infinite 5s;
}
.dropping-texts > div:nth-child(7) {
  animation: roll 8s linear infinite 6s;
}
.dropping-texts > div:nth-child(8) {
  animation: roll 8s linear infinite 7s;
}

@keyframes roll {
  0% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(-25deg);
  }
  9% {
    opacity:1;
    transform: rotate(0deg);
  }
  16% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
  }
  22% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
    transform: rotate(0deg);
  }
  30% {
    font-size:0px;
    opacity:0.5;
    margin-left:20px;
    margin-top:100px;
  }
  39% {
    opacity:1;
    margin-left:0px;
    margin-top:0px;
	transform: rotate(0deg);
  }
  48% {
    opacity:1;
    margin-left:0px;
    margin-top:0px;
  }
  59% {
    opacity:1;
    margin-left:0px;
    margin-top:0px;
  }
  100% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(15deg);
  }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding:0;}
.header_search_box.col-lg-12.col-md-12{font-size:14px;}
.iconfont{background-image:none!important}
.choice i{font-size:100px!important;color:#fff;}
.zhuanti_con i{font-size:30px;}
.wrapper_one{max-width:100%!important;}
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track{background: #fff;}
::-webkit-scrollbar-thumb{background: #1b1b1b;}
::-webkit-scrollbar-thumb:window-inactive{background: #1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background: #1b1b1b;}
.client_box_list_title.col-lg-12.col-md-12.col-sm-12.col-xs-12{float:none;}
#footer  .news-all{
	border-top:0!important;
}
#footer .news-list{
overflow:hidden;
height: 500px;
overflow-y: auto;    
}

#footer .news-list::-webkit-scrollbar {
   display: none;
}
#footer .news-list::-webkit-scrollbar-thumb {
   display: none;
}
#footer .news-list::-webkit-scrollbar-track {
   display: none;
}

#footer .container.news-list-in {width:50%;padding:0 1%;float: left;}
#footer .news-one-desc {
        width: 68%;
}
#footer .news-one{width:100%;}
#footer .news-one-words {
	width:auto;
	margin-left:20px;
	margin-right:10px;
}
#footer .link{display:none;}
#footer .news-all{padding-bottom:0;}
.contant_xinxi{
	padding:40px 0px;
	border-right: 1px solid #e6e6e6;
}
.service_section.js-background-ratio{
	max-width:100%!important;
	width:100%;
}
.home_section.home_section_2.js-background-min-height{
	padding-bottom:25%!important;
}
.home_section.home_section_2.js-background-min-height h2 p{
	color:#fff;
} 
.tags{
	display:flex;
	    float: left;
}
.tags span{
    width: 99px;
	font-size:14px;
	color: #717171;
}
.tags a{
	margin-right:5px;
	color: #717171;
	display: block;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
	font-size:13px;
}
.contact_banner.home_section.home_banner.js-background-ratio{max-width:100%!important;padding:0!important;margin-top:125px!important;}
.showcase_detail_banner.col-lg-table.col-md-table.js-background-ratio{min-height:500px;background-size:cover;}
.footer_contact.col-lg-left.col-lg-3.col-md-3{width:50%;}
.con_leiftf{float:none!important;display:inline;}
.youq .swiper-slide a{
	display:block;
	color: #717171;
	font-size: 15px;
	text-align:center;
	white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.youq .swiper-slide a:hover{
	color: #2c55a5;
}
.col-lg-text-right.col-md-text-right{
	position:relative;
}
.youq_left,.youq_right{
	position:absolute;
	top:0;
}
.youq_left,.youq_right i{
	font-size:15px;
}
.youq_left{
	left:0;
}
.youq_right{
	right:0;
}
.showcase_text h1{
	font-size:30px!important;
}
.button_container {
	position: fixed;
  left: 0;
  right: 0;
      bottom: 2%;
	  z-index:4;
	  display:none;
}


.btn_sum {
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background-color: #222;
 
  margin: 0 auto;
      width: 88%;
  border-radius: 7px;
  outline:none;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btn_sum span {
  position: relative; 
  z-index: 1;
  display:block;
}
.btn_sum span a{
	color:#fff;
	display:block;
	 padding: 15px 0px;
}

.btn_sum:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
height: 567%;
    width: 150%;
  background: #2c55a5;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-45%) translateY(-25%) rotate(45deg);
}

.btn_sum:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

    .col-lg-table-cell.col-md-table-cell.col-sm-table-cell.col-xs-table-cell{
        font-size: 20px;
    }
.cheils{display:none;}
.contanc_title_mian{
    font-size: 32px!important;
}
@media (max-width: 767px){
    .col-md-6.row_block{display:none!important}
    .banner-center-box.text-white.md-text-center{}
    .slide-content .container .row .col-md-6.row_inner,.slide-content .container{
        max-width: 100%!important;
        width: 100%!important;
    }
    .slide-content .container .row .col-md-6.row_inner .banner-center-box{
           padding: 0 30px;
    margin-top: 15px;
    }
    .contact_section_contact_info.col-lg-table-cell.col-lg-4.col-md-4.col-sm-4.col-xs-4{padding:10px;}
    
    .slide-content .container .row .col-md-6.row_inner .banner-center-box a{
          display: none;
    }
    .banner-center-box.text-white.md-text-center h1{
        font-size: 30px;
    }
    .row_block{
        display: none;
    }
	#about_us .showcases_content{
		padding-top:58px!important;
	}
	.showcase_lists_banner_title{
		position: inherit;
		padding-bottom:9%;
	}
	.showcase_lists_banner{
		min-height:auto;
	}
	.showcase_lists_banner_max_ratio{
		padding-bottom:0%;
	}
	.contact_banner.home_section.home_banner.js-background-ratio{
		    margin-top: 58px!important;
	}
	.button_container {
		display:block;
	}
	#footer .container.news-list-in{
		width:100%;
	}
	#bd{
		margin-top:30px;
	}
	.zhuanti2_five .zhuanti2_five_con .zhuanti2_five_con_4{
		position: unset;
	}
	.yans{display:none;}
	.map_block{
		width:auto;
		padding:0 10px;
		float:none;
		
	}
	.common_btn.detail_4{
		color:#717171!important;
		border-color:#717171!important;
	}
	.home_section.home_section_2.js-background-min-height{padding:0!important;}
	#scrollUp,.footer_info{display:none!important;}
	.showcase_detail_banner.col-lg-table.col-md-table.js-background-ratio{min-height:300px;}
	.col-md-6.row_inner{
	    position: absolute;
	}
	.col-lg-table-cell.col-md-table-cell.col-sm-table-cell.col-xs-table-cell{
	    font-size: 16px;
	}
}
#contact_footer .news-all{display:none!important;}
#contact_footer .cheils{
	display:block;
}
#contact_footer .cheils_one,#about .cheils_one{
	display:none;
}
#about .news-all{display:none!important;}
#about .cheils{
	display:block;
}
.dibu{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	display: none;
	line-height:20px;
	padding:10px 0;
	font-size:14px;
}
.dibu p{
	color: #f4f4f4;
}
.service_section.js-background-ratio{height:auto!important;}
.page-item{display:inline-block;}
#video_us{
    margin-top: 40px;
    overflow: initial;
}
#video_us ul{
   
}
#video_us ul li{
    width: 33.3%;
    float: left;
    
}
#video_us ul .clear{
    clear: both;
}
.client_box_list_title a{
    color: #2c55a5;
}
.client_box_list_title a:hover{
    color: #c1d157;
}
    .videoitem{
		margin:0 20px;
		margin-bottom: 65px;
		position:relative;
	}
	.videoitem .item_bottom_inner .item_bottom_image{
	    overflow: hidden;
	}
	.videoitem .item_bottom_inner .item_bottom_images img{
		width:100%;
		overflow:hidden;
	}
	@-webkit-keyframes item_top_block{
	0%{-webkit-transform:translateZ(0) scale(.93);opacity:0}
	50%{opacity:1}
	to{-webkit-transform:translateZ(0) scale(1);opacity:1}
	}
	@keyframes item_top_block{
		0%{-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(.93);opacity:0}
		50%{opacity:1}
		to{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);opacity:1}
	}
	.videoitem .item_top_inner{
		background:#fff;
		display: none;
		box-shadow: 0 0px 20px rgb(25 24 40 / 35%);
		position:absolute;
		top:-11%;
		bottom:-16%;
		right:-5%;
		left:-5%;
		opacity: 0;
		transition: opacity .1s ease,-webkit-transform .1s ease;
		transition: opacity .1s ease,transform .1s ease;
		transition: opacity .1s ease,transform .1s ease,-webkit-transform .1s ease;
		user-select: none;
	}
	.videoitem .item_top_block{
		-webkit-animation:item_top_block .2s ease backwards;
		display:block;
		visibility:visible;
		animation:item_top_block .2s ease backwards;
		opacity:1;
		will-change:transform;will-change:opacity
	}
	.item_bottom_title{
	    margin-top: 14px;
	    font: numFont,PingFangSC-Regular,Tahoma,Microsoft Yahei,sans-serif;
	}
	.item_bottom_title .title{
	    color: #000;
	    display: block;
	    width: 80%;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-size: 16px;
	    font-weight: bold;
	}
	.item_bottom_title .title:hover{
	    color: #2c55a5;
	}
	.item_bottom_title .figure_desc{
	    color: #999;
	    display: block;
	    width: 90%;
	     white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.item_bottom_title:hover .figure_desc{
	    color: #666;
	}
	.item_top_title{
	    padding:0 12px;
	    padding-top: 10px;
	}
	.item_top_images img{
	    width: 100%;
	    display: block;
	}
	.item_top_title .title{
	    color: #000;
	    display: block;
	    width: 80%;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-size: 16px;
	    font-weight: bold;
	}
	.item_top_title .title:hover{
	    color: #2c55a5;
	}
	.item_top_title .figure_desc{
	    color: #999;
	    height: 40px;
	    display: block;
	    width: 90%;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}
	.item_top_title:hover .figure_desc{
	    color: #666;
	}
	.item_bottom_inner{
	    height: 250px;
	}
	.client_box_list_title_h3 a{
	    color: #2c55a5;
	}