/* ==========================================================================
   Global
   ========================================================================== */
    
    html {
        font-size: 62.5%;
    }
    
    a {
        color: #666;
    }
    
    a:hover {
        color: #1251c4;
    }
    
    body {
        color: #666;
        font: 12px/1.7 microsoft yahei, Arial, Helvetica, sans-serif;
        background: #fff;
    }
    
    .wrapper {
        max-width: 1200px;
        /*min-width: 980px; */
        _width: 1200px;
        padding: 0 10px;
        margin-left: auto;
        margin-right: auto;
    }

    
    .wrapper:after,
    .row:after {
        content: "";
        display: table;
        clear: both;
    }
    
    /* arrow */
    
    .arrow {
        position: absolute;
        top: 50%;
        margin-top: -4px;
    }
    
    .arrow * {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border: 0 dashed transparent;
        overflow: hidden;
    }
    /* arrow-right */
    
    .arr-r * {
        border-left-style: solid;
        border-width: 4px 0 4px 4px;
    }
    
    .arr-r em {
        left: 1px;
    }
    
    .arr-r span {
        border-left-color: #3675bb;
    }
    
    .tri {
        position: absolute;
        width: 0;
        height: 0;
        border: 0 dashed transparent;
        overflow: hidden;
    }

/* ==========================================================================
   Header
   ========================================================================== */

.topnav .pipe { margin: 0 5px; float: left; }
.lang_inco{position: absolute;right: 160px;top: 30px;padding-left:45px;background: url(../images/inco_09.jpg) no-repeat left center; height: 40px; line-height: 40px;}
header { }
header .wrapper { min-height: 80px; position: relative; z-index: 99; }
.logo { position: absolute; padding-top:28px; }
.logo a { display: block; width: 271px; height: 52px; text-indent: -9999px; overflow: hidden; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: 100% auto; background-size: 100% auto; }
 @media only screen and (max-width: 1000px) {
  .logo { position: absolute; padding-top:10px; }
.logo a { display: block; width:150px;  }
 }
.languageinco{position: absolute; right:200px; top: 38px; font: 300 12px/24px microsoft yahei;cursor: pointer;z-index: 999;}
.languageinco .fa{font-size: 16px;}

.language_box{display: none;}
.language_box{position: absolute; top: 100px; right:0;width: 280px;background: #fff;padding:15px;z-index: 99; line-height: 24px;}

.serchinco{display: none;}
.globalsearch{}
.globalsearch{position: absolute; top: 35px; right:0;width: 180px;}
.globalsearch #q,
.globalsearch .search-btn { float: left;   border: 0 none; }
.globalsearch #q { width: 100%; height: 18px; padding: 13px 40px 13px 10px; line-height: 18px; background: #fff;font: 300 12px/18px microsoft yahei; 
  border:1px solid #b5b4b4;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
 }
.globalsearch .search-btn { width: 30px; height: 30px; cursor: pointer; background: url(../images/btn_ser.png) no-repeat center; margin-left: -35px; }
 @media only screen and (max-width: 1000px) {
  .languageinco{position: absolute; right:110px; top: 15px;}
  .language_box{ top: 50px;}

.serchinco{position: absolute; right:50px; top: 15px; font: 300 12px/24px microsoft yahei;cursor: pointer;z-index: 999; display: block;}
.serchinco .fa{font-size: 16px;}
.globalsearch{display: none;}
.globalsearch{position: absolute; top: 50px; right:0;width: 280px;padding:15px;z-index: 99; background: #00368d;}
.globalsearch #q,
.globalsearch .search-btn { float: left;   border: 0 none; }
.globalsearch #q { width: 100%; height: 18px; padding: 20px 40px 20px 10px; line-height: 18px; background: #fff;border:1px solid #fff;font: 300 12px/18px microsoft yahei;  }
.globalsearch .search-btn { width: 30px; height: 40px; cursor: pointer; background: url(../images/btn_ser.png) no-repeat center; margin-left: -35px; }
}

/* ==========================================================================
   Nav
   ========================================================================== */
/* primary */
.globalnav { position: absolute; z-index: 999; right: 0; top: 16px; }
.globalnav li { float: left; }
.globalnav li a { display: block; color: #444; padding: 0 20px; font-size: 14px; line-height: 42px; font-family: microsoft yahei; }
.globalnav .nav-sep { width: 2px; height: 42px; background: url(../images/nav-sep.gif) no-repeat 0; }

.dropdown { position: absolute; z-index: 999; background: #fff; display: none; padding: 15px 0; border-top: 1px solid #f5ad18;border-bottom: 3px solid #f5ad18; margin-left: -70px; top: 100%; width: 200px;  }
.dropdown a { white-space: nowrap; line-height: 30px; font-size: 12px; padding: 0; color: #666; background: none; border-bottom: 0 none; width: 100%; display: block; text-indent: 10px; }
.dropdown a .fa { font-size: 12px; line-height: 30px; color: #ccc; padding-right: 5px; }
.dropdown a:hover,
.dropdown a:hover .fa { color: #f5ad18; }
.gn-list .active1{  background-color: #f5ad18;}
#globalnav li.active1 .gn-link{color: #fff;}
#globalnav li.active1 .gn-link:hover{color: #fff;}
 @media only screen and (max-width: 767px) {
.gn-list .active1{  background-color: #fff;}
#globalnav li.active1 .gn-link{color: #333;}
#globalnav li.active1 .gn-link:hover{color: #333;}
}

#fp-nav ul li {
  width: 12px;
  height: 12px;
}

#fp-nav ul li, .fp-slidesNav ul li {
  margin: 16px 7px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  margin: 0px;
  background-color: #fff;border:2px solid #e0e0e0;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
  margin: 0;
  width: 100%;
  height: 100%;
background: #0a6eb6;border:2px solid #0a6eb6;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  width: 100%;
  height: 100%;
  margin: 0px;
}

#fp-nav.right {
  right: 26px;
}
#owl-banner{width: 100%;height: 100%;padding-top: 65px;}
#owl-banner .item img{
    width: 100%;height: 100%;
}
#owl-banner .owl-controls .owl-pagination{display: none;}
.phoneimg{display: none;}
@media only screen and (max-width: 640px) {
     .pcimg{display: none;}
     .phoneimg{display: block;}
}
.section-2{background: #f6f5f8;}
.section-2 .abouttit{font: 300 36px/50px microsoft yahei; text-align: center;background: url(../images/title01.png) no-repeat center;color: #555555;}
.section-2 .aboutdecs{font: 300 14px/30px microsoft yahei; height: 90px; overflow: hidden;margin-top: 40px; text-align: center;margin-bottom: 30px;}

#owl-about .item{  }
#owl-about .item .warp{margin:0 10px; height: 330px;border:1px solid #bab6b6; background: #f7f7f9; text-align: center; cursor: pointer;}
#owl-about .item .warp .title{background: url(../images/title02.png) no-repeat center bottom; height: 50px;font: 300 24px/50px microsoft yahei;padding-bottom: 10px; }
#owl-about .item .warp:hover{ background: #1251c4;border:1px solid #1251c4; }
#owl-about .item .warp:hover .title{background: url(../images/title03.png) no-repeat center bottom; color: #fff; }
#owl-about .item .warp .inco{width: 139px;height: 136px; display: block;margin:60px auto 40px auto;}

#owl-about .item .warp .inco01{background: url(../images/inco01.png) no-repeat left top;}
#owl-about .item .warp:hover .inco01{background: url(../images/inco02.png) no-repeat left top;}
#owl-about .item .warp .inco02{background: url(../images/inco03.png) no-repeat left top;}
#owl-about .item .warp:hover .inco02{background: url(../images/inco04.png) no-repeat left top;}
#owl-about .item .warp .inco03{background: url(../images/inco05.png) no-repeat left top;}
#owl-about .item .warp:hover .inco03{background: url(../images/inco06.png) no-repeat left top;}
#owl-about .item .warp .inco04{background: url(../images/inco07.png) no-repeat left top;}
#owl-about .item .warp:hover .inco04{background: url(../images/inco08.png) no-repeat left top;}

.section-3{background: url(../images/homebg01.jpg) no-repeat center top;}
.section-3 .newsttit{font: 300 36px/50px microsoft yahei; text-align: center;background: url(../images/title01.png) no-repeat center;color: #555555;margin-bottom: 30px;}
#owl-news{width: 525px;height: 350px; overflow: hidden; float: left;position: relative;}
#owl-news .item{
  width: 525px;height: 350px;
}
#owl-news .item img{
  width: 525px;height: 350px;
}

#owl-news .owl-controls{position: absolute; bottom:10px; left: 40%; z-index: 999;}
#owl-news .owl-controls .owl-page span{
  filter: Alpha(Opacity=100);
  opacity: 1;
  background: #fff;
}

#owl-news  .owl-controls .owl-page.active span,
#owl-news  .owl-controls.clickable .owl-page:hover span{
  background: #1251c4;
}
.new_more{width: 100%;height: 50px;background: #1251c4;color: #fff;font: 300 16px/50px microsoft yahei;margin-top: 20px;}
.new_more a{width: 100%;height: 50px; display: block; text-align: center;color: #fff;}

.hnewsright{width: calc(100% - 550px); float: right;}
.hnewsright .mode{width: 100%;padding-bottom:10px;margin-bottom:10px;border-bottom: 1px solid #dfdfdf;}
.hnewsright .mode h3{font: 300 16px/24px microsoft yahei;}
.hnewsright .mode .desc{font: 300 12px/24px microsoft yahei; height: 24px; overflow: hidden;}
.hnewsright .mode .date{text-align: right;}

@media only screen and (max-width: 920px) {
  #owl-news{width: 525px;height: 350px; float: none; margin:0 auto;}
.hnewsright{width:100%; float: none;margin-top: 10px;}
.hnewsright .mode .desc{display: none;}
.hnewsright .mode .date{display: none;}
}
@media only screen and (max-width: 520px) {
  #owl-news{width: 100%;height: 350px; float: none; margin:0 auto;}
  #owl-news .item img{
  width: 100%;height: 350px;
}
}
@media only screen and (max-width: 380px) {
  #owl-news{width: 100%;height: 300px; float: none; margin:0 auto;}
  #owl-news .item img{
  width: 100%;height: 300px;
}
}
@media only screen and (max-width: 320px) {
  .section-3 .newsttit{margin-bottom: 20px;}
  .new_more{margin-top: 10px;}
  #owl-news{width: 100%;height: 220px; float: none; margin:0 auto;}
  #owl-news .item img{
  width: 100%;height: 220px;
}
}

.section-4{background: url(../images/homebg02.jpg) no-repeat center top;}
.protit{font: 300 36px/50px microsoft yahei; text-align: center;background: url(../images/title01.png) no-repeat center;color: #555555;margin-bottom: 40px;}

#owl-product .warp{padding:0 10px; text-align: center;}
#owl-product .warp .imgarea{width: 180px; height: 180px;/*padding:10px;*/ background: #fff; overflow: hidden;
  margin:0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
#owl-product .warp .imgarea img{
  width: 180px; height: 180px;
 -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
#owl-product .warp h3{font: 300 16px/50px microsoft yahei; color: #333;}


.section-5{background: url(../images/homebg03.jpg) no-repeat center bottom;}
#owl-equipment .item{ text-align: center;}
#owl-equipment .item img{  height: 100%;}

.section-6{background:#114cbc url(../images/homebg04.jpg) no-repeat center top;}
.section-6 .protit{color: #fff;}
.servicebox .mode{width: 50%; height: 460px; overflow: hidden; float: left;}
.servicebox .mode .imgarea{width: 100%; height: 230px; overflow: hidden;}
.servicebox .mode .imgarea img{height: 100%;}
.servicebox .mode .txtarea{width: 100%;height: 230px; overflow: hidden; background: #fff;text-align: center;}
.servicebox .mode .txtarea h3{font: 300 36px/50px microsoft yahei; margin:40px 0 15px 0; }
.servicebox .mode .txtarea .more{ padding:9px 20px ; width:100px;border:1px solid #cecece;display: block;margin:20px auto 0 auto;}
@media only screen and (max-width: 600px) {
.servicebox .mode{width: 100%; height: 230px; overflow: hidden; float: none;}
.servicebox .mode .imgarea{display: none;}
}
.section-7{background: url(../images/homebg05.jpg) no-repeat center top;}
.contactleft {width: calc(100% - 640px); float: left;padding-left: 240px;background: url(../images/pic13.png) no-repeat center left; color: #333; line-height: 28px;}
.contactleft h3{font: 300 18px/36px microsoft yahei;}
.contactleft .tel{font: 700 24px/36px microsoft yahei;}
.contactleft .line{height: 1px;border-bottom: 1px solid #c7c7c7; width: 100px;margin:5px 0 10px 0;}
.foot_fback{width:350px; float: right; background: url(../images/title04.png) no-repeat center left;padding-left: 50px;}
.foot_fback .ui-input{width: 100%;margin-bottom: 10px;padding:7px 0; text-indent: 10px;border:1px solid #d1d1d1;background: #f8f8f8;font-family: microsoft yahei;}
.foot_fback .tit{font: 300 18px/36px microsoft yahei;margin-bottom: 5px;}
.foot_fback .ui-textarea{width: 100%; height: 70px; margin-bottom: 10px;padding:7px 0; text-indent: 10px;border:1px solid #d1d1d1;background: #f8f8f8;font-family: microsoft yahei;}
.foot_fback .ui-btn{background: #0c46b1;float: right;border:1px solid #0c46b1;color: #fff;width: 100px; height: 34px;font-family: microsoft yahei;}
@media only screen and (max-width: 767px) {
  .contactleft {width: 100%; float: none;padding-left: 0;}
.foot_fback{display: none;}
}



/* ==========================================================================
   Footer
   ========================================================================== */
footer {width:100%;height: 40px; background:#0c46b1;color: #fff; font: 300 12px/40px microsoft yahei; position: absolute;bottom:0; }

footer .footleft{font: 300 12px/40px microsoft yahei; float: left;}
footer .footright{font: 300 12px/40px microsoft yahei; float: right;}

@media only screen and (max-width: 767px) {
  footer {width:100%; background:#0c46b1;color: #fff;text-align: center;}
  footer .footleft{margin-top: 10px;}
footer .footleft,footer .footright{ float: none; line-height: 18px;}
}