@font-face{font-family:icomoon;src:url(../images/icomoon.woff);font-weight:400;font-style:normal}
body{font-family:Microsoft YaHei,sans,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.7;color:#666;background:#fff}
#page{position:relative;overflow-x:hidden;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.offcanvas #page{overflow:hidden;position:absolute}
.offcanvas #page:after{-webkit-transition:2s;-o-transition:2s;transition:2s;position:absolute;top:0;right:0;bottom:0;left:0;z-index:101;background:rgba(0,0,0,.7);content:""}
a{color:#222;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
a:hover,a:active,a:focus{color:#666;outline:0;text-decoration:none;}
a.a2{color:#999;}
a.a2:hover,a.a2:active,a.a2:focus{color:#000;text-decoration:underline;}
a.a3{color:#333;}
a.a3:hover,a.a3:active,a.a3:focus{color:#000;text-decoration:underline;}
p{margin:0}
h1,h2,h3,h4,h5,h6,figure{color:#000;font-family:work sans,Arial,sans-serif;font-weight:400;margin:0;}
ol,ul{list-style:none; padding:0; margin:0}list{vertical-align:middle;}
::-webkit-selection{color:#fff;background:#0c9cee}
::-moz-selection{color:#fff;background:#0c9cee}
::selection{color:#fff;background:#0c9cee}
.left { float:left;} .right { float:right;}
.clearfix:before,.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}.clr { height:0;clear:both; overflow:hidden; width:100%}
.fh5co-nav{ margin:0;padding:0;width:100%;z-index:1001; box-shadow:0 5px 10px #f0f0f0;background:#000}
.fh5co-nav .row { width:1200px; margin:0 auto}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}
@media screen and (max-width:768px){.fh5co-nav{padding:10px 0} #fh5co-logo img { width:100px;}}.fh5co-nav #fh5co-logo{ padding:0 10px;}
.fh5co-nav a{padding:5px 0;color:#fff}
@media screen and (max-width:768px){.fh5co-nav .menu-1{display:none}}.fh5co-nav ul{padding:0;margin:10px 0 0}
.fh5co-nav ul li{padding:0;margin:0;list-style:none;display:inline-block; margin-left:80px;}
.fh5co-nav ul li a{font-size:16px;color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; margin:0;}
.fh5co-nav ul li img { margin-right:10px;} .logo_b { display:none}
.fh5co-nav ul li a.cur {  padding-bottom:5px; display:inline-block}
.fh5co-nav ul li a:hover,.fh5co-nav ul li a:focus,.fh5co-nav ul li a:active,.fh5co-nav ul li a.cur{color:#db2167}
.fh5co-nav_b { background:#fff; border-bottom:1px solid #dedede}
.fh5co-nav_b ul li a { color:#333}
.fh5co-nav ul li.has-dropdown{position:relative;}
.fh5co-nav ul li.has-dropdown>a:after{position:absolute;right:-20px; top:0;font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e921";font-size:20px;color:rgba(0,0,0,.5);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.fh5co-nav ul li.has-dropdown .dropdown{width:120px;-webkit-box-shadow:0 14px 33px -9px rgba(0,0,0,.5);-moz-box-shadow:0 14px 33px -9px rgba(0,0,0,.5);box-shadow:0 14px 33px -9px rgba(0,0,0,.5);z-index:1002;visibility:hidden;opacity:0;position:absolute;top:30px;left:10px;text-align:left;background:#f5f5f5;padding:20px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:0s;-o-transition:0s;transition:0s}
.fh5co-nav ul li.has-dropdown .dropdown:before{bottom:100%;left:60px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#f5f5f5;border-width:8px;margin-left:-8px}
.fh5co-nav ul li.has-dropdown .dropdown li{display:block;margin-bottom:7px}
.fh5co-nav ul li.has-dropdown .dropdown li:last-child{margin-bottom:0}
.fh5co-nav ul li.has-dropdown .dropdown li a{padding:2px 0;display:block;color:#999;line-height:1.2;text-transform:none;font-size:15px}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover{color:#000}
.fh5co-nav ul li.has-dropdown:hover a,.fh5co-nav ul li.has-dropdown:focus a{color:#000}
.fh5co-nav ul li.btn-cta a{color:#0c9cee}
.fh5co-nav ul li.btn-cta a span{background:#f35f55;color:#fff;padding:4px 20px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
.fh5co-nav ul li.btn-cta a:hover span{background:#f14034!important;-webkit-box-shadow:0 14px 20px -9px rgba(0,0,0,.75);-moz-box-shadow:0 14px 20px -9px rgba(0,0,0,.75);box-shadow:0 14px 20px -9px rgba(0,0,0,.75)}
.fh5co-nav ul li.active>a{color:#fff!important}
#fh5co-header,#fh5co-counter,.fh5co-bg{background-size:cover;background-position:top center;background-repeat:no-repeat;position:relative}
.fh5co-bg{background-size:cover;background-position:center center;position:relative;width:100%;float:left;position:relative}
#fh5co-header a{color:rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)}
#fh5co-header a:hover{color:#fff;border-bottom:1px solid #fff}
.fh5co-video{overflow:hidden}
@media screen and (max-width:992px){.fh5co-video{height:450px}}.fh5co-video a{z-index:1001;position:absolute;top:50%;left:50%;margin-top:-45px;margin-left:-45px;width:90px;height:90px;display:table;text-align:center;background:#fff;-webkit-box-shadow:0 14px 30px -15px rgba(0,0,0,.75);-moz-box-shadow:0 14px 30px -15px rgba(0,0,0,.75);box-shadow:0 14px 30px -15px rgba(0,0,0,.75);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.fh5co-video a i{text-align:center;display:table-cell;vertical-align:middle;font-size:40px}
.fh5co-video .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.fh5co-video:hover .overlay{background:rgba(0,0,0,.7)}
.fh5co-video:hover a{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.fh5co-cover{height:800px;background-size:cover;background-position:top center;background-repeat:no-repeat;position:relative;float:left;width:100%}
.fh5co-cover .overlay{z-index:0;position:absolute;bottom:0;top:0;left:0;right:0;background:rgba(0,0,0,.3)}
.fh5co-cover>.fh5co-container{position:relative;z-index:10}
@media screen and (max-width:768px){.fh5co-cover{height:600px}}.fh5co-cover .display-t,.fh5co-cover .display-tc{z-index:9;height:900px;display:table;width:100%}
@media screen and (max-width:768px){.fh5co-cover .display-t,.fh5co-cover .display-tc{height:600px}}.fh5co-cover.fh5co-cover-sm{height:600px}
@media screen and (max-width:768px){.fh5co-cover.fh5co-cover-sm{height:400px}}.fh5co-cover.fh5co-cover-sm .display-t,.fh5co-cover.fh5co-cover-sm .display-tc{height:600px;display:table;width:100%}
@media screen and (max-width:768px){.fh5co-cover.fh5co-cover-sm .display-t,.fh5co-cover.fh5co-cover-sm .display-tc{height:400px}}.about-content{margin-bottom:7em}
.about-content img{margin-bottom:30px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;border-radius:7px}
.about-content .desc{margin-bottom:3em}
.fh5co-staff{text-align:center;margin-bottom:30px}
.fh5co-staff img{width:170px;margin-bottom:20px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.fh5co-staff h3{font-size:24px;margin-bottom:5px}
.fh5co-staff p{margin-bottom:30px}
.fh5co-staff .role{color:#bfbfbf;margin-bottom:30px;font-weight:400;display:block}
.fh5co-social-icons{margin:0;padding:0}
.fh5co-social-icons li{margin:0;padding:0;list-style:none;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}
.fh5co-social-icons li a{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;color:#0c9cee;padding-left:10px;padding-right:10px}
.fh5co-social-icons li a i{font-size:20px}
.fh5co-contact-info ul{padding:0;margin:0}
.fh5co-contact-info ul li{padding:0 0 0 40px;margin:0 0 30px;list-style:none;position:relative}
.fh5co-contact-info ul li:before{color:#0c9cee;position:absolute;left:0;top:.05em;font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fh5co-contact-info ul li.address:before{font-size:30px;content:"\e9d1"}
.fh5co-contact-info ul li.phone:before{font-size:23px;content:"\e9f4"}
.fh5co-contact-info ul li.email:before{font-size:23px;content:"\e9da"}
.fh5co-contact-info ul li.url:before{font-size:23px;content:"\e9af"}
#fh5co-header .display-tc,#fh5co-counter .display-tc,.fh5co-cover .display-tc{display:table-cell!important;vertical-align:middle}
#fh5co-header .display-tc h1,#fh5co-header .display-tc h2,#fh5co-counter .display-tc h1,#fh5co-counter .display-tc h2,.fh5co-cover .display-tc h1,.fh5co-cover .display-tc h2{margin:0;padding:0;color:#fff}
#fh5co-header .display-tc h1,#fh5co-counter .display-tc h1,.fh5co-cover .display-tc h1{margin-bottom:0;font-size:60px;line-height:1.5;text-transform:uppercase;font-weight:700}
@media screen and (max-width:768px){#fh5co-header .display-tc h1,#fh5co-counter .display-tc h1,.fh5co-cover .display-tc h1{font-size:40px}}#fh5co-header .display-tc h2,#fh5co-counter .display-tc h2,.fh5co-cover .display-tc h2{font-size:20px;line-height:1.5;margin-bottom:30px}
#fh5co-header .display-tc .btn,#fh5co-counter .display-tc .btn,.fh5co-cover .display-tc .btn{padding:15px 30px;background:#f35f55;color:#fff;border:0!important;font-size:18px;text-transform:uppercase;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
#fh5co-header .display-tc .btn:hover,#fh5co-counter .display-tc .btn:hover,.fh5co-cover .display-tc .btn:hover{background:#f14034!important;-webkit-box-shadow:0 14px 30px -15px rgba(0,0,0,.75)!important;-moz-box-shadow:0 14px 30px -15px rgba(0,0,0,.75)!important;box-shadow:0 14px 30px -15px rgba(0,0,0,.75)!important}
#fh5co-header .display-tc .form-inline .form-group,#fh5co-counter .display-tc .form-inline .form-group,.fh5co-cover .display-tc .form-inline .form-group{width:100%!important;margin-bottom:10px}
#fh5co-header .display-tc .form-inline .form-group .form-control,#fh5co-counter .display-tc .form-inline .form-group .form-control,.fh5co-cover .display-tc .form-inline .form-group .form-control{width:100%;background:#fff;border:0}
.fh5co-bg-section{background:#f2f5f4}
#fh5co-services,#fh5co-started,#fh5co-testimonial,#fh5co-project,#fh5co-about,#fh5co-contact,#fh5co-footer{clear:both; padding:0 0 50px}
@media screen and (max-width:768px){#fh5co-services,#fh5co-started,#fh5co-testimonial,#fh5co-project,#fh5co-about,#fh5co-contact,#fh5co-footer{padding:0}}#fh5co-core-feature{padding-top:10em;clear:both}
@media screen and (max-width:768px){#fh5co-core-feature{padding-top:3em;padding-bottom:0}}.features{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;width:100%;height:auto;position:relative}
.features .col-half,.features .col-half-image-holder{width:50%;float:left}
@media screen and (max-width:768px){.features .col-half-image-holder{display:block;position:absolute;bottom:0;padding-bottom:16em;width:100%}}@media screen and (max-width:768px) and (max-width:480px){.features .col-half-image-holder{padding-bottom:29em}}@media screen and (max-width:768px){.features .col-half-image-holder img{right:0;max-width:45%}}@media screen and (max-width:768px) and (max-width:480px){.features .col-half-image-holder img{margin-right:-4em;max-width:100%}}.features .col-half{display:table}
.features .col-half .table-c{display:table-cell;vertical-align:middle;height:554px}
.features .col-half .table-c .desc{width:85%}
.features .col-half .table-c .desc>span{text-transform:uppercase;font-size:12px;letter-spacing:2px}
.features .col-half .table-c .desc h3{font-size:46px;line-height:55px;font-weight:300}
.features .col-half .table-c .desc .btn{background:#f35f55;border:2px solid #f35f55}
.features .col-half .table-c .desc .btn:hover,.features .col-half .table-c .desc .btn:active,.features .col-half .table-c .desc .btn:focus{border:2px solid #f35f55!important;background:#f14034!important}
@media screen and (max-width:768px){.features .col-half{width:100%;text-align:center}
.features .col-half .desc{width:100%!important;padding:0 30px}}.features .col-half-image-holder{position:relative}
.features .col-half-image-holder img{position:absolute;bottom:0;right:0}
.feature-center{ float:left;width:100%;}
@media screen and (max-width:768px){.feature-center{margin-bottom:50px}}.feature-center .desc{padding-left:180px}
.feature-center .icon{margin-bottom:20px;display:block}
.feature-center .icon i{font-size:60px;color:#0c9cee}
.feature-center .icon2{float:left}
.feature-center .icon2 i{font-size:100px}
.feature-center p,.feature-center h3{margin:10px; font-size:14px;}
.feature-center h3{font-size:22px;color:#5d5d5d}
.project-grid{background-size:cover;background-position:top center;background-repeat:no-repeat;position:relative;overflow:hidden;height:350px;margin-bottom:40px}
.project-grid:before{position:absolute;top:0;bottom:0;left:0;right:0;content:'';background:rgba(0,0,0,.3);opacity:0;-webkit-transition:.1s;-o-transition:.1s;transition:.1s}
.project-grid .desc{background:rgba(12,156,238,.9);padding:10px 20px;position:absolute;bottom:-93px;left:0;right:0;-webkit-transition:.1s;-o-transition:.1s;transition:.1s}
.project-grid .desc h3 a{color:#fff}
.project-grid .desc span{color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;font-size:12px}
@media screen and (max-width:768px){.project-grid .desc{bottom:0}}.project-grid:hover:before,.project-grid:focus:before{opacity:1}
.project-grid:hover .desc,.project-grid:focus .desc{bottom:0}
.project-content{width:100%;padding-left:10px;padding-right:10px;float:left;padding-bottom:20px}
.project-content .col-half{width:50%;float:left;padding-left:10px;padding-right:10px}
@media screen and (max-width:480px){.project-content .col-half{width:100%}}.project-content .col-half .project,.project-content .col-half .project-grid{background-size:cover;background-position:top center;background-repeat:no-repeat;position:relative;overflow:hidden}
.project-content .col-half .project:before,.project-content .col-half .project-grid:before{position:absolute;top:0;bottom:0;left:0;right:0;content:'';background:rgba(0,0,0,.3);opacity:0;-webkit-transition:.1s;-o-transition:.1s;transition:.1s}
.project-content .col-half .project:hover:before,.project-content .col-half .project:focus:before,.project-content .col-half .project-grid:hover:before,.project-content .col-half .project-grid:focus:before{opacity:1}
.project-content .col-half .project:hover .desc,.project-content .col-half .project:focus .desc,.project-content .col-half .project-grid:hover .desc,.project-content .col-half .project-grid:focus .desc{bottom:0}
@media screen and (max-width:480px){.project-content .col-half .project,.project-content .col-half .project-grid{height:340px!important;margin-bottom:20px}}.project-content .col-half .project{height:800px}
.project-content .col-half .project-grid{height:390px;margin-bottom:20px}
.project-content .col-half .project-grid:last-child{margin-bottom:0}
.project-content .desc{background:rgba(12,156,238,.9);padding:10px 20px;position:absolute;bottom:-93px;left:0;right:0;-webkit-transition:.1s;-o-transition:.1s;transition:.1s}
.project-content .desc h3{color:#fff}
.project-content .desc span{color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;font-size:12px}
@media screen and (max-width:768px){.project-content .desc{bottom:0}}.fh5co-heading{margin-bottom:2em}
.fh5co-heading.fh5co-heading-sm{margin-bottom:2em}
.fh5co-heading h2{font-size:36px;margin-bottom:20px;line-height:1.5;font-weight:700;color:#000}
.fh5co-heading p{font-size:18px;line-height:1.5;color:#828282}
.fh5co-heading span{display:block;margin-bottom:10px;text-transform:uppercase;font-size:12px;letter-spacing:2px}
.testimony .inner{width:20%;float:left}
.testimony .inner img{width:100%;height:100%;border:10px solid #fff;margin-bottom:20px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.testimony blockquote{width:75%;float:right;padding:40px;background:rgba(0,0,0,.03);border-left:0;position:relative}
#fh5co-started{background:#0c9cee}
#fh5co-started .fh5co-heading h2{color:#fff;margin-bottom:20px!important}
#fh5co-started .fh5co-heading p{color:rgba(255,255,255,.5)}
#fh5co-started .form-control{background:rgba(255,255,255,.2);border:0!important;color:#fff;font-size:16px!important;width:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#fh5co-started .form-control::-webkit-input-placeholder{color:#fff}
#fh5co-started .form-control:-moz-placeholder{color:#fff}
#fh5co-started .form-control::-moz-placeholder{color:#fff}
#fh5co-started .form-control:-ms-input-placeholder{color:#fff}
#fh5co-started .form-control:focus{background:rgba(255,255,255,.3)}
#fh5co-started .btn{height:54px;border:0!important;background:#f35f55;color:#fff;font-size:16px;text-transform:uppercase;font-weight:400;padding-left:50px;padding-right:50px}
#fh5co-started .btn:hover{background:#f14034!important;-webkit-box-shadow:0 14px 20px -9px rgba(0,0,0,.75)!important;-moz-box-shadow:0 14px 20px -9px rgba(0,0,0,.75)!important;box-shadow:0 14px 20px -9px rgba(0,0,0,.75)!important}
#fh5co-started .form-inline .form-group{width:100%!important;margin-bottom:10px}
#fh5co-started .form-inline .form-group .form-control{width:100%}
#fh5co-footer{background:#efefef}
#fh5co-footer .fh5co-footer-links{padding:0;margin:0}
#fh5co-footer .fh5co-footer-links li{padding:0;margin:0;list-style:none}
#fh5co-footer .fh5co-footer-links li a{color:#000;text-decoration:none}
#fh5co-footer .fh5co-footer-links li a:hover{text-decoration:underline}
#fh5co-footer .fh5co-widget{margin-bottom:30px}
@media screen and (max-width:768px){#fh5co-footer .fh5co-widget{text-align:left}}#fh5co-footer .fh5co-widget h3{margin-bottom:15px;font-weight:700;font-size:15px;letter-spacing:2px;text-transform:uppercase}
#fh5co-footer .copyright .block{display:block}
#fh5co-offcanvas{position:absolute;z-index:1901;width:270px;background:#000;top:0;right:0;top:0;bottom:0;padding:45px 40px 40px;overflow-y:auto;display:none;-moz-transform:translateX(270px);-webkit-transform:translateX(270px);-ms-transform:translateX(270px);-o-transform:translateX(270px);transform:translateX(270px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
@media screen and (max-width:768px){#fh5co-offcanvas{display:block}}.offcanvas #fh5co-offcanvas{-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}
#fh5co-offcanvas a{color:rgba(255,255,255,.5)}
#fh5co-offcanvas a:hover{color:rgba(255,255,255,.8)}
#fh5co-offcanvas ul{padding:0;margin:0}
#fh5co-offcanvas ul li{padding:0;margin:0;list-style:none; padding:10px 0} #fh5co-offcanvas ul li img { margin-right:10px;}
#fh5co-offcanvas ul li>ul{padding-left:20px;display:none}
#fh5co-offcanvas ul li.offcanvas-has-dropdown>a{display:block;position:relative}
#fh5co-offcanvas ul li.offcanvas-has-dropdown>a:after{position:absolute;right:0;font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e921";font-size:20px;color:rgba(255,255,255,.2);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.uppercase{font-size:14px;color:#000;margin-bottom:10px;font-weight:700;text-transform:uppercase}
.gototop{position:fixed;bottom:20px;right:20px;z-index:999;opacity:0;visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.gototop.active{opacity:1;visibility:visible}
.gototop a{width:70px;height:70px; background:#fff; text-align:center;border-radius:50%; display:block; margin-bottom:20px;}
.gototop a img{ vertical-align:middle; margin-top:15px;}
.gototop a:hover,.gototop a:active,.gototop a:focus{text-decoration:none;outline:0;background:#db2167}

.nav_r{position:fixed;bottom:110px;right:20px;z-index:999;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.nav_r a { margin-bottom:10px; display:block}
.nav_r .nav_code { width:60px; height:60px; display:none}

.fh5co-nav-toggle{width:25px;height:25px;cursor:pointer;text-decoration:none}
.fh5co-nav-toggle.active i::before,.fh5co-nav-toggle.active i::after{background:#444}
.fh5co-nav-toggle:hover,.fh5co-nav-toggle:focus,.fh5co-nav-toggle:active{outline:0;border-bottom:0!important}
.fh5co-nav-toggle i{position:relative;display:inline-block;width:25px;height:2px;color:#252525;font:bold 14px/.4 Helvetica;text-transform:uppercase;text-indent:-55px;background:#252525;transition:all .2s ease-out}
.fh5co-nav-toggle i::before,.fh5co-nav-toggle i::after{content:'';width:25px;height:2px;background:#252525;position:absolute;left:0;transition:all .2s ease-out}
.fh5co-nav-toggle.fh5co-nav-white>i{color:#000;background:#000}
.fh5co-nav-toggle.fh5co-nav-white>i::before,.fh5co-nav-toggle.fh5co-nav-white>i::after{background:#000}
.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:absolute;right:0;top:10px;z-index:21;padding:3px 0 0;display:block;margin:0 auto;display:none;height:44px;width:44px;z-index:2001;border-bottom:0!important}
@media screen and (max-width:768px){.fh5co-nav-toggle{display:block}}.btn{margin-right:4px;margin-bottom:4px;font-family:work sans,Arial,sans-serif;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;padding:8px 20px}
.btn.btn-md{padding:8px 20px!important}
.btn.btn-lg{padding:18px 36px!important}
.btn:hover,.btn:active,.btn:focus{box-shadow:none!important;outline:0!important}
.btn-primary{background:#0c9cee;color:#fff;border:2px solid #0c9cee}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:#20a7f4!important;border-color:#20a7f4!important}
.btn-primary.btn-outline{background:0 0;color:#0c9cee;border:2px solid #0c9cee}
.btn-primary.btn-outline:hover,.btn-primary.btn-outline:focus,.btn-primary.btn-outline:active{background:#0c9cee;color:#fff}
.btn-success{background:#5cb85c;color:#fff;border:2px solid #5cb85c}
.btn-success:hover,.btn-success:focus,.btn-success:active{background:#4cae4c!important;border-color:#4cae4c!important}
.btn-success.btn-outline{background:0 0;color:#5cb85c;border:2px solid #5cb85c}
.btn-success.btn-outline:hover,.btn-success.btn-outline:focus,.btn-success.btn-outline:active{background:#5cb85c;color:#fff}
.btn-info{background:#5bc0de;color:#fff;border:2px solid #5bc0de}
.btn-info:hover,.btn-info:focus,.btn-info:active{background:#46b8da!important;border-color:#46b8da!important}
.btn-info.btn-outline{background:0 0;color:#5bc0de;border:2px solid #5bc0de}
.btn-info.btn-outline:hover,.btn-info.btn-outline:focus,.btn-info.btn-outline:active{background:#5bc0de;color:#fff}
.btn-warning{background:#f0ad4e;color:#fff;border:2px solid #f0ad4e}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active{background:#eea236!important;border-color:#eea236!important}
.btn-warning.btn-outline{background:0 0;color:#f0ad4e;border:2px solid #f0ad4e}
.btn-warning.btn-outline:hover,.btn-warning.btn-outline:focus,.btn-warning.btn-outline:active{background:#f0ad4e;color:#fff}
.btn-danger{background:#d9534f;color:#fff;border:2px solid #d9534f}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active{background:#d43f3a!important;border-color:#d43f3a!important}
.btn-danger.btn-outline{background:0 0;color:#d9534f;border:2px solid #d9534f}
.btn-danger.btn-outline:hover,.btn-danger.btn-outline:focus,.btn-danger.btn-outline:active{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:hover,.btn-outline:focus,.btn-outline:active{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:-8px;-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:#0c9cee}
.row-pb-md{padding-bottom:4em!important}
.row-pb-sm{padding-bottom:2em!important}
.fh5co-loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../images/loader.gif) center no-repeat #fff}
.js .animate-box{opacity:0}
#fh5co-header-subscribe #email{padding-right:9em}
#fh5co-header-subscribe button{position:absolute;top:0;right:10px;border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.w1200 { width:1200px; padding:0; margin:0 auto;}

.boder0 { border:0!important}
.top-nav { height:30px; line-height:30px; text-align:right; font-size:12px; color:#999}
.top-nav a { margin:0 10px; color:#999;}
.navbar { padding:20px 0} 
.navbar-nav { width:640px; display:block; position:absolute; right:-10px;} 
.navbar-nav li { float:left}
.nav-link { color:#333!important; font-size:16px; padding:0 20px!important;} 
.nav-link.active { color:#0e2053; font-weight:700}
.tit {  margin:40px 0 20px; padding:30px 0; text-align:center; font-size:40px; font-weight:400;}

.news { overflow:hidden; padding:20px 0}
.news_l { padding:0;} .news_l h3 { font-size:20px; font-weight:700; padding:15px 0; color:#333;} .news_l p { color:#888; font-size:14px; line-height:22px;} .news_l p span { color:#333; margin:0 10px;}
.news_l:hover h3 { color:#db2167}
.news_r { padding:0 0 0 50px;} 
.news_r li { padding:20px 10px;} 
.news_r li:hover {background:#f0f0f0;}
.news_r li h3 { font-size:20px; font-weight:400; color:#000; padding-bottom:10px;} 
.news_r li p { font-size:14px; color:#888} 
.news_r li p span { color:#333; margin:0 10px;}
.news_r li:hover a h3 { color:#db2167;}

.hx_list { margin:30px 0 50px; overflow:hidden}
.hx_list li { float:left; margin:5px; width:290px; height:210px; overflow:hidden} 
.hx_list li img { width:290px; height:210px; vertical-align:middle; transform:scale(1); transition:all 0.2s}
.hx_list li img:hover { transform:scale(1.2); transition:all 0.2s}

.video_big { padding:0 0 20px; overflow:hidden;}
.video_big_l { width:800px; height:500px; float:left; overflow:hidden}
.video_big_l video { width:800px; height:450px; float:left; overflow:hidden}
.video_big_l p { color:#fff; font-size:20px; background:#000; padding:0 15px; height:50px; line-height:50px; clear:both}
.video_big_text { float:right; width:370px; height:500px; padding:60px; background:#fff;}.video_big_text img { margin:0 auto 40px; display:block;} .video_big_text p { font-size:14px; line-height:26px; text-indent:28px; text-align:justify}
.video_list { overflow:hidden; padding:20px 0}
.video_list li { width:20%; float:left; position:relative;}
.video_list li h3 { font-size:14px; color:#333; margin:10px 0; line-height:22px; height:44px; overflow:hidden}
.video_list li a { padding:0 15px; display:block}
.img210 { width:210px; height:150px; overflow:hidden}
.video_list li img { width:210px; height:150px; vertical-align:middle; transform:scale(1); transition:all 0.2s}
.video_list li img:hover {transform:scale(1.2); transition:all 0.2s}
.video_list li i { display:inline-block; width:50px; height:50px; background:url(../images/video_s_icon.png); position:absolute; top:50px; left:100px;}

.video-box { height:650px; overflow:hidden}

.contact_bg { background:#f1f1f1; overflow:hidden}
.wh_bg { background:url(../images/wh_bg.jpg) no-repeat center 130px;}
.wh_bg .wh_wap { display:none}
.swiper-slide img { width:100%}
.swiper-pagination-bullet { opacity:.3!important; width:12px!important; height:12px!important; border-radius:50%!important; background:#999!important; }
.swiper-pagination-bullet-active { background:#db2167!important; opacity:1!important}

.swiper-new { width:1200px; margin:50px auto!important;}
.swiper-new .swiper-slide p { position:absolute; left:0; bottom:0; height:52px; line-height:52px; font-size:20px; color:#fff; padding:0 20px; width:1200px; background:#000; opacity:.6}
.swiper-new .swiper-pagination { text-align:right; padding-right:20px;}
.more_a { width:318px; height:54px; line-height:54px; border:1px solid #ccc; color:#333; text-align:center; display:block; margin:30px auto; font-size:20px;}
.more_a:hover { background:#ccc; color:#333}

.swiper-zs { width:1200px; height:550px;}
.swiper-zs img { width:auto}
.swiper-zs .swiper-left { padding:30px 0; float:left; width:440px; margin-left:95px;}
.swiper-zs .swiper-left h2 { font-size:40px; font-weight:700; color:#000; padding:20px 0; line-height:50px;}
.swiper-zs .swiper-left p { font-size:14px; color:#999; line-height:22px;}
.swiper-zs .swiper-left h4 { font-size:20px; color:#000; border-top:2px solid #999; padding:10px 0; width:200px; margin:60px 0 0 }
.swiper-zs .swiper-left h5 { font-size:14px; color:#000}
.btn_jr { width:200px; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; display:block; background:#333; margin:20px 0}
.btn_jr:hover { background:#db2167; color:#fff;}
.swiper-zs .swiper-right { float:left; margin:0 0 0 100px; position:relative;}
.swiper-zs .swiper-right .icon_video_b { background:url(../images/video_b_icon.png); width:189px; height:189px; position:absolute; left:180px; bottom:150px; cursor:pointer}
.swiper-zs .swiper-right .icon_video_b:hover {background:url(../images/video_b_icon.png) 0 -190px; }
.swiper-zs .swiper-right img { width:550px;}
.news_list { padding:20px 0}
.news_list li { padding:30px 0; overflow:hidden} 
.news_list li img { float:left; margin-right:55px;}
.news_list li h3 { font-size:22px; color:#222; margin:10px 0 35px;}
.news_list li h3:hover { color:#db2167}
.news_list li p { color:#888; font-size:16px; line-height:28px;}

.footer { background:#222; padding:20px 0 50px; overflow:hidden}
.footer_logo { float:left; padding:45px 0} 
.footer_logo img { margin:0 10px; vertical-align:bottom}
.footer_r { float:left; padding-left:100px;}
.footer .footer_link { padding:20px 0;}
.footer .footer_link a { color:#ccc; margin:0 30px 0 0;} 
.footer p { margin:0 auto; padding:5px 0; color:#999; font-size:12px;}
.footer p a { color:#999}
.footer p span { margin:0 30px 0 0;}
.footer_mb,.wap_head_img { display:none}

@media screen and (max-width: 768px) {
    .fh5co-nav { background:#fff;}
    .logo_h { display:none}.logo_b { display:block}
    .w1200 { width:auto; padding:0 10px;}
    .tit { font-size:28px; margin:10px 0; padding:30px 0 10px}
    .news_l { float:none; width:100%; margin-bottom:10px;} .news_l img { width:100%}
    .news_r { padding:0; width:100%; border-top:1px solid #eee; padding:10px 0 0 }
    .news_r li { padding:10px 0}
    .news_r li h3 { font-size:18px;}
    .video_list li { width:50%; float:left}
    .video_list li .img210 { width:auto; height:auto;} .video_list li .img210 img { width:100%; height:auto}.video_list li i { left:40%; top:22%}
    .swiper-new { width:100%; margin:0 auto!important}
    .news_list li { padding:10px 0}
    .news_list li img { width:40px; margin:0 20px 0 10px;}
    .news_list li h3 { font-size:18px; line-height:30px; margin:0 0 5px} .news_list li p { font-size:12px; line-height:20px; padding-left:70px;}
    .wh_bg { background:none; height:auto; padding:10px 0 30px!important;}
    .more_a { margin:20px auto;}
    .footer,.wh_pc { display:none}
    .wh_wap { display:block!important; width:100%}
    .video-box { height:auto}
    .hx_list { margin:30px 0}
    .hx_list li { float:none; width:100%; height:auto;} .hx_list li img { width:100%; height:auto}
    .video_big_l { width:100%; height:auto}
    .video_big_l video { width:100%; height:auto;}
    .video_big_text,.video_list_idx { display:none}
    .footer_mb { display:block; padding:20px; text-align:center; background:#222; color:#999; font-size:14px;}
    .footer_mb span { margin:0 10px;}
    .swiper-zs { width:auto; height:auto; margin:0 auto!important;}
    .swiper-zs .swiper-left,.swiper-right { display:none}
    .wap_head_img { width:100%!important; display:block}
    }