@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:#17191e; position: relative;}
#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; background:#000;border-bottom: 1px solid #444; position:fixed;}
.fh5co-nav .row { width:1200px; margin:0 auto 0 180px;}
.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; }
.fh5co-nav ul li{padding:0;margin:0;list-style:none;display:inline-block; margin-right:50px;height: 40px; line-height: 40px;}
.fh5co-nav ul li a{font-size:16px;color:#999;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; margin:0; padding: 0 20px}
.fh5co-nav ul li img { margin-right:10px;} .logo_b { display:none}
.fh5co-nav ul li a.cur { display:inline-block;border-bottom: 1px solid #0099ff}
.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:#0099ff;}
.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 0 10%;}
.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 {  font-size:22px; font-weight:400; color:#fff; margin: 40px 0 20px}

.contact_bg { background:#17191e; overflow:hidden}

.more_a { width:260px; height:42px; line-height:42px; border:1px solid #1e3567; color:#0099ff; text-align:center; display:block; margin:30px auto; font-size:16px; border-radius: 42px;}
.more_a i { border-width: 10px 9px 0; border-style: solid; border-color:#0099ff transparent transparent; margin: 16px 20px 0 0; display: inline-block; }
.more_a:hover { background:#1e3567; color:#0099ff}

.swiper_bg { background:url(../images/banner_bg.jpg) no-repeat top left; height: 820px; }
.video_text { padding:15px 0 0; overflow:hidden; }
.video_text h3 { color:#5f99ea; font-size:18px; margin-bottom:10px; font-weight: 700; color:#fff;}
.video_text p { color:#c3c3c3; font-size:12px; line-height:22px;} .video_text p a { color:#5f99ea; margin-left:5px;} .video_text p a:hover { color:#0ff}

.news-idx { padding:230px 0 50px 0;}
.new-fouse { width:850px; float:left; position:relative;}
.new-fouse li { position:absolute; width:850px; z-index:1} .new-fouse li img,.new-fouse li video { width:850px; height:480px;}
.new-fouse li.on { z-index:9}

.new-text { width:330px; float:right; z-index:10}
.new-text li { height:94px; cursor:pointer; color:#fff; margin-bottom:5px; padding: 8px 10px; background: #232936; font-size: 14px;}
.new-text li img { float:left; width:110px; height:78px; margin-right:10px;}
.new-text li.cur { color:#fff; background: #0099ff}

.jb_list { padding:20px 0; overflow:hidden; margin-left:-20px;}
.jb_list li { width:286px; height:360px; padding:30px 20px; float:left; background: #242c3d; margin:0 0 15px 19px; text-align: center;}
.jb_list li img { width:156px; height:156px; border:4px solid #0870be; border-radius:50%; transition:all .5s; transform:scale(1.0)}
.jb_list li img:hover { transition:all .5s; transform:scale(1.1)}
.jb_list li h3 { color:#fff; font-size:18px; margin:15px 0; font-weight:700; }
.jb_list li .text { color:#8d9bbc; font-size:14px; line-height:20px; height: 40px;}
.jb_list li .time { margin-top:20px; color: #fff;  font-size: 14px;} .jb_list li .time i { background: url(../images/time.png); width: 22px; height: 22px; display:inline-block;  margin-right: 5px; vertical-align: middle;}

.exh { height:640px; overflow:hidden; margin-bottom:30px;}
.exh-list { margin: 0 0 0 -12px;  overflow: hidden;}
.exh-list li { width: 230px; height: 310px; background: #fff; float: left; margin:12px 0 0 12px; padding: 5px; position: relative;}
.exh-list li .img230 { width:220px; height:220px; overflow:hidden} 
.exh-list li .img230 img { width:100%; vertical-align:middle}
.exh-list li h3 { font-size: 18px; color: #1e3567; padding: 0 10px; margin: 10px 0 0 }
.exh-list li p { font-size: 12px; color: #999; padding: 0 10px; }
.exh-list li i { background: url(../images/exh.png); width: 32px; height: 32px; position: absolute; bottom: 30px; right: 20px; }

.zs { height:340px; overflow:hidden; padding-bottom:50px;}
.zs-list { margin: 0 0 0 -24px;  overflow: hidden;}
.zs-list li { width: 180px; height: 150px; background: #242c3d; float: left; margin:20px 0 0 24px;}
.zs-list li img { width:100%;}
.zs-list li:hover { background: #0099ff }
.zs-list li h3 { font-size:12px; color: #fff; padding:5px; text-align:center; height:30px; line-height:20px;}

.side { position: fixed; _position: absolute; width:330px; height:100%; padding:20px; right: 0; bottom: 0; background: #1e3567; color: #fff; border-left: 2px solid #0099ff; z-index:99999999; transition:all .5s ease; }
.side-bar { width: 40px; line-height: 18px; font-size: 16px; padding:20px 13px; color:#fff; position: absolute; top: 300px; left: -40px; background: #1e3567; border:2px solid #0099ff; border-right: 0; cursor:pointer}
.side-bar i { border-top: 8px solid transparent; border-left: 10px solid #0099ff; border-bottom: 8px solid transparent; margin: 0 0 10px; display: inline-block; }
.side-bar-z { width: 40px; line-height: 18px; font-size: 16px; padding:20px 13px; color:#fff; position: absolute; top: 300px; left: -40px; background: #1e3567; border:2px solid #0099ff; border-right: 0; cursor:pointer; display:none}
.side-bar-z i { border-top: 8px solid transparent; border-right: 10px solid #0099ff; border-bottom: 8px solid transparent; margin: 0 0 10px; display: inline-block; }

.yg_side { margin: 0 0 30px; }
.yg_side h2 { background: url(../images/tv.png) no-repeat; padding: 0 0 0 40px; font-size: 22px; color: #fff; margin: 20px 0 40px }
.yg_time { margin: 0 0 20px; }
.yg_time h3 { background: #0099ff; color: #fff; font-size: 16px; font-weight: 700; border-radius: 20px; width: 100px; text-align:center; height: 30px; line-height: 30px; padding: 0 15px; margin: 0 0 20px}
.yg_time dl dt { font-size: 20px; font-weight: 100; margin: 0 20px 40px 0; float: left;}
.yg_time dl dd { font-size: 14px; margin:0 0 10px; }
.zb-side h2 { background: url(../images/video.png) no-repeat; padding: 0 0 0 50px; font-size: 22px; color: #fff; margin: 40px 0 20px }
.zb-list li { height:94px; cursor:pointer; color:#fff; margin-bottom:3px; padding: 8px 10px; font-size: 14px;}
.zb-list li:hover { background: #0099ff}
.zb-list li img { float:left; width:110px; height:78px; margin-right:10px;}
.diyoumask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.btn_zb { display:none}
.footer { background:#222; padding:20px 0 50px; overflow:hidden}
.footer_logo { float:left; padding:15px 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; display:none}
    .logo_h { display:none}.logo_b { display:block}
    .w1200 { width:auto; padding:0 10px; margin:0 auto}
    .tit { font-size:24px; margin:20px 0;}

    .swiper_bg { background:url(../images/banner_wap.jpg) no-repeat top center; height: 740px; background-size:contain }
    .video_text { padding:15px 0 0; overflow:hidden; }
    .video_text h3 { color:#5f99ea; font-size:16px; margin-bottom:5px; font-weight: 700; color:#fff;}
    .video_text p { color:#c3c3c3; font-size:12px; line-height:20px;} .video_text p a { color:#5f99ea; margin-left:5px;} .video_text p a:hover { color:#0ff}

    .news-idx { padding:160px 0 50px 0;}
    .new-fouse { width:100%; height:290px; position:relative;}
    .new-fouse li { position:absolute; height:290px; width:100%; z-index:1}
    .new-fouse li img,.new-fouse li video { width:100%; height:auto}
    .new-fouse li.on { z-index:9}

    .new-text { z-index:10; width:100%;}
    .new-text li { width:32%; height:130px; cursor:pointer; color:#fff; margin:2px; padding: 8px 10px; background: #232936; font-size: 14px; float:left; text-align:center; overflow:hidden}
    .new-text li img { width:100%; height:78px; float:none;}
    .new-text li p {font-size:12px; line-height:18px; margin:5px 0; }
    .new-text li.cur { color:#fff; background: #0099ff}
    
    .jb_list { padding:20px 0; overflow:hidden; margin-left:-10px;}
    .jb_list li { width:47%; height:310px; padding:15px 10px; float:left; background: #242c3d; margin:0 0 10px 10px; text-align: center;}
    .jb_list li img { width:120px; height:120px; border:2px solid #0870be; border-radius:50%; transition:all .5s; transform:scale(1.0)}
    .jb_list li img:hover { transition:all .5s; transform:scale(1.1)}
    .jb_list li h3 { color:#fff; font-size:16px; margin:15px 0; font-weight:700; }
    .jb_list li .text { color:#8d9bbc; font-size:14px; line-height:20px; height: 40px;}
    .jb_list li .time { margin-top:20px; color: #fff;  font-size: 14px;} 
    .jb_list li .time i { background: url(../images/time.png); width: 22px; height: 22px; display:inline-block;  margin-right: 5px; vertical-align: middle;}

    .exh { height:810px; overflow:hidden; margin-bottom:30px;}
    .exh-list { margin: 0 0 0 -4px;  overflow: hidden;}
    .exh-list li { width: 47%; height: 260px; background: #fff; float: left; margin:6px 5px; padding: 5px; position: relative;}
    .exh-list li .img230 { width:100%; height:160px; overflow:hidden} 
    .exh-list li .img230 img { width:100%; vertical-align:middle}
    .exh-list li h3 { font-size: 16px; color: #1e3567; padding: 0 10px; margin: 10px 0 0 }
    .exh-list li p { font-size: 12px; color: #999; padding: 0 10px; }
    .exh-list li i { background: url(../images/exh.png); width: 32px; height: 32px; position: absolute; bottom: 10px; right: 10px; }

    .zs-list { margin: 0 0 0 -5px;  overflow: hidden;}
    .zs-list li { width: 47%; height: 150px; background: #242c3d; float: left; margin:5px;}
    .zs-list li img { width:100%;}
    .zs-list li:hover { background: #0099ff }
    .zs-list li h3 { font-size: 12px; line-height:20px; color: #fff; padding: 10px; text-align:center;}

    .more_a { width:200px; height:30px; line-height:30px; border:1px solid #1e3567; color:#0099ff; text-align:center; display:block; margin:20px auto; font-size:14px; border-radius: 40px;}
    .more_a i { border-width: 10px 9px 0; border-style: solid; border-color:#0099ff transparent transparent; margin: 6px 20px 0 0; display: inline-block; }
    .more_a:hover { background:#1e3567; color:#0099ff}
    .side,.side-bar { display:none}
    .side { position:absolute; width:100%;}
    .side-close { background:url(../images/close.png) no-repeat; background-size:contain; width:30px; height:30px; float:right;}
    .btn_zb { font-size:14px; width:110px; text-align:center; height:26px; line-height:26px; border-radius:12px; background:#0099ff; color:#fff; position:absolute; right:10px; top:8px; display:inline-block}
    .footer_mb { display:block; padding:20px; text-align:center; background:#222; color:#999; font-size:14px;}
    .footer_mb span { margin:0 10px;}
    .footer { display:none}
    }