#page-top{height:100%}
.wrapper{position:relative;width:100%;min-width:320px;min-height:100%;overflow:hidden}
.pages{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ebebeb}
.page{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:none}
img{max-width:100%}
.header{position:fixed;top:0;z-index:99;width:100%;padding:20px 0;background-color:hsl(168.57deg 15.11% 72.75% / 86%)}
.content{height:auto;margin:0 auto;box-sizing:border-box}
.page_table{display:table;vertical-align:middle;width:100%;height:100%;z-index:3}
.page_cell{display:table-cell;width:100%}
.page_middle{vertical-align:middle}
.page_top{padding-top:115px}
.clear{clear:both;height:0;overflow:hidden}
.logo{float:left; padding-top:7px;}
.nav{float:left;margin-left:50px;line-height:35px;padding:20px 0;text-align:center}
.nav>ul>li{float:left;position:relative;color:#fff}
.nav>ul>li>a{display:block;padding:0 25px;font:700 14px/35px "Microsoft YaHei";color:#fff}
.language{float:right;padding:20px 0}
.lan_img,.lan_words{float:left;padding:0 5px}
.lan_img img{display:block;margin-top:6px}
.lan_words>a{font:14px/35px "Microsoft YaHei";color:#fff}
.page1{background:#000}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.slide>div{position:relative;overflow:hidden}
.slide>div>.banner{width:100%;height:100%;position:relative;z-index:1;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 3s ease-out;-moz-transition:all 3s ease-out;-ms-transition:all 3s ease-out;transition:all 3s ease-out}
.current .slide>div.current .banner{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.banner_content{position:absolute;z-index:2;display:table-cell;vertical-align:bottom;left:0;bottom:120px}
.banner_content>.content>strong{display:block;font-family:"Microsoft YaHei";color:#333;font-size:18px;line-height:40px;opacity:0}
.current .slide>div.current .banner_content strong{-webkit-animation:fadeInDown ease .4s forwards .2s;-moz-animation:fadeInDown ease .4s forwards .2s;-ms-animation:fadeInDown ease .4s forwards .2s;animation:fadeInDown ease .4s forwards .2s}
.banner_line{width:43px;height:5px;background-color:#000;opacity:0}
.current .slide>div.current .banner_content .banner_line{-webkit-animation:fadeInDown ease .4s forwards .2s;-moz-animation:fadeInDown ease .4s forwards .2s;-ms-animation:fadeInDown ease .4s forwards .2s;animation:fadeInDown ease .4s forwards .2s}
.banner_content>.content>h3{display:block;font-family:"Microsoft YaHei";color:#333;font-size:40px;line-height:60px;opacity:0}
.current .slide>div.current .banner_content h3{-webkit-animation:fadeInDown ease .4s forwards;-moz-animation:fadeInDown ease .4s forwards;-ms-animation:fadeInDown ease .4s forwards;animation:fadeInDown ease .4s forwards}
.banner_content>.content>p{font-family:"Microsoft YaHei";color:#333;font-size:18px;line-height:18px;opacity:0}
.current .slide>div.current .banner_content p{-webkit-animation:fadeInDown ease .4s forwards;-moz-animation:fadeInDown ease .4s forwards;-ms-animation:fadeInDown ease .4s forwards;animation:fadeInDown ease .4s forwards}
.slide>div>a{position:absolute;z-index:2;bottom:50px;left:50px;display:none;width:167px;height:53px;font-family:"Microsoft YaHei";color:#000;font-size:14px;line-height:53px;text-align:center;background:#fff100}
.slide>div:hover>a{display:block}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-30px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-30px)}
100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}
100%{opacity:1;transform:translateY(0)}
}
.page_explain{width:100%;height:100%;background:url(../images/20181107093501_2140363673.jpg) no-repeat center;text-align:left;background-size:cover;min-height:300px}
.explain_item{float:left;position:relative;width:50%;height:100%}
.explain_list{float:left;width:50%;height:100%}
.explain_list>li{width:100%;position:relative;height:50%}
.exp_box{position:absolute;left:0;bottom:60px}
.exp_box>.content>strong{display:block;font-family:"Microsoft YaHei";color:#fff;font-size:30px;line-height:50px;opacity:0}
.exp_line{width:43px;height:3px;background-color:#fff;opacity:0}
.exp_box>.content>p{font-family:"Microsoft YaHei";color:#fff;font-size:14px;line-height:30px;opacity:0}
.current .exp_box>.content>strong{-webkit-animation:fadeInDown ease .4s forwards .2s;-moz-animation:fadeInDown ease .4s forwards .2s;-ms-animation:fadeInDown ease .4s forwards .2s;animation:fadeInDown ease .4s forwards .2s}
.current .exp_box>.content>p{-webkit-animation:fadeInDown ease .4s forwards .2s;-moz-animation:fadeInDown ease .4s forwards .2s;-ms-animation:fadeInDown ease .4s forwards .2s;animation:fadeInDown ease .4s forwards .2s}
.current .exp_box>.content>.exp_line{-webkit-animation:fadeInDown ease .4s forwards;-moz-animation:fadeInDown ease .4s forwards;-ms-animation:fadeInDown ease .4s forwards;animation:fadeInDown ease .4s forwards}
.page_button{position:absolute;left:50px;bottom:20px;display:none;width:151px;height:41px;font-family:"Microsoft YaHei";color:#000;font-size:14px;line-height:41px;text-align:center;background:#fff100}
.explain_item:hover>.page_button{display:block}
.explain_list>li:hover>.page_button{display:block}
.pro_content{margin:0 auto;width:1440px;height:100%;box-sizing:border-box}
.page3_title{display:block;padding-top:20px;font-weight:700;font-family:"Microsoft YaHei";color:#000;font-size:24px;line-height:27px;opacity:0}
.current .page3_title{-webkit-animation:fadeInDown ease .4s forwards .2s;-moz-animation:fadeInDown ease .4s forwards .2s;-ms-animation:fadeInDown ease .4s forwards .2s;animation:fadeInDown ease .4s forwards .2s}
.page3_text{font-family:"Microsoft YaHei";color:#000;font-size:20px;line-height:27px;opacity:0}
.current .page3_text{-webkit-animation:fadeInDown ease .4s forwards;-moz-animation:fadeInDown ease .4s forwards;-ms-animation:fadeInDown ease .4s forwards;animation:fadeInDown ease .4s forwards}
.pro_box,.pro_list{padding-top:20px;float:left;width:50%}
.pro_item{position:relative;float:left;padding-top:48%;width:48%;margin:0 2% 2% 0;overflow:hidden}
.pro_img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}
.pro_links{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(255,255,255,.7)}
.pro_more{position:absolute;top:35%;left:0;width:100%;text-align:center}
.pro_more>strong{display:block;font-weight:700;font-family:"Microsoft YaHei";color:#000;font-size:14px;line-height:40px;text-align:center}
.pro_more>p{margin:0 auto;width:100px;height:36px;font-family:"Microsoft YaHei";color:#000;font-size:14px;line-height:36px;text-align:center;background:#f3d421}
.pro_imgs{position:relative;padding-top:98%;width:98%}
.pro_words{position:absolute;bottom:10%;left:0;width:100%}
.pro_words>.pro_contents>strong{display:block;font-weight:700;font-family:"Mi crosoft YaHei";color:#000;font-size:20px;line-height:40px}
.pro_words>.pro_contents>p{font-family:"Microsoft YaHei";color:#000;font-size:14px;line-height:30px}
.pro_contents{margin:0 auto;padding:0 3%;box-sizing:border-box}
.pro_many{position:absolute;bottom:5%;right:3%;display:none;width:118px;height:43px;font-family:"Microsoft YaHei";color:#ffff00;font-size:14px;line-height:43px;text-align:center;background:#afc4c0}
.pro_imgs:hover>.pro_many{display:block}
.img1{background:url(../images/20181107102746_10522910.jpg) center no-repeat;background-size:cover}
.img2{background:url(../images/20181107102910_195624178.jpg) center no-repeat;background-size:cover}
.img3{background:url(../images/20181107103342_1208243045.jpg) center no-repeat;background-size:cover}
.img4{background:url(../images/20181107103402_1966712453.jpg) center no-repeat;background-size:cover}
.img5{background:url(../images/20190108105430_904721515.jpg) center no-repeat;background-size:cover}
.page4_content{margin:0 auto;height:100%;box-sizing:border-box}
.page_adv{width:100%;height:56%;background:url(../images/20190108132615_1050719138.jpg) center no-repeat;background-size:cover}
.page_copying{position:relative;width:100%;height:44%;background:#afc4c0}
.page_content{position:absolute;top:25%;left:0;text-align:left}
.page_copy{position:absolute;bottom:0;left:0;width:100%;height:40px;text-align:center;font-family:"Microsoft YaHei";color:#000;font-size:14px;line-height:40px;background:#afc4c0}
.page_copy>a{font-family:"Microsoft YaHei";color:#ccc;font-size:14px;line-height:40px}
.page_content>.content>strong{display:block;font-family:"Microsoft YaHei";color:#fff;font-size:20px;line-height:40px;opacity:0}
.page_content>.content>h3{display:block;font-family:"Microsoft YaHei";color:#fff;font-size:54px;line-height:60px;letter-spacing:3px;opacity:0}
.page_content>.content>p{font-family:"Microsoft YaHei";color:#fff;font-size:20px;line-height:30px;opacity:0}
.current .page_content>.content>strong{-webkit-animation:fadeInDown ease .4s forwards .3s;-moz-animation:fadeInDown ease .4s forwards .3s;-ms-animation:fadeInDown ease .4s forwards .3s;animation:fadeInDown ease .4s forwards .3s}
.current .page_content>.content>h3{-webkit-animation:fadeInDown ease .4s forwards .2s;-moz-animation:fadeInDown ease .4s forwards .2s;-ms-animation:fadeInDown ease .4s forwards .2s;animation:fadeInDown ease .4s forwards .2s}
.current .page_content>.content>p{-webkit-animation:fadeInDown ease .4s forwards;-moz-animation:fadeInDown ease .4s forwards;-ms-animation:fadeInDown ease .4s forwards;animation:fadeInDown ease .4s forwards}
.adv_more{position:absolute;left:50px;top:40%;display:none;width:180px;height:50px;font-family:"Microsoft YaHei";color:#000;font-size:18px;line-height:50px;background:#fff100;text-align:center}
.page_adv:hover>.adv_more{display:block}
.copying_box{padding-top:4%;margin:auto;width:1330px;height:186px;box-sizing:border-box}
.copying_content{float:left;width:60%;box-sizing:border-box}
.copying_content>li{float:left}
.copying_content>li>strong{display:block;font-family:"Microsoft YaHei";color:#000;font-size:16px;line-height:30px}
.copying_content>li>a{display:block;font-family:"Microsoft YaHei";color:#000;font-size:14px;line-height:30px}
.copying_content>li>p{font-family:"Microsoft YaHei";color:#000;font-size:14px;line-height:30px}
.copying_lines{margin:0 10%;width:1px;height:186px;background-color:#545454}
.copying_line{margin:10px 0;width:36px;height:4px;background-color:#000}
.copying_core{float:left;width:40%}
.copying_text{float:left;padding:0 10%}
.copying_text>strong{display:block;font-family:"Microsoft YaHei";color:#000;font-size:16px;line-height:30px}
.core_content{padding:15px 0;height:32px}
.core_content>img{display:block;padding-right:8px;float:left}
.core_content>a{float:left;display:block;font-family:"Microsoft YaHei";color:#ccc;font-size:14px;line-height:32px}
.copying_img{float:left;display:block;margin:auto}
.nav_index{position:fixed;left:35px;top:0;height:100%;z-index:60;display:table;vertical-align:middle}
.nav_index>div{display:table-cell;vertical-align:middle}
.nav_index>div>span{display:block;width:9px;height:9px;margin:8px 0;background:#fff;border-radius:3px;cursor:pointer;-ms-transition:background-color .6s linear;-webkit-transition:background-color .6s linear;-moz-transition:background-color .6s linear;transition:background-color .6s linear}
.nav_index>div>span.active{background:#ea5006}
@media screen and (max-width:1019px){.nav_index{left:10px}
.nav_index>div>span{width:5px;height:5px;margin:3px 0}
.nav_index{left:10px}
.content{padding:0 10px}
.nav{margin-left:10px}
.nav>ul>li>a{padding:0 5px}
.slide>div>a {bottom: 30px;left: 10px}
.exp_box>.content>strong{font-size:20px;line-height:30px}
.exp_line{width:33px}
.exp_box>.content>a{margin-bottom:10px;width:131px;height:31px;line-height:31px}
.banner_content{bottom:100px}
.banner>a{left:30px;bottom:30px}
.page_button{left:30px;bottom:10px}
.exp_box{bottom:50px}
.adv_more{left:30px;top:47%}
.pro_content{width:800px}
.page3_title,.pro_box,.pro_list{padding-top:10px}
.page3_text{font-size:16px}
.page3_title{font-size:20px}
.pro_many{bottom:1%;width:88px;height:33px;font-size:12px;line-height:33px}
.pro_words>.pro_contents>strong{font-size:15px;line-height:30px}
.pro_words>.pro_contents>p{font-size:12px;line-height:22px;letter-spacing:-1px}
.copying_box{width:900px;padding-top:.5%}
.copying_lines{margin:0 5%;height:176px}
.copying_text{padding:0 5%}
.copying_img{width:120px;margin-top:20px}
}
@media screen (min-width:1020px)and (max-width:1359px){body{font-size:10px}
.nav_index{left:10px}
.content{padding:0 30px}
.nav{margin-left:40px}
.nav>ul>li>a{padding:0 20px}
.slide>div>a {bottom: 30px;left: 30px}
.exp_box>.content>strong{font-size:20px;line-height:30px}
.exp_line{width:33px}
.exp_box>.content>a{margin-bottom:10px;width:131px;height:31px;line-height:31px}
.banner_content{bottom:100px}
.banner>a{left:30px;bottom:30px}
.page_button{left:30px;bottom:10px}
.exp_box{bottom:50px}
.adv_more{left:30px;top:47%}
.pro_content{width:800px}
.page3_title,.pro_box,.pro_list{padding-top:10px}
.page3_text{font-size:16px}
.page3_title{font-size:20px}
.pro_many{bottom:1%;width:88px;height:33px;font-size:12px;line-height:33px}
.pro_words>.pro_contents>strong{font-size:15px;line-height:30px}
.pro_words>.pro_contents>p{font-size:12px;line-height:22px;letter-spacing:-1px}
.copying_box{width:900px;padding-top:.5%}
.copying_lines{margin:0 5%;height:176px}
.copying_text{padding:0 5%}
.copying_img{width:120px;margin-top:20px}
}
@media screen and (min-width:1360px) and (max-width:1439px){body{font-size:12px}
.nav_index{left:10px}
.header{padding:10px 0}
.content{padding:0 30px}
.page_top{padding-top:95px}
.nav{margin-left:40px}
.nav>ul>li>a{padding:0 20px}
.exp_box>.content>strong{font-size:20px;line-height:30px}
.exp_line{width:33px}
.exp_box>.content>a{margin-bottom:10px;width:131px;height:31px;line-height:31px}
.banner_content{bottom:100px}
.banner>a{left:30px;bottom:30px}
.page_button{left:30px;bottom:10px}
.exp_box{bottom:50px}
.adv_more{left:30px;top:47%}
.pro_content{width:900px}
.copying_box{width:1100px;padding-top:1%}
.pro_many{bottom:1%;width:88px;height:33px;font-size:12px;line-height:33px}
.pro_words>.pro_contents>strong{font-size:16px;line-height:30px}
.pro_words>.pro_contents>p{font-size:12px;line-height:22px}
.copying_lines{margin:0 8%;height:176px}
.copying_text{padding:0 5%}
.page3_title,.pro_box,.pro_list{padding-top:10px}
.page3_text{font-size:16px}
.page3_title{font-size:20px}
}
@media screen and (min-width:1440px) and (max-width:1680px){body{font-size:12px}
.content{padding:0 40px}
.banner>a{left:40px;bottom:30px}
.page_button{left:40px;bottom:15px}
.exp_box{bottom:55px}
.adv_more{left:40px}
.pro_content{width:1300px}
}
@media screen and (min-width:1681px){body{font-size:14px}
.content{padding:0 50px}
}

#search_bgr{width:100%;  height:68px; margin:0 auto;min-width:1002px; margin-bottom: 20px;    z-index: 999;  top:631px; position: absolute;}
#search_bg{width:100%; margin:0 auto;min-width:1002px;background:#fcfcfc; padding:20px;}
#search_b{width:1100px; margin:0 auto; height:41px; }
#search-i{float:left; margin-top:5px;}
#search_r{width: 175px;float: right; background-color: #fff;border-radius: 35px; height:30px; border:1px #d2d2d2 solid;}
#search-bg {float: left; width: 130px;height: 25px;overflow: hidden; background: #fff;margin-left: 15px;}
#search-text{width:890px; float:left; line-height:41px; color: #666;}
#search-text a{color: #666;}
#search-text strong{font-weight: bold; font-size: 15px;}