/* =======================================================
*
* 	by huafu
*
* ======================================================= */
body{font:12px "Microsoft Yahei",Arial;font-weight:400;color:#7f7f7f;background:#fff;height:100%;position:relative}
a{color:#666;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
a:active,a:focus,a:hover{color:#e32929;outline:0;text-decoration:none}
figure,h1,h2,h3,h4,h5,h6{color:#000;font-weight:400;margin:0 0 30px 0;font-family: Arial,'youyuan'}
p{margin:0}
ul,li{list-style:none;margin:0;padding:0}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
::-webkit-selection{color:#fff;background:#e32929}
::-moz-selection{color:#fff;background:#e32929}
::selection{color:#fff;background:#e32929}
.t-l{text-align:left!important}
.btn{padding:10px 30px;margin-right:4px;margin-bottom:4px;font-size:16px;font-weight:400;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.btn.btn-md{padding:10px 20px!important}
.btn.btn-lg{padding:18px 36px!important}
.btn:active,.btn:focus,.btn:hover{box-shadow:none!important;outline:0!important}
.btn-primary{background:#e32929;color:#fff;border:2px solid #e32929}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:#ff3333!important;border-color:#ff3333!important;-webkit-box-shadow:0 0 20px rgba(0,0,0,.8);-moz-box-shadow:0 0 20px rgba(0,0,0,.8);box-shadow:0 0 20px rgba(0,0,0,.8);-ms-box-shadow:0 0 20px rgba(0,0,0,.8);-o-box-shadow:0 0 20px rgba(0,0,0,.8)}
.btn-primary.btn-outline{background:#fff;color:#e32929;border:none;border-radius:30px}
.btn-primary.btn-outline:active,.btn-primary.btn-outline:focus,.btn-primary.btn-outline:hover{background:#fff;color:#fff}
.btn-success{background:#5cb85c;color:#fff;border:2px solid #5cb85c}
.btn-success:active,.btn-success:focus,.btn-success:hover{background:#4cae4c!important;border-color:#4cae4c!important}
.btn-success.btn-outline{background:0 0;color:#5cb85c;border:2px solid #5cb85c}
.btn-success.btn-outline:active,.btn-success.btn-outline:focus,.btn-success.btn-outline:hover{background:#5cb85c;color:#fff}
.btn-info{background:#5bc0de;color:#fff;border:2px solid #5bc0de}
.btn-info:active,.btn-info:focus,.btn-info:hover{background:#46b8da!important;border-color:#46b8da!important}
.btn-info.btn-outline{background:0 0;color:#5bc0de;border:2px solid #5bc0de}
.btn-info.btn-outline:active,.btn-info.btn-outline:focus,.btn-info.btn-outline:hover{background:#5bc0de;color:#fff}
.btn-warning{background:#f0ad4e;color:#fff;border:2px solid #f0ad4e}
.btn-warning:active,.btn-warning:focus,.btn-warning:hover{background:#eea236!important;border-color:#eea236!important}
.btn-warning.btn-outline{background:0 0;color:#f0ad4e;border:2px solid #f0ad4e}
.btn-warning.btn-outline:active,.btn-warning.btn-outline:focus,.btn-warning.btn-outline:hover{background:#f0ad4e;color:#fff}
.btn-danger{background:#d9534f;color:#fff;border:2px solid #d9534f}
.btn-danger:active,.btn-danger:focus,.btn-danger:hover{background:#d43f3a!important;border-color:#d43f3a!important}
.btn-danger.btn-outline{background:0 0;color:#d9534f;border:2px solid #d9534f}
.btn-danger.btn-outline:active,.btn-danger.btn-outline:focus,.btn-danger.btn-outline:hover{background:#d9534f;color:#fff}
.btn-outline{background:0 0;border:2px solid gray;font-size:16px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.btn-outline:active,.btn-outline:focus,.btn-outline:hover{box-shadow:none}
.btn.with-arrow{position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.btn.with-arrow i{visibility:hidden;opacity:0;position:absolute;right:0;top:50%;margin-top:-12px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.btn.with-arrow:hover{padding-right:50px}
.btn.with-arrow:hover i{color:#fff;right:18px;visibility:visible;opacity:1}
.form-control{box-shadow:none;background:0 0;border:2px solid rgba(0,0,0,.1);height:54px;font-size:18px;font-weight:300}
.form-control:active,.form-control:focus{outline:0;box-shadow:none;border-color:#e32929}
.fh5co-social{padding:0;margin:0}
.fh5co-social li{padding:0;margin:0;list-style:none;display:-moz-inline-stack;display:inline-block;zoom:1}
.fh5co-social li a{font-size:22px;color:#fff;padding:0;margin:0;padding:2px;display:-moz-inline-stack;display:inline-block;zoom:1;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;border-radius:7px}
.fh5co-social li a:hover{color:#e32929}
.fh5co-social li a:active,.fh5co-social li a:focus,.fh5co-social li a:hover{outline:0;text-decoration:none}
.fh5co-feature{text-align:left;width:100%;float:left}
.fh5co-feature .fh5co-icon{float:left;width:10%;display:block;margin-top:5px}
.fh5co-feature .fh5co-icon i{color:#e32929;font-size:40px}
.fh5co-feature .fh5co-text{float:right;width:82%}
@media screen and (max-width:768px){.fh5co-feature .fh5co-text{width:82%}
}
@media screen and (max-width:480px){.fh5co-feature .fh5co-text{width:72%}
}
.fh5co-feature .fh5co-text h2,.fh5co-feature .fh5co-text h3{margin:0;padding:0}
.fh5co-feature .fh5co-text h3{font-weight:300;margin-bottom:10px;color:rgba(255,255,255,.8);font-size:20px}
.fh5co-feature .fh5co-text h2{font-size:16px;letter-spacing:2px;font-weight:700;text-transform:uppercase}
.row-bottom-padded-lg{padding-bottom:7em}
.row-bottom-padded-md{padding-bottom:4em}
.row-bottom-padded-sm{padding-bottom:1em}
.m-header{position:fixed;z-index:999999;width:100%}
.z-scroll{position:fixed;width:100%;height:70px;top:0;z-index:9;background-color:rgba(0,0,0,.9)}
.z-scroll2{position:fixed;width:100%;height:70px;top:0;z-index:9;background-color:rgba(0,0,0,.9)}
.m-header .header-inner{height:70px}
.m-header h1{float:left;padding:0;font-weight:700;line-height:0;font-size:30px;margin:18px 80px 0 0}
.m-header h1 a{color:#fff;background:url(../images/logo.png) no-repeat 0 -35px;display:block;width:160px;height:35px}
.m-header h1 a>span{color:#e32929}
.m-header h1 a:active,.m-header h1 a:focus,.m-header h1 a:hover{text-decoration:none;outline:0}
.nav-collapse{display:none}
.m-header nav{float:right;padding:0}
.m-header nav ul{padding:0;margin:0;line-height:70px}
.m-header nav ul li{position:relative;padding:0;margin:0;list-style:none;display:-moz-inline-stack;display:inline-block;zoom:1}
.m-header nav ul li a{color:rgba(255,255,255,.9);font-size:16px;padding:0 20px;height:70px;line-height:70px;position:relative;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;display:block}
.m-header nav ul li a i{line-height:0;font-size:20px;position:relative;top:3px}
.m-header nav ul li:after, .m-header nav ul li a:after{content:"";z-index:9;height:3px;width:40px;position:absolute;top:68px;left:calc(50% - 20px);background:#e32929;border-radius:20%;visibility:hidden;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .5s cubic-bezier(.175,.885,.32,1.275);-moz-transition:all .5s cubic-bezier(.175,.885,.32,1.275);-ms-transition:all .5s cubic-bezier(.175,.885,.32,1.275);-o-transition:all .5s cubic-bezier(.175,.885,.32,1.275);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}
.m-header nav ul li:hover{background-color:rgba(0,0,0,.95);text-decoration:none}
.m-header nav ul li:hover:after, .m-header nav ul li.cur a:after{visibility:visible;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
.m-header nav ul li:active,.m-header nav ul li a:focus{outline:0;text-decoration:none}
.m-header nav ul li:hover a{color:#fff}

.m-header nav ul li.cta{margin-left:20px}
.m-header nav ul li.cta a{padding:4px 14px!important;border:1px solid rgba(255,255,255,.7);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}
.m-header nav ul li.cta a:hover{border:1px solid #e32929;background:#e32929;color:#fff}
.m-header nav ul li.cta a:hover:after{display:none}
.m-header nav ul li.active a{text-decoration:none;color:#fff}
.m-header nav ul li.active a:after{visibility:visible;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
.m-header nav ul li .m-snav{position:absolute;top:70px;left:0;display:none;overflow:hidden;padding:15px 20px;width:104px;background-color:rgba(0,0,0,.95);text-align:center;box-shadow:0 5px 10px rgba(0,0,0,.3);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-webkit-transform:translateZ(0);-ms-transition:none}
.m-header nav ul li .m-snav a{color:#999;text-align:center;font-size:14px;display:block;padding:0;height:40px;line-height:40px;cursor:pointer;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;-ms-transition:.3s ease-out}
.m-header nav ul li .m-snav a:hover{color:#fff}
.m-header nav ul li .m-snav img{height:24px;margin-right:5px}
.m-header nav ul li .m-snav a:after{height:0;border:none}
.m-header nav ul li .m-snav a:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.m-header nav ul li h2{color:#555;font-size:18px;font-weight:700;width:20%;margin:30px auto 20px auto;display:block;background:url(../images/t_bg.png) no-repeat center center}
.m-header nav ul li .m-snav dl{float:left;text-align:left;margin:0 30px}
.m-header nav ul li .m-snav dl a{text-align:left}
.m-header nav ul li .m-snav dl dt a{color:#ccc;font-size:16px}

.vidbacking-active-body-back{position:absolute;z-index:-100;min-width:100%;min-height:100%;top:50%;left:50%;background-size:cover;overflow:hidden;transition:2s opacity;transform:translateX(-50%) translateY(-50%)}
.vidbacking{display:none}
.vidmask-body-back{background:rgba(0,0,0,.3);min-height:100%;min-width:100%;position:absolute;top:0;left:0;z-index:-50;display:block}


#fh5co-hero {
  background: #fff url(../images/loader.gif) no-repeat center center;
  position:relative;
}
#fh5co-hero .btn{font-size:24px}
#fh5co-hero .btn.btn-primary{border-radius:50px}
#fh5co-hero .flexslider{border:none;z-index:1;margin-bottom:0}
#fh5co-hero .flexslider .slides{height:450px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden;background-size: cover;background-position: center !important; background-color: #000 !important}
.js-fullheight .flexslider .slides{height:auto!important}
#fh5co-hero .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height:450px;
}
#fh5co-hero .flexslider .flex-control-nav{bottom:20px;z-index:1000;text-align:right;padding-right:50px}
#fh5co-hero .flexslider .flex-control-nav li a{background:rgba(255,255,255,0);box-shadow:none;width:40px;height:3px;padding:10px 0;cursor:pointer;position:relative}
#fh5co-hero .flexslider .flex-control-nav li a.flex-active{cursor:pointer;background:rgba(255,255,255,0)}
#fh5co-hero .flexslider .flex-direction-nav{display:none}
#fh5co-hero .flexslider .slider-text{display:table;opacity:0}
#fh5co-hero .flexslider .slider-text>.slider-text-inner{display:table-cell;vertical-align:middle}
#fh5co-hero .flexslider .slider-text>.slider-text-inner2{vertical-align:top;padding-top:160px}
#fh5co-hero .flexslider .slider-text>.slider-text-inner h2{font-family: Arial,'youyuan';font-size:56px;color:#fff;line-height:2em}
#fh5co-hero .flexslider .slider-text>.slider-text-inner h3{font-family: Arial,'youyuan';font-size:30px;color:#fff}
#fh5co-hero .flexslider .slider-text>.slider-text-inner .fh5co-lead{font-size:20px;font-family:Arial,'youyuan';color:#fff}
#fh5co-hero .flexslider .slider-text>.slider-text-inner .fh5co-lead .icon-heart{color:#d9534f}
#fh5co-hero .flexslider .flex-control-nav .pager-anchor{position:relative;width:40px;height:3px;border:none;border-radius:0;background-color:#FFF;opacity:.2;filter:alpha(opacity=20)}
#fh5co-hero .flexslider .flex-control-nav .page-state{position:absolute;display:none;width:40px;height:3px;top:10px;left:0;background-color:grey;-webkit-animation:progressRun 5s linear forwards;-moz-animation:progressRun 5s linear forwards;animation:progressRun 5s linear forwards}
#fh5co-hero .flexslider .flex-control-nav .flex-active .page-state{display:block}
@-webkit-keyframes progressRun{
	0%{width:0}
	100%{width:40px}
}
@-moz-keyframes progressRun{
	0%{width:0}
	100%{width:40px}
}
@keyframes progressRun{
	0%{width:0}
	100%{width:40px}
}

#fh5co-why-us{background:url(../images/cstory-bg.png) no-repeat center center}
#fh5co-why-us,.fh5co-services{padding:5em 0}
#fh5co-why-us .item-block,.fh5co-services .item-block{margin-bottom:7em;float:left}
#fh5co-why-us .item-block .icon,.fh5co-services .item-block .icon{display:block;margin-bottom:30px}
#fh5co-why-us .item-block .icon img,.fh5co-services .item-block .icon img{max-width:inherit;height:90px;margin:0 auto}
#fh5co-why-us .item-block h3,.fh5co-services .item-block h3{font-size:20px}
#fh5co-why-us .item-block p:last-child,.fh5co-services .item-block p:last-child{margin-bottom:0}
.fh5co-heading{margin:0 20px 50px 20px}
.fh5co-heading h2{color:#333;font-size:44px}
.fh5co-heading p{color:#999;font-size:16px}
.fh5co-section-with-image{position:relative}
.fh5co-section-with-image .fh5co-box{padding:50px;background:rgba(255,255,255,.9);position:absolute;z-index:1001;width:40%;right:10%;top:50%}
@media screen and (max-width:992px){.fh5co-section-with-image .fh5co-box{position:relative;right:auto;bottom:auto;width:100%;margin-top:auto!important}
}
@media screen and (max-width:480px){.fh5co-section-with-image .fh5co-box{position:relative;right:auto;bottom:auto;width:100%;padding:15px}
}
.fh5co-section-with-image h2{font-size:50px;margin-bottom:20px}
.fh5co-section-with-image p{font-size:20px}
@media screen and (max-width:768px){.fh5co-section-with-image p{font-size:16px}
}
.fh5co-section-with-image p:last-child{margin-bottom:0}
#fh5co-testimonial{background:#fff;padding:7em 0}
#fh5co-testimonial .item-block{margin-bottom:30px}
#fh5co-testimonial .item-block blockquote{margin-bottom:70px;position:relative;border-left:none;padding:20px 20px 20px 20px;background:#fff;float:left;width:100%;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 15px 95px 5px rgba(0,0,0,.06);-moz-box-shadow:0 15px 95px 5px rgba(0,0,0,.06);-ms-box-shadow:0 15px 95px 5px rgba(0,0,0,.06);-o-box-shadow:0 15px 95px 5px rgba(0,0,0,.06);box-shadow:0 15px 95px 5px rgba(0,0,0,.06)}
#fh5co-testimonial .item-block blockquote p{font-size:18px;line-height:1.7;color:#000;margin-bottom:10px}
#fh5co-testimonial .item-block blockquote p:last-child{margin-bottom:0}
#fh5co-testimonial .item-block blockquote .fh5co-author{color:#b3b3b3;font-size:16px}
#fh5co-testimonial .item-block blockquote .fh5co-author cite{font-style:normal}
#fh5co-testimonial .item-block .icon{margin-top:7px}
.googleplus-color{color:#dc4e41}
.facebook-color{color:#3b5998}
.twitter-color{color:#55acee}
.fh5co-about,.fh5co-contact,.fh5co-team{padding:7em 0}
.contact-info{margin-bottom:4em;padding:0}
.contact-info li{list-style:none;margin:0 0 20px 0;position:relative;padding-left:40px}
.contact-info li i{position:absolute;top:.3em;left:0;font-size:22px;color:#e32929}
.contact-info li a{color:#e32929}
#map{height:500px;width:100%}
@media screen and (max-width:768px){#map{height:400px}
}
@media screen and (max-width:480px){#map{height:200px}
}
.fh5co-staff img{margin-bottom:1em}
.fh5co-staff h3{margin:0 0 10px 0}
.fh5co-staff h4{margin:0 0 20px 0;font-weight:400;color:rgba(0,0,0,.4)}
.fh5co-staff .fh5co-social{text-align:center}
.fh5co-staff .fh5co-social a{color:#000}
#fh5co-grid-products{background:#ecf1f5 url(../images/grid-products.jpg) no-repeat center center;height:470px;padding:145px 0 0 0;float:left;width:100%}
#fh5co-grid-products h2{color:#fff;margin-bottom:60px;text-align:center}
#fh5co-grid-products p{text-align:center}
#fh5co-grid-products .v-align{display:table;height:100%;width:100%;background:rgba(0,0,0,.1);position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#fh5co-grid-products .v-align .v-align-middle{display:table-cell;vertical-align:middle;text-align:center}
#fh5co-grid-products .v-align .v-align-middle h3{color:#fff;margin-bottom:10px;font-size:24px}
#fh5co-grid-products .v-align .v-align-middle h5{color:rgba(255,255,255,.8);font-size:16px}
#fh5co-grid-products .col-1,#fh5co-grid-products .col-2{float:left;width:50%}
#fh5co-grid-products .col-1{border-right:5px solid #ecf1f5}
#fh5co-grid-products .col-1.reverse{float:right!important;border-right:none!important;border-left:5px solid #ecf1f5}
#fh5co-grid-products .col-2{float:right;border-left:5px solid #ecf1f5}
#fh5co-grid-products .col-2.reverse{float:left!important;border-left:none!important;border-right:5px solid #ecf1f5}
#fh5co-grid-products .item-grid{width:100%;float:left;background-size:cover;background-position:center center;text-decoration:none;border-bottom:10px solid #ecf1f5}
#fh5co-grid-products .item-grid .icon{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#fh5co-grid-products .item-grid .category,#fh5co-grid-products .item-grid .icon,#fh5co-grid-products .item-grid .title{top:50px;position:relative;opacity:0;visibility:hidden}
#fh5co-grid-products .item-grid .title{-webkit-transition:.8s;-o-transition:.8s;transition:.8s}
#fh5co-grid-products .item-grid .category{-webkit-transition:.8s;-o-transition:.8s;transition:.8s}
#fh5co-grid-products .item-grid:hover{text-decoration:none!important}
#fh5co-grid-products .item-grid:hover .category,#fh5co-grid-products .item-grid:hover .icon,#fh5co-grid-products .item-grid:hover .title{top:0;opacity:1;visibility:visible}
#fh5co-grid-products .item-grid:hover .v-align{background:rgba(0,0,0,.4)}
#fh5co-grid-products .item-grid .icon{display:block;background:#fff;width:90px;height:90px;margin:0 auto 30px auto;padding-top:19px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
#fh5co-grid-products .item-grid .icon img{max-width:inherit;height:50px;margin:0 auto}
#fh5co-grid-products .one,#fh5co-grid-products .three{height:450px}
#fh5co-grid-products .two{height:900px}
#fh5co-grid-products .one{border-bottom:5px solid #ecf1f5}
#fh5co-grid-products .three{border-top:5px solid #ecf1f5}
#fh5co-blog{padding:7em 0;position:relative;clear:both;background:#f7f7f7}
#fh5co-blog .fh5co-entry{margin-bottom:30px;float:left;border:#ddd 1px solid}
#fh5co-blog .fh5co-entry:hover{border:#999 1px solid;-webkit-box-shadow:0 0 16px rgba(0,0,0,.4);-moz-box-shadow:0 0 16px rgba(0,0,0,.4);box-shadow:0 0 16px rgba(0,0,0,.4);-ms-box-shadow:0 0 16px rgba(0,0,0,.4);-o-box-shadow:0 0 16px rgba(0,0,0,.4)}
#fh5co-blog .fh5co-entry figure{margin-bottom:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#fh5co-blog .fh5co-entry figure img{max-width:100%}
#fh5co-blog .fh5co-entry .fh5co-date{display:block;margin-bottom:15px;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#b3b3b3}
#fh5co-blog .fh5co-entry .fh5co-copy{padding:30px;background:#fff}
#fh5co-blog .fh5co-entry h3{margin-bottom:10px;line-height:1.5}
#fh5co-blog .fh5co-entry p{color:#999;line-height:1.5em;height:40px;font-size:14px;overflow:hidden}
#fh5co-blog .fh5co-entry p:last-child{margin-bottom:0}
#fh5co-blog .fh5co-entry:hover figure{opacity:.9}
#fh5co-blog .fh5co-entry:active,#fh5co-blog .fh5co-entry:focus,#fh5co-blog .fh5co-entry:hover{text-decoration:none!important}
#fh5co-blog .fh5co-entry:active figure,#fh5co-blog .fh5co-entry:active h3,#fh5co-blog .fh5co-entry:active p,#fh5co-blog .fh5co-entry:active span,#fh5co-blog .fh5co-entry:focus figure,#fh5co-blog .fh5co-entry:focus h3,#fh5co-blog .fh5co-entry:focus p,#fh5co-blog .fh5co-entry:focus span,#fh5co-blog .fh5co-entry:hover figure,#fh5co-blog .fh5co-entry:hover h3,#fh5co-blog .fh5co-entry:hover p,#fh5co-blog .fh5co-entry:hover span{text-decoration:none!important}
.fh5co-cta{background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;padding:7em 0;position:relative}
.fh5co-cta .overlay{background:#e32929 url(../images/cstory-bg.png) no-repeat center center;left:0;right:0;bottom:0;top:0;position:absolute;z-index:1}
.fh5co-cta .container{position:relative;z-index:2}
.fh5co-cta h3,.fh5co-cta p{color:#fff;font-size:30px}
.fh5co-cta p:last-child{margin-bottom:0}
.fh5co-cta .btn{padding:10px 25px}
#fh5co-page{position:relative;z-index:2;background:#fff}
#fh5co-offcanvas,#fh5co-page,.fh5co-nav-toggle{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#fh5co-offcanvas,#fh5co-page,.fh5co-nav-toggle{position:relative}
#fh5co-page{z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.offcanvas-visible #fh5co-page{-moz-transform:translateX(-275px);-webkit-transform:translateX(-275px);-ms-transform:translateX(-275px);-o-transform:translateX(-275px);transform:translateX(-275px)}
#fh5co-offcanvas{display:none;height:100%;right:0;overflow-y:auto;position:fixed;z-index:1;top:0;width:275px;background:#000;padding:30px}
#fh5co-offcanvas ul{padding:0;margin:0}
#fh5co-offcanvas ul li{padding:0;margin:0 0 10px 0;list-style:none;line-height:28px}
#fh5co-offcanvas ul li a{font-size:18px;color:rgba(255,255,255,.7);text-decoration:none!important}
#fh5co-offcanvas ul li a:hover{color:#e32929}
#fh5co-offcanvas ul li.active a{color:#e32929}
#fh5co-offcanvas ul li.cta{margin-left:0;margin-top:20px;display:block;float:left}
#fh5co-offcanvas ul li.cta a{padding-left:16px!important;padding-right:16px!important;padding-top:7px!important;padding-bottom:7px!important;border:2px solid rgba(255,255,255,.7);-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px}
#fh5co-offcanvas ul li.cta a:hover{background:#fff;text-decoration:none}
#fh5co-offcanvas ul li.cta a:hover:after{display:none}
.fh5co-nav-toggle{cursor:pointer;text-decoration:none}
.fh5co-nav-toggle.active i::after,.fh5co-nav-toggle.active i::before{background:#fff}
.fh5co-nav-toggle.dark.active i::after,.fh5co-nav-toggle.dark.active i::before{background:#fff}
.fh5co-nav-toggle:active,.fh5co-nav-toggle:focus,.fh5co-nav-toggle:hover{outline:0;border-bottom:none!important}
.fh5co-nav-toggle i{position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;width:30px;height:2px;color:#fff;font:700 14px/.4 Helvetica;text-transform:uppercase;text-indent:-55px;background:#fff;transition:all .2s ease-out}
.fh5co-nav-toggle i::after,.fh5co-nav-toggle i::before{content:'';width:30px;height:2px;background:#fff;position:absolute;left:0;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.fh5co-nav-toggle.dark i{position:relative;color:#000;background:#000;transition:all .2s ease-out}
.fh5co-nav-toggle.dark i::after,.fh5co-nav-toggle.dark i::before{background:#000;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.fh5co-nav-toggle i::before{top:-7px}
.fh5co-nav-toggle i::after{bottom:-7px}
.fh5co-nav-toggle:hover i::before{top:-10px}
.fh5co-nav-toggle:hover i::after{bottom:-10px}
.fh5co-nav-toggle.active i{background:0 0}
.fh5co-nav-toggle.active i::before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.fh5co-nav-toggle.active i::after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.fh5co-nav-toggle{position:fixed;top:40px;right:20px;z-index:9999;display:block;margin:0 auto;display:none;cursor:pointer}
.fh5co-pricing{padding:7em 0;background:#f7f7f7}
.fh5co-pricing .pricing{display:block;float:left;margin-bottom:30px}
.fh5co-pricing .price-box{text-align:center;padding:30px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;margin-bottom:40px;position:relative}
.fh5co-pricing .price-box.popular .btn-select-plan{background:#e32929}
.fh5co-pricing .price-box.popular .price{color:#e32929}
.fh5co-pricing .price-box .btn-select-plan{padding:10px 20px;background:#5bc0de;color:#fff}
.fh5co-pricing .pricing-plan{margin:0 0 50px 0;padding:0;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#888f94}
.fh5co-pricing .pricing-plan.pricing-plan-offer{margin-bottom:24px}
.fh5co-pricing .pricing-plan span{display:block;margin-top:10px;margin-bottom:0;color:#d5d8db}
.fh5co-pricing .price{font-size:72px;color:#6d6d6d;line-height:50px}
.fh5co-pricing .price .currency{font-size:30px;top:-.9em;padding-right:10px}
.fh5co-pricing .price small{font-size:13px;display:block;text-transform:uppercase;color:#888f94}
.js .animate-box{opacity:0}

.waves{width:100%;height:100%;position:absolute;top:0}

#global_scroll {
    width: 29px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    bottom: 20px;
    transition: opacity 1s;
    -webkit-animation: scroll 2s infinite;
	color:#fff;
	z-index:99999;
}
@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);transform:translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1)}
50%{-webkit-transform:translateX(0) translateY(20px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);-moz-transform:translateX(0) translateY(20px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:translateX(0) translateY(20px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);transform:translateX(0) translateY(20px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1)}
100%{-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);transform:translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1)}
}


/*右边联系栏更新*/
.toolbar{-webkit-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.toolbarbox{position:fixed;top:200px;right:0;padding-top:18px;width:4pc;border-bottom-left-radius:4px;border-top-left-radius:4px;background:rgba(255,255,255,.1);box-shadow:0 0 10px rgba(0,0,0,.1);color:#fff;font-weight:700;font-size:1pc;z-index:99999;background:rgba(0,0,0,.3)}
.toolbarbox img{max-width:100%;border:0}
.msg{position:relative;margin:0 auto;padding:18px 0 15px;width:36px;height:34px;text-align:center;}
.msg .msg-line{position:absolute;top:60px;left:8px;width:20px;height:1px;border-bottom:1px solid #e7e7e7}
img.msg-img{position:absolute;top:10px;left:0;-webkit-animation:aniSix-x 1s ease-in-out .2s infinite;animation:aniSix-x 1s ease-in-out .2s infinite}
.hidemsg{overflow:hidden;width:130px;height:160px;padding:10px;border-radius:4px;background:#e32929;text-align:center;line-height:40px}
@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}
to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}
to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
.triangle{right:-1pc;width:20px;height:40px;background:0 0}
.hidemsg div,.triangle{position:absolute;top:0}
.hidemsg div{right:20px;bottom:0;left:0;display:inline-block;margin:auto;width:75pt;height:75pt;border-radius:100%;background-color:hsla(0,0%,100%,.4);pointer-events:none;-o-border-radius:100%;-ms-border-radius:100%;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}
.hidemobel a,.hidemsg a{color:#fff;text-decoration:none}
.hidemsgAfter{position:relative;top:-14px;left:-10pc;width:130px;height:160px;border-radius:5px;cursor:pointer}
.hidemsgAfter :after{position:absolute;top:11px;right:-8px;display:block;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #e32929;content:''}
.mobel{position:relative;margin:0 auto;padding:15px 0;text-align:center;cursor:pointer}
.mobel,.mobel .tel{width:4pc;height:100px}
.mobel .tel{display:block;background:url(../images/tel.png) no-repeat center center}
.mobel .tel:hover{background:url(../images/tel_h.png) no-repeat center center;cursor:default}
.tool-line{margin:0 auto;margin-top:-8px;width:20px;height:1px;border-bottom:1px solid #e7e7e7;display:none}
.hidemobelBox{position:absolute;top:44px;right:84px;width:230px;height:40px;border-radius:5px;background:#e32929;text-align:center;line-height:40px;cursor:pointer}
.hidemobelBox p:after{position:absolute;top:11px;right:-8px;display:block;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #e32929;content:''}
.Rtop{display:none;margin:0 auto;width:36px;height:5pc;background:url(../images/top.png) no-repeat center center;text-align:center;cursor:pointer}
.Rtop:hover{background:url(../images/top_h.png) no-repeat center center}


/*我们的服务*/
.zq-icon{display:inline-block;background:url(../images/icon.png) no-repeat}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}
.card-area{height:560px;/* width:1140px; */position:relative;margin:0;padding:0;list-style-type:none;overflow:hidden}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{border-radius:4px;z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:15%;height:521px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#333;border-left:1px solid #ccc}
.card-area .card-item .card .card-title .content{position:absolute;top:15px;width:100%}
.card-area .card-item .card .card-title h1{font-size:20px;font-weight:700;color:#fff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#f1f1f1;font-size:12px;margin-top:0;margin-top:5px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:376px;position:absolute;top:145px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;font-size:14px;color:#373d41;margin-top:47px;margin-bottom:47px;padding:0;list-style-type:none}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#e32929;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933;font-size:14px}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:14px;line-height:22px;height:150px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#e32929;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #e32929;font-size:16px!important;color:#e32929;margin-top:22px;margin-bottom:33px;border-radius:20px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out;display:block;margin:50px auto 0 auto}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#e32929}
.card-area .card-item .card .card-content.content-second .main-white-btn:active{outline:0;text-decoration:none}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#e32929}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:40%;height:535px}
.card-area .card-item.active .card .card-title{background-color:#e32929;height:145px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#f1f1f1}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

/*首页解决方案*/
.tab{border-bottom:2px solid #ccc;padding:0 30px;text-align:center}
.tab a{display:inline-block;width:160px;margin:0 7%;font-size:18px;color:#666;text-align:center;height:40px;line-height:40px;position:relative}
.tab a .line{position:absolute;width:100%;height:2px;bottom:-1px;left:0;background-color:#e32929;transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transition:all .2s ease;-webkit-transition:all .2s ease}
.tab a.on .line,.tab a:hover .line{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.tab a:hover{color:#e32929}
.tab a.on{color:#e32929}

.tab-box{height:360px;overflow:hidden;position:relative;text-align:center}
.scheme-list{width:18%;height:360px;position:relative;overflow:hidden;margin-left:11px;display:inline-block;border-radius:4px;}
.scheme-list:first-child{margin-left:0}
.scheme-list1{background:url(../images/scheme1.jpg) no-repeat}
.scheme-list2{background:url(../images/scheme2.jpg) no-repeat}
.scheme-list3{background:url(../images/scheme3.jpg) no-repeat}
.scheme-list4{background:url(../images/scheme4.jpg) no-repeat}
.scheme-list5{background:url(../images/scheme5.jpg) no-repeat}
.scheme-list6{background:url(../images/scheme6.jpg) no-repeat}
.scheme-list7{background:url(../images/scheme7.jpg) no-repeat}
.scheme-list8{background:url(../images/scheme8.jpg) no-repeat}
.scheme-list9{background:url(../images/scheme9.jpg) no-repeat}
.scheme-list10{background:url(../images/scheme10.jpg) no-repeat}
.scheme-list11{background:url(../images/scheme11.jpg) no-repeat}
.scheme-list12{background:url(../images/scheme12.jpg) no-repeat}
.scheme-list13{background:url(../images/scheme13.jpg) no-repeat}
.scheme-list-bg{
	position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;transition:all .2s ease;-webkit-transition:all .2s ease;
	background:-webkit-linear-gradient(45deg, #e32929, #e35d5b); /* Safari 5.1 - 6.0 */
	background:-o-linear-gradient(45deg, #e32929, #e35d5b); /* Opera 11.1 - 12.0 */
	background:-moz-linear-gradient(45deg, #e32929, #e35d5b); /* Firefox 3.6 - 15 */
	background:linear-gradient(45deg, #e32929, #e35d5b); /* 标准的语法 */
	opacity:0;
}
.scheme-list:hover{cursor:pointer}

/*导航解决方案菜单*/
.m-header nav ul li .tabs{border-bottom:1px solid #ddd}
.m-header nav ul li .tabs a{margin:20px 70px 0 60px;line-height:0}
.m-header nav ul li .tab a.on{color:#e32929}
.m-header nav ul li .tabs-box{margin:0 auto;height:200px}
.tabs-box .scheme-page{height:100px;margin-top:40px}

/*icon*/
.icon-pic{display:block;width:100px;height:100px;margin:0 auto}
.icon-pic1{background:url(../images/icon-proposal27.png) center center no-repeat}
.icon-pic2{background:url(../images/icon-proposal29.png) center center no-repeat}
.icon-pic3{background:url(../images/icon-proposal11.png) center center no-repeat}
.icon-pic4{background:url(../images/icon-proposal1.png) center center no-repeat}
.icon-pic5{background:url(../images/icon-proposal28.png) center center no-repeat}

.scheme-page{width:1170px;height:400px;float:left;text-align:center}
.scheme-list-txt-bg{position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5)}
.icon-scheme{position:absolute;z-index:5;left:50%;margin-left:-39px;top:120px;display:inline-block;width:78px;height:78px;background-image:url(../images/common.png);transition:all .6s ease;-webkit-transition:all .6s ease}
.icon-scheme1{background-position:0 -197px}
.scheme-list-txt{font-size:14px;color:#fff;position:absolute;z-index:3;padding:0 20px;height:270px;width:100%;top:50px;text-align:center}
.scheme-list-txt h3{color:#fff;font-weight:400;font-size:24px;text-align:center;transform:translateY(60px);-webkit-transform:translateY(60px);transition:all .6s ease;-webkit-transition:all .6s ease}
.scheme-list-txt .line{width:30px;height:2px;background:#fff;overflow:hidden;margin:20px auto 30px auto;opacity:0;transform:translateY(60px);-webkit-transform:translateY(60px);transition:all .6s ease;-webkit-transition:all .6s ease}
.scheme-list-txt p{line-height:1.5em;text-align:left;opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);transition:all .6s ease;-webkit-transition:all .6s ease;text-align:justify}
.scheme-list-txt .icon-pic{transform:translateY(60px);-webkit-transform:translateY(60px);transition:all .6s ease;-webkit-transition:all .6s ease}
.scheme-list:hover{box-shadow:0 3px 5px rgba(0,0,0,.4)}
.scheme-list:hover .scheme-list-bg{opacity:.8}
.scheme-list:hover .scheme-list-txt h3{transform:translateY(-40px);-webkit-transform:translateY(-40px)}
.scheme-list:hover .icon-pic{transform:translateY(-40px);-webkit-transform:translateY(-40px)}
.scheme-list:hover .icon-scheme{transform:translateY(-60px);-webkit-transform:translateY(-60px)}
.scheme-list:hover .scheme-list-txt p{opacity:1;transform:translateY(-40px);-webkit-transform:translateY(-40px)}
.scheme-list:hover .scheme-list-txt .line{opacity:1;transform:translateY(-40px);-webkit-transform:translateY(-40px)}
.scheme{margin-top:34px}



/*产品服务*/
.g-in .hf_tt2{margin:0 0 20px;color:#333;text-align:center;font-size:40px}
.g-in .hf_tt3{margin:0 0 80px;color:#999;text-align:center;font-size:16px}
.dark{padding:40px 0}
.dark_bg{margin-bottom:20px;background:#111 url(../images/earth.png) no-repeat center center}
.dark_bg .hf_tt2{color:#fff}
.dark_bg .hsys h3{color:#999}
.gray_bg{margin-bottom:20px;background:#f9f9f9}
.gray_bg .hf_tt2{color:#fff}
.gray_bg .hsys h3{color:#aaa}
.goodness-box{text-align:center;margin-bottom:70px}
.goodness-list{width:28%;margin:0 2%;height:180px;display:inline-block}
.goodness-list h3{font-size:24px;font-weight:400;margin-bottom:10px;margin-top:20px}
.dark .goodness-list h3,.darker .goodness-list h3{color:#fff}
.goodness-list p{font-size:14px;color:#999;line-height:1.46;transition:all .2s ease;-webkit-transition:all .2s ease}
.goodness-list:hover p{color:#666}
.dark .goodness-list p,.darker .goodness-list p{color:#999}
.icon-goodness{display:inline-block;width:64px;height:64px;background:url(../images/rzfw.png) no-repeat}
.icon-goodness1{background-position:0 -51px}
.icon-goodness2{background-position:-64px -51px}
.icon-goodness3{background-position:-128px -51px}
.dark .icon-goodness,.darker .icon-goodness{width:60px;height:60px}
.dark .icon-goodness1,.darker .icon-goodness1{background-position:0 0}
.dark .icon-goodness2,.darker .icon-goodness2{background-position:-64px 0}
.dark .icon-goodness3,.darker .icon-goodness3{background-position:-128px 0}

.pro-compare{margin-bottom:120px}
.pro-compare-other{box-sizing:border-box;float:left;width:30%;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2)}
.pro-compare-list{line-height:1.8em;padding:50px 30px;font-size:16px;color:#333}
.pro-compare-head{height:60px;line-height:60px;color:#fff;font-size:24px;background:#333;position:relative;text-align:center}
.darker .pro-compare-head{background:#181824}
.pro-compare-us{float:left;box-sizing:border-box;width:40%;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2)}
.pro-compare-list.bg-gray{background:#f4f7f6;padding:20px 30px}
.pro-compare-list.bg-orange{background:#f3f3f3;padding:20px 30px}
.pro-title{font-size:16px;color:#333;display:block}
.pro-head-large{display:block;position:absolute;height:80px;width:100%;line-height:80px;bottom:0;background:#e32929}
.pro-compare-list.pro-list-row2{height:120px;line-height:120px}
.pro-compare-other.pro-compare-other-title .pro-compare-list{color:#333}
.pro-compare-list-left{float:left;width:50%;box-sizing:border-box}
.pro-compare-list-right{float:left;width:50%;box-sizing:border-box}

.sect_bd{margin-bottom:60px}
.m-pcard{position:relative;float:left;width:30%;margin:0 2%;height:400px}
.m-pcard .pcard_act{position:relative;display:block;overflow:hidden;box-sizing:border-box;margin-left:-1px;padding-top:22px;height:400px;border:1px solid #d7dce0;background-color:#fff;text-align:center}
.m-pcard .i-prod,.m-pcard .pcard_act,.m-pcard .pcard_link{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;-ms-transition:.3s ease-out}
.m-pcard .pcard_act:hover{z-index:1;border-color:#e32929;-webkit-box-shadow:0 0 16px rgba(227,41,41,.6);-moz-box-shadow:0 0 16px rgba(227,41,41,.6);box-shadow:0 0 16px rgba(227,41,41,.6);-ms-box-shadow:0 0 16px rgba(227,41,41,.6);-o-box-shadow:0 0 16px rgba(227,41,41,.6)}
.m-pcard .pcard_act:hover .i-prod{visibility:hidden;margin-top:-58px;opacity:0}
.m-pcard .pcard_act:hover .pcard_link{display:inline-block;visibility:visible;color:#e32929;opacity:1}
.m-pcard .pcard_dec,.m-pcard .pcard_link{display:inline-block;padding-top:22px;font-size:14px;line-height:24px}
.m-pcard .pcard_tt{padding:10px 0;margin:0;color:#333;text-shadow:0 0 0 #666;font-size:22px;line-height:40px;-webkit-text-shadow:0 0 0 #666;-moz-text-shadow:0 0 0 #666;-ms-text-shadow:0 0 0 #666;-o-text-shadow:0 0 0 #666}
.m-pcard dl{text-align:left;padding:15px 35px 0 35px}
.m-pcard dl dt{color:#333;font-size:16px;font-weight:700}
.m-pcard dl dd{color:#666;font-size:14px;margin:10px 0 20px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.m-pcard .pcard_dec{padding:0 29px;color:#666}
.m-pcard .pcard_link{visibility:hidden;color:#999;opacity:0;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;-ms-transition:.3s ease-out}
.m-pcard .pcard_link:hover{text-decoration:underline}
.m-pcard-first{margin-left:0}
.m-pcard-first .pcard_act{margin-left:0}
.i-prod{display:block;margin-right:auto;margin-left:auto;width:70px;height:70px;opacity:1}
.i-prod-antispam{background:url(../images/service_70x70_01.png) no-repeat}
.i-prod-captcha{background:url(../images/yfw.png) 0 0 no-repeat}
.i-prod-anticheat{background:url(../images/yfw.png) -74px 0 no-repeat}
.i-prod-register{background:url(../images/yfw.png) 0 -74px no-repeat}
.i-prod-login{background:url(../images/yfw.png) -74px -74px no-repeat}
.i-prod-apkpack{background:url(../images/yfw.png) -148px 0 no-repeat}
.m-sect-hm2{height:657px}
.m-sect-hm2 .sect_bd{padding-top:70px}

.section{min-width:1200px;position:relative;padding:70px 0;overflow:hidden}
.pro-page1{min-height:500px;position:relative;margin:30px 0}
.page-txt-left{left:0}
.pro-page-txt{width:460px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); z-index: 999; }
.pro-page-txt h2{color:#333;font-size:40px;font-weight:400;margin-bottom:40px}
.pro-page-txt p{font-size:16px;color:#666;margin-bottom:20px;line-height:1.7;text-align:justify}
.db-page-img-right{right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.db-page-img{position:absolute}
.pro-page2{position:relative;min-height:500px;margin:30px 0}
.page-txt-right{right:0}




.p_img{text-align:center}
.p_img .p_ms{margin:0 20px 60px 20px;display:inline-block;z-index:99}
.p_img .p_ms h2{color:#555;font-size:16px;font-weight:700;text-align:center;margin:15px 0}
.p_img .p_ms p{color:#666;font-size:14px;text-align:center}
.p_img .p_ms img{background:#fff;transition:transform 0.25s ease;width:100%;border-radius:4px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);-moz-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,.1);-ms-box-shadow:0 0 2px rgba(0,0,0,.1);-o-box-shadow:0 0 2px rgba(0,0,0,.1)}
/* .p_img .p_ms img:hover{transform: scale(1.2,1.2);box-shadow:0 0 20px #555;z-index:999} */


.p-table{font-size:14px;text-align:left;margin-top:36px;width:100%}
.p-table thead tr th{height:40px;text-indent:1.0em;color:#f6b711;font-weight:400;background-color:#42485a}
.p-table tbody tr{border-bottom:1px solid #fff}
.p-table tbody tr td{padding:10px 15px;height:24px;line-height:24px;color:#40475b}
.p-table tbody tr td:nth-child(odd){background-color:#fafafa}
.p-table tbody tr td:nth-child(2n){background-color:#f6f6f6}
.p-table tbody tr td:first-child{background-color:#66b8bf;font-weight:500;color:#fff}
.p-table tbody tr td .blue{color:#66b8bf}

.p-parameter1{
    background:url(../images/ai03.png) no-repeat right 200px;
}
.p-parameter2{
    background:url(../images/ai04.png) no-repeat right 200px;
}
.p-parameter3{
    background:url(../images/ai05.png) no-repeat right 200px;
}
.p-parameter4{
    background:url(../images/ai06.png) no-repeat right 200px;
}


/*news*/
.m-list{margin-top:30px}
.list-item{position:relative;color:#77828c}
.list-item a{display:block;padding:25px 30px;margin-bottom:20px;background-color:#fff;border-radius:4px;border:1px #f5f5f5 solid}
.list-item a:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 0 10px rgba(0,0,0,.2)}
.list-item a:hover .item-title{color:#f00}
.list-item .item-img{float:left;width:233px;height:155px;overflow:hidden;border-radius:4px}
.list-item .item-img>img{min-height:100%;transition:transform .5s ease-in-out}
.list-item .item-img>img:hover{transform:scale(1.1)}
.list-item .article{position:relative;margin-left:265px;height:155px}
.list-item .item-title{padding-bottom:18px;margin:0;font-size:22px;line-height:1}
.list-item .item-cont{position:relative;text-align:justify;font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:#999}
.list-item .item-tag{font-size:14px;color:#ccc;margin-bottom:20px}

.m-pager{zoom:1;margin:30px 0 90px;height:32px}
.m-pager:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.m-pager ul{float:right;display:inline-block;zoom:1;font-size:14px;color:#212326}
.m-pager ul:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.m-pager li{float:left;display:block;height:100%;line-height:30px;margin-right:15px}
.m-pager li a{transition:all 0s}
.m-pager li .item{display:inline-block;width:30px;text-align:center;background:#fff;border-radius:3px;border:1px #eee solid}
.m-pager li .item.active,.m-pager li .item:hover{color:#e32929}
.m-pager .pg-fst{margin-right:30px}
.m-pager .pg-fst a{border:none}
.m-pager .pg-fst a.avalable:hover{color:#e32929}
.m-pager .pg-fst a.disabled{opacity:.5}
.m-pager .pg-lst{margin-left:15px;margin-right:0}
.m-pager .pg-lst a{border:none}
.m-pager .pg-lst a.avalable:hover{color:#e32929}
.m-pager .pg-lst a.disabled{opacity:.5}


/*子导航*/
.sub_nav{height:46px;line-height:46px;margin-bottom:10px;font-size:16px;text-align:center;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2)}
.sub_scroll{position:fixed;z-index:99999;width:100%;top:70px;border-bottom:none}
.sub_nav_list{padding-left:3px;height:46px}
.sub_nav_list li{width:24%;height:46px;display:inline-block;position:relative}
.sub_nav_list a{display:block;color:#000}
.sub_nav_list a:hover{text-decoration:none;color:#e32929}
.sub_nav_list li.on a{color:#e32929;position:relative}

.container{position:relative}
.culture_menu{position:absolute;top:560px;left:10px;width:200px;color:#fff;background-color:#333;z-index:99999;border-radius:5px}
.culture_menu a{color:#fff;font-size:14px;display:block;height:40px;line-height:40px;margin:20px 15px;text-align:center;cursor:pointer;border-radius:20px}
.culture_menu a:hover{color:#e32929;background-color:#444}
.culture_menu .active, .culture_menu .active:hover{color:#fff;background-color:#fd404e;border-radius:20px}
.container_scroll{position:fixed;top:160px}

.culture_menu2{position:absolute;top:46px;left:0;width:100%;color:#333;background-color:#fff;background-color:rgba(255,255,255,.99);z-index:99999;display:none;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.culture_menu2 a{color:#333;font-size:14px;display:block;height:40px;line-height:40px;margin:20px 15px;text-align:center;cursor:pointer;border-radius:20px}
.sub_nav_list .on .culture_menu2 a{color:#333;background-color:#fff;border-bottom:none}
.culture_menu2 a:hover, .sub_nav_list .on .culture_menu2 a:hover{color:#fff;background-color:#fd404e;border-radius:20px}


/*新闻等内容*/
.content_box{padding:40px}
.content_box p{color:#666;font-size:16px;text-indent:2.0em;line-height:2.0em;margin-bottom:2.0em}
.content_box h2{font-size:16px;font-weight:700}

.detial{padding:20px 42px 70px;margin-top:100px;height:auto!important;height:570px;min-height:570px;background-color:#fff;border-radius:10px;border:1px solid #e6e6e6}
.detialtxt{margin-bottom:70px;height:auto!important;height:570px;min-height:570px}
.detialtxt-tit{margin-bottom:30px;padding:30px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.detialtxt-tit h2{display:block;font-size:28px;color:#333;margin-bottom:20px}
.detialtxt-tit p{color:#9a9a9a;font-size:16px;margin:0}
.detialtxt-top{position:relative;height:48px;font-size:16px;line-height:48px}
.detialtxt-top a{color:#9a9a9a}
.detialtxt-top a:hover{color:#e32929;text-decoration:none}
.detialtxt-abs{position:absolute;right:0;top:0}
.detialtxt-abs a{margin-left:16px}
.detialtxt-info p{padding-bottom:10px;font-size:16px;line-height:32px}


/* 发展历程 */
.cd-container{width:90%;max-width:1170px;margin:0 auto}
.cd-container::after{content:'';display:table;clear:both}
#cd-timeline{position:relative;padding:2em 0;margin-top:2em;margin-bottom:2em; border: 0px solid red;}
#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#ddd}
@media only screen and (min-width:1170px){#cd-timeline{margin-top:3em;margin-bottom:3em}
#cd-timeline::before{left:24%;margin-left:-2px}
}
.cd-timeline-block{position:relative;margin:2em 0}
.cd-timeline-block:after{content:"";display:table;clear:both}
.cd-timeline-block:first-child{margin-top:0}
.cd-timeline-block:last-child{margin-bottom:0}
@media only screen and (min-width:1170px){
.cd-timeline-block:first-child{margin-top:0}
.cd-timeline-block:last-child{margin-bottom:0}
}
.cd-timeline-img{position:absolute;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}
.cd-timeline-img img{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}
.cd-timeline-img.cd-picture{background:#75ce66}
.cd-timeline-img.cd-movie{background:#c03b44}
.cd-timeline-img.cd-location{background:#f0ca45}
@media only screen and (min-width:1170px){.cd-timeline-img{width:60px;height:60px;left:24%;margin-left:-30px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.cssanimations .cd-timeline-img.is-hidden{visibility:hidden}
.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}
}
@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}
60%{opacity:1;-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}
60%{opacity:1;-moz-transform:scale(1.2)}
100%{-moz-transform:scale(1)}
}
@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
.cd-timeline-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);border:0px solid red;}
.cd-timeline-content:after{content:"";display:table;clear:both}
.cd-timeline-content h2{color:#333;margin-bottom:0;}
.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more,.cd-timeline-content p{color:#333;font-size:13px;font-size:.8125rem}
.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{display:inline-block}
.cd-timeline-content p{margin:1em 0;line-height:1.6}
.cd-timeline-content img{width:100%}
.cd-timeline-content .cd-read-more{float:right;padding:.8em 1em;background:#acb7c0;color:#fff;border-radius:.25em}
.no-touch .cd-timeline-content .cd-read-more:hover{background-color:#bac4cb}
.cd-timeline-content .cd-date{color:#999;float:left;padding:.8em 0;opacity:.7}
/* .cd-timeline-content::before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff} */
@media only screen and (min-width:768px){.cd-timeline-content h2{font-size:20px;font-size:2.0rem;line-height:1.5em}
.cd-timeline-content p{font-size:16px;font-size:1rem}
.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{font-size:18px;font-size:1.5em}
}
@media only screen and (min-width:1170px){.cd-timeline-content{margin-left:30%;padding:1.6em;width:63%}
/* .cd-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#fff} */
.cd-timeline-content .cd-read-more{float:left}
.cd-timeline-content .cd-date{position:absolute;width:auto;left:-30%;top:-10px;font-size:24px;font-size:3.0rem}
/* .cd-timeline-block:nth-child(even) .cd-timeline-content{float:right}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#fff}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;left:20%;text-align:left} */

.cd-timeline-block .year{ font-size: 34px;margin: 0 0 1% 7%; }
.cd-timeline-block .cd-timeline-content.month{ padding:0; }
.cd-timeline-block .cd-timeline-content.content{ margin-bottom: 4%; }

.cssanimations .cd-timeline-content.is-hidden{visibility:hidden}
.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}
}
@media only screen and (min-width:1170px){.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}
}
@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}
60%{opacity:1;-webkit-transform:translateX(20px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}
60%{opacity:1;-moz-transform:translateX(20px)}
100%{-moz-transform:translateX(0)}
}
@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}
60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}
60%{opacity:1;-webkit-transform:translateX(-20px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}
60%{opacity:1;-moz-transform:translateX(-20px)}
100%{-moz-transform:translateX(0)}
}
@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}
60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}


/* 联系我们 */
.contact-para{padding:40px 0;border-bottom:1px dashed #ddd}
.contact-para.last{border:0}
.contact-para .para-title{color:#666;font-size:24px;line-height:24px;vertical-align:bottom}
.contact-para .para-title span{color:#666;font-size:12px}
.contact-para .para-title em{font-style:normal}
.contact-para .para-content{margin-top:16px;font-size:0}
.contact-para .para-content-left{display:inline-block;color:#f80;font-size:16px;line-height:16px;padding-right:4px;vertical-align:top}
.contact-para .para-content-left .box{display:inline-block;position:relative;top:-2px;height:4px;width:4px;margin-right:10px;background:#f80}
.contact-para .para-content-right{display:inline-block;color:#666;font-size:16px;line-height:16px;vertical-align:top}
.contact-para .para-content-right div{margin-bottom:14px}
.contact-para .para-content-right .qq{position:relative;left:10px;top:-2px}
.contact-para .para-content-right div.last{margin-bottom:0}
.contact-para .para-content-right p{font-size:12px;color:#bbb;margin-bottom:14px}
#allmap{width:100%;height:400px;margin:50px 0;overflow:hidden;border:1px #ddd solid;border-radius:4px}
.anchorBL{display:none}
#BMapLib_sendToPhone0{display:none}


/* 云安全解决方案 */
.g-in .hf_ttl{margin:0 0 60px;color:#333;text-align:center;font-size:40px;line-height:40px}
.g-in .func_card{background:#fcfcfc;margin-bottom:36px;border:1px #f5f5f5 solid;padding:20px;border-radius:4px}
.g-in .card_ico1{float:left;margin-top:10px;height:40px;width:40px;background-repeat:no-repeat}
.g-in .card_ctn{margin-left:65px}
.g-in .card_ctn .ttl{margin-bottom:1pc;color:#77828c;font-size:16px;font-weight:700;line-height:18px}
.g-in .card_ctn .txt{color:#77828c;font-size:9pt;line-height:20px;text-indent:0}
.g-in .case_item{position:relative;margin-bottom:53px;padding:0 60px}
.g-in .case_item:after{position:absolute;top:0;left:6px;float:left;display:block;width:40px;height:40px;background:url(../images/camma.png) no-repeat;content:""}
.g-in .case_item p{text-indent:0;text-align:left;text-indent:2.0em}
.g-in .item_txt{font-size:15px;line-height:30px;position:static;top:-50px;left:-9999px}
.g-in .item_txt2{color:#555;font-size:16px;padding-bottom:10px}
.g-in .item_ico{display:block;margin:23px auto 0}
.g-in .case_prod{margin-top:20px;font-size:18px;line-height:18px}

.g-in .khal {text-align:center;margin-bottom:50px}
.g-in .khal img{display:inline-block;margin:0 20px;border-radius:4px}

.solution{padding:30px 0}
.solution .hf_ttl{padding-top:40px}
.solution .yrcj{padding-bottom:50px}


.yrcj-intro-list{margin:0;padding:0;margin-bottom:0;text-align:center}
.yrcj-intro-list2{margin-bottom:40px}
.yrcj-intro-list .yrcj-icon{margin:90px 0 30px 0}
.yrcj-intro-list li{background:#333;display:inline-block;height:400px;width:300px;margin:0 15px;position:relative;overflow:hidden;border-radius:4px}
.yrcj-intro-list2 li{width:22%;height:300px;margin:0 10px}
.yrcj-intro-info{color:#fff}
.yrcj-intro-info dt{font-size:22px;margin-bottom:20px;font-weight:400}
.yrcj-intro-info dd{font-size:16px;margin:5px 0}
.link-box{color:#fff;line-height:2em;padding:20px;position:absolute;z-index:20;opacity:0;background:#e32929;left:0;right:0;bottom:0;top:0;text-align:center;transition:all .4s ease;-webkit-transition:all .4s ease}
.link-box h2{color:#fff;font-size:18px;line-height:1.8em;text-align:left}
.link-box p{font-size:14px;text-align:left}
.link-box-mid{position:absolute;width:80%;left:10%;top:55%;transition:all .4s ease;-webkit-transition:all .4s ease;transform:translateY(50%);-webkit-transform:translateY(50%)}
.yrcj-intro-list li:hover .link-box-mid{display:block;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.yrcj-intro-list li:hover .yrcj-intro-info, .yrcj-intro-list li:hover .yrcj-icon{transform: translateY(50px);-webkit-transform: translateY(50px);opacity:0;transition:all .4s ease;-webkit-transition:all .4s ease}
.yrcj-intro-list li:hover .link-box{opacity:.9}

.img-responsive{width:80px;height:80px;margin:0 auto 10px auto}
.hsys h3{padding-top:1px;margin:0;font-size:18px;line-height: 40px;color:#262d33}
.hsys p{font-size:14px;color:#666;line-height:24px}
.hsys .yrcj_c{height:216px;box-sizing:border-box;padding:0 40px}


.it_jsys h3{padding-top:1px;margin:0;font-size:22px;line-height: 40px;color:#262d33}
.it_jsys .img-responsive{width:120px;height:120px;border-radius:100%;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2)}
.it_jsys_c {margin-bottom:30px}

.it_gntd_c{height:250px;box-sizing:border-box;padding:40px 20px;background:#fdfdfd;border:1px #f5f5f5 solid;margin:0 0 40px 0;border-radius:4px}
.it_gntd_c h3{margin:0 0 10px 0;font-size:22px;line-height:40px;color:#262d33}
.it_gntd_c p{font-size:14px}

/* 首页map */
.hf_map{width:100%;background-image:url(../images/map_bg.jpg);height:766px;background-size:cover;background-repeat:no-repeat}
.hf_map .content{margin:0 auto;width:1110px;text-align:center;padding-top:40px;position:relative}
.hf_map .content .circular{width:100px;height:100px;position:relative}
.hf_map .content .circular.animate:before{-webkit-animation:ripple 4.5s ease-out 225ms infinite;animation:ripple 4.5s ease-out 225ms infinite}
.hf_map .content .circular.animate:before,.hf_map .content .circular:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #1daba7;opacity:0}
.hf_map .content .circular:after{-webkit-animation:ripple 4.5s ease-out .45s infinite;animation:ripple 4.5s ease-out .45s infinite}
.hf_map .content .circular .circular-two{position:absolute;top:0;right:0;bottom:0;left:0}
.hf_map .content .circular .circular-two:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #1daba7;opacity:0;-webkit-animation:ripple 4.5s ease-out 675ms infinite;animation:ripple 4.5s ease-out 675ms infinite}
.hf_map .content .circular .circular-two:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #1daba7;opacity:0;-webkit-animation:ripple 4.5s ease-out .9s infinite;animation:ripple 4.5s ease-out .9s infinite}
.hf_map .content .circular .cric{border-radius:50%;opacity:.8;background-color:#1daba7;width:20px;height:20px;position:absolute;left:40px;top:40px}
.hf_map .content .text{position:absolute;left:71px;top:41px;background-color:#29aba6;white-space:nowrap;font-size:14px;color:#fff;padding:0 6px;box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);line-height:22px}
.hf_map .content .text.left{left:-10px}
.hf_map .content .text.left:before{content:"";-webkit-transform:rotate(135deg);transform:rotate(135deg);right:-3px;left:auto}
.hf_map .content .text:before{content:"";border:5px solid #29aba6;border-bottom-color:transparent;border-right-color:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;left:-3px;top:5px}
.hf_map .content .shenyang{position:absolute;top:180px;left:770px}
.hf_map .content .beijing{position:absolute;top:214px;left:674px}
.hf_map .content .xian{position:absolute;top:300px;left:580px}
.hf_map .content .chengdu{position:absolute;top:365px;left:520px}
.hf_map .content .chengdu img{position:absolute;left:-10px;top:39px}
.hf_map .content .guangzhou{position:absolute;top:500px;left:660px}
.hf_map .content .guangzhou img{position:absolute;left:68px;top:40px}
.hf_map .content .shenzhen{position:absolute;top:515px;left:682px}
.hf_map .content .shenzhen img{position:absolute;left:68px;top:40px}
.hf_map .content .nanjing{position:absolute;top:350px;left:736px}
.hf_map .content .nanjing img{position:absolute;left:-10px;top:39px}
.hf_map .content .shanghai{position:absolute;top:360px;left:775px}
.hf_map .content .shanghai img{position:absolute;left:69px;top:39px}
.hf_map .content .wuhan{position:absolute;top:390px;left:660px}
.hf_map .content .wuhan img{position:absolute;left:-10px;top:39px}


.hf_map .content .shenzhen .circular.animate:before,.hf_map .content .shenzhen .circular:after{border:3px solid #E71021}
.hf_map .content .shenzhen .circular .circular-two:before{border:3px solid #E71021}
.hf_map .content .shenzhen .circular .circular-two:after{border:3px solid #E71021}
.hf_map .content .shenzhen .circular .cric{background-color:#E71021}
.hf_map .content .shenzhen .text{background-color:#E71021}
.hf_map .content .shenzhen .text:before{border:5px solid #E71021}


@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ripple{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}


/* footer */
#pusher{height:390px;background:0 0}
.fh5co-footer{position:fixed;bottom:0;left:0;z-index:0;padding:7em 0;width:100%;height:390px;background:#111}
.fh5co-footer a{color:#999}
.fh5co-footer a:hover{color:#ccc}
.g-col3{float:left;width:33.33%}
.m-whois dl{margin-right:auto;margin-left:auto}
.m-whois dt{padding-bottom:30px;color:#ccc;font-weight:400;font-size:18px;line-height:27px}
.m-whois dd{font-size:14px;line-height:24px}
.m-whois .whois_us dd{padding-bottom:11px}
.m-whois .whois_us span{display:block;text-indent:42px}
.m-whois .whois_auth{width:220px}
.m-whois .whois_auth dd{margin-bottom:21px;padding-left:65px;height:48px}
.m-whois .whois_auth .csa{background:url(../images/ft_auth_csa.png) no-repeat}
.m-whois .whois_auth .iso{background:url(../images/ft_auth_iso.png) no-repeat}
.m-whois .whois_qr{float:right;width:114px}
.m-whois .whois_qr dt{padding-bottom:35px}
.m-whois .whois_qr dt img{border-radius:4px}
.m-whois .whois_more{margin:auto;width:220px;font-size:14px;line-height:14px}
.copyright{clear:both;padding:30px 15px 0 15px;border-top:1px solid #222;text-align:center}

/* jobs */
.hrslider{margin:20px 0 50px 0}
.hrslider dt{padding:20px;overflow:hidden;height:1%;width:100%;font-weight:400;font-size:16px;border-bottom:1px solid #eee;cursor:pointer}
.hrslider dt:hover{background:#eee;color:#e70f20}
.hrslider dt .hrleft span{font-size:14px;margin:0 10px 0 0}
.hrslider dt .hrleft{float:left}
.hrslider dt .hrright{float:right;font-size:16px}
.hrslider .hrcontent{display:none;padding:15px;line-height:150%;font-size:14px;background:#f9f9f9;overflow:hidden;height:1%}


@media screen and (max-width: 1700px){
	.culture_menu{left:10px}
}
@media screen and (max-width: 1700px){
	.culture_menu{display:none}
	.sub_nav_list li:hover .culture_menu2{display:block}
	.yrcj-intro-list2 li{width:20%}
	#fh5co-hero .flexslider .slider-text>.slider-text-inner h2{font-size:52px}
	.g-in .khal img{margin:0 10px;height:80px}
}
@media screen and (max-width: 1024px){
	.culture_menu{left:20px}
	#fh5co-hero .flexslider .slider-text>.slider-text-inner h2{font-size:50px}
	.g-in .khal img{margin:0 10px;height:80px}
}

@media only screen and (max-width:767px){

.nav-collapse{display:block;position:relative;float:right;width:40px;height:40px;margin-top:15px;cursor:pointer;z-index:99999}
.nav-collapse span{display:block;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;width:25px}
.nav-collapse span:after,.nav-collapse span:before{content:"";display:block}
.nav-collapse span,.nav-collapse span:after,.nav-collapse span:before{height:4px;background:rgba(255,255,255,.9);-webkit-transition:.2s all;transition:.2s all}
.nav-collapse span:before{-webkit-transform:translate(0,10px);-ms-transform:translate(0,10px);transform:translate(0,10px)}
.nav-collapse span:after{-webkit-transform:translate(0,-14px);-ms-transform:translate(0,-14px);transform:translate(0,-14px)}
#nav.open .nav-collapse span{background:0 0}
#nav.open .nav-collapse span:before{-webkit-transform:translateY(0) rotate(-135deg);-ms-transform:translateY(0) rotate(-135deg);transform:translateY(0) rotate(-135deg)}
#nav.open .nav-collapse span:after{-webkit-transform:translateY(-4px) rotate(135deg);-ms-transform:translateY(-4px) rotate(135deg);transform:translateY(-4px) rotate(135deg)}
.g-in .item_txt{line-height:1.8em}
.cd-timeline-block{margin:4em 0}

#fh5co-hero .flexslider .slides{height:260px}
#fh5co-hero .flexslider .slides li {
  height:260px;
}
#fh5co-hero .flexslider .slider-text>.slider-text-inner{display:table-cell;vertical-align:middle;padding-top:200px}
#fh5co-hero .flexslider .slider-text>.slider-text-inner2{display:table-cell;vertical-align:middle;padding-top:120px}

#fh5co-hero .flexslider .slider-text>.slider-text-inner h2 {
    font-size: 30px;
	line-height:1.5em
}
#fh5co-hero .flexslider .slider-text>.slider-text-inner2 h2 {
    font-size: 28px;
	line-height:1.2em
}
#fh5co-hero .flexslider .slider-text>.slider-text-inner h3 {
    font-size: 20px;
	line-height:1.5em
}
#fh5co-hero .flexslider .flex-control-nav{bottom:10px;z-index:1000;text-align:center;padding:0}
#fh5co-hero .flexslider .slider-text{width: 100%}
#fh5co-why-us, .fh5co-services, #fh5co-blog {padding:4em 0}
#fh5co-hero .btn{font-size:18px}

.card-area .card-item .card .card-content.content-second {
    width: 80%;
    left: 10%;
}
.card-area .card-item .card .card-content.content-second .main-white-btn {
    width: 100%;
}
.card-area .card-item .card .card-content.content-second .main-tip {
    line-height:1.5em;
	margin-bottom:20px;
}
.card-area .card-item .card .card-content.content-first .content-first-list li {
    font-size: 12px;
}
.tab-box {
    height: auto;
}
.scheme {
    margin-top: 0;
}
.card-area {
	margin-top:50px;
}
.scheme-list {
	width: auto;
	height: 160px;
	position: relative;
	overflow: hidden;
	margin:0 20px 20px 20px;
	display: block;
	border-radius: 4px;
}
.scheme-list img{
	width: 100%;
	height:auto!important;
}
.scheme-list:first-child {
   margin:0 20px 20px 20px;
}
.scheme-list-txt {
    top: -50px;
	height: 160px;
}
.card-area .card-item .card .card-title h1 {
    font-size: 16px;
}
.card-area .card-item .card .card-title .short-info {
    display:none
}
.card-area .card-item.active .card .card-title .short-info {
    display:block
}
.card-area .card-item .card .card-title .content {
    top: 30px;
}
.card-area .card-item .card .card-title .zq-product-img {
    width: 30px;
    height: 30px;
    margin: 10px auto;
    position: relative;
}
.card-area .card-item .card .card-content.content-second .main-head {
    text-align:center
}
.g-in .item_txt2 {
    font-size: 14px;
}
.dark .g-in .hf_tt2 {
    margin: 0 10px 0 10px;
    color: #333;
    text-align: center;
    font-size: 30px;
	line-height:1.5em;
}
.dark .g-in .hf_tt3 {
    margin: 15px 10px 30px 10px;
    color: #999;
    text-align: center;
    font-size: 12px;
}
.container .hf_tt2 {
    margin: 0 10px 0 10px;
    text-align: center;
    font-size: 30px;
	line-height:1.5em;
}
.container .g-in .hf_tt3 {
    margin: 15px 10px 30px 10px;
    color: #999;
    text-align: center;
    font-size: 14px;
}
.dark_bg .g-in .hf_tt2 {
    color: #fff;
	font-size: 30px;
}
.dark {
    padding:0;
}
.g-in .case_item:after {
    display:none
}
.g-in .case_item {
    padding: 0 20px;
	margin-bottom: 30px;
}
.m-whois .g-col3:nth-child(2),.m-whois .g-col3:nth-child(3){display:none}
.m-whois .g-col3{width: 100%}
.m-whois .g-col3 .whois_us dt{display:none}
.fh5co-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 0;
    padding: 3em 0;
    width: 100%;
    height: 260px;
    background: #111;
}
#pusher {
    height: 260px;
}
.copyright{
    padding-top:20px;
}
.fh5co-heading h2 {
    font-size: 26px;
	line-height:1.5em;
}
.hsys .yrcj_c {
    height: auto;
    padding: 0 20px;
	margin-bottom:20px
}
.m-list{margin-top:0px}
.list-item a {
    display: block;
    padding:20px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 0;
	border:none;
    border-bottom: 1px #f5f5f5 solid;
}
.list-item .item-img {
    float: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 4px;
	margin-bottom: 20px;
}
.list-item .article {
    position: relative;
    margin-left: 0;
    height: auto;
}
.list-item .item-title {
    line-height:1.2em;
	padding-bottom:10px;
}
.m-pager {
    margin: 30px 20px 40px 0;
    height: 32px;
}

.detial{padding:20px;margin-top:50px;border:none}
.detialtxt-info img{width:100%}
.detialtxt-tit h2 {
    font-size: 24px;
	line-height:1.5em;
    margin-bottom: 10px;
}
.content_box {
    padding: 20px;
}
.cd-timeline-content h2 {
    font-size:18px;
    line-height:1.5em;
	margin-bottom:0px;
}
.cd-timeline-content .cd-date{font-size:14px}

.contact-para .para-content-right {
    display: block;
    line-height: 30px;
    margin-left: 15px;
}
.values{
    width:100%;
}
.it_gntd_c {
    padding: 20px 20px 30px 20px;
    height: auto!important;
}
.it_jsys .img-responsive {
    width: 80px;
    height: 80px;
}
.it_jsys h3 {
    font-size:18px;
}
.m-header .header-inner{height:auto;overflow:hidden;overflow-y:auto}
.pro-compare-us, .pro-compare-other, .pro-compare-list{
    float: left!important;
	width:90%;
	margin:0 5% 5% 5%;
}
.pro-compare {
    margin-bottom: 20px;
}
.pro-compare-list {
    padding: 10px 20px!important;
}
.db-page-img img{
    width:100%;
	opacity:0.5;
}
.pro-page-txt{width:auto;padding:20px}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
::-webkit-scrollbar { 
    width: 3px; 
    height: 16px; 
    background-color: #fefefe; 
} 
/*定义滚动条轨道 内阴影+圆角*/ 
::-webkit-scrollbar-track{ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; 
    background-color: #fefefe; 
} 
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
    background-color: #ccc;
} 

.m-header nav {
	display:none;
    float: none;
    padding: 0;
	text-align:center;
    height: 1900px;
    width: 100%;
	overflow-y:auto;
}
.m-header nav ul {
    margin-top: 60px;
}
.m-header nav ul li {
    display: block;
}
.m-header nav ul li a {
    color: #333;
    font-size: 20px;
	font-weight:700;
    padding: 0;
}
.m-header nav ul li .m-snav{
    position: relative;
    top: 0;
    padding: 15px 20px;
    width: auto!important;
	left:0!important;
}
.m-header nav ul li .m-snav dl {
    float: none;
    text-align: center;
    margin:0 0 10px 0;
	padding-bottom:10px;
	border-bottom:1px #222 solid;
}
.m-header nav ul li .m-snav dl:last-child {
	border-bottom:none;
}
.m-header nav ul li .m-snav dl a {
    text-align: center;
}

div.burger {
	height: 30px; 
	width: 40px;
	position: fixed;
	top: 10px; 
	right: 10px;
	cursor: pointer;	
	z-index:9999
	}
	div.x,
	div.y,
	div.z {
		position: absolute; margin: auto;
		top: 0px; bottom: 0px;		
		background: #fff;
		border-radius:2px;
		-webkit-transition: all 200ms ease-out;
		   -moz-transition: all 200ms ease-out;
		    -ms-transition: all 200ms ease-out;
		     -o-transition: all 200ms ease-out;
		        transition: all 200ms ease-out;
	}		
	div.x, div.y, div.z { height: 3px; width: 26px; }
	div.y{top: 18px;}
	div.z{top: 37px;}
	div.collapse{
		display:block;
		top: 20px;
		background:#e32929;
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;
	}
	 
	
	div.rotate30{
		-ms-transform: rotate(30deg); 
    	-webkit-transform: rotate(30deg); 
	    transform: rotate(30deg);	
		-webkit-transition: all 50ms ease-out;
		   -moz-transition: all 50ms ease-out;
		    -ms-transition: all 50ms ease-out;
		     -o-transition: all 50ms ease-out;
		        transition: all 50ms ease-out;					
	}
	div.rotate150{
		-ms-transform: rotate(150deg); 
    	-webkit-transform: rotate(150deg); 
	    transform: rotate(150deg);	
		-webkit-transition: all 50ms ease-out;
		   -moz-transition: all 50ms ease-out;
		    -ms-transition: all 50ms ease-out;
		     -o-transition: all 50ms ease-out;
		        transition: all 50ms ease-out;					
	}
	
	div.rotate45{
		-ms-transform: rotate(45deg); 
    	-webkit-transform: rotate(45deg); 
	    transform: rotate(45deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;					
	}
	div.rotate135{
		-ms-transform: rotate(135deg); 
    	-webkit-transform: rotate(135deg); 
	    transform: rotate(135deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;					
	}


div.circle{	
	border-radius: 50%;
	width: 0px;
	height: 0px; 
	position:absolute;
	top: 35px;
	right: 36px;
	background:rgba(255,255,255,.98);
	opacity:1;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.circle.expand{
	width:1200px;
	height:1800px;
	top: -300px;
	right: -500px;
	-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);					
	
}
.hf_map,.toolbar{display:none}

/* 发展历程 */
.cd-timeline-block .year{ font-size: 24px;margin: 0 0 2% 18%; }
.cd-timeline-block .cd-timeline-content.month{ padding:0 0 0 4%; margin-bottom: 10px;
	box-shadow: 0 0 0 rgba(0,0,0,.2); margin-left: 50px;
}
.cd-timeline-block .cd-timeline-content.month .cd-date{ font-size:22px; padding: .3em 0; }
.cd-timeline-block .cd-timeline-content.content{ margin-bottom: 4%; }

}