﻿
.nav_menu{width:245px;height:50px;position: relative;}
.nav_menu > span{display:block;width:245px;height:50px;line-height:50px;font-size:18px;text-align:left;position: relative;cursor:default;
text-indent: 20px;border-right: 1px solid #dcdcdc;}

.nav_menu > span a{color: #000;}

.menu_box{width:245px;background:#f3f3f3;position:absolute;left:0;top:50px;z-index:3;display:none;}
.nav_menu:hover .menu_box{display:block;}
.menu_box_li{width:245px;height:38px;}
.menu_box_li>a{display:block;width:245px;height:38px;text-align:left;line-height:38px;color:#333;font-size:14px;padding-left: 10px;}
.menu_box_li:hover>a{background:#C0130A;color:#fff;}
.menu_box_li>a:hover{font-weight:600;}
.menu_box_li .li_submenu{width:245px;min-height: 250px;background:#f3f3f3;position:absolute;top:0;left:245px;display:none; padding-top:15px ;}

.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 .li_submenu a:hover{color:#fff;background:#C0130A;}
.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:#fff;background:#C0130A;}
.menu_box_li div.cp_li .submenu_item:hover > {background:#C0130A;}
.menu_box_li div.cp_li .submenu_item .submenu_iyem_sm{width:245px;height:auto;background:#f5f5f5;padding:22px 0 0 10px;position: absolute;top:0;left:245px;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:#fff;}
.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_menu > span:after { content: ''; position: absolute; top: 20px; right: 20px; width: 5px; height: 5px; border-bottom: 2px solid #ff0000; border-right: 2px solid #ff0000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.nav_menu > span.cur:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }



.menbox{ display:none; width: 94%; margin: auto; margin-bottom: 20px; overflow: hidden; }

.menbox .menuli{background: #f3f3f3; border-bottom: #C0130A 1px solid; height:40px; line-height: 40px; font-size: 18px; text-indent: 10px;}
.menbox .menuli a{ color: #C0130A;}
.menbox .lisubmenu{width: 100%; overflow: hidden; }
.menbox .lisubmenu .ctsca{height:36px; line-height: 36px; font-size: 16px; text-indent: 20px;width: 100%; border-bottom: dashed 1px #C0130A;}
.menbox .lisubmenu .submenusm{width: 100%; overflow: hidden; }

.menbox .lisubmenu .submenusm .tinnd{height:32px; line-height: 32px; font-size: 14px; text-indent: 30px;width: 100%;}
@media (max-width: 640px){
.common-select{display: none;}
.menbox{ display:block }
}
