.nav{width:80%;height:50px;z-index:3;}
.nav_menu{width:125px;height:50px;position: relative;}
.nav_menu > span{display:block;width:135px;height:50px;line-height:50px;font-size:16px;color:#fff;/*background:#37312c;*/text-align:center;position: relative;cursor:default;}
/*.nav_menu > span::before{content:"";width:22px;height:16px;background:url(../images/nav_menu.png) no-repeat center center;position: absolute;top:17px;left:48px;}*/
.nav_menu > span a{color: #fff;}
.nav_menu:hover > span {background:#fff; color: #db2121;}
.nav_menu:hover > span a{color: #db2121;}
.menu_box{width:175px;background:#616161;position:absolute;left:0;top:50px;padding:18px 0 30px 10px;z-index:3;display:none;}
.nav_menu:hover .menu_box{display:block;}
.menu_box_li{width:175px;height:49px;}
.menu_box_li>a{display:block;width:195px;height:49px;border-radius:6px 0 0 6px;text-align:center;line-height:49px;color:#fff;font-size:18px;}
.menu_box_li:hover>a{background:#fff;color:#db2121;}
.menu_box_li>a:hover{font-weight:600;}
.menu_box_li .li_submenu{width:260px;height:610px;background:#fff;position:absolute;top:0;left:185px;padding-top:18px;display:none;}

.menu_box_li:hover .li_submenu{display:block;}
.menu_box_li .li_submenu a{display:block;height:36px;line-height:36px;text-indent:2em;}
.menu_box_li:nth-child(3) .li_submenu a{width: 290px; float: left;height:46px;line-height:46px;}



.menu_box_li .li_submenu a:hover{color:#db2121;}
.menu_box_li div.case_li{}
.menu_box_li div.case_li a{display:block;height:49px;line-height:49px;color:#000;text-indent:2em;}
.menu_box_li div.sys_li{padding-right:40px;}
.menu_box_li div.sys_li a{display:block;width:50%;height:49px;line-height:49px;color:#000;text-align:center;float:left;}
.menu_box_li div.cp_li{}
.menu_box_li div.cp_li .submenu_item{width:100%;height:38px;}
.menu_box_li div.cp_li .submenu_item > a{display:block;height:38px;line-height:38px;text-indent:2em; overflow:hidden;}
.menu_box_li div.cp_li .submenu_item > a:hover{color:#db2121;font-weight:bold;}
.menu_box_li div.cp_li .submenu_item:hover > a{background:#f5f5f5;}
.menu_box_li div.cp_li .submenu_item .submenu_iyem_sm{width:310px;height:630px;background:#f5f5f5;padding:22px 0 0 10px;position: absolute;top:0;left:260px;display:none;}
.menu_box_li div.cp_li .submenu_item:hover .submenu_iyem_sm{display:block;}
.menu_box_li div.cp_li .submenu_item .submenu_iyem_sm span{display:block;width:100%;font-size:26px;color:#000;text-align:left;margin-bottom:10px;}
.menu_box_li div.cp_li .submenu_item .submenu_iyem_sm a{display:block;height:34px;line-height:34px;overflow:hidden;}
.menu_box_li div.cp_li .submenu_item .submenu_iyem_sm a:hover{color:#db2121;}
.menu_box_li div.sc_li{}
.menu_box_li div.sc_li .caselist{display:block;width:120px;height:40px;line-height:36px;background:#fff;border-radius:5px;color:#fff;border:1px solid #db2121;color:#db2121;cursor:pointer;margin-left:2em;margin-top:40px;text-align:center;text-indent:0 !important;}
.menu_box_li div.sc_li .caselist:hover{background:#db2121;color:#fff;}
.nav_zw{height:50px;width:80%;}
.nav{position:absolute; float:right;top:20px;margin-left: 23%;}
.nav .w > a{display:block;float:left;width:160px;height:50px;color:#fff;line-height:50px;text-align:center;font-size:16px;}
.nav .w > a:hover{background:#fff;color:#db2121;}
.nav_height{float: left;width:135px;height:50px;position: relative;}
.nav_height>a{display:block;width:135px;height:50px;line-height:50px;color:#fff;text-align:center;font-size:16px;}
.nav_height:hover>a{background:#fff;color:#db2121;}
.nav_height a.cur{background:#fff;color:#db2121;}
.nav_height:hover>a:hover{font-weight:600;}
.nav_height>span{display:block;width:135px;position: absolute;top:50px;left:0;background:#fff;font-size:16px;display:none;z-index:100;box-shadow: 0 2px 5px #ccc;}
.nav_height:hover span{display:block;}
.nav_height >span >a{display:block;width:135px;height:45px;line-height:45px;text-align:center;color:#333;font-size:16px;padding:0 12px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.nav_height >span >a:hover{background:#eee;}


/*系统和产品下拉后续更改的*/
.nav_sys_menu{width:1100px;overflow:hidden;position: absolute;left:-550px;top:50px;background:#fff;z-index:3;padding:30px 35px;box-sizing:border-box;display:none;box-shadow: 0 2px 5px #ccc;}
.nav_sys:hover .nav_sys_menu{display:block; }
.nav_sys_menu>div{overflow:hidden;}
.nav_sys_menu >.fl{width:200px; margin-bottom:30px; height:255px;}
.nav_sys_menu >div>span{display:block;height:34px;font-size:18px;line-height:18px;color:#333;padding-bottom:12px;border-bottom:1px solid #f5f5f5;box-sizing:border-box;width:250px; font-weight: bold;}
.nav_sys_menu >.fl a{display:block;width:160px;float: left;font-size:16px;padding:3px 0;margin-right:20px;}
.nav_sys_menu >.fl a:nth-of-type( n + 18 ){clear:left;}
.nav_sys_menu >.fl a:hover{color:#db2121;}
.nav_sys_menu >.fr{width:596px;position: relative;}
.nav_sys_menu >.fr a{display:block;width:100px;float: left;font-size:16px;padding:12px 0;margin-right:40px;}
.nav_sys_menu >.fr a:nth-of-type( n + 18 ){clear:left;}
.nav_sys_menu >.fr a:hover{color:#db2121;}


/*.nav_sys_menu >.fr{width:596px;position: relative;}
.nav_sys_menu >div.fr >span{background:url(../images/nav_sys_bg2.png) no-repeat top left;width:100%;}
.nav_sys_menu >.fr .bg_pic{width:646px;height:275px;margin-top:12px;overflow:hidden;position:relative;}
.nav_sys_menu >.fr .bg_pic img{position: absolute;top: -120px;left: -50px;transition: all 1s;}
.nav_sys_menu >.fr .nav_sys_class{width:596px;height: 276px;position: absolute;top: 46px;left: 0;}
.nav_sys_menu >.fr .nav_sys_class span{display:block;}
.nav_sys_menu >.fr .nav_sys_class span a{display:block;color:#fff;text-align:center;line-height:60px;width:140px;height:60px;float:left;border-right:12px solid #f5f5f5;border-bottom:12px solid #f5f5f5;overflow:hidden; font-size: 16px;}
.nav_sys_menu >.fr .nav_sys_class span a:nth-of-type(4n){border-right:0;}
.nav_sys_menu >.fr .nav_sys_class span a:nth-last-of-type(1),.nav_sys_menu >.fr .nav_sys_class span a:nth-last-of-type(2),.nav_sys_menu >.fr .nav_sys_class span a:nth-last-of-type(3),.nav_sys_menu >.fr .nav_sys_class span a:nth-last-of-type(4){border-bottom:0;}
.nav_sys_menu >.fr .nav_sys_class span a:hover{background:#fff;color:#db2121;}*/


.nav_pro_menu{width:1200px;overflow:hidden;position: absolute;left:-290px;top:50px;background:#fff;background:#fff url('../images/nav_meunbg.jpg') no-repeat center center ;z-index:3;padding:30px 43px;box-sizing:border-box;display:none;}
.nav_pro:hover .nav_pro_menu{display:block;}
.nav_pro_li{width:100%;border-bottom: 1px dashed #d9d9d9;line-height:30px;overflow:hidden;margin-bottom:8px;padding-bottom:8px;font-size:16px;}
.nav_pro_li .fl{display:block;width:195px;font-size:16px;color:#000;}
.nav_pro_li .fl a:hover,.nav_pro_li .fl:hover{color:#db2121;}
.nav_pro_li .fr{width:850px;overflow:hidden;}
.nav_pro_li .fr a{display:block;float:left;font-size:16px;color:#666;margin-right: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav_pro_li .fr a:hover{color:#db2121;}

.nav_pro_li .biu{font-weight: bold; color: #db2121;}


.world_header {  position:relative; width: 250px; float: left; border-right: 1px solid #f9f9f9; margin-right:50px; padding-right: 29px; }
.world_header dl{ width: 100%;  position: relative; }
.world_header dd {width: 100%; height: 44px; line-height: 44px;   display:block;  position: relative;     background: url(../images/side.png) no-repeat right center;font-size:16px; overflow: hidden; padding-right: 6px;border-bottom: 2px solid #dfdfdf;}

.world_header dd.active { color: #db2121; border-bottom: 2px solid #db2121;}
.world_header dd:hover { color: #db2121; border-bottom: 2px solid #db2121;}

.dingts{display: block;position:relative;overflow: hidden;  width: 783px; float: left;}
.navli { display: none;position:relative;overflow: hidden;  width: 100%  }
.navli.active { display: block; }

.navli a{display:block;width:30%;font-size:15px;color:#000; float: left; height:42px; line-height: 42px; margin-right: 5%;}
.navli a:nth-child(3n){margin-right: 0;}
.navli a:hover{color: #db2121;}