.banner{ overflow: hidden;  z-index: -1;     position: relative;}
p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{margin: 0}
.banner .container{position: relative; z-index: 10;}
.banner p{position: absolute; font-weight: 600; left: 0; top: 50%; text-align: center; display: inline-block; font-size:48px; line-height: 72px; color: #fff; text-align: left; transform:translateY(-50%);}



.banner p span{

  



    width: 100%;

    float: left;

    color: $tertiary-color;

    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);

    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);

    transform: translateY(-50px);

    opacity: 0;

    animation-name: titleAnimation;

    animation-timing-function:ease;

    animation-duration: 8s;

    animation-iteration-count: infinite; letter-spacing: 20px;

}

.right{margin-left:30px;}

.left{margin-right:30px;}

.banner p span:nth-child(1){

  animation-delay: 0.8s;

}

.banner p span:nth-child(2){

  animation-delay: 1.2s;

}

.banner p span:nth-child(3){

  animation-delay: 1.6s;

}

.banner p span:nth-child(4){

  animation-delay: 2s;

}
.pc_mission{display: block;}
.m_mission{display: none;}
@keyframes titleAnimation {

    0% {

      transform: translateY(-50px);

      opacity: 0;

      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);

      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);

  }

  10% {

      transform: translateY(0);

      opacity: 1;

      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0%);

      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0%);

  }

  60% {

       transform: translateY(0);

       opacity: 1;

      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0%);

      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0%);

  }

  

  70% {

       transform: translateY(50px);

       opacity:0;

      -webkit-clip-path: polygon(100% 0, 100% -0%, 0 100%, 0 100%);

      clip-path: polygon(100% 0, 100% -0%, 0 100%, 0 100%);

    

  }

  100% {

       transform: translateY(50px);

       opacity:0;

      -webkit-clip-path: polygon(100% 0, 100% -0%, 0 100%, 0 100%);

      clip-path: polygon(100% 0, 100% -0%, 0 100%, 0 100%);

    

  }

}
.company_ny a{    color: #44a335;

    text-decoration: underline;}

.nav li a:hover,.company_ny a:hover,a:hover{color: #44a335; text-decoration:none}
.ny_banner p span{ opacity: 1; animation:mymove 2s 1; -webkit-animation:mymove 2s 1; /*Safari and Chrome*/ transform: translateY(0); opacity: 1; -webkit-clip-path: inherit;

    clip-path:inherit;}

.ny_banner p span:nth-child(1) {

    animation-delay: 0s;

}

@keyframes mymove {

    from{

      transform: translateY(-50px);

      opacity: 0;

      -webkit-clip-path:inherit;

      clip-path: inherit;

  }

  to {

      transform: translateY(0);

      opacity: 1;

      -webkit-clip-path:inherit;

      clip-path: inherit;

  }

}

.scroll:after{content: "";

    display: block;

    width: 60px;

    height: 1px;

    left: 0px;

    bottom: 10px;

    right: 53px;

    position: absolute;

    margin: auto;

    background: rgba(255,255,255,0.43);}

.scroll{position: absolute; padding-left: 52px; z-index: 10; bottom: 45px; transform:translateX(-50%); left: 50%; margin-left: -57px; font-weight: 300; font-size: 16px; color: #fff; transform:rotate(7deg);

-ms-transform:rotate(-90deg); 	/* IE 9 */

-moz-transform:rotate(-90deg); 	/* Firefox */

-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */

-o-transform:rotate(-90deg); 	/* Opera */ }



.scroll span{width: 12px; height: 12px; border-radius: 6px; display: inline-block; background: #fff; position: relative; top: 1px; margin-right: 8px;     -webkit-animation: nudgeMouse 1.6s linear infinite;

    animation: nudgeMouse 1.6s linear infinite;}

.scroll:before{}

@-webkit-keyframes nudgeMouse {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  40% {

    -webkit-transform: translateX(4px);

            transform: translateX(4px);

  }

  80% {

    -webkit-transform: translateX(-4px);

            transform: translateX(-4px);

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }



}

@keyframes nudgeMouse {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  40% {

    -webkit-transform: translateX(4px);

            transform: translateX(4px);

  }

  80% {

    -webkit-transform: translateX(-4px);

            transform: translateX(-4px);

  }

  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}

.banner .container{position: absolute; top: 0; z-index: 10; margin: 0 auto; left: 0; right: 0; height: 100%}

.banner .container .border{position: relative; height: 100%; }



.company_home{background: url(../images/company.jpg) repeat-x center -125px #fff; position: relative; padding: 110px 0;}


.company_home .title{ font-size: 48px; font-weight: 600; text-transform: uppercase; color: #44a335; padding-top: 60px; padding-bottom: 50px; }

.company_home .title span{color: #0e6d8f}

.company_txt{position: relative; z-index: 2;}

.company_home h3{font-size: 30px; line-height: 38px; color:#333; font-weight: 600; text-align: center; padding-bottom: 70px; margin-top: -20px;}

.company_home p{font-size: 18px; font-weight: 500;  line-height: 30px; margin-bottom: 30px;}

.company_home p a,.company_home p span{color: #44a335; text-decoration: underline;}

.company_home p a:hover{text-decoration: none;}

.more{ text-align: center; padding-top: 85px; padding-bottom: 40px;}

.more a{color: #44a335; font-weight: 300}

.more img{width: 30px;}

.zhezhao{position: relative; overflow: hidden;}

.zhezhao .zz_img{position: absolute; width: 100%;  overflow: hidden; margin: 0 auto; top: 1px; left: 0 ;right: 0;}

.zhezhao .zz_zz{ position: relative; border:0; font-size: 0; padding: 0; margin: 0}

.zhezhao .zz_zz1{position: absolute; width: 100%; margin: 0 auto; left: 50% ; transform:translateX(-50%);}

.zz_zz2{opacity: 0; margin: 0 auto; display: block; width: 100%}

.zz_img img{width: 100%}

.mission{background: #ebf8e9}

.mission_right{height: 674px; overflow: hidden; position: relative;}

.quan{width: 100%; position: absolute; padding: 0 30px; margin-top: -30px;}

.logo_mission{position: absolute;  left: 50%; top: 50%; margin: -20px 0 0 -40px;}

.mission h3{font-size: 36px; padding-bottom: 15px; font-weight: 800; color: #44a335; text-transform: uppercase;}
.mission p{font-size: 16px; line-height: 2em}
.mission h3 span{color: #0e6d8f}
.mission p span{display: block; position: relative; padding-left: 20px;}
.mission p span:before{content: "●"; display: block; position: absolute; left: 0; top: 0px;}

.mission_left p{line-height: 30px; color: #3f3f3f; padding-top: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;overflow: hidden;}

.mission .mission_left a{color: #44a335; font-weight: 300; margin-top: 55px; display: inline-block;width: 170px; text-align: center;}

.mission .mission_left a img{width: 30px;}

.mission_tt{position: absolute;}

.mission_tt p{font-weight: 800; color: #0e6d8f;}

.mission1{width: 216px; line-height: 25px; top: 162px; left: 90px;}

.mission_tt span{width: 50px; height: 50px;  display: inline-block; position: relative; }

.mission_tt span img{width: 50px; }

.mission1 img{-webkit-animation: mapzoomIn 1.6s linear infinite;

    animation: mapzoomIn 1.6s linear infinite;}

.mission2 img{-webkit-animation: mapzoomIn 2.6s linear infinite;

    animation: mapzoomIn 2.6s linear infinite;}

.mission3 img{-webkit-animation: mapzoomIn 1.9s linear infinite;

    animation: mapzoomIn 1.9s linear infinite;}

.mission4 img{-webkit-animation: mapzoomIn 1.5s linear infinite;

    animation: mapzoomIn 1.5s linear infinite;}

@-webkit-keyframes mapzoomIn{

  0%{opacity:1;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}

  50%{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}

  100%{opacity:1;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}

}

.mission1 span{left: 140px; top: -50px;}

.mission2{width: 245px; line-height: 25px; top: 162px; left: 606px;}

.mission2 span{left: -50px; top: -40px;}

.mission3{width: 210px; line-height: 25px; top: 465px; left: 0px;}

.mission3 span{left: 170px; top: -45px;}

.mission4{width: 270px; line-height: 25px; top: 450px; left: 656px;}

.mission4 span{left: -30px; top: -150px;}

.w_50{width: 50%; float: left; overflow: hidden;}

.w_50 img{width: 100%; transition: all 0.5s}

.jaintou{width: 28px; height: 30px; display: inline-block; transition: all 0.5s; position: relative;}

.jaintou:before{content: ""; display: block; width: 100%; height: 1px; background: #44a335; bottom: 0; right: 0; position: absolute;}

.jaintou:after{content: ""; display: block; width: 15px; height: 1px; background: #44a335; bottom: 5px; position: absolute; right: -2px;    transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);}

.video_txt2 a:hover .jaintou,.mission .mission_left a:hover .jaintou,.more a:hover .jaintou{width: 38px;}

.w_50 a:hover img{transform: scale(1.1, 1.1);}

.team_home .title p{font-size: 48px; font-weight: 600; color: #44a335; text-transform: uppercase;}

.team_home .title p span{color: #0e6d8f}

.team_home .title{text-align: center; padding-top: 70px; padding-bottom: 60px;}

.team_home .title a img{width: 30px;}

.team_home .title a{color: #44a335; font-weight: 300; margin-bottom: 38px; display: inline-block;}

.team_home .title a:hover .jaintou{width: 38px;}

.team_home .w_50{position: relative;}

.team_txt{position: absolute; width: 390px; transform: translateY(-50%); left: 120px; top: 50%; background:url(../images/liti.jpg) no-repeat 25px 15px #fff; padding: 40px 20px 20px 65px;}

.team_txt p{font-size: 37px; color: #4aa53c; font-weight: 800; margin-bottom: 0; line-height: 37px;}

.team_txt span{font-size: 12px; color: #55838c;}

.team_txt2{left: inherit; right: 120px}

.lights{background: url(../images/lights.jpg) no-repeat; background-size: cover; background-attachment: fixed;}



.lights{height: 720px; width: 100%; overflow: hidden; position: relative; z-index: 1; background: #0e6d8f}

.video{width: 1090px; float: left; margin-top: -480px; height: 613px; overflow: hidden; position: relative; z-index: 10; border-bottom: solid 12px #44a335}

.video_home{background: #0e6d8f; height: 133px; position: relative; z-index: 1;}

.video_home:after{content: ""; display: block; height: 696px; width: 45%; background: #fff; position: absolute; right: 0; bottom: 0; border-bottom: solid 12px #44a335}

.video_txt{width: calc(100% - 1090px); height: 613px; float: left; position: relative; z-index: 8; margin-top: -480px; padding-left: 40px;}

.video_txt2{position: absolute; transform: translateY(-50%); top: 50%}

.video_txt2 h3{font-size: 48px; font-weight: 800; color: #44a335;}

.video_txt2 h3 span{color: #0e6d8f;}

.video_txt2 p{font-size: 18px; color: #3f3f3f; line-height: 30px; padding: 60px 0}

.video_txt2 a img{width: 30px;}

.video_txt2 a{color: #44a335; font-weight: 300; margin-bottom: 38px; display: inline-block;width: 200px; text-align: center;}

.db_417{margin-bottom: 417px;}

#luxy{z-index: 9;}

.tanchuang{position: fixed; z-index: 1000; background: rgba(0,0,0,0.8); width: 100%; height: 100vh; top: 0; -webkit-animation: nudgeMouses 0.6s linear 1;

    animation: nudgeMouses 0.6s linear 1;}

@-webkit-keyframes nudgeMouses {

  0% {

    opacity: 0

  }

  100% {

    opacity: 1

  }



}

@keyframes nudgeMouses {

  0% {

    opacity: 0

  }

  100% {

    opacity: 1

  }

}

.tanchuang .container{transform:translate(-50% , -50%); left: 50%; top: 50%; position: absolute;}

.relative{position: relative; height: 100vh}

.menu-button{position: absolute; right: 30px; top: 30px; cursor: pointer;}

.bar {

    position: relative;

    display: block;

    width: 50px;

    height: 5px;

    margin: 10px auto;

    background-color: #fff;

    border-radius: 10px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}

.menu-button .bar:nth-of-type(2){opacity: 0}

.menu-button .bar:nth-of-type(1) {

    margin-top: 0px;

}

.menu-button .bar:nth-of-type(1) {

    -webkit-transform: translateY(15px) rotate(-45deg);

    -ms-transform: translateY(15px) rotate(-45deg);

    transform: translateY(15px) rotate(-45deg);

}

.menu-button .bar:nth-of-type(3) {

    -webkit-transform: translateY(-15px) rotate(45deg);

    -ms-transform: translateY(-15px) rotate(45deg);

    transform: translateY(-15px) rotate(45deg);

}

.menu-button .bar:nth-of-type(3) {

    margin-bottom: 0px;

}

.videos{transition: all 0s}

.policys{background: #fff; max-width: 1040px; height: 572px; border-radius: 62px; padding: 100px 45px; padding-right: 15px; line-height: 30px; margin: auto;}

.policys p{margin-bottom: 30px;}









/*内页*/

.ny_banner{height: 692px;}

.ny_banner .container .border{height: 692px;}

.ny_banner p{width: 100%}

.company_ny .container2 > div{line-height:1.8em}

.company_ny .title{height: 125px; text-align: center; color:#333; padding-top: 70px; position: relative; top: -123px; background: #fff; font-size: 48px; font-weight: 800; color: #44a335}

.company_ny .title span{color: #0e6d8f}

.company_ny .company_txt h3{ font-size: 30px; line-height: 38px; font-weight: 600; text-align: center; padding-bottom: 70px;}

.jianje_left p{line-height: 30px; margin-bottom: 30px;}

.jianje_left p a{color: #44a335; text-decoration: underline;}

.jianje_left p a:hover{text-decoration: none;}

.title2_ny{margin: 20px 0 40px 0}

.company_ny{padding-bottom: 110px;}

.default__button--big .ckin-play_li{width: 50px; height: 50px; padding: 0; line-height: 17px;}

.default__button--big .ckin-play_li:before{font-size: 24px;}

.video_list h3{font-size: 30px; color: #3f3f3f; line-height: 30px; text-align: left; padding-bottom: 25px; margin-top: 0; transition: all 0.5s;}

.video_list span{font-size: 18px; color: #3f3f3f}

.video_list a{display: block; transition: all 0.5s; text-decoration: none;}

.video_list a:hover h3{color: #44a335}

.video_list hr{border-top: solid 1px #ccc; margin: 40px 0}

.mt-50{margin-top: -50px;}

.company_ny2:after{display: none; }

.company_ny2{min-height: inherit;}

.map{width: 1000px; padding-right: 70px;}

.map_ny .video_txt{width: calc(100% - 1000px)}

.map_ny .video_txt2 p{padding: 10px 0}

.map_ny:after{width: 50%; height: 775px;}

.map_ny .video_txt{margin-top: -550px;}

.map{margin-top: -550px; height: 683px;}

.map_ny .video_txt2 p{display: flex;}

.map_ny .video_txt2 p span{width: 80px; display: inline-block; text-align: right; font-weight: 800}

.map_ny .video_txt2 p em{display: inline-block; font-style: inherit; padding-left: 30px; font-weight: 500;width: calc(100% - 80px);}





.pdf_li a{display: flex; position: relative; background: #f5f5f5; margin-bottom:3px; height: 280px; padding: 68px 0; transition: all 0.5s}

.pdf_rq{width: 164px; padding-left: 50px; color: #3f3f3f}

.pdf_rq span{font-size: 60px; font-weight: 800; color: #44a335; transition: all 0.5s}

.pdf_tit{padding: 0 110px;font-size: 30px; color: #3f3f3f; padding-top: 20px; transition: all 0.5s;}
.pdf_li a{ text-decoration: none;}

.pdt_icon{width: 204px; position: relative;}

.pdt_icon span{background: url(../images/pdf1.png) no-repeat; background-size: 50px; display: block; height: 50px; width: 50px; position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; transition: all 0.5s}

.pdf_li a:hover{background: #44a335}

.pdf_li a:hover .pdf_rq p,.pdf_li a:hover .pdf_rq span{color: #fff;}

.pdf_li a:hover .pdf_tit{color: #fff;}

.pdf_li a:hover .pdt_icon span{background: url(../images/pdf2.png) no-repeat; background-size: 50px;}



.logion{max-width: 825px; padding: 80px 115px; background: #f5f5f5; border-radius: 10px; margin: 0 auto; -moz-box-shadow:0px 0px 5px #f5f5f5; -webkit-box-shadow:0px 0px 5px #f5f5f5; box-shadow:0px 0px 5px #f5f5f5;}

.login_li > span{width: 128px; height: 60px; float: left; line-height: 60px; text-align: left; font-weight: 500; display: inline-block;}

.login_li{padding-bottom: 30px;}

.login_li .input_li{height: 60px; border:solid 1px #0e6d8f; border-radius: 60px; padding: 0 30px; width: calc(100% - 140px); font-weight: 300}

.login_li .input_li:focus{outline: none;}

.items-center input{border: solid 1px #0e6d8f; border-radius: 24px; width: 24px; height: 24px; float: left;}

.items-center{width: calc(100% - 140px); display: inline-block; margin: 0}

.items-center em{display: inline-block; width: calc(100% - 30px); float: left; padding-left: 15px; font-weight: 500; color: #3f3f3f; font-style: normal;}

.login_li #submit{height: 60px; border-radius: 60px; background: #0e6d8f; width: calc(100% - 140px); color: #fff; transition: all 0.5s; font-size: 24px;}

.login_li .forget{height: 60px; text-decoration: none; display: inline-block; text-align: center; line-height: 60px; border-radius: 60px; color: #3f3f3f; border: solid 1px #0e6d8f;width: calc(100% - 140px); transition: all 0.5s; background: #fff; font-size: 24px; color: #0e6d8f}

.pretty.circle label i{float: left; width: 20px; height: 20px;}

.login_li #submit:hover{background: #44a335}

.login_li .forget:hover{background: #44a335; border: 1px solid #44a335; color: #fff;}

.login_li{padding-bottom: 20px; padding-top: 10px;}

.login_li2{padding-bottom: 20px; padding-top: 0;}

.pretty i:after{border: solid 1px #0e6d8f !important}

.map_ny .video_txt2 a{text-align: left; transition: all 0.5s}

.map_ny .video_txt2 a:hover{text-decoration: underline;}

.menu-button{transition: all 0.5s}

.menu-button:hover{-ms-transform: rotate(270deg);

-moz-transform: rotate(270deg);

-webkit-transform: rotate(270deg); 

-o-transform: rotate(270deg); 

}

.gundong{height: 330px; width: 100%; padding-right: 30px;}

.tc_btn .a{width: 100px; font-size: 16px; height: 36px; display: inline-block; text-align: center; background: #0e6d8f; color: #fff; line-height: 36px; border-radius: 36px; margin-right: 20px; transition: all 0.5s}

.tc_btn .aa{background: #fff; color: #0e6d8f; border: solid 1px #0e6d8f; transition: all 0.5s}

.tc_btn .a:hover{color: #fff; background: #44a335}

.tc_btn .aa:hover{border: solid 1px #44a335}

.swiper-slide {

  height: auto;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}


h2{font-size: 30px; font-weight:600; color:#333;line-height: 1.5em; max-width:1240px; text-align:center; margin:0 auto}

h3{color:#009900; font-size: 24px; font-weight:bold;line-height: 1.5em;}

h4{color:#0e6d8f; font-size: 20px; font-weight:600;line-height: 1.5em;}






.container2 .clearfix .pro_notic{max-width: 830px; height: 480px; margin: 0 auto; padding:38px; background: #f5f5f5; border-radius: 12px; margin-top: 70px; box-shadow: 0px 0px 10px #f5f5f5;}
.pro_notic .swiper-slide{padding-bottom: 30px;}
.pro_notic .gundong{height: 354px; padding-bottom: 60px;}
.pro_notic_btn{max-width: 830px; margin: 0 auto; margin-top: 40px;}
.pro_notic_btn .row{margin: 0 -5px;}
.pro_notic_btn .row div{width: 50%; padding: 0 5px; float: left;}
.pro_notic_btn a{display: block; border-radius: 60px; height: 60px; background: #0e6c8e; font-size: 24px; text-align: center; color: #fff; text-decoration: none; line-height: 60px; transition: all 0.5s;}
.pro_notic_btn .decline{border: solid 1px #0e6c8e; background: #fff; color: #0e6c8e}
.pro_notic_btn a:hover{background: #44a335; color: #fff; border: solid 1px #44a335; border: 0}
.container212{max-width: 1115px; margin: 100px auto}
.t_blue2{display: block; font-size: 20px; color: #fff; font-weight: 600;}
.biao{border-radius: 10px; overflow: hidden; background: #e1eff2; padding-bottom: 30px;}
.t_blue3{font-size: 24px; color: #0e6c8e; display: block; font-weight: 600; line-height: 28px}
.t_blue4{font-size: 24px; color: #0e6c8e; font-weight: 600; line-height: 28px}
.tdnian{font-size: 18px; color: #0e6c8e; line-height: 20px; font-weight: 600}
.currNAV{font-size: 38px; font-weight: bold; color: #45a037}
.biao_btn a{display: block; border-radius: 60px; height: 60px; background: #0e6c8e; font-size: 24px; text-align: center; color: #fff; text-decoration: none; line-height: 60px; max-width: 408px; margin: 0 auto; transition: all 0.5s;}
.biao_btn a:hover{background: #44a335; color: #fff; border: solid 1px #44a335; border: 0}
.biao_txt{font-size: 16px; padding: 30px 0; padding-bottom: 40px; line-height: 20px}
.biao_txt a{display: block;}
.chart-container .graph-svg-tip.comparison .title{font-size: 16px;color: #959da5; position: initial; background: none; text-align: left; height: initial;}
.chart-container>.title{display: none}
.margin-vertical-rem{font-weight: 600; color: #333; width: 50%; float: left; margin: 0 !important;}
.margin-vertical-rem span{display: block; position: relative; font-size: 18px;}
.margin-vertical-rem span:before{content: ""; display: block; width: 74px; height: 3px; background: #3da42e; float: left; margin-top: 15px; margin-right: 10px;}
.tb_you{    margin:0;}
.tit_zy{margin-top: 110px; margin-bottom: 20px;}
.tb_you .dropdown{float: right; width: 230px}
.document_pdf{background: #e1eff2; border-radius: 15px; margin-bottom: 45px; text-align: center; padding: 65px 70px;}
.document_pdf p{font-weight: 800; line-height: 1.2em; font-size: 22px; height: 60px; margin: 20px 0}
.select_pdf .dropdown{width: calc(100% - 62px); float: left; text-align: left;}
.select_pdf a{float: right;}
.mb50{margin-bottom: 50px;}
.document{padding-bottom: 70px;}
.container2 .clearfix .pro_notics{max-width: 100%; margin-top: 0;}
.risk .container212{margin: 30px auto}
.pro_notics .gundong{height: 414px}

.faq{ padding:30px 40px;  border-radius: 15px; box-shadow: 0px 0px 10px #f5f5f5; background: #f5f5f5; margin-bottom: 20px; position: relative;}
.faqQ{ color:#247196; font-size:20px; font-weight:bold; line-height:20px; cursor:pointer;}
.faqQ:hover{ color:#009900;}
.faqA{ padding:15px 0px;   margin:10px 0px 0px 20px; display: none}
.faq .faqQ i{content: ""; display: block; height: 38px; width: 38px; background: url(../images/jia.png); position: absolute; right: 40px; top: 26px; transition: all 0.5s}
.faq .faqQ i:hover{background: url(../images/jia2.png);}
.faq .faqQ2 i{background: url(../images/jian.png);}
.faq .faqQ2 i:hover{background: url(../images/jian2.png);}
.faq_tb{position: fixed; right: 30px; bottom: 50px; z-index: 100; transition: all 0.5s; width: 80px; height: 80px; display: block; background: url(../images/faq.png);}
.faq_tb.on{display: block; }
.faq_tb:hover{background: url(../images/faq2.png);}
.faq_tb a{width: 80px; height: 80px; display: block;}
.down_tb{width: 40px; height: 40px; display: block;  background: url(../images/download.png); transition: all 0.5s}
.down_tb:hover{ background: url(../images/download2.png);}
#chart-trends{border: solid 1px #eee}
.container-m{margin-bottom: 110px}
.login_li3 > span{width: 188px; line-height: 60px; height: 60px;}
.login_li4 > span{width: 188px;}
.login_li4 .forget,.login_li4 #submit{width: calc(100% - 190px);}
.login_li3 .input_li{width: calc(100% - 190px); height: 60px;}
.login_li3{padding-top: 0;}
.login_li3 .dropdown{height: 60px;width: calc(100% - 190px); padding: 0 15px; float: left;}
.login_li3 .dropdown .selected{width: 100%;top: 0; line-height: 60px; padding: 0 12px;}
.login_li3 textarea{width: calc(100% - 190px); border: solid 1px #0e6d8f; border-radius: 30px; height: 150px; padding: 10px 15px;}
.login_li > span i{font-style: normal; color: #f00}



.team_home .swiper {
      width: 100%;
      height: 100%; overflow: initial;
    }

.team_home  .swiper-slide {
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.team_home  .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.team_home  .swiper-slide {
      width: 80%; opacity: 0.3;
    }
.team_home  .swiper-slide-active{opacity: 1;}
.mission .col-sm-7{padding: 0}
.mission{border-top-right-radius: 8px; border-bottom-right-radius:8px; overflow: hidden; display: flex; align-items: center;}
.mission .col-sm-5{padding: 0 40px;}
.team_home .swiper-button-next:after{ width: 54px; height: 54px; font-size: 20px; line-height: 54px; color: #44a335}
.team_home .swiper-button-prev:after{ width: 54px; height: 54px; font-size: 20px; line-height: 54px; color: #44a335}
.team_home .swiper-button-next{width: 54px; height: 54px; right: -90px; border: solid 2px #44a335; border-radius: 54px; text-align: center;}
.team_home .swiper-button-prev{width: 54px; height: 54px; left: -90px; border: solid 2px #44a335; border-radius: 54px; text-align: center;}
.team_home .swiper-button-prev:hover,.team_home .swiper-button-next:hover{background: #44a335}
.team_home .swiper-button-prev:hover:after,.team_home .swiper-button-next:hover:after{color: #fff}
.team_home{padding-bottom: 112px;}
.contact{background: #f5f5f5; padding: 90px 0}
.contact .title{ font-size: 36px; font-weight: 600; color: #44a335; padding-bottom: 50px; }

.contact .title span{color: #0e6d8f}
.contact_li{background: #fff; border-radius: 8px; overflow: hidden; padding: 38px 25px; display: flex; align-items: center;}
.contact .img{border-radius: 93px; width: 93px; overflow: hidden; background: #76c59b; margin-right: 25px;}
.txt span{display: block; font-size: 18px; padding-bottom: 8px; font-weight: 500}
.txt{font-size: 16px; font-weight: 300}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: 0.3;}
@media (min-width: 1920px) {

	.company_home .title,.company_home{background-size: 2560px}

}

@media (min-width: 2560px) {

	.company_home .title,.company_home{background-size: 4000px}

}



@media (max-width: 1800px) {

	.zhezhao .zz_zz1{width: 100%}

	.zz_zz2,.zhezhao .zz_img{width: 100%}

	.zhezhao .zz_zz{height: initial;}

	.zhezhao .zz_img{height: initial;}

	.team_txt{left: 80px}

	.team_txt2{left: inherit; right: 80px}

	.company_home .title{   }

	.video_txt2 h3{font-size: 42px; font-weight: 800; color: #44a335;}

}

@media (max-width: 1700px) {

	.quan{top: 0; width: 110%}

	.mission_right{overflow: inherit;}

	.mission{overflow: hidden;}

	.logo_mission{margin: -80px 0 0 0;}

	.mission2,.mission4{left: 495px}


	.video{width: 810px; height: 455px; margin-top: -400px;}

	.video_txt {width: calc(100% - 810px); height: 455px; margin-top: -390px;}

	.lights{height: 530px;}

	.video_home{height: 55px;}

	.video_home:after{height: 536px;}

	.team_txt{left: 80px; top: 70%}

	.team_txt2{left: inherit; right: 80px}

	.video_txt2 p{padding: 20px 0}



	.map{margin-top: -480px; height: 625px; width: 760px}

	.lights2{height: 610px;}

	.map_ny:after{height: 676px;}

	.map_ny .video_txt2 p{margin-bottom: 0}

	.map_ny .video_txt{width: calc(100% - 760px);}

	.map_ny .video_txt2 h3{font-size: 38px;}

	.map_ny .video_txt { margin-top: -510px; height: 625px}

	.map_ny .video_txt2 h3{margin-bottom: 30px !important}

	.map_ny{height: 145px;}
  .document_pdf{padding: 45px 30px;}

}

@media (max-width: 1440px) {


	.video_txt2 h3{font-size: 34px}

	.mission_right {height: 594px;}

	.mission4{width: 250px;}

	

	.ny_banner .container .border,.ny_banner{height: 570px;}

	.map{width: 640px; padding-right: 0}

	.map_ny .video_txt {width: calc(100% - 640px);}

  .company_home .title {}

  .company_ny2 .title{background-size: 1380px}

}

@media (max-width: 1270px){

	.map{width: 540px;}

	.map_ny .video_txt {width: calc(100% - 540px);}

	.map_ny .video_txt2 h3 { font-size: 31px;}
  .col-sm-3{width: 33%}
}



@media (max-width: 1200px) {
.team_home .swiper-slide{width: 100%}
.mission{display: block;}
.mission p{margin-bottom: 30px;}
.mt-50{margin-top:0}
.team_home .swiper-button-next{width: 68px; right: 15px}
.team_home .swiper-button-prev{width: 68px; left: 15px;}
	.zhezhao .zz_zz1,.zhezhao2 .zz_img,.zz_zz2{width: 100%;}

	.company_home .title{     }

  .company_ny2 .title {

    background-size: 2372px;

} 
.contact_li{margin-bottom: 30px}
.company_ny2 {

    background: url(../images/company.jpg) no-repeat center -15px;     background-size: cover;}


.company_home{padding: 60px 0}
	.company_ny .title,.company_home .title{ top: -60px; padding-top: 0px; padding-bottom: 30px; font-size: 36px; line-height: 40px;}
  .team_home .title{padding-top: 0; padding-bottom: 30px;}

	.company_ny .title22{height: 70px;}

  .company_ny2 .title22{height: 70px;}

	.team_home {
    padding-bottom: 0px;
}
.contact{padding: 60px 0}

	.company_home h3{font-size: 28px; padding-bottom: 40px;}

	.company_home p{font-size: 16px;}

	@keyframes example {

	  0%   {bottom: 95px;}

	  50% {bottom: 75px;}

	  100%   {bottom: 95px;}

	}

	.more{padding-top: 40px; padding-bottom: 85px;}

	.zhezhao .zz_zz{height: initial;}

	.zhezhao .zz_img{width: 260%; height: initial;}

	.mission h3{font-size: 36px; text-align: center; padding-top: 50px;}

	.mission_left p{padding-top: 50px;}

	.mission .mission_left a{margin: 40px auto; display: block; text-align: center;}

	.quan{width: 120%; padding: 0; margin: 0; margin-left: -10%; position: initial;}

	.mission .col-sm-7{padding: 0; width: 100%}

	.mission .col-sm-5{width: 100%}

	.logo_mission{ margin: -90px 0 0 -40px;}

	.mission1{width: initial; top: 5%; left: 30%}

	.mission_tt span img{}

	.mission1 span{left: 210px;}

	.mission1{width: 400px;}

	.mission2{left: 30%; top: 22%; width: 400px;}

	.mission3{left: 30%; top: 62%; width: 340px;}

	.mission4{left: 30%; top: 82%;width: 400px;}

	.mission4 span{top: -110px; left: -50px}

	.mission3 span{left: 200}

	.mission_tt p{line-height: 30px; font-size: 26px;}

	.mission_right{height: initial;}

	.team_home .title p{font-size: 36px;}

	.w_50{width: 100%}

	.team_txt{left: 50%; top: initial; bottom: 35px; padding-left: 45px; padding-right: 5px; transform: translateX(-50%); width: calc(100% - 30px); background: url(../images/liti.jpg) no-repeat 15px 25px #fff; background-size: 40px;}

	.team_txt p{font-size: 32px;}

	.video{height: initial; margin-top: 0; width: 100%}

	.lights{display: none}

	.video_home{height: initial; background: #fff;}

	.video_txt{height: initial; margin-top: 0; padding: 0; width: 100%; float: initial;}

	.video_txt2{position: initial; transform: initial; padding: 0 15px;}

	.video_txt2 h3{font-size: 36px; text-align: center; margin-top: 70px;}

	.video_txt2 p{padding: 30px 0}

	.video_home:after{display: none}

	.video_txt2 a{display: block; text-align: center;width: 100%;}

	.zhezhao{max-height: inherit;}

	.w_50{width: 50%}

	
	.scroll{bottom: 50px}

	.video_home .container2{padding: 0}





	.title2_ny{margin-top: 60px;}

	.company_ny{padding-bottom: 30px;}

	.ny_banner .container .border,.ny_banner{height: 510px}

	.company_ny h3{margin-top: 0px;}

	.map_ny .video_txt{width: 100%; height: inherit;}

	.map_ny .video_txt{margin-top: 0}

	.map{float: inherit;height: 400px}

	.map_ny .video_txt2 h3{text-align: left;}

	.map_ny .video_txt2 p{display: block;}

	.map_ny .video_txt2 p em{padding-left: 0;}

	.map_ny .video_txt2 p span{text-align: left; display: block;}

	.map_ny .video_txt2 a{text-align: left; display: inherit;}



	.pdf_li a{display: block; padding: 20px 0; height: inherit;}

	.pdf_li a{}

	.pdf_rq p{display: inline-block; line-height: 1.5em}

	.pdf_rq span{margin-right: 10px;}

	.pdf_rq{width: 100%; padding-left: 0}

	.pdf_tit{padding: 0; padding-top: 20px; display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 4;

overflow: hidden;}

	.pdf_li a{padding: 20px; padding-bottom: 30px;}

	.pdt_icon{position: absolute; right: 10px; top: 20px; width: 50px; height: 50px;}

	.jz_list h3{padding-top: 15px; margin-top: 0;}

	.footer_ny2{border-top: solid 12px #44a335;}

	.map{padding-right: 0; border-bottom: 0}

	.video_txt{padding-bottom: 40px}

	.logion{margin-bottom: 40px}

	.more_yd{padding-bottom: 40px;}

  .policys{padding: 40px 30px; padding-right: 20px}

  .gundong{padding-right: 15px; height: 410px}

  .container2 .row{margin:0}

  img{max-width:100%}

  .right,.left{margin:0}

  .container2 .clearfix > div{padding:0; line-height:2em}

  footer .container2 .row{margin: 0 -15px}

  h1, .h1, h2, .h2, h3, .h3 {margin-top: 20px;  margin-bottom: 10px;}

  .company_ny img{height:auto}

  h2{font-size:28px}

  .pc_mission{display: none;}
  .m_mission{display: block;}
  
  .team_home .m_mission .swiper-slide{opacity: 1;}
  .m_mission .swiper-wrapper{display: block;}
}


@media (max-width: 767px) {
  .col-sm-3 {width: 100%;}
  .document_pdf{ padding: 35px 40px;}
  .faq{padding: 30px 60px 30px 15px;}
  .faq .faqQ i{right: 15px;}
	.banner p{font-size: 20px; line-height: 36px;}

  .ny_banner p{font-size: 40px; line-height: 44px;}

	.w_50{width: 100%}

	.banner p span{letter-spacing: 10px}

	

	.company_home .title{    }

  .company_ny2 .title{background-size: 770px}

	.mission_tt p{font-size: 16px; line-height: 20px;}

	.mission1{width: 200px;}

	.mission2{left: 30%; top: 22%; width: 200px;}

	.mission3{left: 30%; top: 62%; width: 200px;}

	.mission4{left: 20%; top: 79%;width: 290px;}

	.mission4 span {top: -110px; left: -30px;}

	.mission1 span{left: 140px;}

	.logo_mission{width: 80px; margin: -40px 0 0 -25px;}

	.ny_banner .container .border,.ny_banner{height: 310px}

    .right,.left{    display: block;

    /* align-items: baseline; */

    float: inherit;

    margin: 0 auto;}



	.logion{padding: 60px 20px; margin-bottom: 0;}

	.login_li .input_li{width: 100%}

	.login_li > span{height: 40px; line-height: 40px; font-weight: 800}

	.login_li .forget,.login_li #submit,.items-center{width: 100%}

	.login_li2 > span{height: 10px;}

  .company_ny2 .title22 { background-size: 1620px;}

  .quan{max-width: inherit;}
  .biao{width: 100%; overflow-x: scroll;}
  .biao table{width: 600px}
  .margin-vertical-rem{width: 100%}
  .tb_you .dropdown{margin-top: 30px;}
  .container-m{margin-top: 40px; margin-bottom: 45px}
  #faq h3{margin-top: 50px !important}
  #faq .container212{margin-top: 50px !important}
  .risk h3{margin-bottom: 50px;}
  .document .row{margin: 0 -15px;}
  .login_li3 textarea,.login_li3 .dropdown{width: 100%}
  .login_li{padding-bottom: 10px}
  .login_li4{padding-bottom: 20px;}
  .login_li4 span{display: none}
  .login_li33 span{display: none}
}