@charset "utf-8";
.fixed-header{position:relative;top:0;left:0;}
.fixed-header .header_mian{position:fixed;top:0;left:0;z-index:999;}
.header_top { background: #332c2b;height: 40px;line-height: 40px;}
.wid{ max-width: 1200px;margin: 0 auto;text-align: center;}
.header_top .wid p{ display: inline-block;margin-right: 20px;}
.header_top .wid p a{ color: #fff;}
.header_top .wid p.tel{ font-weight: 600; background: url(../images/Tel_bg.png) no-repeat 0 10px;padding-left: 32px;}
.header_top .wid p.tel a{ color: #fed900;}
.header_top .wid p.tel span{ font-size: 16px; }

.header_mian { width:100%;height: 80px;background:#fff;box-shadow: 0 0 5px #777; }
.header_logo .logo_wrap { line-height: 80px; }
.header_logo .logo_wrap a { display: inline-block; }

/*-- 2020.09.24 star --*/
.header_nav{ height: 80px;line-height: 80px; }
.header_nav>ul{ background: url(../images/nav_bg.png) no-repeat;position:relative; }
.header_nav>ul>li{ float: left; background: url(../images/nav_bg.png) no-repeat 119px 0;width: 120px;background-size: auto 100%; }
.header_nav>ul>li>a{ width: 100%;height: 100%;display: inline-block; }
.header_nav>ul>li:hover>a { background: #FED900 ; }

.header_nav .sub{ display:none;width:max-content;height: max-content; padding:0;position:absolute;top:80px;overflow:hidden;text-align:left;z-index:110;right:0;box-shadow: 0 3px 3px rgba(0,0,0,0.1); }
.header_nav .sub .nav_xiao{ width:100%;overflow:hidden;margin:0 auto; }

.xiao_c{ background-color: #fff;border-radius: 0 0 5px 5px; }
.xiao_one { width: 680px; }
.nav_one_list{ height:max-content;width: calc(30% - 10px); }
.nav_one_list{ padding: 5px 0; }
.nav_one_list>ul>li { width: 100%; }
.xiao_c ul>li>a{ border-bottom: 1px solid #ddd; width:calc(100% - 40px);background:#FFF;text-align:left; font-size:14px;display:block;padding: 0 20px; }
.xiao_c ul>li:last-child>a { border-bottom: 0; }
.nav_one_list>ul>li>a{ height:50px;line-height:50px; }
.xiao_c ul>li:hover>a { background: #FED900; }

.nav_one_r{ border-left: 1px solid #CCCCCC ; padding: 10px 30px;width: calc(70% - 51px); }
.nav_one_r_box{ width: 100%;text-align: left;margin-top: 25px;}
.nav_one_r_box h3{ font-size: 20px; color: #332c2b;;line-height: 30px; font-weight: 300;}
.nav_one_r_box p{ margin-top:10px;line-height: 24px;color: #666; }
.nav_one_r_box .sm-dontkeepopen{ margin:0;padding: 0;border: none;}
.nav_one_r_box .sm-dontkeepopen a{ padding: 15px 30px;background: #FED900;}
.nav_one_r_box .sm-dontkeepopen:hover a{ background: #332C2B;color: #FED900; }

.xiao_two { width: 480px;min-height: 300px;height: max-content; }
.xiao_two>ul>li { width: 200px;height: 72px; }
.xiao_two>ul>li>a { display: inline-block;width: 100%;position: relative;overflow: hidden;height: 71px;line-height: 71px; }
.xiao_two>ul>li>a>img { margin-right: 10px;width: 52px; }
.xiao_two>ul>li>a>i { position: absolute;right: 20px;font-size: 16px;top: calc(50% - 8px); }
.xiao_two>ul>li .submenu { position: absolute;border-left: 1px solid #ddd;left: 240px; top: 0;width: calc(100% - 240px);min-height: 300px; height: max-content;z-index: 3; display: none; }
.xiao_two>ul>li .submenu dd { line-height: 71px;border-bottom: 1px solid #ddd;width: calc(100% - 20px);margin: 0 10px;float: left; }
.xiao_two>ul>li .submenu dd:last-child { border-bottom: 0; }
.xiao_two>ul>li .submenu dd img { width: 52px;margin: 0 10px; }
.submenu dd:hover { background: #FED900; }
/*-- 2020.09.24 end --*/

.nav_menu>li.menu_list { height: 80px;line-height: 80px;float: left;position: relative; }
.nav_menu>li.menu_list>a { display: inline-block;width: 120px;background: url(../images/nav_bg.png) no-repeat ;color: #332C2B; }
.nav_menu>li.menu_list:first-child>a { background: none; }
.nav_menu>li.menu_list>a.active,.nav_menu li.menu_list>a:hover { background: #FED900; }

.nav_menu>li.menu_list .slideTxtBox{ width: 600px;background: #fff;position: absolute;box-shadow: 0 1px 1px #666;display: none; }
.nav_menu>li.menu_list .slideTxtBox .hd{ height: 50px;line-height:50px; border-bottom:1px solid #ddd;  position:relative; }
.nav_menu>li.menu_list .slideTxtBox .hd ul{ float:left;  position:absolute; left: 0px; top: 0px;padding: 10px 0; }
.nav_menu>li.menu_list .slideTxtBox .hd ul li { cursor:pointer;text-align: left;  }
.nav_menu>li.menu_list .slideTxtBox .hd ul li a { width: 150px;line-height: 50px;display: inline-block;background: #fff;border-bottom: 1px solid #ccc;padding: 0 15px; }
.nav_menu>li.menu_list .slideTxtBox .bd { margin-left: 200px;position:relative;width: 100%;border-left: 1px solid #ccc;width: 398px;min-height: 440px; }
.nav_menu>li.menu_list .slideTxtBox .bd ul{ position:absolute;left: 0px;top: 0px;  }
.nav_menu>li.menu_list .slideTxtBox .bd ul li{ height:24px; line-height:24px;   }

.nav_menu>li.menu_list .menu_list_about { left: -120px; }
.nav_menu>li.menu_list .menu_list_solution { left: -360px; }
.nav_menu>li.menu_list .menu_list_Service { left: -480px; }

.nav_menu>li.menu_list .menu_list_product { left: -890px;width: 1300px; }
.nav_menu>li.menu_list .menu_list_product .hd ul li a { width: 200px;padding: 5px 15px; }
.nav_menu>li.menu_list .menu_list_product .hd ul li a img { margin-right: 10px; }
.nav_menu>li.menu_list .menu_list_product .bd { margin-left: 250px;width: 1020px;margin-top: 10px;min-height: 660px; }
.nav_menu>li.menu_list .menu_list_product .bd ul li{ line-height: 80px;height: 80px; float: left;margin-left: 10px;}
.nav_menu>li.menu_list .menu_list_product .bd ul li a { line-height: 80px;height: 80px;display: inline-block;width: 330px;text-align: left;border-bottom: 1px solid #ccc; }
.nav_menu>li.menu_list .menu_list_product .bd ul li a img { margin: 0 5px; }

.nav_menu>li.menu_list:hover .slideTxtBox { display: block; z-index:9999;}
.nav_menu>li.menu_list .slideTxtBox .hd ul li a.on,.nav_menu>li.menu_list .slideTxtBox .hd ul li a:hover { background: #FED900; }
.nav_menu>li.menu_list .menu_list_product .bd ul li a.on,.nav_menu>li.menu_list .menu_list_product .bd ul li a:hover { background: #FED900; }


/*-- 二级简介 开始 --*/
.module_wrap_r { width:360px;float: left;padding: 10px 20px; }
.module_wrap_r img { width: 360px;height: 220px; }
.C102_r_box{ width: 360px;text-align: left;margin-top: 20px; }
.C102_r_box h3{ font-size: 18px; color: #332c2b;;line-height: 30px; font-weight: 300;}
.C102_r_box p{ margin-top:10px;line-height: 24px;color: #666;font-size: 14px; }
.C102_r_box .sm-dontkeepopen{ border: none;margin-top: 30px;background: none; }
.C102_r_box .sm-dontkeepopen a{ padding: 15px 30px;background: #FED900;color: #332C2B; }
/*-- 鼠标经过 --*/
.C102_r_box .sm-dontkeepopen:hover a{ background: #332C2B;color: #FED900; }
/*-- 二级简介 结束 --*/




/*移动端导航*/
.clearfix:after{ content:"";clear:both;height:0;display:block; }
.motop{ width:100%;height:70px;background: #fff;position: fixed;padding:0 3%;z-index:200;display: none;top:0;box-shadow: 0 0 4px rgba(0,0,0,0.1); }
.mologo{ float:left;width:26%;height: 100%;overflow: hidden;}
.mologo a{ line-height: 70px; }
.mologo img{ width:100%;vertical-align: middle }
.monav{ float:right;margin-right: 8%;margin-top:21px;cursor:pointer;position: relative;width:30px;height:22px; }
.monav span{ width:25px;height:2px;display: block;background: #000;position: absolute;transition:all .5s; }
.monav .s1{ top:5px;}
.monav .s2{ top:11px;}
.monav .s3{ top:17px;}
.monav .s1.on{ transform:rotate(45deg);top:10px;}
.monav .s2.on{ opacity: 0;}
.monav .s3.on{ transform:rotate(-45deg);top:10px;}
/*下拉*/
.navdown{ width:100%;background: #fff;position: fixed;top:70px;z-index: 100;display: none;border-top:1px solid #ccc;box-shadow:0px 4px 4px rgba(0,0,0,0.1);}
.navdown>ul{ margin-top:20px; }
.navdown>ul>li{ padding:18px 0;font-size:14px;color:#333;position: relative;cursor:pointer;width:80%;margin:0 auto;border-bottom:1px solid #ccc; }
.navdown>ul>li:last-child{ border-bottom:none; }
.navdown>ul>li>a{ color:#666;display: block;width: 100%;height: 100%; }
.navdown>ul>li i{ position: absolute;right: 0;top: 14px;transition:all .5s;font-size:16px;color:#333;}

.navdown>ul>li>ul{ display: none;margin-top:10px;}
.navdown>ul>li>ul>li a{ margin-left:12px;font-size:14px;color:#666;line-height: 26px;}

/*三级 */
.navdown>ul>li>ul{ margin-top:20px; }
.navdown>ul>li>ul>li{ padding:10px 0;font-size:14px;color:#333;position: relative;cursor:pointer;width:96%;margin:0 auto;border-bottom:1px solid #ccc; }
.navdown>ul>li>ul>li:last-child{ border-bottom:none; }
.navdown>ul>li>ul>li>a{ color:#666;display: block;width: 100%;height: 100%; }
.navdown>ul>li>ul>li i{ position: absolute;right: 0;top: 14px;transition:all .5s;font-size:16px;color:#333;}

.navdown>ul>li>ul>li>ul{ display: none;margin-top:10px;}
.navdown>ul>li>ul>li>ul>li a{ margin-left:12px;font-size:14px;color:#666;line-height: 26px;}

.molanguage{ margin-left:10%;margin-top:30px;margin-bottom:40px;}
.molanguage a{ font-size:16px;color:#666;}
.molanguage .a1:after{ content:"";display: inline-block;width:1px;height:11px;background: #ccc;margin: 0 3%; }
/*移动端导航结束*/