/* ==========================================================================
    Global
    ========================================================================== */

 html {
     font-size: 62.5%;
 }

 a {
     color: #333;
 }

 a:hover {
     color: #3476a5;
 }

 body {
     color: #333;
     font: 300 14px/2 microsoft yahei, Arial, Helvetica, sans-serif;
     /*font: 14px/2 microsoft yahei, Arial, Helvetica, sans-serif;*/

 }

 .wrapper {
     max-width: 1240px;
     /*min-width: 980px; */
     _width: 1240px;
     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;
 }

 /* ==================================
    menu
    ================================== */

 .menu {
     position: relative;
 }

 /* menu-hd */

 .menu-hd {
     position: relative;
     z-index: 1002;
     overflow: hidden;
     height: 30px;
     line-height: 30px;
     padding: 0 20px 0 6px;
 }

 /* menu-bd */

 .menu-bd {
     display: none;
     position: absolute;
     z-index: 1001;
     margin-top: -1px;
 }

 .menu-bd-panel {
     padding: 5px 0;
     border: 1px solid #eee;
     background: #fff;
     min-width: 96px;
 }

 .menu-bd-panel a {
     display: block;
     padding: 0 5px;
     line-height: 28px;
     white-space: nowrap;
     color: #6C6C6C
 }

 /* menu arrow */

 .menu-hd .fa-caret-down {
     -webkit-transition: .3s ease-in;
     -moz-transition: .3s ease-in;
     -o-transition: .3s ease-in;
     transition: .3s ease-in;
     position: absolute;
     height: 30px;
     line-height: 30px;
     top: 0;
     right: 6px;
 }

 /* menu hover */

 .menu-hover .menu-hd {
     z-index: 10002;
 }

 .menu-hover .menu-bd {
     z-index: 10001;
 }

 .menu-hover .menu-hd {
     padding: 0 19px 1px 5px;
     border-width: 0 1px;
     border-style: solid;
     border-color: #eee;
     background: #fff;
 }

 .menu-hover .menu-hd .fa-caret-down {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
 }

 .menu-hover .menu-bd-panel a:hover {
     background: #eee;
 }

 /* search */
 /* ==========================================================================
    Header
    ========================================================================== */
 header {}

 header .wrapper {
     min-height: 80px;
     position: relative;
     z-index: 99;
 }

 .logo {
     position: absolute;
     left: 0;
     width: 40%;
     height: 150px;
     overflow: hidden;
     line-height: 150px;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
 }

 .logo img {
     max-width: 100%;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
 }

 @media only screen and (max-width: 880px) {
     .logo {
         left: 10px;
     }
 }

 @media only screen and (max-width:767px) {
     .logo {
         display: none;
     }
 }

 .topbar {
     position: absolute;
     top: 35px;
     right: 0px;
     font: 300 13px/24px microsoft yahei;
     color: #f58c2c;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
 }

 .topbar .tel {
     font-size: 18px;
     font-weight: bold;
 }

 .topbar i {
     color: #176cb0;
     font-size: 16px;
 }

 .topbar a {
     margin-left: 10px;
     color: #f58c2c;
 }

 @media only screen and (max-width:767px) {
     .topbar {
         position: relative;
         top: -30px;
         width: calc(100% - 10px);
         height: 30px;
         background: #f3f3f3;
         text-align: right;
         line-height: 30px;
         padding: 0 5px;
     }

     .topbar .left {
         float: left;
     }

     .topbar .tel {
         font-size: 14px;
         font-weight: bold;
     }

     .topbar .en {
         display: none;
     }
 }

 /**mini_top**/
 .mini_top .topbar {
     top: 10px;
 }

 .mini_top .logo {
     height: 90px;
     line-height: 90px;
 }

 .mini_top .logo img {
     max-width: 80%;
 }

 /* ==========================================================================
    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;
 }

 .globalnav .active a,
 .globalnav li .active1 {
     color: #3476a5;
 }

 .dropdown {
     position: absolute;
     z-index: 999;
     background: #fff;
     background: rgba(255, 255, 255, .9);
     display: none;
     padding: 15px 20px;
     border-bottom: 3px solid #3476a5;
     margin-left: -65px;
     top: 100%;
     min-width: 150px;
 }

 #gn_02 .dropdown {
     margin-left: -85px;
     min-width: 200px;
 }

 @media (min-width:768px) {
     .active1+.dropdown {
         top: 56px;
     }

 }

 .dropdown:after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border: 0 dashed transparent;
     overflow: hidden;
     border-top-style: solid;
     border-width: 5px 5px 0;
     border-top-color: #333;
     left: 50%;
     margin-left: -5px;
     top: -5px;
 }

 .dropdown a {
     /*    white-space: nowrap;*/
     line-height: 20px;
     font-size: 14px;
     float: left;
     padding: 5px 0;
     color: #000;
     background: none;
     border-bottom: 0 none;
     width: 90%;
     display: block;
     text-align: left;
 }

 @media (max-width:767px) {
     .dropdown a {
         /*    white-space: nowrap;*/
         font-size: 16px;
         width: 100%;
         text-align: left;
     }

     .dropdown {
         min-width: calc(100% - 40px);
     }
     #gn_02 .dropdown{margin-left: 0;}

 }

 .dropdown a .fa {
     font-size: 12px;
     line-height: 30px;
     color: #ccc;
     padding-right: 5px;
 }

 .dropdown a:hover,
 .dropdown a:hover .fa {
     color: #3476a5;
 }



 /* ==========================================================================
    Content
    ========================================================================== */
 .hidden {
     display: none;
 }

 /* ==================================
    banner
    ================================== */
 .banner {
     overflow: hidden;
     position: relative;
     margin-top: 150px;
 }

 .banner .swiper-wrapper {
     z-index: 0;
 }

 .banner .swiper-slide .pic {
     overflow: hidden;
 }

 .banner img {
     max-width: 100%;
 }

 .banner .mpic {
     display: none;
 }

 .banner .swiper-button-next,
 .banner .swiper-button-prev {
     width: 53px;
     height: 103px;
     line-height: 103px;
     font-size: 68px;
     color: #176cb0;
     margin-top: -50px;
 }

 .banner .swiper-button-next {
     background: none;
     text-align: right;
 }

 .banner .swiper-button-prev {
     background: none;
 }

 .banner .swiper-pagination-bullet {
     width: 13px;
     height: 13px;
     display: inline-block;
     border-radius: 100%;
     background: #fff;
     box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
     opacity: 1;
 }

 .banner .swiper-pagination-bullet-active {
     opacity: 1;
     background: #176cb0;
 }

 @media only screen and (max-width: 767px) {
     .banner .mpic {
         display: block;
     }

     .banner .pic {
         display: none;
     }

     .banner {
         height: auto;
         margin-top: 30px;
     }

     .banner .swiper-slide .pic {
         height: auto;
     }

     .banner .swiper-slide img {
         display: block;
         max-width: 100%;
     }

     .banner .swiper-button-next,
     .banner .swiper-button-prev {
         display: none;
     }

     div.partners.swiper-container-horizontal>div>img {
         width: 100%;
     }
 }

 /* ==========================================================================
    home_products
    ========================================================================== */
 .home_tec {
     padding: 80px 0;
     background: #fff url(../images/homebg01.jpg) bottom center no-repeat;
     background-size: cover;
 }

 .htec_mode01 {
     margin-bottom: 20px;
 }

 .htectit {
     height: 228px;
     width: 50%;
     float: left;
 }

 .htectit .mode01 {
     color: #176cb0;
     font: 700 32px/40px microsoft yahei;
 }

 .htectit .mode01 span {
     color: #ef8409;
     font: 300 24px/40px Arial;
     text-transform: Uppercase;
 }

 .htectit .desc {
     color: #176cb0;
     margin: 20px 100px 0 0;
 }

 .tecgrid {
     width: 25%;
     height: 228px;
     overflow: hidden;
     float: left;
 }

 .tecgridkb {
     margin-left: 25%;
 }

 .techoneybox {
     width: 90%;
     height: 228px;
     overflow: hidden;
     position: relative;
     margin: 0 auto;
     max-width: 295px;
 }

 .techoneybox img {
     width: 100%;
     height: 228px;
 }

 .techoneybox .coverbg {
     width: 100%;
     height: 100%;
     background: url(../images/picbg01.png) bottom center repeat-x;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 1;
 }

 .effect-honey {
     background: #000;
 }

 .effect-honey img {
     transition: transform 2s;
 }

 .effect-honey:hover img {
     transform: scale(1.1);
 }

 .effect-honey figcaption::before {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 3;
     width: 100%;
     height: 5px;
     background: #176cb0;
     content: '';
     -webkit-transform: translate3d(0, 5px, 0);
     transform: translate3d(0, 5px, 0);
 }

 .effect-honey h2 {
     color: #fff;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 3;
     padding: 10px 0;
     width: 100%;
     text-align: center;
     -webkit-transform: translate3d(0, -15px, 0);
     transform: translate3d(0, -15px, 0);
 }

 .effect-honey figcaption::before,
 .effect-honey h2 {
     font: 300 18px/24px microsoft yahei;
     -webkit-transition: -webkit-transform 0.35s;
     transition: transform 0.35s;
 }

 .effect-honey:hover figcaption::before,
 .effect-honey:hover h2 {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 @media only screen and (max-width:920px) {
     .htectit {
         width: 100%;
         height: auto;
     }

     .htectit .desc {
         color: #176cb0;
         margin: 20px 0 40px 0;
     }

     .tecgridkb {
         margin-left: 0;
     }

     .tecgrid {
         width: 33.3%;
     }
 }

 @media only screen and (max-width:767px) {
     .tecgrid {
         width: 100%;
         margin-bottom: 20px;
     }

     .htectit .desc {
         color: #176cb0;
         margin: 10px 0 10px 0;
     }

     .htec_mode01 {
         margin-bottom: 0;
     }

     .htectit .mode01 {
         color: #176cb0;
         font: 700 20px/40px microsoft yahei;
     }

     .htectit .mode01 span {
         color: #ef8409;
         font: 300 16px/40px Arial;
         text-transform: Uppercase;
     }
 }

 /* ==========================================================================
    home_about
    ========================================================================== */
 .home_about {
     padding: 60px 0;
     background: #fff;
 }

 .home_about .left {
     width: 48%;
     height: 500px;
     overflow: hidden;
     float: left;
 }

 .home_about .htit {
     font: 700 32px/40px microsoft yahei;
     height: 40px;
     color: #176cb0;
     /*text-transform: Uppercase;
 */    margin-bottom: 20px;
 }

 .home_about .htit span {
     font: 300 24px/40px Arial;
     ;
     color: #ef8409;
 }

 .home_about .htit a {
     font: 300 12px/20px microsoft yahei;
     width: 73px;
     height: 20px;
     display: block;
     float: right;
     text-align: center;
     margin-top: 10px;
     background: #fafafa;
     background-image: -webkit-linear-gradient(top, #fafafa 0%, #bebdbd 100%);
     background-image: -moz-linear-gradient(top, #fafafa 0%, #bebdbd 100%);
     background-image: linear-gradient(top, #fafafa 0%, #bebdbd 100%);
     filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#fafafa', StartColorStr='#bebdbd');
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
     border-radius: 8px;
 }

 .home_about .left .imgarea {
     width: 100%;
     max-height: 224px;
     overflow: hidden;
 }

 .home_about .left .imgarea img {
     max-width: 100%;
 }

 .home_about .left .txtarea {
     margin-top: 18px;
     color: #555555;
 }

 .home_about .right {
     width: 48%;
     height: 500px;
     overflow: hidden;
     float: right;
 }

 .home_about .right {
     position: relative;
 }

 .home_about .right .imgarea {
     height: 224px;
     overflow: hidden;
 }

 .home_about .right .imgarea a {
     color: #fff;
 }

 .home_about .right .imgarea img {
     width: 100%;
 }

 .home_about .right .imgarea .cover {
     width: 100%;
     height: 100%;
     background: url(../images/picbg01.png) bottom center repeat-x;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 1;
 }

 .home_about .right .imgarea .cover p {
     text-align: center;
     margin-top: 180px;
 }

 .home_about .right .imgarea .swiper-button-next,
 .home_about .right .imgarea .swiper-button-prev {
     width: 53px;
     height: 50px;
     line-height: 50px;
     font-size: 28px;
     color: #fff;
     margin-top: -40px;
 }

 .home_about .right .imgarea .swiper-button-next {
     background: none;
     text-align: right;
 }

 .home_about .right .imgarea .swiper-button-prev {
     background: none;
 }

 .hnewslist {
     margin-top: 20px;
 }

 .hnewslist li {
     overflow: hidden;
     margin-bottom: 20px;
     border: 1px solid #fff;
 }

 .hnewslist li .date {
     width: 85px;
     height: 85px;
     text-align: center;
     float: left;
     font: 300 16px/30px microsoft yahei;
     color: #fff;
     background: #176cb0;
 }

 .hnewslist li .date h2 {
     font: 600 24px/30px microsoft yahei;
     margin-top: 20px;
 }

 .hnewslist li .txtarea {
     width: calc(100% - 120px);
     float: right;
     padding-right: 10px;
 }

 .hnewslist li .txtarea h3 {
     font: 300 18px/30px microsoft yahei;
     margin-top: 5px;
     color: #000;
     width: 100%;
     height: 30px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .hnewslist li .txtarea h3 a {
     color: #555;
 }

 .hnewslist li .txtarea .desc {
     font: 300 13px/20px microsoft yahei;
     height: 40px;
     overflow: hidden;
     color: #555;
     margin-top: 5px;
 }

 .hnewslist li:hover {
     border: 1px solid #176cb0;
 }

 @media only screen and (max-width:767px) {
     .home_about {
         padding: 20px 0;
         background: #fff;
     }

     .home_about .left,
     .home_about .right {
         width: 100%;
         height: 500px;
         overflow: hidden;
         float: none;
     }

     .home_about .htit {
         font: 700 20px/40px microsoft yahei;
         height: 40px;
         color: #176cb0;
         text-transform: Uppercase;
         margin-bottom: 20px;
     }

     .home_about .htit span {
         font: 300 18px/40px Arial;
         ;
         color: #ef8409;
     }
 }

 /* ==========================================================================
    home_partners
    ========================================================================== */
 .home_partners {
     padding: 60px 0;
     background: url(../images/homebg02.jpg) bottom center no-repeat;
     background-size: cover;
 }

 .partner_left .htit {
     font: 700 32px/40px microsoft yahei;
     color: #176cb0;
     /*text-transform: Uppercase;*/
     margin-bottom: 20px;
 }

 .partner_left .htit p {
     font: 300 24px/40px Arial;
     ;
     color: #ef8409;
 }

 .partnersbox {
     position: relative;
 }

 .partners {}

 .partner_left {
     width: 320px;
     float: left;
     /*padding-bottom: 100px;*/
 }

 .partners {
     width: calc(100% - 380px);
     float: right;
     overflow: hidden;
 }

 .partners .swiper-button-next,
 .partners .swiper-button-prev {
     width: 53px;
     height: 50px;
     top: auto;
     bottom: 0;
     line-height: 50px;
     font-size: 46px;
     color: #176cb0;
     margin-top: -40px;
 }

 .partners .swiper-button-next {
     background: none;
     text-align: right;
     left: 250px;
 }

 .partners .swiper-button-prev {
     background: none;
     left: 200px;
 }

 /* Center slide text vertically */
 /*.partners .swiper-slide {
       display: -webkit-box;
       display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       -webkit-justify-content: center;
       justify-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       -webkit-align-items: center;
       align-items: center;
     }*/
 .partners .warp {
     background: #fff;
     border: 1px solid #b5c9e2;
     overflow: hidden;
     height: 80px;
     line-height: 78px;
     margin: 0 10px 10px 10px;
     width: calc(100% - 22px);
     text-align: center;
 }

 .partners .warp img {
     max-width: 80%;
     max-height: 100%;
 }

 .partners .warp:hover {
     border-color: #176cb0;
 }

 @media only screen and (max-width:920px) {
     .partnersbox {
         /*padding-bottom: 70px;*/
     }

     .partner_left {
         width: 100%;
         float: left;
         padding-bottom: 20px;
     }

     .partners {
         width: 100%;
         float: none;
         overflow: hidden;
     }

     .partners .swiper-button-next {
         background: none;
         text-align: right;
         left: 50%;
         margin-left: -10px;
     }

     .partners .swiper-button-prev {
         background: none;
         left: 50%;
         margin-left: -50px;
     }
 }

 @media only screen and (max-width:767px) {
     .partners .warp {
         background: #fff;
         border: 1px solid #b5c9e2;
         height: 50px;
         line-height: 48px;
         margin: 0 5px 5px 5px;
         width: calc(100% - 12px);
         text-align: center;
         overflow: hidden;
     }

     .newcpwarp {
         padding-bottom: 0px!important;
     }

     .swiper-pagination{
     	position: static!important;
     }
      .partner_left .htit {font-size: 24px;}
 }

 /* ==========================================================================
    Footer
    ========================================================================== */
 footer {
     color: #fff;
     font-size: 12px;
     background: #3476a5;
     font-family: microsoft yahei;
     padding: 60px 0 20px 0;
 }

 footer a {
     color: #fff;
 }

 footer a:hover {}

 .footer-nav {
     text-align: justify;
 }

 .footer-nav:after {
     content: "";
     width: 100%;
     display: inline-block;
     font-size: 0;
     line-height: 0;
 }

 .fn-col {
     display: inline-block;
     *display: inline;
     zoom: 1;
     vertical-align: top;
     *padding-right: 100px;
 }

 .fn-col h3 {
     margin-bottom: 10px;
     font: 300 16px/24px microsoft yahei;
 }

 .fn-col h3 a {
     color: #fff;
 }

 .fn-col h3 a:hover {
     color: #f58c2c;
 }

 .fn-col ul {}

 .fn-col li {
     line-height: 24px;
     font-size: 13px;
 }

 .fn-col li a {
     color: #fff;
 }

 .fn-col h3:hover,
 .fn-col li:hover,
 .fn-col li a:hover {
     color: #f58c2c;
 }

 .fn_colewm {
     text-align: center;
     border-left: 1px solid #448cbf;
     padding-left: 40px;
 }

 .fn_colewm h3 {
     text-align: center;
     font-size: 16px;
 }

 .fn_colewm .imgbox {
     float: left;
     margin-left: 20px;
 }

 .fn_colewm img {
     width: 100px;
     height: 100px;
 }

 .fn-colwx {
     width: 250px;
     padding-left: 20px;
     text-align: left;
 }

 .wxmod {
     margin-bottom: 10px;
 }

 .wxmod {
     font: 700 28px/32px microsoft yahei;
     margin-bottom: 20px;
 }

 #share a {
     width: 53px;
     height: 53px;
     display: block;
     padding-left: 0;
 }

 .footbd {
     background: #296695;
     color: #fff;
     text-align: center;
     padding: 10px 0;
 }

 .footbd a {
     color: #fff;
 }

 #share .bds_sqq {
     background-image: url(../images/shareinco01.png);
     background-position: 0 0;
 }

 #share .bds_qzone {
     background-image: url(../images/shareinco02.png);
     background-position: 0 0;
 }

 #share .bds_tqf {
     background-image: url(../images/shareinco03.png);
     background-position: 0 0;
 }

 #share .bds_tqq {
     background-image: url(../images/shareinco04.png);
     background-position: 0 0;
 }

 #share .bds_weixin {
     background-image: url(../images/shareinco05.png);
     background-position: 0 0;
 }

 #share .bds_renren {
     background-image: url(../images/shareinco06.png);
     background-position: 0 0;
 }

 #share .bds_tsina {
     background-image: url(../images/shareinco07.png);
     background-position: 0 0;
 }

 #share .bds_mail {
     background-image: url(../images/shareinco08.png);
     background-position: 0 0;
 }

 .fixed-b {
     position: fixed;
     width: 100%;
     background: #333;
     bottom: 0;
     left: 0;
     display: none;
     z-index: 3;
 }

 .fixed-b li {
     width: 25%;
     text-align: center;
     color: #fff;
     float: left;
 }

 .fixed-b li a {
     display: block;
     border-right: 1px solid #454545;
     color: #fff;
     padding: 10px 0;
 }

 .fixed-b li .fa {
     font-size: 24px;
     line-height: 30px;
 }

 .fixed-b li:last-of-type a {
     border-right: 0 none;
 }

 .fixed-b li a .txt {
     display: block;
     margin-top: 5px;
 }

 @media only screen and (max-width: 767px) {
     footer {
         padding-bottom: 0px;
         padding-top: 30px;
     }

     .fixed-b {
         display: block;
     }

     .footer-nav {
         text-align: left;
     }

     .fn-col ul {
         display: none;
     }

     .fn-colpro {
         width: auto;
     }

     .fn-colwx {
         width: 100%;
         text-align: left;
         display: block;
         border-left: 0;
         padding-left: 0;
     }

     .fn_colewm {
         display: none;
     }

     .wxmod {
         font: 700 16px/32px microsoft yahei;
         margin-bottom: 5px;
     }

     .footbd {
         margin-bottom: 50px;
     }
 }

 .toggle-btn {
     display: none;
 }

 @media only screen and (max-width: 767px) {
     .toggle-btn {
         display: block;
         position: absolute;
         right: 20px;
         top: 10px;
         transition: all 0.5s;
     }

     .inner-cont>p img {
         width: 100%;
         height: auto;
         padding-bottom: 20px;
     }

     .gn-item:hover .toggle-btn {
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
     }
 }

 @media only screen and (max-width: 767px) {
     .home_tec {
         padding-top: 10px;
     }
 }