body{color: #262626; font-family: 'SourceHanSansCN';}
a{color:#262626}
a:hover{color:#63bd97}
a:visited{color:#63bd97}
a:active,a:focus,a:hover{color:#63bd97}

.header{ height: 90px; top: 0; left: 0; width: 100%; z-index: 10000; position: fixed; }
.home{ background:none;-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.ny_color{ background: #ffffff !important; position: relative;}
.ny_color a{ color: #47535b;}

.ny_color .search i{ color: #47535b;}
.home .logo{ filter: grayscale(100%) brightness(800%); }
.fix-head .logo{ filter: none; }
.fix-head .home .navBox ul.navCont li.child.cur a{ color: #66bc99;}
.fix-head .home .navBox ul.navCont li.child.cur a:after{ background: #66bc99;}
.home .navBox ul.navCont li.child a{ color: #ffffff;}
.home .search i{ color: #ffffff;}
.home .navBox ul.navCont li.child.cur a{ color: #ffffff;}
.home .navBox ul.navCont li.child.cur a:after{ background: #ffffff;}
/* LOGO */
.logo{ vertical-align: middle; z-index: 2; position: relative; height: 90px; text-align: left; margin: 0; }
.logo a{ height: 100%; line-height: 0; text-align: left; align-items:start; }
.logo img{vertical-align: middle;max-height:100%;}
.fix-head{ height: 90px;  position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background: #ffffff;-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2); box-shadow:0px 2px 5px rgba(0,0,0,0.2); transition: all 0.4s;}
.fix-head .navBox ul.navCont li.child i{ position: absolute; right: 0; top: -3px;}
.fix-head .navBox ul.navCont li.child a{ color: #47535b;}
.fix-head .navBox ul.navCont li.child .pro-cate{top: 80px;}
.fix-head .search i{ color: #47535b;}
.fix-head .wapNavBtn span{ background: #000000;}

.form1{ width:100%; max-width: 500px; margin: 0 auto;}
.form1 .bt{ background: #000000; color: #ffffff; height: 4rem; line-height: 4rem; display: block; text-align: center;font-size: 16px;}
.form1 .form-control{ background: #ffffff; height: 4rem; border: 1px solid #dedede; margin: 0;}
.fix-head .container1{ top: 9rem;}

.wapNavBtn{display:none;line-height: 60px; height:60px; width:60px;font-size: 2rem; z-index:1000000; float: right; width: 60px;}
.wapNavBtn:before{color: #d11734;font-weight: bold;}
.wapNavBtn.on:before{}

.wapNavBtn span{ display:block; right:0; width:65%; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; margin:0 auto; border-radius: 3px; background: #000000;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); }
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0); }

.wapNavBtn.on span{ background:#fff; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg); }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);}

/* 导航-1 */
.navBox{width:100%; max-width: 1000px; margin-left: auto; margin-top: 10px;}
.navBox ul.navCont{}
.navBox ul.navCont li.child{float:left; width: 16.6%; text-align:center; position: relative;}
.navBox ul.navCont li.child a{display: block;color:#333333;  font-size: 18px; text-transform:uppercase; line-height: 80px; position: relative; font-family: 'SourceHanSansCN';}
.navBox ul.navCont li.child a:after{ content: "";  background: #66bc99; width:0; height: 0; display: block; position: absolute; left: 0; right: 0; margin:0 auto; opacity: 0; bottom:0;}
.navBox ul.navCont li.child a:hover{ color: #66bc99;}
.navBox ul.navCont li.child a:hover::after,.navBox ul.navCont li.cur a:after{ opacity: 0; height: 2px;}

.navBox ul.navCont li.child.cur a{ width:100%; color: #66bc99;}
.navBox ul.navCont li.child.cur a:after,.navBox ul.navCont li.child:hover a:after{ opacity: 1; height: 2px; width:60%;}
.navBox ul.navCont li.child.last a{border-right: 0px}
.fix-head .navBox ul.navCont li.child a{ line-height: 80px;}

.er_nav{
    width: 100%;
    display-radio: flex;
    padding:0px 15px;
    background-color: #f7f9fc;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
    overflow: hidden;
    top: 90px;
    visibility: hidden;
    min-height: 240px;
    opacity: 0;
    transition: all 1s;
}
.er_nav div{max-width: 770px; }
.child_nav{ margin: 0 auto; left: 25%;position: relative;}
.child_nav li{ width: 20%; float: left; text-align: center; padding: 30px 0;}
.child_nav li:nth-child(2){width: 24%;}
.child_nav li:nth-child(3){width: 16%;}
.child_nav li:nth-child(4){width: 23%;}
.child_nav li:nth-child(5){width: 18%;}
.child_nav li:first-child{ width: 16%;}
.child_nav li a{ display: block; line-height: 50px; color: #727887; font-size: 16px; position: relative;}
.child_nav li a:after{ width: 0; height: 1px; display: block; background: #000000; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 10; content: "";}
.child_nav li a:hover::after{width: 80%;}
.on{ visibility:visible; opacity: 1; transition: all 1s;}
.child_nav li.cur1{ background-image: linear-gradient(to bottom, #2c84a2, #62bb98);min-height: 240px;}
.child_nav li.cur1 a{ color: #ffffff;}
.child_nav li.cur1 a:after{width: 0; height: 1px; display: block; background: #ffffff; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 10; content: "";}
.child_nav li.cur1 a:hover::after{width: 80%;}
/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute;top:100%; left: 0; right: 0; z-index:999;display:none;width:140%; background:#fff; text-align: center; margin: 0 auto; }
.navBox ul.navCont li.child .childcont li{  display: block; border-bottom: 1px solid #efeaea; text-align: left;}
.navBox ul.navCont li.child .childcont a{line-height: 40px; padding-left: 10px; color:#333; background: no-repeat; height: auto; margin: 0; font-size: 16px;font-weight: normal;}
.navBox ul.navCont li.child .childcont a:before,.navBox ul.navCont li.child .childcont a:after{ display: none;}
.navBox ul.navCont li.child .childcont a:hover{ color:#13227a; text-decoration:none; }
.navBox ul.navCont li.child .pro-cate{ position: fixed; width: 40%; left: 12%; top: 118px; background: #ffffff;-moz-box-shadow:0px 5px 8px #d8d5d5; -webkit-box-shadow:0px 5px 8px #d8d5d5; box-shadow:0px 5px 8px #d8d5d5; box-sizing: border-box;  padding: 4rem 4rem 6rem 4rem;}
.navBox ul.navCont li.child .pro-cate .navbox{ text-align: left; float: left; width: 60%;}
.navBox ul.navCont li.child .pro-cate .navbox:before{ width: 1px; height: 90px; content: ""; position: absolute; display: block; background:#d6d6d6 ; left: 25%; top: 20%;}
.navBox ul.navCont li.child .pro-cate .navbox a{ width: 45%; float: left; position: relative;}
.navBox ul.navCont li.child .pro-cate .navbox a:before{ width: 4px; height: 4px; content: ""; position: absolute; display: block; background:#d6d6d6; left: 0; top: 16px; border-radius: 4px;}


/*底部*/

.footer{ background: url(../img/foot_bg.jpg) no-repeat top center #3c434d;  color: #a1a6b0; line-height: 36px; position: relative; font-size: 14px; padding: 5rem 0 0;}
.footer1{ padding: 0;}
.footer .logo{}
.footer .ftel{ padding-top: 15px;}
.footer .ftel a{color: #a1a6b0; }
.footer .ftel p{ font-size: 16px; color: #a1a6b0; line-height: 4rem; text-align: left;}
.footer .ftel span{ display: inline-grid;  font-size: 16px; letter-spacing: 2px; font-weight: bold; line-height: 30px;}
.weixin{ text-align: center;padding-top: 4rem; color: #fefefe; display: flex; justify-content: center;}
.weixin div{ margin: 0 10px;}
.weixin p{ font-size: 14px !important; color: #727887; padding-top: 10px;text-align: center !important;}
.weixin1{  margin-right: 3rem !important;}
.fcoy{ padding:0; background: #333941; color: #a1a6b0; margin-top: 6rem;}
.fcoy p{ font-size: 14px; color: #a1a6b0; line-height: 3rem; text-align: left;}
.fcoy a{color: #727887;  padding:0 2rem; line-height: 4rem;}
.fcoy a:hover{ color: #727887;}

.fnav{ line-height: 36px;}
.fnav ul{ list-style: none; margin: 3rem 0; background: url(../img/foot_line.jpg) repeat-y 94%; clear: both; overflow: hidden;}
.fnav li{ width: 40%;float: left; text-align: left; background: url(../img/foot_line.jpg) repeat-y;padding-left: 10%; }
.fnav li span{ font-size: 18px; line-height: 6rem; color: #ffffff;}
.fnav li:nth-child(2) p a{margin-right: 30px;}
.fnav li p a{ display: inline-block; line-height: 4rem; color: #a1a6b0; font-size: 16px; }
.fnav li p a:hover{color: #63bd97;}

.fenxiang{ max-width: 210px; margin-top: 4rem; position: relative;}
.fenxiang li{ float: left; width: 44px; height: 44px; background: #333941; border-radius: 44px; text-align: center; line-height: 44px; margin: 0 0.5rem;}
.fenxiang li i{ color: #99a0aa; font-size: 3rem;}
.fenxiang li:last-child i{ font-size: 2.5rem;}
.fenxiang li a{ line-height: 44px;}
.fenxiang li div{  width: 139px; height: 140px; position: absolute; left: 0; bottom: -30px; opacity: 0; transition: all 1s; }
.fenxiang li:hover div{ opacity: 1; bottom:10px; transition: all 1s; }

/*媒体盒子模型*/
.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #efefef; width: 100%; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{ max-height: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;}
.media-box a:hover .icon img{transform:scale(1.2);}

/*翻页*/
.pager{text-align: center; color: #292929; margin-bottom: 30px;}
.pager a,.pager span{height: 39px; width: 39px; border-radius: 100%; line-height:39px; display: inline-block;margin:0 2px; color: #292929; text-align: center; font-size: 14px; border: 1px solid #dddddd; background: #ffffff;}
.pager span.current,.pager a:hover{ background-image: linear-gradient(to right, #2c84a2, #62bb98); color: #ffffff;}
.pager a.on{ background-image: linear-gradient(to right, #2c84a2, #62bb98); color: #ffffff;}
.pager span.sfont{ width: auto; margin-left: 10px;}
.pager input{width: 30px;height: 26px;border:none; background: #f8f8f8; line-height:33px; text-align: center;}
/*搜索*/
.search{cursor: pointer; max-width: 24px; text-align: center;margin: 0 auto;}
.search i{ color: #535353; font-size: 3rem; line-height: 10rem;}
.search_in{ 
    width: 100%;
    display-radio: flex;
    padding: 15px;
    background-color: rgba(0,0,0,0.2);
    position: fixed;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 10;
    overflow: hidden;
    top: 80px;
    display: none;
}


a.more{display: block; color: #fff; font-size: 18px; background-color: #90c42f; width: 155px; height: 53px; line-height: 53px; text-align: center;  margin: 0 auto; transition: all 1s; }
a.more i{ font-size: 18px;}
a.more:hover{ background-image: linear-gradient(to right, #02b4a6,#51bd64, #8fc431); transition: all 1s; }


.pagination {
    font-size: 0;
    text-align: center;
    padding-top: 3rem;
}

.pagination li {
    display: inline-block;
    font-size: 14px;
}
.pagination .disabled span {
    border: 1px solid #ccc;
    cursor: no-drop;
}
.pagination span, .pagination a {
    display: block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border: 1px solid #1e9fff;
    margin-left: -1px;
}
.pagination .active span, .pagination a:hover {
    border: 1px solid rgba(36, 104, 242, .95);
    box-shadow: 0 0 .25em rgba(36, 104, 242, .95) inset;
    color: #2468f2;
   background: rgb(0,0,0,0.3);
   width: 35px;
   height: 35px;
    border-radius: 35px;  
    color: #ffffff;  
    font-size: 16px;
    line-height: 35px;
    position: relative;
}

.box_cn{ text-align: center;}
.box_cn h1{ color:#232937; font-size: 4.8rem; line-height: 6rem;}
.box_cn p{ font-size: 16px; color: #444444; line-height: 4rem;}
.box_cn1{ position: relative; margin: 5rem auto; max-width: 1280px;}
.cn_pic{ text-align: center; width: 100%;}
.cn_pic img{ margin: a auto;}
.cn_pic1{ text-align: center; padding: 6rem;}




.pro1{ width: 100%;height: 100%; position: absolute; left: 0; right: 0;margin: 0 auto; top: 0; }
.pro1 li{ position: absolute; width: 30px; height: 30px; display: block;}
.pro1 li .cir{width: 4rem; height: 4rem; border-radius: 100%; background: rgb(144,196,47,0.38); display: block; text-align: center;  overflow: hidden; transition: all 1s; cursor: pointer; animation:myanimation 3s infinite;}
.pro1 .cir .n_cir{width: 2.6rem; height: 2.6rem; border-radius: 100%; background: rgb(144,196,47,1); display: block; margin: 0.7rem auto;}
.pro1 .cir .n_cir i{ color: #ffffff; font-weight: bold; font-size: 16px;}
.pro1 li:first-child{     left: 22%;     top: 49%;}
.pro1 li:nth-child(2){  left: 40%; top: 60%;}
.pro1 li:nth-child(3){  left: 46%; top: 33%; }
.pro1 li:nth-child(4){  left: 72%;top: 9%; }
.pro1 li:last-child i{ font-size: 3.5rem;}
.pro1 li a{ line-height: 56px;}
.pro1 li .open{ background: rgb(144,196,47,0.8); border-radius: 30px; border: 1px solid #ffffff; padding: 3rem 3rem 0; position: absolute; left: -600%; bottom: 30px; visibility: hidden;
  opacity: 0; transition: all 0.5s; width: 36rem; }
.pro1 li .open span{ font-size: 2.4rem; color: #ffffff; font-weight: bold;}
.pro1 li .open p{ color: #ffffff; font-size: 14px; line-height: 30px;}
.pro1 li .open em{ color: #ffffff; font-style: normal;}
.pro1 li .open em i{ font-size: 18px;}
.pro1 li:hover .open{ bottom:50px; visibility: visible;
  opacity: 1; transition: all 0.5s; }
.pro1 li:hover .cir{transform: scale(1.2);}
.pro1 li:hover .cir .n_cir{ background-image: linear-gradient(to bottom, #89c435,#2cb982, #08b5a1);}
.active .open{bottom:60px; visibility: visible;
  opacity: 1; transition: all 0.5s; } 

.pro2{ width: 100%;height: 100%; position: absolute; left: 0; right: 0;margin: 0 auto; top: 0; }
.pro2 li{ position: absolute; width: 30px; height: 30px; display: block;}
.pro2 li .cir{width: 4rem; height: 4rem; border-radius: 100%; background: rgb(144,196,47,0.38); display: block; text-align: center;  overflow: hidden; transition: all 1s; cursor: pointer; animation:myanimation 3s infinite;}
.pro2 .cir .n_cir{width: 2.6rem; height: 2.6rem; border-radius: 100%; background: rgb(144,196,47,1); display: block; margin: 0.7rem auto;}
.pro2 .cir .n_cir i{ color: #ffffff; font-weight: bold; font-size: 16px;}
.pro2 li:first-child{     left: 19%;     top: 49%;}
.pro2 li:nth-child(2){  left: 37%; top: 63%;}
.pro2 li:nth-child(3){  left: 54%; top: 63%; }
.pro2 li:nth-child(4){  left: 80%;top: 63%; }
.pro2 li:last-child i{ font-size: 3.5rem;}
.pro2 li a{ line-height: 56px;}
.pro2 li .open{ background: rgb(144,196,47,0.8); border-radius: 30px; border: 1px solid #ffffff; padding: 3rem 3rem 0; position: absolute; left: -600%; bottom: 30px; visibility: hidden;
  opacity: 0; transition: all 0.5s; width: 36rem; }
.pro2 li .open span{ font-size: 2.4rem; color: #ffffff; font-weight: bold;}
.pro2 li .open p{ color: #ffffff; font-size: 14px; line-height: 30px;}
.pro2 li .open em{ color: #ffffff; font-style: normal;}
.pro2 li .open em i{ font-size: 18px;}
.pro2 li:hover .open{ bottom:50px; visibility: visible;
  opacity: 1; transition: all 0.5s; }
.pro2 li:hover .cir{transform: scale(1.2);}
.pro2 li:hover .cir .n_cir{ background-image: linear-gradient(to bottom, #89c435,#2cb982, #08b5a1);}


.hidden{display:none}
.msKeimgBox{margin:0px auto;}
.mskeLayBg{background:#000;width:100%;position:absolute;left:0px;top:0px;z-index:10;opacity:0.7;filter:alpha(opacity=70);display:none;_display:none!important }
.mskelayBox{min-height: 488px; width: 50%; position:fixed;left: 0; right: 0; top: 30%;z-index:20;background:#FFF;display:none;_display:none!important; text-align: center;  margin: 0 auto; padding: 15px; }
.mskelayBox i{ font-size: 18px; color: #ffffff; background: #000000; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; display: inline-block;}
.mskeImgBg{height:57px;width:100%;position:absolute;left:0px;bottom:0px;}
.mskeClaose{position:absolute;top:-17px;right:-17px;cursor:pointer;}