@media (max-width: 1199){ 
body{}
 }

@media (max-width: 991px){}

@media (max-width: 767px){}
@media (max-width: 479px){
  body {
    width: 479px;
    margin: 0 auto;  /* 让窗口水平居中展示 */
  }   
}
body {font: 16px '微软雅黑',Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; }
.c{width: 1440px;margin:0 auto;}
.header{width: 100%;height: 90px;position: absolute;top:0;z-index: 10;font-size: 16px;}
.header .header_mid{width:100%;height: 90px; margin:0 auto;}
.header .header_mid a img{margin-top: 21px;margin-left: 8%; float: left;}
.header .header_mid .nav{width: 46.8%;height: 45px;line-height: 45px;margin-left: 25.5%;margin-top: 22px; float: left;}
.header .header_mid ul{list-style-type:none}
.header .header_mid ul li{width: 15.5%;height: 45px;line-height: 45px;float: left; text-align:center;}
.header .header_mid ul li a{color: #ffffff;font-size: 16px;}
.header .header_mid ul li a:hover {color: #195bae;text-decoration: none;}
.header .header_mid ul li a:visited {text-decoration: none;}
.header .header_mid .phone{height: 90px;float: right;width: 17.4%;}
.header .header_mid .phone img{float: left; margin-top: 35px;}
.header .header_mid .phone p{font-size: 15px;color: #ffffff;margin-top: 35px;}
.header .header_mid .nav .active{color: #195bae;}



.banner{width: 100%;}
/* .banner .c{position: relative;} */
 .banner .swiper-pagination{width: 10%;margin-left: 45%;} 
.banner .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 20px;}
.banner .swiper-pagination-bullet {width: 50px;height: 3px;opacity: 1;background: rgba(250,250,250,.2);;border-radius: 0;}
.banner .swiper-pagination-bullet-active {width: 50px;height: 3px; opacity: 1;background:#195bae;}
.banner .swiper-button-next{display: none;}
.banner .swiper-button-prev{display: none;}
.banner:hover .swiper-button-prev{background: url(/lib/images/i1.png);width: 40px;height: 40px;display: block;}
.banner:hover .swiper-button-next{background: url(/lib/images/i2.png);width: 40px;height: 40px;display: block;}



.banner .carousel-control .glyphicon-chevron-left{margin-top: -60px;}
.banner .carousel-control .glyphicon-chevron-right, .banner .carousel-control .icon-next{margin-top: -60px;}
.banner .glyphicon-chevron-left{background: url(../img/pn1.png);}
.banner .glyphicon-chevron-left:before{content: '';}
.banner .glyphicon-chevron-right{background: url(../img/pn2.png);}
.banner .glyphicon-chevron-right:before{content: '';}
.banner .c .carousel-control{width: 30px;height: 30px;background: none;}
.banner .left.carousel-control{right: 50px;left: auto;}
.banner .carousel-indicators .active {width: 50px;height: 3px;background-color: #195bae;}
.banner .carousel-indicators li {display: inline-block; width: 50px; height: 3px;margin-left: 10px;text-indent: -999px;cursor: pointer;background-color: #67768a;border: 0px solid #67768a;
}


.Product_Center{width: 100%;height: 1000px;}
.Product_Center .titlea{width: 100%; text-align: center;color: #1a1a1a;font-size: 42px;margin-top: 100px;font-weight:700;}
.Product_Center .titleb{width: 70px;height: 4px;background:#195bae ; margin: 30px auto;}
.Product_Center .titlec{width: 100%; text-align: center;color: #888888;font-size: 18px;margin-top: 25px;}
.Product_Center .tp{width: 31.25%;height: 842px;margin-top: 50px;margin-left: 2%;float: left;}
.Product_Center .tp h2{color: #ffffff;font-size: 38px;text-align: center;margin-top: 100px;font-weight:600;}
.Product_Center .tp h3{color: #c1c1c1;font-size: 26px;text-align: center;padding: 10px 1%;}
.Product_Center .tp h5{color: #8e8e8e;font-size: 10px;text-align: center;padding: 10px 1%;}
.Product_Center ul{margin-top: 50px;}
.Product_Center li{width: 32%;height: 411px;float: left;margin-left: 1%;margin-bottom: 20px; list-style-type: none;overflow: hidden;position: relative;}
.Product_Center li img{width: 100%;height: 411px;transition: all 1s;}
.Product_Center li:hover{background-size: 120%;}
.Product_Center li:hover img{transform: scale(1.2);transition: all 1s;}
.Product_Center li h5{font-size: 20px;line-height: 60px; font-weight: normal;color: #ffffff;position: absolute;bottom: 25px;left: 27px; z-index: 2;}
.Product_Center li h5 a{float: right;margin-right: 100px;}
.Product_Center li h5 img{vertical-align: middle;}
.Product_Center li p{font-size: 20px;line-height: 30px;color: rgba(248,248,248,0.5);width: 323px;position: absolute;bottom:73px;left: 27px;z-index: 2;}



.Company_profile{width: 100%;background: url(../images/Company_profile.png);width: 100%;height: 872px;margin-top: 100px;}
.Company_profile .c .titlea{width: 100%; text-align: center;color: #fff;font-size: 42px;font-weight:700;padding-top: 100px;}
.Company_profile .c .titleb{width: 4.8%;height: 4px;background:#fff ; margin: 30px auto;}
.Company_profile .c .titlec{width: 100%; text-align: center;color: #888888;font-size: 18px;margin-top: 25px;}
.Company_profile .c .left{width: 50%;height: 480px;float: left; background-color:  rgba(36,54,77,0.5);margin-top: 50px;}
.Company_profile .c .left h2{width: 100%;font-size: 30px;color: #ffffff;padding-top: 80px;padding-left: 9%;}
.Company_profile .c .left h3{width: 100%;font-size: 18px;color: #dedfe1;padding-left: 9%;padding-top: 5px;}
.Company_profile .c .left .b{width: 10.9%;height: 4px;background:#fff ;margin-left: 9%;margin-top: 25px;}
.Company_profile .c .left p{color: #a8aaaf;font-size: 16px;width: 79.45%;height: 150px;margin-top: 30px; margin-left: 9%;line-height: 30px;}
.Company_profile .c .left .more{width: 20%;height: 40px;border-radius: 20px;background: #195bae;margin-left: 9%;line-height: 40px;text-align: center;color: #fff;}
.Company_profile .c .left a:hover{text-decoration: none;}
.Company_profile .c .right{width: 49%;height: 480px;float: left; background-color:  rgba(36,54,77,0.5);margin-top: 50px;}
.Company_profile .c ul{padding-inline-start: 0px;}
.Company_profile .c .right li{width: 33.3%;height: 240px;float: left;list-style-type: none;overflow: hidden;border-left: 0.2px #999 dotted;}
.Company_profile .c .right li:nth-child(4){border-top: 0.2px #999 dotted;}
.Company_profile .c .right li:nth-child(5){border-top: 0.2px #999 dotted;}
.Company_profile .c .right li:nth-child(6){border-top: 0.2px #999 dotted;}
.Company_profile .c .right li h5{font-size: 60px;color: #ffffff;padding-top: 80px;padding-left: 4%;}
.Company_profile .c .right li p{font-size: 16px;color: #a1a5ac;padding-left: 4%;}
.Company_profile .c .right li:hover{background: #195bae;}



.News_Center{width: 100%;height: 800px;}
.News_Center .c .titlea{width: 200px;margin-top: 105px;float: left;}
.News_Center .c .titlea .title{width: 200px;font-size: 42px;color: #24221e;float: left;font-weight: 700;}
.News_Center .c .titlea .b{width: 80px;height: 4px;background: #195bae;margin-top: 10px;float: left;}
.News_Center .c ul{padding-inline-start: 0px;float: right;margin-top: 115px;}
.News_Center .c .nava li{width: 120px;height: 40px;float: left;list-style-type: none;line-height: 40px;text-align: right;}
.News_Center .c .nava li a{color: #959595;}
.News_Center .c .nava li a:hover{color: #195bae;text-decoration: none;}
.News_Center .c .nava li a.active{color: #195bae;}
.News_Center .c .tp{width: 100%;overflow: hidden;padding-top: 70px;height: 580px;position: relative;}
.News_Center .c .tp .swiper-slide .title1{font-size: 18px;color: #333333;margin-top: 30px; padding-left: 20px;height: 50px;line-height: 25px;overflow: hidden;}
.News_Center .c .tp .swiper-slide .title1 a{font-size: 18px;color: #333333;}
.News_Center .c .tp .swiper-slide .time{font-size: 16px;height: 20px; color: #888888;padding-left: 20px;margin-top: 10px;}
.News_Center .c .tp .swiper-slide{width: 470px;margin-right: 20px;height: 450px;background-color: rgba(248,248,248,1);}
.News_Center .c .tp .swiper-slide img{width: 470px;height: 300px;} 
.News_Center .c .tp .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100px;
    margin: 40px auto 0;
}
.News_Center .c .tp .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;background: #999;}
.News_Center .c .tp .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 10px;height: 10px;opacity: 1;background: #666;}

.News_Center .c .tp .swiper-pagination-bullet{color: #999;}




.contact_us{width: 100%;height: 600px;}
.contact_us .titlea{width: 100%; text-align: center;color: #1a1a1a;font-size: 42px;margin-top: 60px;font-weight:700;}
.contact_us .titleb{width: 70px;height: 4px;background:#195bae ; margin: 30px auto;}
.contact_us .titlec{width: 100%; text-align: center;color: #888888;font-size: 18px;margin-top: 25px;}
.contact_us .c .left{width: 450px;height: 400px;float: left;margin-top: 75px;}
.contact_us .c  .Shenzhen{width: 450px;height: 150px;}
.contact_us .c  .Shenzhen h2{font-size: 20px;color: #333333;font-weight: bold;}
.contact_us .c  .Shenzhen h3{font-size: 18px;color: #195bae;margin-top: 25px;}
.contact_us .c  .Shenzhen h3 span{font-size: 18px;color: #333;font-weight: bold;}
.contact_us .c  .Shenzhen h4{font-size: 16px;color: #333333;margin-top: 25px;}
.contact_us .c  .HK{width: 450px;height: 140px;margin-top: 50px;}
.contact_us .c  .HK h2{font-size: 16px;color: #333333;}
.contact_us .c  .HK h3{font-size: 15px;color: #666666;}
.contact_us .c .in{width: 179px;height: 300px;float: left;margin-top: 100px;margin-left: 25px;}
.contact_us .c .in p{width: 100%;margin-top: 20px;text-align: center;font-size: 15px;color: #666666;}
.contact_us .c .right{width: 685px;height: 350px;float: right;margin-top: 80px;}


.contact_us .c .right .text1{width:335px;float: left;margin-right: 10px;margin-top: 10px;background-color: #ffffff;box-shadow: rgba(200,200,200,.3) 1px 1px 5px 3px;}
.contact_us .c .right .text1:nth-child(2){width:335px;float: right;margin-right: 0px;}
.contact_us .c .right .text1:nth-child(4){width:335px;float: right;margin-right: 0px;}
.contact_us .c .right .text1 input[type="text"]{
    box-sizing: border-box;
    font-size:14px;
    height: 60px;
    border-radius:4px;
    border:0 solid #ffffff;
    color:#666666;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
  }
  .contact_us .c .right .text1 input[type="text"]:focus{border:1px solid #195bae;}
  .contact_us .c .right .msg{
    font-size: 14px;
    border:0 solid #ffffff;
    border-radius:5px;
    width: 100%;
    height: 100px;
    padding: 20px;
    resize: none;
    margin-top: 20px;
    background-color: #ffffff;box-shadow: rgba(200,200,200,.3) 1px 1px 5px 3px;
}
.contact_us .c .right .msg:focus{outline-color:#195bae}
.contact_us .c .right .submit1{width: 100%;height: 60px;float: right;margin-top: 20px;}
.contact_us .c .right .submit1 input[type="submit"]{
    box-sizing: border-box;
    font-size:20px;
    height: 60px;
    border:0 solid #ffffff;
    color:#ffffff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color: #195bae;
  }






/* content_1 */
.content_1{width:1400px;height: 533px; margin:0 auto;margin-top: 90px;}
.content_1 .businessOpportunity{width: 398px;height: 533px;float: left;}
.content_1 .businessOpportunity .title{font-size: 18px;color: #333333;height: 50px;}
.content_1 .businessOpportunity .title span{font-size: 16px;color: #888888;margin-left: 10px;}
.content_1 .businessOpportunity .title  a{font-size: 12px;color: #333333;float: right;margin-top: 5px;}
.content_1 .businessOpportunity .title  a:hover{color: #195bae;text-decoration: none;}
.content_1 .businessOpportunity .businessOpportunitycontent{width: 100%;height: 483px;background-color: rgba(248,248,248,1);}
.content_1 .businessOpportunity .businessOpportunitycontent .news{width: 100%;}
.content_1 .businessOpportunity .businessOpportunitycontent .news li{width: 100%; height: 43px; line-height: 43px;}
.content_1 .businessOpportunity .businessOpportunitycontent .news li em{position: relative;top: -5px;}
.content_1 .businessOpportunity .businessOpportunitycontent .news li a{color: #666666;font-size: 15px;}
.content_1 .businessOpportunity .businessOpportunitycontent .news li a:hover{color: #195bae;text-decoration: none;}
.content_1 .businessOpportunity .businessOpportunitycontent .news li a span{float: right;margin-right: 20px;}
.content_1 .policy{width: 398px;height: 533px;margin-left: 32.5px; float: left;}
.content_1 .policy .title{font-size: 18px;color: #333333;height: 50px;}
.content_1 .policy .title span{font-size: 16px;color: #888888;margin-left: 10px;}
.content_1 .policy .title  a{font-size: 12px;color: #333333;float: right;margin-top: 5px;}
.content_1 .policy .title  a:hover{color: #195bae;text-decoration: none;}
.content_1 .policy .policycontent{width: 100%;height: 483px;background-color: rgba(248,248,248,1);}
.content_1 .policy .policycontent .news{width: 100%;}
.content_1 .policy .policycontent .news li{width: 100%; height: 43px; line-height: 43px;}
.content_1 .policy .policycontent .news li em{position: relative;top: -5px;}
.content_1 .policy .policycontent .news li a{color: #666666;font-size: 15px;}
.content_1 .policy .policycontent .news li a:hover{color: #195bae;text-decoration: none;}
.content_1 .policy .policycontent .news li a span{float: right;margin-right: 20px;}
.content_1 .leader{width: 538px;height: 533px;margin-left: 20px; float: right;}
.content_1 .leader .title{font-size: 18px;color: #333333;height: 50px;}
.content_1 .leader .title span{font-size: 16px;color: #888888;margin-left: 10px;}
.content_1 .leader .title  a{font-size: 12px;color: #333333;float: right;margin-top: 5px;}
.content_1 .leader .title  a:hover{color: #195bae;text-decoration: none;}
.content_1 .leader .tp{width: 538px;height: 533px;}
.content_1 .leader .tp img{width: 538px;height: 483px;}
.content_1 .leader .tp .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: 0.4;}
.content_1 .leader .tp .swiper-pagination-bullet-active{background-color: #fff;opacity: 1;}
.content_1 .leader .tp .swiper-slide .title1{position: absolute;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    width: 100%;
    background: rgba(0,0,0,.4);color: #fff;}
.content_1 .leader .tp .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 16px;padding-right: 20px;}

/* content_2 */
.content_2{width: 100%;height: 850px;background-color: rgba(248,248,248,1);margin-top: 90px;}
/* .content_2 .title{width: 1400px;height: 150px;margin: auto;margin-top: 20px;border: springgreen 1px solid;} */
.content_2 .title{width: 1400px;margin:50px auto;height: 150px;}
.content_2 .title .titlea{font-size: 30px; height: 40px;padding-top: 50px;}
.content_2 .title .titleb{font-size: 30px;height: 40px;padding-top: 50px;}
.content_2 .title .title2{margin-top: 120px;float: right;}
.content_2 .pro_l{width: 1480px;height: 472px;margin: auto;}
.content_2 .pro_l li{width: 323px;height: 472px;float: left;margin-right: 36px;list-style-type: none;overflow: hidden;position: relative;}
.content_2 .pro_l li img{width: 323px;height: 472px;transition: all .3s;}
.content_2 .pro_l li:hover{background-size: 120%;}
.content_2 .pro_l li:hover img{transform: scale(1.2);transition: all .3s;}
.content_2 .pro_l li h5{font-size: 24px;line-height: 60px;font-weight: normal;color: #fff;position: absolute;top:35px;left: 27px; z-index: 2;}
.content_2 .pro_l li h5 a{float: right;margin-right: 100px;}
.content_2 .pro_l li h5 img{vertical-align: middle;}
.content_2 .pro_l li hr{width: 12px;height: 5px;background: #ffffff;border:none;position: absolute;top:80px;left: 27px;z-index: 2;}
.content_2 .pro_l li p{font-size: 18px;line-height: 30px;color: #dedede;width: 323px;position: absolute;top:110px;left: 27px;z-index: 2;}


/* content_3 */
.content_3{width: 100%;height: 950px;}
.content_3 .title{width: 1400px;margin:50px auto;height: 150px;}
.content_3 .title .titlea{font-size: 30px; height: 40px;padding-top: 50px;}
.content_3 .title .titleb{font-size: 30px;height: 40px;padding-top: 50px;}
.content_3 .pro_l{width: 1480px;height: 472px;margin: auto;}
.content_3 .pro_l li{width: 448px;height: 330px;float: left;margin-right: 28px;margin-bottom: 28px;list-style-type: none;overflow: hidden;position: relative;}
.content_3 .pro_l li img{width: 448px;height: 330px;transition: all .3s;}
.content_3 .pro_l li:hover{background-size: 120%;}
.content_3 .pro_l li:hover img{transform: scale(1.2);transition: all .3s;}
.content_3 .pro_l li:hover{transition: all 1.3s;background-size: 120%;}
.content_3 .pro_l li h5{font-size: 26px;line-height: 60px;width: 100%; font-weight: normal;text-align: center; color: #fff;position: absolute;top:135px; z-index: 2;}
.content_3 .pro_l li h5 a{float: right;margin-right: 100px;}
.content_3 .pro_l li hr{width: 15px;height: 5px;background: #fff;border:none;position: absolute;top:180px;left: 215px; z-index: 2;}
.content_3 .pro_l li p{font-size: 18px;line-height: 36px;color: #dedede;width: 100%;text-align: center; position: absolute;top:210px;z-index: 2;}

  
/* content_4 */
.content_4{width: 100%;height: 850px; margin-top: 90px; background: url(/img/GroupIndustry_background.png);background-repeat: no-repeat;}
.content_4 .content_4_1{width: 1400px;height: 850px;margin: auto;}
.content_4 .content_4_1 .content_left{width: 718px;height: 850px;float: left;}
.content_4 .content_4_1 .content_left .title{width: 100%;height: 254px;}
.content_4 .content_4_1 .content_left .title .title1{padding-top: 130px;}
.content_4 .content_4_1 .content_left .content_left_1{width: 100%;height: 226px;font-size: 16px;word-wrap:break-word;word-break:break-all;line-height: 42px;}
.content_4 .content_4_1 .content_left .content_left_1 a{float: right;color: #888888;font-size: 14px;}
.content_4 .content_4_1 .content_left .content_left_1  a:hover{color: #195bae;text-decoration: none;}
.content_4 .content_4_1 .content_left .content_4_introduce{width: 100%;float: left;margin-top: 78px;}
.content_4 .content_4_1 .content_left .content_4_introduce .content_4_introduce_1{position:relative;width: 220px;height: 78px; margin-right: 29px; float: left;}
.content_4 .content_4_1 .content_left .content_4_introduce .content_4_introduce_1 span{font-size: 45px;color:#195bae ;font-weight:700;}
.content_4 .content_4_1 .content_left .content_4_introduce .content_4_introduce_1 p{font-size: 45px;color:#195bae ;font-weight:700;float: left;position: relative;left:220px}
.content_4 .content_4_1 .more{width: 120px;height: 120px;background-color:  #195bae;position: absolute;margin-left: 1310px;margin-top: 120px;}
.content_4 .content_4_1 .more .more1{color: #fff;margin-top: 25px;margin-left: 18px;}
.content_4 .content_4_1 .content_right{width: 566px;height: 482px; float: right;margin-top: 190px;z-index: 2;position:relative}
.content_4 .content_4_1 .content_right video{width: 100%;height: 100%;}
.content_4 .content_4_1 .content_right p{margin-top: -75px;padding-left: 20px; height: 70px;line-height: 70px;background: rgba(0,0,0,.4);color: #fff;font-size: 16px;}


/* content_5 */
.content_5{width:1400px;height: 531px; margin:0 auto;margin-top: 90px;}
.content_5 .businessOpportunity{width: 494px;height: 531px;float: left;background-color: rgba(248,248,248,1);}
.content_5 .businessOpportunity .businessOpportunitycontent{width: 100%;height: 483px;}
.content_5 .businessOpportunity .businessOpportunitycontent .news{width: 100%;}
.content_5 .businessOpportunity .businessOpportunitycontent .news li{width: 100%; height: 43px; line-height: 43px;}
.content_5 .businessOpportunity .businessOpportunitycontent .news li em{position: relative;top: -5px;}
.content_5 .businessOpportunity .businessOpportunitycontent .news li a{color: #666666;font-size: 15px;}
.content_5 .businessOpportunity .businessOpportunitycontent .news li a:hover{color: #195bae;text-decoration: none;}
.content_5 .businessOpportunity .businessOpportunitycontent .news li a span{float: right;margin-right: 20px;}
.content_5 .policy{width: 494px;height: 531px;margin-left: 36.5px; float: left;background-color: rgba(248,248,248,1);}
.content_5 .policy .policycontent{width: 100%;height: 483px;}
.content_5 .policy .policycontent .news{width: 100%;}
.content_5 .policy .policycontent .news li{width: 100%; height: 43px; line-height: 43px;}
.content_5 .policy .policycontent .news li em{position: relative;top: -5px;}
.content_5 .policy .policycontent .news li a{color: #666666;font-size: 15px;}
.content_5 .policy .policycontent .news li a:hover{color: #195bae;text-decoration: none;}
.content_5 .policy .policycontent .news li a span{float: right;margin-right: 20px;}
.content_5 .leader{width: 339px;height: 167px;margin-left: 20px; float: right;}
.content_5 .leader .tp{width: 339px;height: 167px;}
.content_5 .leader .tp a{text-decoration:none;}
.content_5 .leader .tp h5{margin-top: -110px;text-align: center;font-size: 26px; color: #fff;} 
.content_5 .leader .tp p{margin-top: -20px;text-align: center;font-size: 12px; color: #fff;}