* {margin:0; padding:0; font-family: "Microsoft YaHei"; }
a {text-decoration: none; color:#62aaf2;}
body{background-color: #EAEAEA;}
ul , ul li , li{list-style:none; }
.main-body{background:#FFFFFF; width:1280px; margin:0px auto;}
.top {width:100%; background:#535353; height: 40px; line-height: 40px; overflow:hidden; z-index:999; } 
.top .top_r {width:1180px;height: 100%;box-sizing:border-box;padding:0 15px;text-align: right; margin:0 auto; }
.top .top_r a {font-size:14px;color:#c4c4c4;padding: 0 10px;border-right: 1px solid #c4c4c4;height: 14px;line-height: 14px;display: inline-block;}
.top .top_r a:last-child {border-right:none;}
.top .top_r a:hover {color:#fff;}
#affiche{ width:100%; height:36px; margin:0px auto;background:url("777_09.jpg") repeat-x;}
.gonggao-p{ color:#000000; }
@media screen and (max-width:1336px){
    
    .top .top_r {width:100%;}
}
@media screen and (max-width:768px){
    .top {height:32px; line-height: 32px;}
}
header {width:1280px; height:120px; margin:0 auto; display:flex; justify-content: space-between; box-sizing: border-box;padding-top:15px;z-index:999;}
header .logo.img {display: block; height:120px; line-height: 120px;}
header .logo img {height:85px; width:auto; padding:15px;}
header nav {height:70px;padding-top:20px;line-height: 70px;background: #fff;}
nav .navbar {width:100px;text-align: center;line-height:  40px;padding: 15px 0;background:#fff;position:relative; float:left; font-weight:bolder;}
nav .navbar a {color:#333333;font-size:16px;display:block;}
nav .navbar.active a.bar , nav .navbar a:hover {color:#62aaf2;}
nav .navbar .box {position:absolute;width:100%;top: 10px;left: 0;transition:all .4s ease;padding-top: 5px;padding-bottom: 10px;background: #fff; z-index:999;}
nav .navbar .box ul {display: none;background:  #fff;}
nav .navbar .box ul li a {font-size:14px; line-height:30px; }
nav .navbar .box:hover {box-shadow:0px 2px 15px 0px rgba( 6, 6, 6, 0.15);border-radius:15px;transition: all .4s ease;}
header .nav{position:relative;width: 30px;height:50px;top: 0px;right: 15px;box-sizing:border-box;padding: 12px 0;cursor:pointer;float:right;display:none;}
header .nav:hover span{background:#4db1e2}
header .nav span{display:block;width:100%;height:4px;background:#333;border-radius:2px;position:absolute;top: 16px;transition:all .5s;}
header .nav span.active:nth-child(1){transform:translateY(7px) rotate(45deg);transition:all .5s}
header .nav span.active:nth-child(3){transform: translateY(-9px) rotate(-44deg);transition:all .5s;}
header .nav span:nth-child(2){top: 24px;}
header .nav span:nth-child(3){top: 32px;}
@media screen and (max-width:1400px){
    header {width:100%; }
}
@media screen and (max-width:960px){
    header {height:50px;border-bottom: 1px solid #eee;}
    header .logo.img {height:50px; line-height: 50px;}
    header .logo img {height: 40px;}
    header nav {display: none;width:  100%;border-bottom: 1px solid #ccc;height:  auto;position: relative;top: 50px;padding: 10px 20px;box-sizing: border-box;z-index: 99;}
    header .nav {display: block;} 
    header .header .nav{display:block;top:0;width:30px;height:60px;}
    header .header .img{height:60px;line-height:60px}
    header .header .logo img{height:30px}
    header .header .nav span{top:20px}
    header .header .nav span:nth-child(2){top:28px}
    nav .navbar {width: 100%; text-align:left;padding: 0;overflow: hidden;border-bottom: 1px solid #eee;}
    nav .navbar:last-child {border-bottom:none;}
    nav .navbar .box {padding:0;position: static;}
    nav .navbar .box:hover {box-shadow:none; border-radius:none;}
    nav .navbar .box ul {padding-left:20px;}
}
.letushin{background:#fff; width:1300px; margin:0px auto;}
.banner {
    min-width: 1200px;
    position: relative;
}

.banner-img {
    position: relative;
}

.banner img {
    width: 100%;
    height: 470px;
    position: absolute;
}

.banner-ul {
    list-style: none;
    display: flex;
    z-index: 5;
    position: absolute;
    bottom: 21px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-ul li {
    width: 80px;
    height: 11px;
    background-color: #55FF47;
    margin-right: 15px;
}
.banner .banner-active{
    background-color: red;
}

.banner1,.banner2{
    display:none;
}

#banner .img img{ width:100%;}
#section1{width:100%; height:auto; background-color:#fff; position: relative;}
#section1 .section1 {width:1400px; height:auto; margin:0 auto;}
.section1 .title {text-align:center;padding-top: 64px;}
.section1 .title h4 {font-size:24px; line-height:1.5; font-weight:normal; color:#62aaf2;}
.section1 .title .intro {font-size:16px; color:#808080;}
.section1 .content {width:100%;height:auto;overflow:hidden;position:relative;}
.section1 .content .bg {width:100%;height:auto;}
.section1 .content article {position:absolute;top:32%;width:50%;left:50%;transform:translateX(-50%);font-size: 16px;line-height: 2.4;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.section1 .content article p {text-align:center;font-size:16px;line-height:2.4;color:#000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.section1 .content #more {display:block;width:140px;height:36px;line-height:36px;background:#99d5ff;color:#fff;font-size:18px;text-align:center;border-radius:5px;margin:0 auto;margin-top:45px;}
@media screen and (max-width:1450px){
    #section1 .section1 {width:1000px;}
    .section1 .content article p {line-height:2;}
}
@media screen and (max-width:1200px){
    #section1 .section1 {width:100%;}
}
@media screen and (max-width:960px){
    .section1 .content .bg {height:300px; width:auto; position:relative; left:50%; transform:translateX(-50%)}
    .section1 .content article {width: 54%;}
}
@media screen and (max-width:768px){
    .section1 .title {padding-top:40px;}
    .section1 .content .bg {height:260px;opacity: 0.5;}
    .section1 .content article {top:20%; width:90%;}
    .section1 .content article p {font-size:14px;}
    .section1 .content #more {margin-top:30px}
    .section1 .title h4 {font-size:20px;}
    .section1 .title .intro {font-size:14px;}
}

#section2 {width:100%;height:auto;overflow:hidden;position:relative;padding-bottom: 65px;}
#section2 .section2 {width: 1280px;height:auto;margin:0 auto; overflow: hidden;}
.section2 .title {width:100%;height:auto;position:relative;text-align:center;overflow: hidden;border-radius: 15px;}
.section2 .title img {margin: 0 auto;width: 100%;}
.section2 .title h4 {font-size: 20px;font-family: "STHupo";color:#2e6d99;position: absolute;left: 50%;transform:translateX(-50%);top: 5px;font-weight:normal;}
.section2 .title .intro {font-size: 13px;font-family: "PingFang";color:#2e6d99;position: absolute;left: 50%;top: 28px;transform:translateX(-50%);}
.section2 .content {display:flex;padding-top:42px;align-items: flex-start;} 
.section2 .content .left {width: 39.7%;box-sizing:border-box;padding-right:10px;display:flex;flex-direction:column;}
.section2 .content .left .left_top img {width:100%;}
.section2 .content .left .left_bottom {display:flex;padding-top:10px;justify-content:space-between;align-items:  flex-start;}
.section2 .content .left .left_bottom a {width:50%; height:auto; box-sizing:border-box;}
.section2 .content .left .left_bottom a:first-child {padding-right:5px;}
.section2 .content .left .left_bottom a:last-child {padding-left:5px;}
.section2 .content .right {width: 60.3%;box-sizing:border-box;padding-left:10px;/* flex: 1; */}
.section2 .content .right .right_top {display:flex;justify-content:space-between;padding-bottom: 10px;align-items:  flex-end;}
.section2 .content .right .right_top a:first-child {box-sizing:border-box;padding-right:5px;width: 37.5%;}
.section2 .content .right .right_top a:last-child {box-sizing:border-box;padding-left:5px;width: 62.5%;}
.section2 .content .right .right_bottom {display:flex;justify-content: space-between;align-items: flex-start;}
.section2 .content .right .right_bottom a:first-child {box-sizing:border-box;padding-right:5px;width: 37.5%;}
.section2 .content .right .right_bottom a:last-child {box-sizing:border-box;padding-left:5px;width: 62.5%;}
.section2 .content img {border-radius: 10px;transition:all .4s ease;width: 100%;}
.section2 .content img a {display:block;}
.section2 .content a:hover img {transform:scale(1.05); transition:all .4s ease;}

#sections {width:100%;height:auto;overflow:hidden;position:relative;padding-bottom: 25px;}
#sections .sections {width: 1280px;height:auto;margin:0 auto; overflow: hidden;}
.sections .title {width:100%;height:auto;position:relative;text-align:center;overflow: hidden;border-radius: 15px;}
.sections .title img {margin: 0 auto;width: 100%;}
.sections .title h4 {font-size: 20px;font-family: "STHupo";color:#2e6d99;position: absolute;left: 50%;transform:translateX(-50%);top: 5px;font-weight:normal;}
.sections .title .intro {font-size: 13px;font-family: "PingFang";color:#2e6d99;position: absolute;left: 50%;top: 28px;transform:translateX(-50%);}
.sections .content {display:flex;padding-top:42px;align-items: flex-start;background:url("777_18.jpg") no-repeat center; height:593px;} 
.youshi1{color:#fff; font-size:16px; margin:60px 0px 0px 20px; line-height:40px;}
.youshi2{font-size:16px; line-height:40px; margin:60px 10px 0px 40px; }
.youshi3{font-size:16px; line-height:40px; margin:160px 10px 0px 20px; }
.youshi4{font-size:16px; line-height:40px; margin:160px 10px 0px 30px; }


#section3 {width:100%;height:auto;overflow:hidden;position: relative;padding-bottom: 38px;}
#section3 .section3 {width:1280px; height: auto; margin:0 auto; overflow: hidden;}
.section3 .title {width:100%;height:auto;position:relative;text-align:center;overflow: hidden;border-radius: 15px;}
.section3 .title img {margin: 0 auto;width: 100%;}
.section3 .title h4 {font-size: 20px;font-family: "STHupo";color:#2e6d99;position: absolute;left: 50%;transform:translateX(-50%);top:5px;font-weight:normal;}
.section3 .title .intro {font-size: 13px;font-family: "PingFang";color:#2e6d99;position: absolute;left: 50%;top: 28px;transform:translateX(-50%);}
.section3 .cats {display: flex;flex-wrap: wrap;justify-content:center;padding-top:30px;padding-bottom: 45px; width:1280px; margin:0px auto;} 
.section3 .cats li {padding:0 40px;line-height: 32px;overflow: hidden;}
.section3 .cats li a { padding:4px 6px;font-size:16px;color:#333;border:2px solid #fff;border-radius:10px;box-sizing: border-box;display:flex;flex-direction:column; background-color:#fff;}
.section3 .cats li a:hover , .section3 .cats li.active a { padding:4px 6px;font-size:16px;color:#ffffff;border:2px solid #487ce7;border-radius:10px;box-sizing: border-box;display:flex;flex-direction:column; background-color:#487ce7;}
.section3 .list {width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.section3 .list li {width: 342px;height: 442px;border:2px solid #99d5ff;border-radius:10px;overflow:hidden;margin:0 10px;box-sizing: border-box;position:  relative;display:  flex;flex-direction:  column;margin-bottom: 20px;}
.section3 .list li .img {flex:1; position:relative; overflow:hidden;}
.section3 .list li .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:  100%;max-height: 100%;}
.section3 .list li p {text-align:center;box-sizing:border-box;padding: 0 10px;width:  100%;font-size:  16px;line-height: 30px;height: 30px;margin-bottom: 15px;overflow: hidden;}
.section3 .list li:nth-child(4n){margin-right:0;}
.section3 .list li:nth-child(4n+1){margin-left:0;}
.section3 .list li .mask {position:absolute; left:0; top:0; background:rgba(153,213,255,0.6); width:100%; height:100%; display:none;}
.section3 .list li .mask a {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.section3 .list li .mask a img {transition:all .4s ease;}
.section3 .list li .mask a:hover img {transform:scale(1.3); transition:all .4s ease;}
.section3 .list li:hover {border-color:rgba(153,213,255,0.6);}
.section3 .list li:hover .mask {display:block;}


#section4 {width:100%;height:auto;padding-bottom: 50px;}
#section4 .section4 {width:1280px; height: auto; margin:0 auto; overflow: hidden;}
.section4 .title {width:100%;height:auto;position:relative;text-align:center;overflow: hidden;border-radius: 15px; margin-bottom:46px;}
.section4 .title img {margin: 0 auto;width: 100%;}
.section4 .title h4 {font-size: 20px;font-family: "STHupo";color:#2e6d99;position: absolute;left: 50%;transform:translateX(-50%);top: 5px;font-weight:normal;}
.section4 .title .intro {font-size: 13px;font-family: "PingFang";color:#2e6d99;position: absolute;left: 50%;top: 28px;transform:translateX(-50%);}
.section4 .content {display:flex; justify-content:space-between;}
.section4 .content .news {width:400px; border-radius:10px; border:1px solid #99d5ff; box-sizing:border-box; padding:0 20px; }
.section4 .content .news h4 {text-align:center; line-height:36px; padding-top:12px; font-size:20px; font-weight:normal; color:#47adef;}
.section4 .content .news ul li {border-bottom:1px solid #e0e0e0;}
.section4 .content .news ul li a {font-size:16px;color:#666;line-height:2;height:36px;overflow:hidden;display: block;}
.section4 .content .news ul li a:hover {color:#199bf7}
.section4 .content .news ul li .time {font-size:14px; color:#99d5ff; line-height:2;}
.section4 .content .news #more {display:block;font-size:14px;color:#999;line-height:24px;margin: 15px 0 20px 0;position:relative;cursor:pointer; transition:all .4s ease;}
.section4 .content .news #more span:last-child {position:absolute;right:0;top: 2px;width:20px;height:20px;background:#99d5ff;border-radius:50%;text-align:center;line-height:20px;color:#fff;}
.section4 .content .news #more:hover {font-size:16px; transition:all .2s ease; color:#4ab3fd;}
.section4 .content .news3 ul li {border:none;}
.section4 .content .news3 ul li a {height: auto; font-size:18px; line-height:30px; }
.section4 .content .news3 ul li a>div {box-sizing:border-box ; padding-left:48px;}
.section4 .content .news3 ul li a .question {background:url("qa_q.jpg"/*tpa=http://www.g3wei.com/views/10010/static/img/qa_q.jpg*/) no-repeat left top; margin-bottom:10px;}
.section4 .content .news3 ul li a .ansnow {background:url("qa_a.jpg"/*tpa=http://www.g3wei.com/views/10010/static/img/qa_a.jpg*/) no-repeat left top;font-size:14px;color:#666666;line-height:22px;margin-bottom:10px;}
.section4 .content .news3 ul {margin-top: 20px;}
.section4 .content .news3 ul li a:hover .ansnow {color:#4ab3fd;}

footer {background-size:100% auto;position: relative;}
footer #mapNav {width:1280px;height:auto;display: flex;margiN:0 auto;justify-content: center;line-height: 30px;}
footer #mapNav li {margin:0 15px;z-index: 99;}
footer #mapNav li a {padding:0 5px; margin:0 5px; color:#4eadef;}
footer #mapNav li a:hover {color:#4ab3fd;}
footer .footer {width:1280px;margin:0 auto;display: flex;justify-content: space-around;padding:10px 0 45px 0;}
.footer .company {font-size:18px;line-height: 50px;color: #4eadef;}
.footer .address {font-size:18px;line-height: 50px;color: #4eadef;}
.footer .address span{font-size:38px;line-height: 50px;color: #4eadef;}
.footer .right {display:flex;justify-content:space-around;flex-wrap:  wrap;}
.footer .right .wechat {font-size:30px;margin: 0 10px;}
.footer .right .QQ {font-size:30px;margin: 0 10px;}
.footer dl {margin-left:50px;}
.footer dl dt { width:130px; float:left;}
.footer dl span {font-size:14px;color:#4eadef;font-family: "HYShuYuanHeiJ";}
.footer .icon-wechat {font-size:22px; color:#4eadef; cursor: pointer;}
.footer .wechat {position: relative;}
.footer .wechat img {display:none;position: absolute;left: 50%;bottom: 60px;transform: translateX(-50%); } 
.footer .icon-icon {font-size:22px; color:#4eadef; cursor: pointer;}
.footer .icon-wechat:hover + img {display:block; }
.footer .icon-wechat:hover , .footer .icon-icon:hover {color:#99d5ff;}
footer .bottom {font-size:18px;line-height: 50px;color: #4eadef;}
footer .bg img {width:100%;position:  absolute;bottom: 0;z-index: -1;}
@media screen and (max-width:1400px){
    footer #mapNav , footer .footer {width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;flex-wrap:  wrap;}
}
@media screen and (max-width: 960px){
    footer {padding-top:0;background: #e7fafe;}
    footer #mapNav , footer .footer , footer .bottom {padding:0 10px;}
    footer #mapNav {padding:10px 0;justify-content:left;padding: 10px;line-height:2;}
    footer #mapNav li {margin:0;width: 25%;}
    footer #mapNav li a {font-size:14px;margin: 0;padding: 0;display:  block;text-align: center;}
    footer .footer .left , footer .footer .right {width:100%;}
    .footer .right {justify-content: center;}
    .footer .right dl {margin:0;width:100%;padding: 10px;}
    .footer dl dd {font-size:20px;}
    footer .footer .left {margin-bottom:10px;}
}

@media screen and (max-width:768px){
    footer .bottom {padding-top:10px; border-top:1px solid #eee; padding-bottom:10px; font-size:14px;}
    footer .bottom p:last-child {display:none;}
    footer .footer {padding:10px;text-align:  center;}
}

#pagination {width:100%; height:40px; line-height: 40px;}
.pagination .pages{float:right;display: flex;}
.pagination a , .pagination strong , .pagination em{width:40px;height:40px;line-height: 40px;text-align: center;font-size: 16px;display:block;cursor:pointer;margin:0 5px;background:  #99d5ff;border-radius: 3px;color: #333; box-sizing:border-box; border:1px solid #99d5ff;}
.pagination  .pages em {display:none;}
.pagination a:hover , .pagination strong {box-sizing:border-box; border:1px solid #b5b5b5; background:#fff;}
.pagination a.prev , .pagination a.next {width:80px;  box-sizing:border-box;}
@media screen and (max-width:768px){
    #pagination {height:30px; line-height:30px;}
    .pagination .pages{justify-content:center; float: initial;}
    .pagination a ,  .pagination strong {width:30px; height:30px; font-size:12px; line-height:30px;}
    .pagination a.prev , .pagination a.next {width:60px;}
}


#product {width:100%; height: auto; overflow:hidden; position: relative;}
#product .product {width:1280px;margin:0 auto;padding-bottom: 0px;}
.product .cats {display: flex;flex-wrap: wrap;justify-content: center;padding-top: 36px;padding-bottom: 45px;} 
.product .cats li {padding:0 20px;line-height: 32px;overflow: hidden;}
.product .cats li a {padding:4px 6px;font-size:20px; font-weight:bolder;color:#99d5ff;border:2px solid #fff;border-radius:10px;box-sizing: border-box;display:flex;flex-direction:column; background-color:#fff;}
.product .cats li a:hover , .product .cats li.active a {padding:4px 6px;font-size:20px; font-weight:bolder;color:#ffffff;border:2px solid #487ce7;border-radius:10px;box-sizing: border-box;display:flex;flex-direction:column; background-color:#487ce7;}
.product .list {width:100%;display:flex;flex-wrap:wrap;justify-content:left;padding-bottom: 20px;}
.product .list li {width: 310px;height: 342px;border:2px solid #99d5ff;border-radius:10px;overflow:hidden;margin:0 10px;box-sizing: border-box;position:  relative;display:  flex;flex-direction:  column;margin-bottom: 20px;}
.product .list li .img {flex:1; position:relative; overflow:hidden;}
.product .list li .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:  100%;max-height:330px;}
.product .list li p {text-align:center;box-sizing:border-box;padding: 0 10px;width:  100%;font-size:  16px;line-height: 30px;height: 30px;margin-bottom: 15px;overflow: hidden;}
.product .list li:nth-child(4n){margin-right:0;}
.product .list li:nth-child(4n+1){margin-left:0;}
.product .list li .mask {position:absolute; left:0; top:0; background:rgba(153,213,255,0.6); width:100%; height:100%; display:none;}
.product .list li .mask a {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.product .list li .mask a img {transition:all .4s ease;}
.product .list li .mask a:hover img {transform:scale(1.3); transition:all .4s ease;}
.product .list li:hover {border-color:rgba(153,213,255,0.6);}
.product .list li:hover .mask {display:block;}
@media screen and (max-width:1400px){
    #product .product {width:100%; box-sizing:border-box; padding:0 20px;}
    .product .list li {width:260px; height:260px;}
    .product .list li:nth-child(4n){margin-right:10px;}
    .product .list li:nth-child(4n+1){margin-left:10px;}
}
@media screen and (max-width:768px){
    .product .title h4 {font-size:20px;font-weight:  normal;}
    .product .title .intro {font-size:14px;}
     .product .cats li {padding:0 10px;}
    .product .cats li a:hover , .product .cats li.active a {padding: 0;background: none;}
    .product .cats li a {padding:0;font-size: 14px;}
    #product .product {padding:0 10px;padding-bottom:  30px;}
    .product .cats {padding:15px;}
    .product .list {justify-content:space-between;padding-bottom: 20px;}
    .product .list li {margin:0;width:48%;height: 170px;margin-bottom: 15px;}
    .product .list li:nth-child(4n){margin-right:0px;}
    .product .list li:nth-child(4n+1){margin-left:0px;}
    .product .list li p {margin-bottom:0; font-size:14px;}
}

#productShow {width:100%; height: auto; overflow:hidden; border-top:1px solid #bfbfbf; padding:75px 0 60px 0;}
#productShow .productShow {width:1280px;margin:0 auto; display:flex; justify-content: center; padding:75px 0 65px 0;}
.productShow .left {width:50%;box-sizing:  border-box;padding-right: 40px;}
.productShow .right {width:50%;}
.productShow .left .big {width:500px;height:500px;box-sizing:border-box;border:1px solid #bfbfbf;border-radius:20px;position:relative;float: right;}
.productShow .left .big img {position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width:  100%;max-height: 100%;}
.productShow .left .small {width:  500px;height:  120px;margin-top:20px;float:  right;}
.productShow .left .small .swiper-slide {width:120px;height:120px;box-sizing:border-box;border:1px solid #bfbfbf;border-radius:10px;overflow:hidden;position:relative;}
.productShow .left .small .swiper-slide-active {border-color:#52aeef; border-width:2px;}
.productShow .left .small img {max-width:100%; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.productShow .right article {width:80%; font-size:16px; line-height: 30px; color:#4c4c4c; padding-left:20px;}
@media screen and (max-width:1400px){
    #productShow .productShow {width:100%; box-sizing: border-box; padding:0 20px;}
}
@media screen and (max-width:1200px){
    .productShow .left .big {width:80%;}
    .productShow .left .small {width: 80%;}
}
@media screen and (max-width:768px){
    #productShow {padding-top: 10px;}
    #productShow .productShow { flex-wrap:wrap; }
    #productShow .productShow .left , #productShow .productShow .right{width:100%;padding: 0;}
    .productShow .left .big {float:inherit;width: 100%;border: none;}
    .productShow .left .small {float:inherit;margin-bottom:20px;height: 60px;}
    .productShow .right article {padding:0;margin:0 auto;width: 100%;font-size:  14px;line-height:  2;}
    .productShow .left .small .swiper-slide {width:60px; height:60px;}
    .productShow .left .big img { transform: translateX(-50%);top: auto;bottom: 0;}
}


#about {width:100%; height:auto; overflow:hidden; position: relative;}
#about #sect1 , #about #sect2  ,#about #sect3  ,#about #sect4  {width:100%;height:auto;overflow:hidden;position: relative;z-index: -9;}
#about #sect2 ,  #about #sect4 {background:#f2f2f2;}
#about .sect {width:1280px; height: auto; position: relative; margin:0 auto; display:flex; justify-content: space-around; align-items: flex-start; padding:80px 0;}
#about .sect .left , #about .sect .right {width:50%; }
#about .sect1 {display: block; }
#about .sect h4 {text-align: center;font-size: 20px;line-height: 30px;font-weight:  normal;padding-bottom: 30px;}
#about .sect article {width:80%; margin:0 auto; font-size:14px; line-height:30px; color:#333;}
#about .sect img {margin:0 auto;}
#about .sect1 img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:  100%;height:  auto;z-index:  -1;}
#about .sect1 h4 {font-size:24px; line-height:30px; color:#66b3ff; font-weight:normal;}
#about .sect1 article {width:50%;margin:0 auto;font-size:14px;line-height:30px;color:#333333;}
#about .sect1 article p {padding: 10px 0;}
@media screen and (max-width:1400px){
    #about .sect {width:100%; box-sizing: border-box; padding-left: 20px; padding-right:20px;}
}
@media screen and (max-width:768px){
    #about .sect {padding:40px 20px;}
     #about .sect h4 {font-size:20px;padding-bottom: 0;padding-bottom: 10px;}
     #about .sect article {width:100%;}
     #about .sect1 img {display:none;}
     #about .sect {flex-wrap:wrap;}
     #about .sect .left ,  #about .sect .right {width:100%;}
     #about .sect2, #about .sect4 {flex-direction:column-reverse;}
     #about .sect img {max-width:100%; margin:0 auto;}
}

#contact {width:1280px;margin:0 auto;overflow:hidden;position:relative;margin-bottom: 40px;}
#contact .title {text-align:center;padding:50px 0;position:  relative;}
#contact .title h4 {font-size:20px; color:#666666; line-height:24px; font-weight:normal;}
#contact .title .intro {font-size:24px; color:#99d5ff; line-height:1.5; }
#contact .title::after {content:'';position:absolute;right:50%;top: 0;width: 30px;height:100%;margin-right: 75px;background:url("left.jpg"/*tpa=http://www.g3wei.com/views/10010/static/img/left.jpg*/) no-repeat center;}
#contact .title::before {content:'';position:absolute;left:50%;top: 0;width: 30px;height:100%;margin-left: 75px;background:url("right.jpg"/*tpa=http://www.g3wei.com/views/10010/static/img/right.jpg*/) no-repeat center;}
#contact .content img {width:100%; height:auto; margin-bottom:40px;}
#contact .content article p {font-size:20px; line-height:36px; color:#666666;}
@media screen and (max-width:1400px){
    #contact {width:100%; box-sizing:border-box; padding:0 20px;}
}
@media screen and (max-width:768px){
    #contact .title {padding:20px 0;}
    #contact .title h4 {font-size:16px}
    #contact .title .intro {font-size:20px;}
    #contact .title::before {width: 26px;background-size:100%;}
    #contact .title::after {width: 24px;background-size:100%;}
    #contact .content img {margin-bottom:20px;}
    #contact .content article p {font-size:16px; line-height:1.5;}
}

#news {width:100%; height:auto; overflow:hidden;}
#news .news {width:1280px; margin:0 auto; overflow:hidden; position:relative;}
.news ul.cats {display:flex; flex-wrap:wrap; padding:72px 0 18px 0;}
.news ul.cats li {margin-bottom:10px; border-right:1px solid #cccccc;}
.news ul.cats li a {font-size:18px; line-height:1; color:#666666; padding:0 12px;}
.news ul.cats li:fist-child a {padding-left:0; }
.news ul.cats li:last-child {border-right:none;}
.news ul.cats li.active a , .news ul.cats li a:hover {color:#8dd0ff;}
.news ul.list {width:100%; height:auto; overflow:hidden;}
.news ul.list li {float:left; width:95%; line-height:35px; list-style-type:square; padding-left:30px;}
.news ul.list li span{ float:right;color:#8dd0ff;}
.news ul.list li .img {width:100%; height:240px; overflow:hidden; position:relative; }
.news ul.list li .img img {max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.news ul.list li .line {margin:20px 0 14px 0; height:1px; width:100%; background:#e5e5e5; }
.news ul.list li .line span {width: 14%;height: 1px;background: #333;display: block; transition:all .4s ease;}
.news ul.list li h4 {font-size:16px; line-height:24px; color:#333333; height:24px; overflow:hidden; text-overflow:ellipsis;  font-weight:normal; margin-bottom:10px;}
.news ul.list li .intro {font-size:12px;line-height:24px;color:#666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news ul.list li:hover .line span{width:100%; transition:all .4s ease;}
.news ul.list li:hover .img img {opacity:0.4; transition:all .4s ease;} 
@media screen and (max-width:1400px){
    #news .news {width:100%; box-sizing:border-box; padding:0 20px;} 
     #news .news ul.list li {margin-right:0;margin: 0 10px 50px 10px;}
     .news ul.list {display:flex; flex-wrap:wrap; justify-content:center;}
}
@media screen and (max-width:768px){
    #news .news {width:96%;margin:0 auto;padding: 0;}
    #news .news ul.list li {margin:0;width:48%;margin-bottom: 20px;}
    .news ul.list {justify-content:space-between;}
    .news ul.list li .img {height: auto;}
    .news ul.cats {padding:30px 0 10px 0;}
    .news ul.list li .img img {position: inherit;left: 0;top: 0;transform: none;}
    .news ul.cats li a {font-size:16px;}
}

#station {width:100%; height:auto;}
#station a {font-size: 14px;color: #999999; }
#station a:hover {color:#8dd0ff;}

#newShow {width:100%; height:auto; overflow:hidden;}
#newShow .newShow {width:1280px;height:auto;margin:0 auto;padding-top:20px;padding-bottom: 25px;}
.newShow .content article {margin:0 auto;padding-bottom: 75px;}
.newShow .content article h4 {text-align:center; padding:50px 0 30px 0; font-size:16px; color:#333;}
.newShow .content article p {font-size:14px; line-height:28px; color:#5e6265;}
#newShow .newShow #wenz img{ margin:5px 0px;}
.newShow #change {display:flex; justify-content:space-between;}
.newShow #change a {color:#666666;}
.newShow #change a:hover span {color:#4fb2f7;}
.newShow .content.download {width:100%; height:auto; display:flex; margin-bottom:30px;}
.newShow .content.download article {width:70%; position: relative; }
.newShow .content.download article a#down{    position: absolute;left: 5px;top: 10px;width: 120px;height: 48px;background: #62aaf2;border-radius: 5px;color: #fff;text-align: center;line-height: 48px;}
@media screen and (max-width:1400px){
   #newShow .newShow {width:100%;box-sizing:border-box;padding: 20px;} 
}
@media screen and (max-width:1150px){
    .newShow .content article {width:100%;}
    .newShow #change {flex-wrap:wrap;}
    .newShow #change a {width: 100%;margin-bottom: 15px;font-size: 14px;line-height:  20px;}
    .newShow .content article h4 {padding:20px 0;}
}
@media screen and (max-width:768px){
    #newShow .newShow {padding:20px 10px;}
}


#product {width: 1280px;height:auto;overflow:hidden;position:relative;padding-bottom: 25px;margin: 0 auto;margin-bottom: 20px;}
#product .title {width:100%;height:auto;position:relative;text-align:center;overflow: hidden;border-radius: 15px;}
#product .title img {margin: 0 auto;width: 100%;}
#product .title h4 {font-size: 30px;font-family: "STHupo";color: rgb( 51, 51, 51 );position: absolute;left: 50%;transform:translateX(-50%);top: 22px;font-weight:normal;}
#product .title .intro {font-size: 18px;font-family: "PingFang";color: rgb( 102, 102, 102 );position: absolute;left: 50%;top: 60px;transform:translateX(-50%);}
#product .content {display:flex;padding-top:42px;align-items: flex-start;} 
#product .content .left {width: 39.7%;box-sizing:border-box;padding-right:10px;display:flex;flex-direction:column;}
#product .content .left .left_top img {width:100%;}
#product .content .left .left_bottom {display:flex;padding-top:10px;justify-content:space-between;align-items:  flex-start;}
#product .content .left .left_bottom a {width:50%; height:auto; box-sizing:border-box;}
#product .content .left .left_bottom a:first-child {padding-right:5px;}
#product .content .left .left_bottom a:last-child {padding-left:5px;}
#product .content .right {width: 60.3%;box-sizing:border-box;padding-left:10px;/* flex: 1; */}
#product .content .right .right_top {display:flex;justify-content:space-between;padding-bottom: 10px;align-items:  flex-end;}
#product .content .right .right_top a:first-child {box-sizing:border-box;padding-right:5px;width: 37.5%;}
#product .content .right .right_top a:last-child {box-sizing:border-box;padding-left:5px;width: 62.5%;}
#product .content .right .right_bottom {display:flex;justify-content: space-between;align-items: flex-start;}
#product .content .right .right_bottom a:first-child {box-sizing:border-box;padding-right:5px;width: 37.5%;}
#product .content .right .right_bottom a:last-child {box-sizing:border-box;padding-left:5px;width: 62.5%;}
#product .content img {width:100%;border-radius: 10px; transition:all .4s ease;}
#product .content img a {display:block;}
#product .content a:hover img {transform:scale(1.05); transition:all .4s ease;}
@media screen and (max-width:1400px){
    #product {width:100%; box-sizing:border-box; padding:0 20px;}
    #product .title img {height:100px; width:auto; margin:0 auto;}
    #product .content {width:90%; margin:0 auto;}
}
@media screen and (max-width:768px){
    #product {width:100% ; padding:0 5px;}
    #product .content {box-sizing:border-box;padding:0 10px; flex-wrap:wrap;}
    #product .content .left {width:100%; padding-right:0; padding-bottom:10px;}
    #product .content .right {width:100%; padding-left:0;}
    #product .title h4 {font-size:22px;top: 18px;}
    #product .title .intro {font-size:14px;top: 48px;}
    #product .title img {height:80px;}
    #product {padding-bottom:40px;padding-top: 20px;}
    #product .content {width:100%; margin:0 auto;}
}



#case , #caseShow {width:1400px;margin:0 auto;height:auto;position:relative;overflow:hidden;padding: 10px 0;margin-top: -10px;}
#case .case , #caseShow .caseShow {width:1280px;margin: 0 auto;position:relative;display:flex;justify-content:center;align-items:  flex-start;padding-bottom: 60px;padding-top: 50px;box-shadow: 0 0 10px #ddd;border-radius: 10px;box-sizing:  border-box;background-color: #fff;}
.case .left {width:240px;min-height: 580px;border-radius: 8px; margin-right:50px; text-align:center;}
.case .left dl dt {line-height:78px; color:#333333; font-size:20px;}
.case .left dl dd a {display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:16px;  transition:all .4s ease;}
.case .left dl dd a:hover , .case .left dl dd.active a {background:#ebf7ff; transition:all .4s ease;}
.case .right {width:100%;flex:1;padding-bottom: 74px;}
.case .right h4 {font-size:20px; color:#84ccff; line-height:52px; font-weight:normal; border-bottom:1px solid #bfbfbf; }
.case .right ul {box-sizing:border-box;width:100%;padding-right: 70px;}
.case .right ul li a {box-sizing:border-box; padding:10px 20px; border:1px solid #bfbfbf; margin-top:20px; display:flex; justify-content:center; align-items:flex-start; color:#333;}
.case .right ul li a:hover {border-color:#84ccff; box-shadow:0 0 5px #84ccff;}
.case .right ul li a:hover .content .title {color:#3ea8f5;}
.case .right ul li .img {width:240px;height:160px;margin-right:60px;overflow: hidden;}
.case .right ul li .content {width: 100%;flex:1; padding:10px 0;}
.case .right ul li .content .title {font-size:16px; line-height:24px; height:24px; overflow:hidden; }
.case .right ul li .content b {font-weight:normal; color:#999999; font-size:12px; line-height:2;}
.case .right ul li .content p {font-size:14px;line-height:2;color:#999999;padding-top: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.case .right #pagination .pagination {justify-content: center; float: inherit; margin-top:40px;}

.case article {margin-top:20px;margin-right:70px;border:1px solid #d2d2d2;box-sizing:border-box;padding:20px 36px;font-size:14px;line-height:36px;color:#676767;padding-bottom: 100px;}
.case article h1 ,.case article h2 , .case article h3 , .case article h4 , .case article h5 , .case article h6 {text-align:center;font-size:18px;line-height:2;color:#333;font-weight:normal;padding: 20px 0;}

@media screen and (max-width:1400px){
    #case , #caseShow{width:100%; box-sizing:border-box; padding:10px 20px;}
    #case .case , #caseShow .caseShow{width:100%; }
}
@media screen and (max-width:1200px){
    .case .right ul {padding-right:20px;}
    .case .right article {margin-right:20px;}
}
@media screen and (max-width:960px){
    .case .left {width: 200px;margin-right:20px;}
    .case .right ul li .img {margin-right:20px;width: 150px;height: 100px;}
    .case .right ul li .content {padding:5px 0;}
    .case .right ul li .content p {padding-top:0;line-height:1.5;-webkit-line-clamp: 2;}
}
@media screen and (max-width:768px){
    #case , #caseShow {padding:10px 10px;}
    #case .case , #caseShow .caseShow {flex-wrap:wrap;padding-top:0;box-shadow: none;padding-bottom:  0;}
    .case .left {width:100%;margin:0px;min-height: auto;background: #84ccff !important;}
    .case .right {padding-top:20px;padding-bottom: 50px;}
    .case .right h4 {text-align:center;}
    .caseShow .right h4 {text-align:left; font-size:16px;}
    .case .right ul {padding:0 ;}
    .case .left dl dt {line-height:50px;}
    .case .right ul li a {padding:10px;border:  none;padding: 0;align-items: initial;}
    .case .right ul li .img {width: 105px;height: 70px;margin-right: 10px;}
    .case .right ul li .content {padding:0;position:  relative;}
    .case .right ul li .content .title {height: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;line-height: 1.5;}
    .case .right ul li .content p {display:none;}
    .case .right ul li .content b {position:absolute;bottom:0;line-height: 1.5;}
    .case .right article {margin-right:0;padding: 10px 10px;padding-bottom: 50px;}
}

#Notice{width:100%;height:auto;background: #e6f4ff;padding-bottom:35px;}
.Notice{width:1310px;height:auto;overflow:hidden;margin:0 auto;padding-top:35px;display:flex;flex-wrap:nowrap;justify-content:space-between}
.Notice .container{width:100%;height:auto;box-sizing:border-box;padding:0 20px 20px 20px;background:#fff}
.container .title{font-size: 20px;line-height:3;text-indent:15px;position:relative;}
#Notice .container .title::after{position:absolute;left:0;bottom:0;width:110px;height:2px;background:#2196F3;content:''}
.Notice nav{width:100%;height:50px;line-height:50px;padding-top:6px;border-bottom:1px solid #eee}
.Notice nav a{font-size:16px;color:#333;line-height:50px;display:block;width:100px;text-align:center;float:left;position:relative}
.Notice nav a:hover{color:#38bbff;transition:all .3s}
.Notice nav a.actor{color:#38bbff}
.Notice nav a.actor::after{position:absolute;width:100px;height:2px;background:#38bbff;bottom:0;left:0;content:''}
.noticeLists>li{width:100%;height:auto;position:relative;padding:15px 0;display:flex;text-indent:15px;border-bottom:1px solid #eee;position:relative}
.noticeLists .newContent{padding-left:25px}
.newContent h3{font-size:22px;line-height:42px;font-weight:400}
.noticeLists a{display:block;overflow:hidden;color:#333}
.noticeLists a:hover{color:#38bbff}
.noticeLists>li a span{color:#ccc;position:absolute;right:0;padding-right:15px}
@media screen and (min-width:960px) and (max-width:1350px){.Notice{width:90%}
}
@media screen and (max-width:960px){.Notice{width:96%;flex-wrap:wrap}
.Notice .container{width:100%;margin-bottom:20px}
.Notice .slidebar{width:100%;margin:0;margin-bottom:30px}
}

#Nofound {width: 100%;height: 500px;text-align: center;line-height: 500px;border-radius: 10px;box-shadow: 0 0 10px #ccc inset;background-color: transparent;margin:0 auto;position: relative;}
#Nofound span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:20px; line-height: 20px;}
@media screen and (max-width:768px){
    #Nofound {height:250px; line-height: 250px;}
    #Nofound span {font-size:12px;} 
}


#newsDetails{width:100%;height:auto;background: #fff;}
.newsDetails{width:1310px;height:auto;padding:30px 0;margin: 30px auto;overflow:hidden;border: 1px solid #eee;box-sizing: border-box;box-shadow: 0 0 10px #eee;}
.newsDetails .container{background:#fff;box-sizing:border-box;padding:0 20px;flex: 1;}
.newsDetails .title{overflow:hidden;border-bottom:1px solid #eee;position:relative}
.newsDetails .title h4{padding-top:18px;font-size:30px;font-weight:400;line-height: 1.3;padding-bottom: 18px;padding-left: 0;text-indent: 0;}
.newsDetails .title a#down{width:148px;height:38px;background:#03A9F4;text-align:center;line-height:38px;position:absolute;top:25px;right:0;color:#fff;border-radius:5px;transition:all .5s}
.newsDetails .title a#down:hover{background:#03a9f49c;box-shadow:0 0 10px #eee;transition:all .5s}
.setting{height:16px;line-height:16px;padding-bottom:15px;font-size:14px;color:#999}
.setting li{float:left;overflow:hidden;}
.setting i{padding-right:8px}
.newsDetails article{padding:20px 0 40px 0}
.newsDetails article p{font-size:14px;color:#666;line-height:32px;text-indent:28px}

@media screen and (max-width:1350px){
    .jobsDetails,.newsDetails {width:90%;}
    #news_search .search input, #pro_search .search input{ width: 380px;}
    #searchResult{ width: 100%; box-sizing: border-box; padding-left: 8px;}
}
@media screen and (max-width:960px){
    .newsDetails {width:96%; padding: 0;}
    .newsDetails .slidebar {width:280px;}
    .newsDetails .container {margin-right:20px;}
    .newsLists>li{ flex-wrap: wrap;}
    .newsLists>li>a{ display: block; width: 100%; }
}
@media screen and (max-width:768px){
    .newsDetails {flex-wrap:wrap;width: 100%;}
    .newsDetails .container {width:100%;margin-right:  0;margin-bottom: 20px;padding: 0 12px;}
    .newsDetails .slidebar {width:100%;}
    .newsDetails .title h4 {font-size:22px;}
}

/* 手机端底部的  一键拨号  QQ号码 留言反馈*/
.mobileFooter{ display:none;}
@media screen and (max-width:768px){
    body{padding-bottom: 81px;}
    .mobileFooter{width: 100%;  display:block; display: flex; display: -webkit-flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;  position: fixed;  left: 0; bottom: 0; z-index: 100; background-color: rgba(60, 55, 55, 0.9); }
    .mobileFooter div {text-align: center; width: 33%;  padding: 18px 0 8px 0; height: 100%;  }
    .mobileFooter div i{  font-size: 25px; color: #0c969e;  padding: 8px; background-color: #fff;  border-radius: 50%; -webkit-border-radius:50%; -o-border-radius:50%; }
    .mobileFooter div h6{ font-size: 14px; color: #fff; line-height: 1.3;  margin-top: 10px;}
}

.xc_c { padding:25px 0 0 0; height:384px; overflow:hidden;}
.xc_c ul { height:383px; overflow:hidden;}
.xc_c ul li { float:left; margin:0px 20px; display:inline; width:322px; height:287px; overflow:hidden; border:1px solid #ededed;}
.xc_c ul li p { font-size:0; line-height:0;}
.xc_c ul li img { width:304px; height:250px; padding:9px 9px 0;}
.xc_c ul li span { text-align:center; display:block; height:38px;line-height:38px; font:16px/28px "微软雅黑"; color:#333;}
.xc_c ul .nobot { margin:0;}
.xc_c .btn { display:block; background:url("barx1.gif") repeat-x left 13px; text-align:center; height:31px; overflow:hidden;padding-left: 610px;clear:both;*zoom:1;}
.xc_c .btn a { display:block; width:31px; height:31px;float:left}
.xc_c .btn a.a01{ background:url("xl.gif") no-repeat; width:31px; height:31px; display:block;}
.xc_c .btn a.a01:hover{ background:url("xl02.gif") no-repeat; display:block;}
.xc_c .btn a.a02{ background:url("xr.gif") no-repeat; width:31px; height:31px; display:block;}
.xc_c .btn a.a02:hover{ background:url("xr02.gif") no-repeat; display:block;}

.xc_cs { padding:25px 0 0 0; height:304px; overflow:hidden; margin-left:10px;}
.xc_cs ul { height:303px; overflow:hidden;}
.xc_cs ul li { float:left; margin:0px 5px; display:inline; width:400px; height:267px; overflow:hidden; border:1px solid #ededed;}
.xc_cs ul li p { font-size:0; line-height:0;}
.xc_cs ul li img { width:400px; height:227px;}
.xc_cs ul li span { text-align:center; display:block; height:38px; line-height:38px; font:16px/28px "微软雅黑"; color:#333;}
.xc_cs ul .nobot { margin:0;}

.topnews-ul {text-align:left;}
.topnews-ul li{line-height:32px;font-size:15px;}
.topnews-ul li a{ color:#333;font-size:15px;}
.topnews-ul li a:hover{ color:#4eadef;font-size:15px;}
.topnews-ul li span {float:right; color:#73b3e7; *margin-top:-27px;}
.plus{ display:none;}
.imglevel{ display:none;}
.minus{ display:none;}

/*分页相关*/
.pagelists ul{text-align:center;margin:20px 0;}
.pagelists li{display:inline-block;margin:0 2px;}
.pagelists li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelists li a:hover{border-color:#99d5ff;background:#99d5ff;color:#fff;}
.pagelists li.active a{border-color:#99d5ff;background:#99d5ff;color:#fff;}