.index_nav_wrap{width:100%; height:62px; background:none; background:#262626 ; box-sizing:border-box; position:fixed; top:0px;left:0%;z-index:9999;}
.index_nav_con{background:#262626 ; overflow:hidden;}
.head_logo{width:230px; height:62px; float:left;}
.head_logo a{height:62px;}
.head_logo a img{max-height:62px;}
.nav_con_wrap{height:62px; float:left;}
.nav_con_wrap li{float:left; height:62px;}
.nav_con_wrap li a{transition:all 300ms; display:block; line-height:62px; color:#fff;text-align:center; position:relative; padding:0 20px;box-sizing:border-box;max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nav_con_wrap li.nav_li_selected a{background:rgba(255,255,255,0.2); color:#fff;}
.nav_con_wrap li a:hover{background:rgba(255,255,255,0.2); color:#fff;}
.top_notice{float:right; line-height:62px;max-width:160px; padding:0 18px 0 30px; font-size:14px; color:#696969; background:url(../../images/12/icon_not.png) no-repeat left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top_icon_nav{float:right; width:67px; height:62px;line-height:62px; color:#fff; text-align:center;cursor:pointer;}
.top_icon_nav i{font-size:22px;}
@media (min-width: 1439px){.index_nav_con{width:1400px; margin:auto;}}
@media ( min-width: 980px ) and (max-width: 1438px){.index_nav_con{width:96%; margin:0 2%;}}
@media (max-width: 979px){.index_nav_wrap{display:none;} .index_nav_bg{display: none;}}
@media (max-width: 767px){}
/*菜单导航*/
.move_nav_icon{width: 40px;height: 40px;position: absolute; top: 50%;transform: translateY(-50%) scale(0.8);z-index: 6;right:14px;}
.move_nav_icon ul{height: 40px;}
.move_icon{margin-top: 7px;height: 4px;}
.move_icon span{background:#ddd;}
.move_icon .move_icon_max{display:block; width:30px; height:3px; margin-left:5px; float:left; border-radius:10px; transition:1s;}
.move_nav_icon:hover{cursor:pointer;}
.mob_nav_wrap{overflow:hidden; position:relative; height:60px; background:#292929;}
.mob_head_logo{padding:0 60px 0 25px; box-sizing:border-box;width:100%;overflow:hidden; height:60px;}
.mob_head_logo a{overflow:hidden; display:block;height:60px;width:100%; text-align:left;}
.mob_head_logo img{max-height:100%;}
.mob_sousuo{width: 40px;height: 40px; position: absolute; top: 50%;transform: translateY(-50%); right:13px; line-height:40px;text-align:center;}
.mob_sousuo i{font-size:22px; color:#ddd;}
.selectnav{position: fixed;z-index:99999;width:100%;overflow: hidden;left:0; top:0;bottom:0px; background:rgba(0,0,0,0.4);display:none;}
.selectnav2{overflow: hidden; background: #fff;width: 30%; position: absolute;right:0px; height:100%; padding-top:30px;}
.selectnav ul li{width: 100%; background: #fff; height:42px; font-size: 16px;line-height: 42px;}
.selectnav ul li a{display: block; padding-left: 10%; color:#555;}
@media (min-width:979px){.mob_nav_wrap{display:none;}}
@media (max-width: 767px){.nav_wrap{display:none;} .head_wrap{height:60px;}}
@media (max-width: 480px){} @media ( min-width: 768px)and ( max-width: 979px ){.mob_nav_wrap{display:block;} .head_wrap{height:62px;} .mob_head_logo{height:62px;} .mob_head_logo a{height:62px;} .mob_nav_wrap{height:62px;}}
/*手机头部*/
.banner_wrap{position:fixed; width:100%;height:100%; top:0px;bottom:0px;z-index:666; background:#222; transition:all 800ms ease-in-out;}
.banner_wrap.slideUp{transform:translateY(-100%);}
.StyIndex{ background:none!important;    }
.StyIndex ul.flicks > li{background-position:center!important;background-size:100%;  background-repeat:no-repeat;}
.server_wrap{width:100%;height:120px; position:absolute;bottom:0px;left:0px; background:rgba(255,255,255,0.1);}
.server_con{overflow:hidden;}
.server_con li{width:25%;height:120px;text-align:center; float:left;box-sizing:border-box; overflow:hidden; border-left:1px solid rgba(255,255,255,0.1);}
.server_con li a{transition:all 300ms; display:block; background:url(../../images/12/banner_icon01.png) no-repeat center;background-size:contain; text-align:center; display:block; height:100%; padding:25px 20px 20px; box-sizing:border-box;}
.server_con li:nth-child(4){border-right:1px solid rgba(255,255,255,0.1);}
/*.server_con li:nth-child(1) a{background:url(../../images/12/banner_icon01.png) no-repeat center;}
.server_con li:nth-child(2) a{background:url(../../images/12/banner_icon02.png) no-repeat center;}
.server_con li:nth-child(3) a{background:url(../../images/12/banner_icon03.png) no-repeat center;}
.server_con li:nth-child(4) a{background:url(../../images/12/banner_icon04.png) no-repeat center;}*/

@media (min-width: 1025px){

.StyIndex{ height:100%!important;     }
.StyIndex ul.flicks > li{background-size:100% auto!important ; height:100%!important; }

}




.server_con li:hover{background:rgba(0,0,0,0.1);}
.server_con_bottom{height:1000px;transition:all 800ms;}
.server_con_bottom.moveoff{height:300px;}
.bannermoblil{display:none;}
@media (min-width: 1439px){.server_con{width:1400px; margin:auto;}}
@media ( min-width: 980px ) and (max-width: 1438px){ .server_con{width:96%; margin:0 2%;}} @media ( min-width: 768px)and ( max-width: 979px ){.server_wrap{position:relative;} .server_con li a{padding: 10px 20px 10px;} .server_wrap{height:190px;} .server_con li{height:190px;}} @media (max-width: 979px){.server_con{transform: translateY(0%);} .server_con_bottom{display:none;} .subpage_nav_height{display:none;} .banner_wrap{display:none;} .server_con_bottom{display:none;} .flicker-example.bannermoblil{display:block;} } @media (max-width: 767px){.server_wrap{position:relative; display:none;} .server_con li{width:50%;border-bottom: 1px solid rgba(255,255,255,0.2);} .server_con li:nth-child(1){border-top-left-radius: 0px;} .server_con li:nth-child(5){border-top-left-radius: 0px;} .banner_wrap{display:none;} .server_con_bottom{display:none;}}
/*bannner icon*/
.hotproimg_wrap{}
.hotproimg_con{width:100%; margin-top:20px;}
.hotproimg_con li{width:49%; margin-right:2%; float:left; margin-bottom:20px;}
.hotproimg_con li a{display:block; width:100%; padding-bottom:60%; background-size:100%!important; transition:all 300ms;}
.hotproimg_con li:nth-child(2n+2){margin-right:0%;}
/*.hotproimg_con li:nth-child(1) a{background:url(../../images/12/hotproimg01.jpg) no-repeat center;}
.hotproimg_con li:nth-child(2) a{background:url(../../images/12/hotproimg02.jpg) no-repeat center;}
.hotproimg_con li:nth-child(3) a{background:url(../../images/12/hotproimg03.jpg) no-repeat center;}
.hotproimg_con li:nth-child(4) a{background:url(../../images/12/hotproimg04.jpg) no-repeat center;}*/
.hotproimg_con li a:hover{transform:translateY(-5px);}
@media (min-width: 1439px){.hotproimg_wrap{width:1400px; margin:auto;}}
@media ( min-width: 980px ) and (max-width: 1438px){.hotproimg_wrap{width:96%; margin:0 2%;}}
/*推荐产品*/
.index_about_wrap{overflow:hidden; background:#ddd; width:100%;background:url(../../images/12/aboutbg.jpg) no-repeat top center;}
.index_about_con{overflow:hidden; padding-bottom:50px; padding-top:30px;}
.about_wrap{margin-top:20px;width:49%; height:340px;}
.about_con_bg{margin-top:20px; background:url(../../images/12/about.jpg) no-repeat center; background-size:auto 100%; height:340px; border:3px solid #fff; box-sizing:border-box;}
.about_con{width:100%; height:100%;float:left; background:rgba(255,255,255,0.2); padding:0 30px; box-sizing:border-box;}
.about_con h2{height:70px;box-sizing:border-box; line-height:70px; font-size:18px; position:relative; text-align:left; color:#fff; font-weight:normal; border-bottom:1px solid #eee;}
.about_con p{color:#fff;font-size:14px; height:155px;box-sizing:border-box;line-height:32px; margin-top:20px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-align:justify;}
.about_con_more{transition:all 300ms; margin:20px 0; float:right; display:block; width:157px; height:44px; box-sizing:border-box; line-height:44px;border:1px solid #9f83fb; background:#9f83fb; color:#fff;text-align:center;}
.about_con_more:hover{background:#967af3;color:#ede9fa;}
@media (min-width: 1439px){.index_about_con{width:1400px; margin:auto;}}
@media ( min-width: 980px ) and (max-width: 1438px){.index_about_con{width:96%; margin:0 2%;}}
@media (min-width: 980px){.about_wrap{float:left;} .about_con_bg{width:49%; float:left;margin-right:2%;}} @media ( min-width: 768px)and ( max-width: 979px ){.about_wrap{margin-top:20px;width:100%; height:370px;} .about_con_bg{width:80%; margin:auto; display:none;}} @media (min-width: 767px){} @media (max-width: 767px){.about_wrap{margin-top:20px;width:100%; height:auto;}
.about_con{position:relative;top:0; height:270px;}
.about_con_bg{background-size:100% 100% ; height:200px; width:100%;display:none;}
.about_con p{-webkit-line-clamp: 3; height:89px;} .index_about_wrap{background-size:auto 100% ;}}
/*关于我们*/
.index_box3_wrap{overflow:hidden;}
.certificate_wrap{margin-top:20px; height:400px; width:100%; box-sizing:border-box;}
.zhengshu_container{height:400px;width:100%; box-sizing:border-box;}
.certificate_img{height:100%;}
.certificate_img li{width:49%; height:100%; margin-right:2%; background:#f9f9f9; float:left;box-sizing:border-box;border:10px solid #fff;position:relative;}
.certificate_img li:nth-child(2){margin-right:0%;}
.certificate_img li span{width:100%; height:100%; display:block;}
.certificate_img li span a{ display:block; display: table-cell;
    vertical-align: middle;
    text-align: center;   }
.certificate_img li span img{max-height:100%; max-width:100%;height:auto;width:auto;}
.swiper-slide.swiper-slide-active{opacity:1;}
.swiper-slide{opacity:0;}
.zhengshu_container .swiper-button-prev, .zhengshu_container .swiper-container-rtl .swiper-button-next{background-image:url(../../images/12/righticon.png);width:52px;height:70px;background-size: 52px 70px; left:0px; margin-top: -35px;}
.zhengshu_container .swiper-button-next, .zhengshu_container .swiper-container-rtl .swiper-button-prev{background-image:url(../../images/12/lefticon.png);width:52px;height:70px; background-size: 52px 70px;right:0px; margin-top: -35px;}
.certificate_tit{transition:all 300ms;transform:translateY(150%); display:block;opacity:0; position:absolute;bottom:0px;left:0px; width:100%;height:64px; background:rgba(0,0,0,0.6); line-height:64px; color:#fff; padding:0 80px 0 10px; box-sizing:border-box;}
.certificate_tit a{color:#fff; max-width:100%; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.certificate_tit i{position:absolute;display:block; text-align:center;font-size:28px; height:64px; width:64px; line-height:64px;background:#9f83fb;right:0px;top:0px; cursor:pointer;}
.certificate_tit i:hover{background:#967af3;color:#ede9fa;}
.certificate_tit a:hover{text-decoration:underline;}
.certificate_img li:hover .certificate_tit{transform:translateY(0%);display:block; opacity:1;}
@media (min-width: 1439px){.index_box3_wrap{width:1400px; margin:auto;}}
@media ( min-width: 980px ) and (max-width: 1438px){.index_box3_wrap{width:96%; margin:0 2%;}}
@media (min-width: 980px){} @media ( min-width: 768px)and ( max-width: 979px ){.certificate_wrap{margin-top:20px;width:100%; height:243px;} .zhengshu_container{height:243px;}} @media (min-width: 767px){} @media (max-width: 767px){.certificate_wrap{margin-top:20px;width:100%; height:auto;}
.certificate_img li{width:100%;}
.certificate_img li:nth-child(2){display:none;}
.zhengshu_container{padding:10px 10px!important; height:250px;}}
/*荣誉证书 常见问题*/
.index_box3_wrap{overflow:hidden;}
.problem_wrap{overflow:hidden; background:#fff; margin-top:20px;padding:0 10px 20px; box-sizing:border-box;}
.problem_wrap h2{height: 54px;box-sizing: border-box;line-height: 70px;font-size: 18px; position: relative; color: #333;font-weight: normal;}
.problem_ul{padding-top:10px;}
.problem_ul li{padding:0px 15px; box-sizing:border-box;overflow:hidden; background:#f9f9f9; margin-bottom:10px;}
.problem_ul li h3{font-weight:normal; border-bottom:1px solid #eee; line-height:48px;height:48px; font-size:15px; text-indent:30px; color:#999; background:url(../../images/12/problem_iocn_01.png) no-repeat center left; width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.problem_ul li p{font-size:15px;text-indent:30px; line-height:48px;height:48px; background:url(../../images/12/problem_iocn_02h.png) no-repeat center left; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.problem_ul li p:hover{background:url(../../images/12/problem_iocn_02.png) no-repeat center left;}
.problem_ul li h3 a{color:#999;}
.problem_ul li p a{color:#555;}
.problem_ul li h3 a:hover{text-decoration:underline;}
.problem_ul li p a:hover{color:#9175fa;text-decoration:underline;}
.problem_con_more{transition:all 300ms; margin:20px auto 0; display:block; width:157px;height:44px; box-sizing:border-box; line-height:44px;background:#9175fa; color:#fff;text-align:center;}
.problem_con_more:hover{background:#967af3;color:#ede9fa;}
.news_wrap{margin-top:20px;overflow:hidden; box-sizing:border-box; width:49%; padding:0 10px 20px; box-sizing:border-box; background:#fff;}
.news_wrap>h2{height: 54px;box-sizing: border-box;line-height: 70px;font-size: 18px; position: relative; color: #333;font-weight: normal;}
.news_ul{padding-top:10px;}
.news_ul li{overflow:hidden; background:#f9f9f9; margin-bottom:10px; height:97px;}
.news_ul_img{float:left;width:97px; height:97px;}
.news_ul_img a{display:block; width:97px; height:97px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center;}
.news_ul_img img{max-height:97px;max-width:97px; height:auto;width:auto;}
.news_ul_con{float:left;width:80%; padding:10px 20px 10px 0; box-sizing:border-box; margin-left:20px;}
.news_ul_con h2{font-weight:normal;font-size:16px; color:#555; line-height:28px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_ul_con p{font-size:13px; color:#999; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.news_ul_con p a{font-size:13px; color:#999; line-height:24px;}
.news_ul_con h2:hover a, .news_ul_con p:hover a{text-decoration:underline; color:#9175fa;}
@media (min-width: 1439px){.index_box3_wrap{width:1400px; margin:auto;}}
@media ( min-width: 980px ) and (max-width: 1438px){.index_box3_wrap{width:96%; margin:0 2%;}}
@media (min-width: 980px){.problem_wrap{float:left;width:39%;margin-right:2%;} .news_wrap{float:left; width:59%;}}
@media ( min-width: 768px)and ( max-width: 979px ){}
@media (min-width: 767px){}
@media (max-width: 767px){.problem_wrap{width:100%;} .news_wrap{width:100%;} .news_ul_img{display:none;} .news_ul_con{width:100%;margin:0px; padding:10px 15px;}}
@media ( min-width: 768px ) and (max-width: 979px){.news_wrap{width:100%;}}
/*荣誉证书 常见问题*/
.message_wrap{width:100%; height:258px; background:url(../../images/12/messbg.jpg) no-repeat center; margin-top:20px;}
.message_con{overflow:hidden;}
.message_tel_wrap{width:40%;padding-top:40px;}
.message_input{float:right; width:477px; text-align:right; padding-top:40px;}
.message_erweima{width:120px;}
.message_erweima img{width:120px;height:120px;}
.message_erweima p{color:#fff; width:100%;text-align:center; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-top:5px;font-size:14px;}
.message_tel{padding-left:20px;}
.message_tel p{font-size:16px; color:#fff;}
.message_tel h3{color:#fff; font-size:24px; font-weight:normal; line-height:36px; background:url(../../images/12/message_tel.png) no-repeat left center;text-indent:36px;}
.Check{margin-left: 5px;margin-top: 13px;float: left;}
.message_input input{height:38px; border:none;outline: none; background:rgba(255,255,255,0.2); color:#fff; padding:0 10px; box-sizing:border-box;}
.message_input input::-webkit-input-placeholder{color:#fff;}
.name{width:155px; color:#fff;}
.tel{margin-left:12px; width:300px;color:#fff;}
.jianyi{width:472px; margin-top:13px; height:84px; font-family:"Microsoft YaHei"; box-sizing:border-box; border:none; background:rgba(255,255,255,0.2);color:#fff; padding:10px;}
.message_btn{outline: none; font-size:16px; transition:all 300ms; display:block;float:right;width:148px; height:46px; background:#8161f9; color:#fff; border:none; cursor:pointer;margin-top:13px;}
.message_btn:hover{background:#7150ee; color:#daf1a8;}
@media (min-width: 1439px){.message_con{width:1400px; margin:auto;}}
@media ( min-width: 980px ) and (max-width: 1438px){.message_con{width:96%; margin:0 2%;}} @media ( min-width: 768px)and ( max-width: 979px ){.message_tel_wrap{width:100%; text-align:center; padding-top:30px;} .message_input{display:none;} .message_erweima{margin:0 auto;} .message_tel{width:210px;margin:0 auto;}} @media ( min-width: 980px){.message_erweima{float:left;} .message_tel{float:left;} .message_tel_wrap{float:left;}} @media ( max-width: 767px){.message_input{display:none;} .message_tel_wrap{width:100%; padding-top:20px;} .message_erweima{margin:0 auto;} .message_tel{margin-top:15px;} .message_tel p{text-align:center; width:100%;} .message_tel h3{text-align:center; margin:0 auto; width:210px;} .message_wrap{background: url(../../images/12/messbg.jpg) no-repeat left;}}

/*在线留言*/
.bottom_wrap{background:#2f2f2f;overflow:hidden;}
.bottom_con_xinxi{color:#ccc; font-size:13px; line-height:24px; padding:10px 0; overflow:hidden;}
.bottom_con_links{color:#ccc; font-size:13px; line-height:24px; padding:10px 0; overflow:hidden;}
.bottom_con_links a{color:#ccc;}
.bottom_con_links a:hover{color:#fff;}
@media (min-width: 1439px){.bottom_con{width:1400px; margin:auto;}}
@media ( min-width: 980px ) and (max-width: 1438px){.bottom_con{width:96%; margin:0 2%;}} @media ( min-width: 767px){.bottom_con_xinxi{float:left; max-width:70%;}
.bottom_con_links{float:right;}} @media ( min-width: 768px)and ( max-width: 979px ){.bottom_con p{text-align:center; box-sizing:border-box; text-align:center; width:100%; max-width:100%;}
.bottom_con_xinxi{width:100%;}
.bottom_con_links{width:100%;}
.bottom_con p.bottom_con_xinxi{line-height:24px;padding:15px 10px 10px;}
.bottom_con p.bottom_con_links{line-height:24px; padding:0 10px 10px; background:#222;}} @media ( max-width: 767px){.bottom_con p{text-align:center; box-sizing:border-box;}
.bottom_con_xinxi{width:100%;padding: 10px 0 0;}
.bottom_con_links{width:100%; text-align:center;   }
.bottom_con p.bottom_con_xinxi{line-height:24px;padding:15px 10px 10px;}
.bottom_con p.bottom_con_links{line-height:24px; padding:0 10px 10px; background:#222;}}
/*底部*/