@charset "utf-8";

/* w-header-x
--------------------------------------------------
*/
.w-headerbg-x{width: 100%; background:#fff; height: 120px;}
.w-header-x{width: 1180px;margin: 0 auto;  position: relative;z-index: 100;}
.w-headerbg-x .logo{float:left;width: 155px; padding-top:26px}
.w-headerbg-x .logo .img1{ display: none}
.w-headerbg-x .logo .img2{ display: block}

.w-navbg-x{float:right;padding-top:45px}
.w-nav-x{ }
.w-nav-x .nav-li{float:left;position: relative; z-index: 100; }
.w-nav-x .nav-a{font-size: 17px; height:50px;line-height:50px;color:#333;
    display: block;padding:0 25px; background:url(../images/nr15.png) no-repeat right center }
.w-nav-x .nav-li:last-of-type .nav-a{background: none;}
.w-nav-x .nav-li:hover .nav-a,
.w-nav-x .nav-li.hover .nav-a,
.w-nav-x .nav-li.cur .nav-a{  }

.w-nav-x .nav-item{position:absolute;z-index:100;left:0;top:50px;padding:0 10px;
    min-width:270px; color:#333; display: none;  background: #f1f1f1; border-radius: 20px;
}
.w-nav-x .nav-item:after{content: ''; background: url(../images/index32.png) no-repeat; width: 13px;height: 6px;position:absolute; top:-6px;left:40px;}
.w-nav-x .nav-item a{ font-size:14px;  display: block;  float:left;padding:9px 12px;}

.w-nav-x .nav-item-43{min-width:180px;}
.w-nav-x .nav-item-44{min-width:300px;}
.w-nav-x .nav-item-45{min-width:440px; }
.w-nav-x .nav-item-46{min-width:320px; }
.w-nav-x .nav-item-47{min-width:190px; }

/* 导航搜索 */
.nav-search{float:right;cursor: pointer;position: relative;z-index:100;  padding:54px 0 0 40px;}
.nav-search-inner{width:240px; border-radius:17px;border: 1px solid #c1c9d5;}
.nav-search-inner .text{float:left;border:none; background:none;padding:0 10px; width:194px;height:32px; color: #333}
.nav-search-inner .btn{ float:left;border:none; cursor:pointer;width: 44px;height:32px; border-left:1px solid #c1c9d5; text-align: center;
    /*background: url(../images/nr16.png) no-repeat center center;*/ background: none;
}
.nav-search-inner .btn i{color: #555;  font-size: 16px; }

.w-header-x .langwrap{float:right;padding:54px 0 0 20px;}
.w-header-x .langwrap a{
    border-radius: 50%;font-size: 18px;padding:6px;
    display: block; border:1px solid #ccc;color:#555;text-align: center;}
.w-header-x .langwrap a:hover{ opacity: 0.8}

/* 首页样式 */
.w-headerbg-x-index{ position: absolute;z-index: 100;top:0;left:0; background:none; }
.w-headerbg-x-index .w-nav-x .nav-a{color:rgba(255,255,255,0.9);}
.w-headerbg-x-index .nav-search-inner .btn i{color: #fff;  }
.w-headerbg-x-index .w-header-x .langwrap a{color: #fff; border:1px solid #c1c9d5; }
.w-headerbg-x-index .logo .img1{ display: block}
.w-headerbg-x-index .logo .img2{ display: none}
.w-headerbg-x-index .w-nav-x .nav-item{background: #fff;}
.w-headerbg-x-index .w-nav-x .nav-item:after{  background: url(../images/index3.png) no-repeat;  }
.w-headerbg-x-index .nav-search-inner .text{ color: #fff}

/* 轮播 */
.swiper0-prev,
.swiper0-next{
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper0-prev{ background-image: url(../images/nr141.png);    left: -50px;}
.swiper0-next{ background-image: url(../images/nr142.png);    right: -50px;}

.swiper0 .swiper-pagination-bullets{ bottom: 20px}
.swiper0 .swiper-pagination-bullet{width: 30px;height: 12px;display: inline-block;border-radius: 6px;  background-color: rgba(255, 255, 255, 1);opacity: 1 }
.swiper0 .swiper-pagination-bullet-active{background-color: #6f8cc2;width: 50px;}


/* 右侧客服 */
.suspension{position:fixed;z-index:900;right:0;bottom:85px;width:70px;height:240px; }
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#24211D;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/a/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/a/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/a/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/a/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:10px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/a/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/a/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; color:#333}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:14px;color:#93959c;}


/* 首页 */
.nr-index-1-bg{max-width: 1920px;margin: 0 auto; display: none}
.nr-index-1 a{
    display: block;
    -webkit-transition: all 1.1s;
    transition: all 1.1s;
}
.nr-index-1 a:hover{
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.nr-index-1 .w-lt{width:49.5%;padding-bottom: 32.2%; position: relative;overflow: hidden;}
.nr-index-1 .w-lt a{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.nr-index-1 .w-rt{ width:50.5%;}
.nr-index-1 .w-rt .img2,
.nr-index-1 .w-rt .img3{ width: 100%;padding-bottom:31.9%;position: relative;overflow: hidden;}
.nr-index-1 .w-rt a{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}


.nr-index-2-bg{max-width: 1920px;margin: 0 auto;}
.nr-index-2 img{
    width: 100%;
    -webkit-transition: all 1.1s;
    transition: all 1.1s;
}
.nr-index-2 a{
    display: block;
    overflow: hidden
}
.nr-index-2 a:hover img{
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.nr-index-2 .w-lt{ width:49.5%; overflow: hidden }
.nr-index-2 .w-rt{ width:50.5%;  overflow: hidden}

.nr-index-3-bg{max-width: 1920px;margin: 0 auto;margin-top: 30px;padding:0  10px; }
.swiper02 .swiper-slide{ width: 20%;float:left;margin-right: 25px;}
.swiper02 .img{overflow: hidden}
.swiper02 .img img{width: 100%}
.swiper02 .item{ background: #f7f7f7;border-radius: 10px;text-align: center;padding:60px 0; display: block}
.swiper02 .title{width: 100%;padding:0 20px;height: 30px;line-height: 30px; font-weight: bold; font-size: 16px;margin-top: 30px;}
.swiper02 .title2{width: 100%;padding:0 20px;height: 30px;line-height: 30px; font-weight: 100; font-size: 16px;margin-top:6px;}
.swiper02 .more{width: 130px;margin: 0 auto;margin-top: 20px;line-height: 34px; color: #fff; background: #2b2b2b; font-size: 14px;border-radius: 17px;}
.swiper02 .more:hover{opacity: 0.85}

.swiper02-btn{ width: 230px; border:1px solid #ddd; border-radius: 24px; background: #fff;margin: 0 auto;margin-top: 30px;}
.swiper02-prev,
.swiper02-next {width: 60px;height: 48px; float: left; cursor: pointer}
.swiper02-prev{ background: url(../images/f1.png) no-repeat center center;}
.swiper02-next{ background: url(../images/f3.png) no-repeat center center;}
.swiper02-btn .more{ border-left:1px solid #ddd;border-right:1px solid #ddd;display: block;width: 100px;height: 48px; float: left;background: url(../images/f2.png) no-repeat center center;}


.nr-index-4-bg{padding:90px 0; background: #f7f7f7;margin-top: 30px;}
.nr-index-4{ text-align: center;  }
.nr-index-4 .bcon li{ display: inline-block; padding:0 70px; }
.nr-index-4 .bcon .title{ font-weight: 100; font-size:22px;margin-top: 20px;}


.nr-footer-bg{ background:url(../images/nr2.jpg) no-repeat; background-size: cover;padding:50px 0;}
.nr-footer{width: 1100px;margin: 0 auto}
.nr-footer .flogo{ text-align: center}
.nr-footer .ftel{padding:4px 0 4px 4px; background: #222;color:#fff;border-radius: 20px; width: 367px;margin: 0 auto;margin-top: 36px;}
.nr-footer .ftel a{line-height: 34px;font-size:19px; display: block;color:#fff; background: url(../images/nr13.png) no-repeat left center;padding-left:40px;}
.nr-footer .bcon{margin-top: 90px;}
.nr-footer .bcon dl{float:left; width: 170px;padding-left:30px;}
.nr-footer .bcon dt{ font-size: 18px;margin-bottom: 20px; font-weight: bold}
.nr-footer .bcon dd{ font-size: 15px;line-height: 30px;}

.nr-footer2-bg{ background:#677389;padding:20px 0;}
.nr-footer2{width: 1100px;margin: 0 auto;color:rgba(255,255,255,.9);font-size:14px; line-height: 1.6; font-weight: 100}
.nr-footer2 a{color:#fff;}

.pos-bg{ background: #eee}
.pos{ width:100%; margin: 0 auto;font-size: 14px;color:#444; line-height:60px; }
.pos .w-rt a{color:#555}
.pos .w-rt .sep{ font-family: simsun; padding: 0 6px;color:#adadad;}


.ny-cate2-bg{text-align: center;margin-top: 70px; }
.ny-cate2 .t{font-size: 30px;font-weight: bold;}
.w-g-cate2{ margin-top: 20px}
.w-g-cate2 .sp{ }
.w-g-cate2 a{
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    padding: 10px 0;
    margin: 0 25px;
    color: #000;
    border-bottom: 1px solid transparent;
    text-decoration: none;
}
.w-g-cate2 a.cur {border-bottom: 1px solid #000; color:#000;}

/* 新闻 */
.news_list li{ width: 33.333%;padding:30px;float:left;}
.news_list .img{ overflow: hidden}
.news_list .img img{width: 100%; height: 265px;}
.news_list .item{ display: block; background: #f6f6f6; border-radius: 10px; overflow: hidden;
    -webkit-transition: .4s;
    transition: .4s;
}
.news_list .item:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 4px 15px rgba(0,0,0,.15);
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
}
.news_list .item .txt{padding:24px 33px; text-align: center}
.news_list .item .title{font-size: 18px;height: 30px;line-height: 30px;overflow: hidden; font-weight: bold}
.news_list .item .subtitle{ height:20px;line-height: 20px; overflow: hidden;font-size: 14px;color:#999;margin:12px 0 0 0;}
.news_list .item .btn{font-size: 14px; display: inline-block; background: #222;padding:9px 25px; color: #fff;border-radius:16px;margin-top: 24px}

/* 产品 */
.product_list{}
.product_list li{ width: 25%;float:left;padding: 17px;}
.product_list .img{overflow: hidden}
.product_list .img img{width: 100%}
.product_list .item{ background: #f7f7f7;border-radius: 10px;text-align: center;padding:40px 0; display: block}
.product_list .title{width: 100%;padding:0 20px;height: 30px;line-height: 30px; font-weight: bold; font-size: 16px;margin-top: 30px;}
.product_list .title2{width: 100%;padding:0 20px;height: 30px;line-height: 30px; font-weight: 100; font-size: 16px;margin-top:6px;}
.product_list .more{width: 130px;margin: 0 auto;margin-top: 20px;line-height: 34px; color: #fff; background: #2b2b2b; font-size: 14px;border-radius: 17px;}
.product_list .more:hover{opacity: 0.85}

.po_pro{margin-bottom: 20px}
.po_pro .t{ font-size: 15px; font-weight: bold;float:left;}
.po_pro .tli{font-size: 16px;margin-top: 20px;float:left; text-align: right;padding-left:17px;}
.po_pro .tli0{ font-size: 28px;display: inline-block; font-weight: bold; color: #000;padding-right: 40px}
.po_pro .tli span{margin:0 10px;color: #dcdcdc}
.po_pro .tli a{ color: #ccc}
.po_pro .tli a.cur{ color: #333}


/* 服务 */
.fuwu_t{margin-top: 80px; text-align: center; font-size: 34px; font-weight: bold; color: #000}
.fuwu_t2{margin-top: 25px; text-align: center; font-size: 14px;  color: #777}

.fuwu_con1{margin-top: 60px;}
.fuwu_con1 ul{ text-align: center}
.fuwu_con1 li{ display: inline-block;padding:0 22px;}
.fuwu_con1 .item{ display: block;   border: solid 1px #888;padding:35px 70px; text-align: center;  border-radius: 6px;
    -webkit-transition: .4s;
    transition: .4s;
}
.fuwu_con1 .item:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
}
.fuwu_con1 .img img{ height: 60px;}
.fuwu_con1 .title{margin-top: 20px; font-size: 15px;}

.fuwu_t3_bg{background: #f5f5f5;text-align: center; font-size: 26px;padding:20px 0;margin-top: 120px; color: #444; font-weight: bold}
.fuwu_con2{ width: 1200px;margin: 50px auto 80px auto}
.fuwu_con2 ul{ text-align: center}
.fuwu_con2 li{ display: inline-block;padding:0 22px;}
.fuwu_con2 .item{ display: block;   padding:30px 60px; text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
}
.fuwu_con2 .item:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
}
.fuwu_con2 .img img{ height: 60px;}
.fuwu_con2 .title{margin-top: 20px; font-size: 15px;}

.fwcon{ display: none; width:320px;margin:0 auto;padding-top:40px;font-size: 17px;line-height: 1.8 }
.fwcon p{margin-bottom: 25px}
.fwcon p span{ color: #44a8f2;margin-right: 15px;}

/* 留言 */
.msg_pd{width: 650px;margin: 0 auto;padding:0 0 60px 0;}
.msg_pd h1{  font-size: 32px; color: #000;
    font-weight: bold;
    padding:60px 0 0 0;}
.msg_pd .pd{line-height:1.8;font-size: 16px;margin:12px 0 20px 0; color: #888}
.msg_pd label{font-size: 15px;margin:25px 0 10px 0; display: block;color:#000;}
.msg_pd .form-control{background: #fff;width: 100%;border:1px solid #a7a7a7;padding:15px 8px;   border-radius: 3px; font-size: 14px}
.msg_pd .tcon{text-align: center;margin-bottom: 50px;}
.msg_pd .tcon .t1{font-size: 35px;color:#cccccc}
.msg_pd .tcon .t2{font-size: 30px;color:#009049;margin-top: 10px;}
.msg_pd .tcon .t3{font-size: 14px;color:#666;margin-top: 10px;}
.msg_pd .btn{
    border: none;
    width: 300px;
    height: 55px;
    color: #fff;
    border-radius: 4px;
    background: #333;
    font-size: 15px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 60px;
    display: block;
}
.msg_pd .btn:hover{opacity: 0.85}

#vdcode{width:330px;background:#fff;font-size:14px;border:1px solid #ccc;padding:40px 30px}
/*display:none;position:absolute;left:0;margin-left:0;bottom:0px;*/
#vdcode #checkcode{border:1px solid #ccc; width:100px;margin-right:10px;padding:10px;}
#vdcode img{vertical-align:middle}
#vdcode .sbtn{border:none; display: block; width:100%;font-size:14px;height:40px;color:#fff;background:#c70e14;margin:18px 0 0 0}
#vdcode .close_item{margin-top:18px;text-align:center;cursor:pointer}

#fw_form .input_1{margin-top: 80px}
#fw_form .input_1 input{background: #fff;width: 100%;border:1px solid #666;
    padding:15px 8px; border-radius: 3px; font-size: 14px;text-align: center}
#fw_form .btn2{border:none;width: 250px;height: 50px;color:#fff;border-radius: 4px;background: #333;font-size: 15px; cursor: pointer; margin: 0 auto;margin-top:40px; display: block}

.gm{  margin: 0 auto;padding:70px 30px 100px 30px;}
.gm li{ width: 25%;float:left; text-align: center;padding:0 25px }
.gm li .item{ display: block;border:1px solid #e6e6e6;border-radius: 10px;padding:45px 0 35px 0;
    -webkit-transition: .4s;
    transition: .4s;
}
.gm li .item:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
}
.gm li .img img{ width: 110px}
.gm li .title{ font-size: 14px;margin-top: 20px}

/* 购买样式2 */
.gm_list_bg{ background: #f5f5f5}
.gm_list_t{padding-top: 80px; text-align: center; font-size: 34px; font-weight: bold; color: #000}
.gm_list_t2{margin-top: 25px; text-align: center; font-size: 14px;  color: #777}
.gm_list{padding:60px 0 100px 0; max-width: 1320px;margin: 0 auto}
.gm_list ul{margin-left:-24px; }
.gm_list li{float:left;padding-left:24px; width: 25%; text-align: center}
.gm_list .item{ background: #fff;padding:40px 0;border:1px solid #e3e3e3; display: block;
    -webkit-transition: .4s;
    transition: .4s;
}
.gm_list .img img{width: 115px;opacity: .8}
.gm_list .item:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
}

.gm_list .title2{margin-top: 15px; font-size:15px;}


.w-mainc-shadow{box-shadow: 0px 0px 8px #eee;}


#join_form .input_1{margin-top: 50px}
#join_form .input_1 select{background: #fff;width:74%;border:1px solid #666;float:left;
    padding:15px 8px; border-radius: 3px; font-size: 15px;text-align: center}
#join_form .btn2{border:none;width: 250px;height: 50px;color:#fff;border-radius: 4px;background: #333;font-size: 15px; cursor: pointer; margin: 0 auto;margin-top:40px; display: block}

#join_form .input_1 .aa{ border-radius: 3px;  width: 22%;float:right;height: 54px;line-height: 54px; text-align: center; display: block; background: #222;color: #fff; font-size: 15px; }
#join_form .input_1 .aa:hover{opacity: .85}

.join_list{width: 650px;margin: 0 auto;padding:0 0 60px 0; }
.join_list li{border-bottom: 1px dashed #ccc;}
.join_list .item{ display: block;padding:24px 18px; background: url(../images/xq.png) 600px center no-repeat #f7f7f7}
.join_list .item:hover{ background: url(../images/xq.png) 600px center no-repeat #eee}
.join_list .img{float:left;width:22%}
.join_list .img img{ width: 100%}
.join_list .txt{float:left;width:78%;padding-left:20px;}
.join_list .title{font-size: 18px; font-weight: bold}
.join_list .con{margin-top:10px;font-size: 13px;line-height: 1.8}

.join_lx{padding:0 0 20px 0;}
.join_lx ul{margin-left:-20px; }
.join_lx li{float:left;padding-left:20px; width: 25%; text-align: center}
.join_lx .img img{width: 58px;opacity: .8}
.join_lx .item{ background: #fff;padding:32px 0;border:1px solid #e3e3e3;
    -webkit-transition: .4s;
    transition: .4s;
}

.join_lx .item:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
}

.join_lx .title{margin-top: 25px;font-weight: 600;font-size:16px;}
.join_lx .title2{margin-top: 10px;font-weight: 100;font-size:16px;}


/* 联系 */
.contact_wrapper{ width: 1280px;margin: 0 auto;padding-bottom: 120px;}
.contact_box{margin-top: 20px;}
.contact_box .t{font-size: 26px;
    color: #111;

    font-weight: 700;
    padding-bottom: 16px;
    padding-top: 26px;
    border-bottom: 1px solid #eee;}


.contact_box li{float:left; width: 33.333%; margin-top: 15px;}
.contact_box .item{  padding:30px 0;
    -webkit-transition: .4s;
    transition: .4s;
}

.contact_box .item:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
}
.contact_box li .img{ width: 120px;float:left;}
.contact_box li .imgbox{background-repeat:no-repeat;background-size:32px;width:60px;height:60px; background-color:#6A768C;border-radius:30px;background-position:center center;margin:0 auto}
.contact_box li .txt{ width: 300px;float:left;}
.contact_box li .t1{ padding-top:5px;   font-size: 17px; font-weight: bold;}
.contact_box li .t2{margin-top:13px; font-size: 14px;}
#pd_ditu{ width: 100%; height: 500px;margin-top: 20px}

.gg_wrap{width: 1300px;margin: 0 auto}
.gg-mt15{ margin-top: 15px}
.gg-fs18{ font-size: 18px;}
.gg-fs40{ font-size: 40px;}

.gg1_bg{width: 100%;}

.gg2_bg{ background: #f3f3f3;margin-top: 60px}
.gg2 .w-lt{width: 50%}
.gg2 .w-lt img{width: 100%}
.gg2 .w-rt{width: 50%}
.gg2 .w-rt .pd{padding:40px 40px 0 40px;}

.gg3_bg{ margin-top: 60px}

.gg4_bg{ background: #f3f3f3;margin-top: 60px}
.gg4 .w-lt{width: 40%}
.gg4 .w-lt img{width: 100%}
.gg4 .w-rt{width: 60%}
.gg4 .w-rt .pd{padding:50px 50px 0 50px;}

.gg6_bg{ margin: 60px 0}
.gg-table{margin-top: 60px}
.gg-table ul{border-bottom: 1px solid #ccc;border-right:1px solid #ccc;}
.gg-table li{border-top:1px solid #ccc;border-left:1px solid #ccc; width: 33.333%;float:left;padding:30px;}
.gg-table li .img{ text-align:center; height: 150px;
    display: flex;
    flex-direction: column;
    align-items:center;/*由于flex-direction: column，因此align-items代表的是水平方向*/
    justify-content: center;/*由于flex-direction: column，因此justify-content代表的是垂直方向*/

}
.gg-table li .title{ font-size: 22px; text-align: center;margin: 15px 0}
.gg-table li .des{ font-size: 16px; line-height: 24px; height: 96px;}


.gg_history_bg{padding:60px 0}
.gg_history{ width: 1340px; margin: 0 auto; }
.gg_history .t{ font-size: 40px; text-align: center}
.gg_history ul{padding: 20px 0;background: url(../images/line.png) repeat-y center top;margin-top: 50px}
.gg_history li{padding-bottom: 50px}
.gg_history .w1{width: 50%;height: 50px; }
.gg_history .w2{width: 50%; min-height:50px;}
.gg_history  i{ display: block; position: absolute; width: 20px;height: 20px; background: #e62119;border-radius: 10px;}
.gg_history  .txt1{position: relative ; font-size: 26px; font-weight:bold; width: 100%}
.gg_history  .txt2{ font-size: 19px;margin-top: 10px;line-height: 1.4; font-weight: 100; width: 80%;}
.gg_history  .txt1 img{vertical-align:bottom;}

.gg_history .lli_left .w1{float:right;}
.gg_history .lli_left .w2{float:left;padding-right: 50px;}
.gg_history .lli_left  i{bottom:-15px;right:-60px;}
.gg_history .lli_left .txt1 img{ margin-right: 22px}
.gg_history .lli_left .txt1,
.gg_history .lli_left .txt2{text-align: right; float:right}

.gg_history .lli_right .w1{float:left;}
.gg_history .lli_right .w2{float:right;padding-left:50px;}
.gg_history .lli_right  i{bottom:-15px;left:-60px;}
.gg_history .lli_right .txt1 img{ margin-left: 22px}
.gg_history .lli_right .txt1,
.gg_history .lli_right .txt2{text-align: left;}


.fw_table{ width: 100%;margin-top: 40px; }
.fw_table .w-table{width: 100%}
.fw_table .w-table td{border:1px solid #ddd;padding:12px; font-size: 14px;line-height: 1.4}
.fw_table .w-table .td1{background: #f9f9f9; width: 120px;}