@font-face{font-family:icomoon;src:url(../images/icomoon.woff);font-weight:400;font-style:normal}
body{font-family:work 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:#333;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
a:hover,a:active,a:focus{color:#000;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%;padding:15px 50px;z-index:1001; background:#fff; box-shadow:0 5px 10px #f0f0f0; margin-bottom:5px;}
.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:30px 0 0}
.fh5co-nav ul li{padding:0;margin:0;list-style:none;display:inline-block; margin-left:30px;}
.fh5co-nav ul li a{font-size:18px;color:#333;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; margin:0;}
.fh5co-nav ul li img { margin-right:10px;}
.fh5co-nav ul li a.cur { border-bottom:2px solid #000; 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:#0e2053}
.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{padding:3em 0;clear:both}
@media screen and (max-width:768px){#fh5co-services,#fh5co-started,#fh5co-testimonial,#fh5co-project,#fh5co-about,#fh5co-contact,#fh5co-footer{padding:3em 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%; border:1px solid #ddd; 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; border:1px solid #ffb619;background:#ffb619}

.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 .icon-arrow-QQ{width:70px;height:70px; background:#fff; text-align:center;border-radius:50%; border:1px solid #ddd; display:block;}
.nav_r .icon-arrow-QQ img{ vertical-align:middle; margin-top:15px;}
.nav_r .icon-arrow-QQ:hover,.nav_r .icon-arrow-QQ:active,.nav_r .icon-arrow-QQ:focus{text-decoration:none;outline:0;border:1px solid #ffb619; background:#ffb619}
.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}

.boder0 { border:0!important}
.w1000{ width:1000px; margin:0 auto;}.w1100{ width:1100px; margin:0 auto;} .w1200{ width:1200px; margin:0 auto;} .w1400{ width:1400px; margin:0 auto;}
.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:20px auto; text-align:center; font-size:40px; font-weight:300; padding-bottom:20px;}
.tit_h3 { border-left:6px solid #000; font-size:18px; margin:0 0 20px; padding-left:15px; color:#000}
.light_text { padding:10px 40px 20px;}
.light_text p { text-indent:32px; font-size:16px; line-height:36px; text-align: justify; color:#333;}
.contact_bg { background:#f8f8f8}
.contact_bg .container { width:1400px;}
.swiper-pagination-bullet { opacity:.3!important; width:60px!important; height:6px!important; border-radius:0!important;}
.swiper-pagination-bullet-active { background:#fff!important; opacity:1!important}
.fw_list { padding:0 30px;}
.fw_list .col-xs-6 { width:500px; height:220px; position:relative; margin:20px 26px; padding:0}
/*.col-xs-6 img,.col-sm-3 img,.col-xs-6 img { z-index:0; transform:scale(1); transition:all 0.5s;} .col-xs-6 img:hover,.col-sm-3 img:hover,.col-xs-6 img:hover { z-index:0; transform:scale(1.1); transition:all 0.5s;}*/
.fw_list .col-xs-6 .fw_list_txt {
	z-index:1;
	position:absolute;
	right:19px;
	top:4px;
	padding:40px 25px 0 0
}
.fw_list .col-xs-6 .fw_list_txt h3 { color:#ffb618; font-size:24px; text-align:right; padding-bottom:10px;}
.fw_list .col-xs-6 .fw_list_txt p { color:#ccc; font-size:14px; text-align:right}
.product_list .col-sm-3{ background:#fff; box-shadow:0 2px 10px #d5d5d5; margin:15px 20px; width:310px; height:400px; padding:0; transition:all .2s linear; -webkit-transition:all .2s linear; overflow:hidden}
.product_list .col-sm-3:hover{ -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
.product_list .col-sm-3 h3 { font-size:18px; height:40px; line-height:20px; color:#000; margin:15px 0 10px; padding:0 15px;}
.product_list .col-sm-3 h4 { font-size:14px; color:#999; padding:0 15px; margin-bottom:15px;}
.product_list .col-sm-3 .name { border-top:1px solid #e5e5e5; padding:15px 10px; margin:0 15px 15px; font-size:14px; color:#000}
.product_list .col-sm-3 .name img { border-radius:50%; width:40px; height:40px; vertical-align:middle; margin-right:14px;}
.tit-nav { text-align:center; padding-bottom:30px;}
.tit-nav a { font-size:16px; color:#000; margin:0 10px; display:inline-block; padding:0 15px; border:2px solid #f8f8f8;} .tit-nav a.cur,.tit-nav a:hover{ background:#fff; border:2px solid #000;}
.bg_yellow { background: linear-gradient(to bottom, #fff 50%, #fdd000 50%);}
.bg_yellow .container { width:1240px;}
.news_list { padding:20px 0}
.news_list .col-sm-3 { width:280px; padding:0; margin:20px 15px;} 
.news_list .col-sm-3 div { transition:all .2s linear; -webkit-transition:all .2s linear; position:absolute; top:0; left:0;text-align: center;  padding-top: 180px; font-family:Arial; font-weight:100; font-size: 30px;width:280px; height:400px; background:#000000; color:#fff;opacity:0; filter:alpha(opacity=0);}
.news_list .col-sm-3 div:hover { opacity:0.5; filter:alpha(opacity=50);}
.news_list .col-sm-3 p { font-size:16px; color:#666; margin:10px 0} 
.news_list .col-sm-3 h3 { font-size:18px; color:#000; line-height:28px;} 

.new_list { padding:20px 0}
.new_list .col-xs-6 { width:660px; padding:0; margin:20px 15px; position:relative} .new_list .col-xs-6 img { float:left; margin-right:35px;}
.new_list .col-xs-6 p { font-size:22px; color:#999; margin:0 0 10px} 
.new_list .col-xs-6 h3 { font-size:24px; color:#333; line-height:36px;} .new_list .col-xs-6 h3 a:hover { color:#000; text-decoration:underline;}
.new_list .col-xs-6 h4 { font-size:16px; color:#999; line-height:30px;}
.new_list .col-xs-6 span { color:#000; border:1px solid #000; padding:8px 50px; position:absolute; bottom:0;}
.new_list .col-xs-6 span:hover {border:1px solid #000; background:#000; color:#fff;}

.more_a { width:218px; height:54px; line-height:54px; border:1px solid #000; color:#000; text-align:center; display:block; margin:0 auto; font-size:20px; margin-bottom:40px;}
.more_a:hover { background:#000; color:#fff}

.about { padding:30px 0; overflow:hidden}
.about_l { width:45%; float:left; padding:0 0 0 150px;}
.about_l h2 { font-size:24px; color:#999; padding:40px 0 20px;} 
.about_l h2 img { vertical-align:middle; margin-right:15px;}
.about_l p { font-size:18px; margin-bottom:10px; color:#000} .about_l p span { margin-right:20px;}
.maps { float:right;}

.hz_list { overflow:hidden}
.hz_list .col-xs-6 { background:#fff; width:655px; height:300px; padding:15px!important; margin:15px 20px; padding:0; box-shadow:0 2px 10px #d5d5d5; transition:all .2s linear; -webkit-transition:all .2s linear}
.hz_list .col-xs-6:hover{ -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
.hz_list .col-xs-6 .row { margin:0} .hz_list .col-xs-6 .row img { margin-right:5px; }
.hz_head { padding:0 10px 10px; overflow:hidden; margin-bottom:10px;}
.hz_head img { width:100px; height:100px; border-radius:50%; margin-right:20px; float:left; vertical-align:middle;}
.hz_head h3 { font-size:18px; color:#000; margin-bottom:5px; margin-top:30px;} .hz_head p { font-size:14px; color:#999; margin-bottom:5px;}
.page { text-align:center; padding:40px 0 10px; overflow:hidden}
.page a { display:inline-block; width:50px; height:50px; border-radius:3px; margin:0 10px; background:#fff; line-height:50px; color:#000; border:1px solid #e5e5e5} 
.page a.page_cur,.page a:hover{ background:#ffb618; border:1px solid #f8f8f8;}

.hzv_head { padding:50px 0 0; background:#f8f8f8;}
.hzv_head h2 { font-size:18px; display:inline-block; line-height:100px;}
.hzv_head h2 img{ width:100px; height:100px; border-radius:50%; margin-right:20px; float:left; vertical-align:middle;}
.hzv_head p { float:right; width:800px; font-size:14px; color:#666; line-height:32px; padding:5px 0; text-indent:60px; position:relative;}
.line { height:1px; width:100%; background: linear-gradient(to right, #fff,#cfcfcf,#fff); display:inline-block; position:relative; top:-84px;}
.qm_l,.qm_r { color:#666; font-family: Arial, Helvetica, sans-serif; display:inline-block;  font-size:80px; position:absolute; left:-60px; top:20px;} .qm_r { left:inherit; top:inherit; right:0; bottom:40px}

.yc_head { border-bottom:1px solid #eee; background:#f8f8f8; padding:50px 0; overflow:hidden}
.yc_head h2 { font-size:30px; margin-bottom:20px;}
.yc_head_fx { padding-right:30px;}  .yc_head_fx span { float:left; margin-right:50px;} .bshare-custom { font-size:14px; display:inline-block; vertical-align:middle;}
.yc_head_fx span img { margin-right:10px; vertical-align:middle}
.yc_head .name { float:right; padding-right:20px; font-size:14px; color:#000; margin-top:-62px;}
.yc_head .name img { border-radius:50%; width:40px; height:40px; vertical-align:middle; margin-right:10px;}
.yz_view_txt .txt { font-size:16px; line-height:36px; padding:0 0px; text-indent:32px; margin:30px 0; color:#333;}
.yz_view_txt .img { margin:0 auto; text-align:center; padding:10px 0}

.news_head { border-bottom:1px solid #eee; background:#f8f8f8; padding:50px 0; overflow:hidden}
.news_head h2 { font-size:30px; margin-bottom:20px; text-align:center;}
.news_head_fx { text-align:center;}
.news_head_fx span { margin:0 20px;} 
.news_head_fx span img { margin-right:10px; vertical-align:middle}

.banner_fw { height:780px; background:url(../images/banner_fw.jpg) no-repeat top center;}
.fw_bg_1 { height:800px; background:#f5f5f5 url(../images/s_bg_1.jpg) no-repeat top center;}
.fw_bg_2 { height:800px; background:#fff url(../images/s_bg_2.jpg) no-repeat top left; padding:50px 0!important;}
.fw_bg_3 { height:800px; background:#f5f5f5 url(../images/s_bg_3.jpg) no-repeat top right; padding:50px 0!important}
.fw_txt { padding:380px 0 0 545px; color:#fff;}
.fw_txt h3 { color:#fff; font-size:20px; font-weight:700; margin-bottom:20px;}
.fw_txt p { text-indent:28px; font-size:14px; color:#ccc; line-height:30px;}
.tit_sr { margin:20px 0 30px;}
.tit_sr h2 { font-size:36px; font-weight:700; color:#000; margin-right:20px; display:inline-block}
.tit_sr h3 { font-size:36px; font-weight:300; color:#000; display:inline-block}
.fw_bg_1 .row { margin:0 0 20px;}
.services_list .col-sm-3 { padding:0; display:inline-block; background:#fff; height:550px;}
.services_txt { text-align:center; padding:30px 0; height:200px;}
.services_txt h3 { color:#ffb618; font-size:24px; line-height:30px; font-weight:700; border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin:0 40px 20px;}
.services_txt p { color:#666; font-size:14px; line-height:24px;}

.zy_text { width:640px; padding-left:10px; float:left;}
.zy_text_p { text-indent:32px; font-size:16px; width:420px; padding:20px 0; text-align:justify}
.circular { width:175px; height:175px; background: linear-gradient(120deg, #000 0%, #6e6e6e 50%, #000 100%); border-radius:50%; color:#fff; text-align:center; padding:50px 0; float:left; margin:20px 30px 0 0;}
.circular h3 { font-size:40px; color:#fff;}
.circular p { font-size:20px; color:#fff;}
.banner_sdj { background:url(../images/banner_sdj.jpg) no-repeat top center; height:150px;}
.btn_sb { border:1px solid #fff; padding:30px; color:#fff; float:right; margin:50px 300px 0 0; line-height:0; font-size:28px; font-weight:300}
.city_text { padding:80px 0 0; color:#666;} 
.city_text h3 { font-size:14px; font-weight:500; margin-bottom:10px;}
.city_text p { font-size:14px;}
.china_map { position:absolute; right:50px; top:50px;}
.pics { float:right; margin-top:-50px}
.logos { margin-top:40px;}
.footer { text-align:center; font-size:14px; background:#3c3c3c; padding:20px 0 50px;}
.footer .footer_link { padding:20px 0 30px;}
.footer .footer_link a { color:#ccc; margin:0 15px;} 
.footer p { margin:0 auto; padding:5px 0; color:#777;}
.footer p a { color:#777}
.footer p span { margin:0 15px;}
.ft_about { padding:45px 0; background:#fff; border-top:1px solid #eee; overflow:hidden}
.ft_about dl { float:left; margin:0 40px 0 0;}
.ft_about dl dt { font-size:24px; color:#999; border-right:1px solid #ccc; padding-right:20px; margin-right:30px; float:left; font-weight:400}
.ft_about dl dt img { margin-right:15px;}
.ft_about dl dd { font-size:18px; color:#333; float:left; margin-right:40px;} 
.ft_about dl dd span { margin-left:15px;}
.footer_mb { display:none}
    .swiper-slide img { width:100%}
    .home_hc { position:absolute; right:50px; top:15px; font-size:12px; z-index:10000}
@media screen and (max-width: 768px) {
    .home_hc { display:none}
    .w1000,.w1100,.w1200,.w1400{ width:auto; margin:0 auto;}
    #fh5co-services { padding:10px 0;}
    .tit { font-size:28px; padding:20px;}
    .tit_h3 { margin:10px 0}
    .light_text { padding:0 20px; }
    .light_text p { line-height:24px; font-size:14px; padding-bottom:5px; text-indent:28px; color:#666}
    .contact_bg { }
    .contact_bg .container { width:auto; }
    .swiper-pagination-bullet { }
    .swiper-pagination-bullet-active { }
    .fw_list { padding:25px 20px;}
    .fw_list .col-xs-6 { width:100%; margin:5px 0; height:auto;} .fw_list .col-xs-6 img { width:100%;}
    .col-xs-6 img,.col-sm-3 img,.col-xs-6 img { z-index:0; transform:none; transition:none;} 
    .col-xs-6 img:hover,.col-sm-3 img:hover,.col-xs-6 img:hover { z-index:0; transform:none; transition:none;}
    .fw_list .col-xs-6 .fw_list_txt { padding:20px 20px 0 0 }
    .fw_list .col-xs-6 .fw_list_txt h3 { font-size:20px; padding-bottom:5px;}
    .fw_list .col-xs-6 .fw_list_txt p { font-size:12px; }
    .product_list .col-sm-3{ width:48%; height:auto; margin:5px 0 0 5px; float:left} .product_list .col-sm-3 img{ width:100%}
    .product_list .col-sm-3:hover{ transform:none;z-index:3}
    .product_list .col-sm-3 h3 { font-size:14px; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
    .product_list .col-sm-3 h4 { font-size:12px;}
    .product_list .col-sm-3 .name { padding:10px 5px; font-size:12px; margin:0 5px 5px;}
    .product_list .col-sm-3 .name img { width:30px; height:30px; margin-right:5px; }
    .tit-nav {  padding-bottom:22px;}
    .tit-nav a { font-size:14px; margin:0 3px; padding:0 5px;}
    .bg_yellow { background:none;}
    .bg_yellow .container { width:auto; }
    .news_list { }
    .news_list .col-sm-3 { width:47%; margin:0 3px 15px; float:left;} .news_list .col-sm-3 img { width:100%; margin:0 3px;}
    .news_list .col-sm-3 div { display:none}
    .news_list .col-sm-3 p { font-size:12px; margin:2px 0 }
    .news_list .col-sm-3 h3 { font-size:14px; line-height:22px; }

    .new_list { padding:0}
    .new_list .col-xs-6 { margin:5px 0; width:auto; background:#fff; box-shadow:0 3px 10px #e5e5e5; padding:5px} .new_list .col-xs-6 img { width:140px; margin-right:10px;}
    .new_list .col-xs-6 p { font-size:14px; margin:0;}
    .new_list .col-xs-6 h3 { font-size:18px; line-height:22px;} 
    .new_list .col-xs-6 h4 { font-size:12px; line-height:20px; }
    .new_list .col-xs-6 span { padding:0 10px; height:18px; line-height:18px; font-size:12px; background:#fff; right:10px; bottom:5px; display:none}

    .more_a { margin:20px auto; height:50px; line-height:50px; width:150px; font-size:16px;}

    .about_l { float:none; width:100%; padding:0}
    .about_l h2 { padding:10px 0; font-size:20px;}
    .about_l h2 img { width:26px; margin-right:10px;}
    .about_l p { font-size:14px;}
    .maps { display:none; width:100%; margin-bottom:10px;} .maps img { width:100%}

    .banner_sdj { background:url(../images/banner_sdj.jpg) no-repeat top center; background-size:100%; height:35px;}
    .btn_sb { border:1px solid #fff; padding:8px 10px; color:#fff; float:right; margin:5px 20px 0 0; line-height:0; font-size:12px; font-weight:300; }

    .hz_list .col-xs-6 { margin:5px 0; width:100%; height:auto;}
    .hz_list .col-xs-6:hover{ }
    .hz_list .col-xs-6 .row { }
    .hz_list .col-xs-6 .row img { width:31%; float:left;}
    .hz_head { padding:0 10px 10px;}
    .hz_head img { width:50px; height:50px; margin-right:15px;}
    .hz_head h3 { margin:5px 0 0}
    .page { padding:20px 0 10px;}
    .page a{  width:30px; height:30px; line-height:30px; margin:0 5px;}
    .page a.page_cur,.page a:hover{ }

    .hzv_head { padding:20px 0}
    .hzv_head h2 { font-size:16px; line-height:50px; width:100%;text-align: center; margin:40px auto;}
	.hzv_head h2 img{ width:80px; height:80px; border-radius:50%; margin-right:none; float:none; vertical-align:middle;}
    .hzv_head p { width:100%; line-height:26px; height:auto; padding:10px 0 10px 0; margin-bottom:40px;}
    .line{ display:none}

    .yc_head { padding:20px 0 }
    .yc_head h2 { width:100%; font-size:22px; text-align:center; margin-bottom:10px;}
    .yc_head_fx { text-align:center; padding-right:0}
    .yc_head_fx span { font-size:12px; float:none; margin:0 }
    .yc_head .name { float:none; text-align:center; padding:10px 0; margin:0;}
    .yz_view_txt .txt { padding:0 10px; line-height:28px; font-size:14px; }
    .yz_view_txt .img img {  width:100%}

    .news_head { padding:20px 0 }
    .news_head h2 { font-size:22px; margin-bottom:15px;}
    .news_head_fx { font-size:12px; }
    .news_head_fx span { margin:0 10px;}
    .news_head_fx span img { margin-right:5px; }

    .banner_fw { background:#000 url(../images/banner_fw_m.jpg) no-repeat; background-size:100%; padding:0; position:relative; height:700px;}
    .fw_bg_1 { height:auto; background:#f5f5f5; }
    .fw_bg_2 { height:auto; background:#fff; padding:20px 0!important; overflow:hidden}
    .fw_bg_3 {height:auto; background:#f5f5f5; padding:20px 0!important; overflow:hidden }
    .fw_txt { padding:35px 25px 0 25px; position:absolute; bottom:35px}
    .fw_txt h3 { margin-bottom:10px; font-size:18px; }
    .fw_txt p { line-height:24px; text-align:justify; }
    .tit_sr { text-align:center; margin:40px 0;}
    .tit_sr h2 { font-size:30px;}
    .tit_sr h3 { font-size:30px; }
    .fw_bg_1 .row { }
    .services_list .col-sm-3 { width:50%; float:left; height:360px;} .services_list .col-sm-3 img { width:100%}
    .services_txt { height:140px }
    .services_txt h3 { font-size:16px; line-height:22px; margin:0 20px 10px; padding-bottom:10px;}
    .services_txt p { font-size:12px; line-height:18px;}

    .zy_text { width:100%; padding:20px 25px; }
    .zy_text_p { width:100%; padding:20px 25px; font-size:14px;}
    .circular { margin:10px 15px 0 0; width:150px; height:150px;}
    .circular h3 { font-size:28px; }
    .circular p { font-size:16px;}

    .city_text { padding:20px 25px;}

    .china_map { position:inherit; width:100%; top:inherit;right:inherit }
    .pics { width:92%; margin:10px; float:none;}
    .logos { padding:10px 0; margin:0}
    .logos img{ width:100% }
    .footer { display:none }
    
    .ft_about { padding:20px; }
    .ft_about dl { float:none;}
    .ft_about dl dt { float:none; border:0; font-size:20px; margin:10px 0; padding:0; }
    .ft_about dl dt img { width:26px; margin-right:10px;}
    .ft_about dl dd { width:100%; font-size:14px; float:none; padding-bottom:5px;}
    .ft_about dl dd span { }
    .footer_mb { display:block; background:#3c3c3c; text-align:center; color:#ccc; font-size:14px; padding:20px 0} 
    .footer_mb span { margin-left:10px;}

    .nav_r { bottom:80px; right:10px;}
    .js-gotop,.nav_r .side_sdj,.qm_l,.qm_r { display:none!important}
    .bshare-custom,.icon-arrow-QQ { display:none!important;}
    .nav_r .nav_code { width:60px; height:60px; display:block; box-shadow:0 1px 5px #ddd; border:2px solid #fff;}
    }