
/* 4.定义常用类 */
.w{ width:1200px; margin:0 auto; }  /*版心*/
.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.sys{width:100%;overflow:hidden;background:#f1f1f1;padding:30px 0 75px 0;}
.sys .tit{ height:50px; border-bottom:1px solid #DCDCDC; margin-bottom:24px;}
.sys .tit span{ height:50px; line-height:50px; font-size:20px; color:#393939; float:left;  border-bottom:1px solid #db2121;}

/*----------------------------------------------------------------------------------------------------------------*/

.base_tl{width:100%;height:40px;border-bottom:1px solid #d9d9d9;font-size:16px;}
.base_tl .b_one{display:block;color:#666;line-height:40px;}
.base_tl .b_two{display:block;padding-left:22px;box-sizing:border-box;line-height:40px;color:#666;background:url(../images/tel.png) no-repeat center left;margin-right:30px;}
.sub_web{position: relative;margin-right:32px;width:88px;height:40px;z-index:9982;}
.sub_web span{display:block;width:88px;height:41px;line-height:40px;color:#666;padding-right:24px;background:url(../images/s_down.png) no-repeat center right;box-sizing:border-box;border-bottom:1px solid #d9d9d9;cursor:default;}
.sub_web:hover span{color:#dd3c13;background:url(../images/s_down1.png) no-repeat center right;}
.web_menu{position: absolute;display:none;z-index:5;background:#fff;width:230px;top:41px;left:-56%;}
.sub_web:hover .web_menu{display:block;}
.web_menu a{display:block;width:50%;line-height:36px;padding:0 0 0 20px;box-sizing:border-box;font-size:14px;float:left;}
.web_menu a:hover{color:#dd3c13;background:#eee;}
.i_two{display:block;width:22px;height:22px;background:url(../images/zw.png) no-repeat center center;margin-top:9px;}
.i_one{display:block;width:22px;height:22px;background:url(../images/en.png) no-repeat center center;margin-top:9px;margin-right:10px;}


.base_hd{width:100%;height:110px;}
.base_hd .logo{display:block;width:613px;height:68px;margin-top:17px;}
.base_hd .logo img:nth-of-type(1){display:inline-block;width:613px;height:68px;}
.search{width:290px;height:40px;margin-top:33px;z-index:4;}

.search .search_class{width:156px;height:40px;position:relative;z-index:4;}
.search .search_class span{display:block;width:155px;height:53px;line-height:53px;text-align:center;position: relative;color:#666;cursor:pointer;border:1px solid #d9d9d9;letter-spacing:20px;background:#fff;}
.search .search_class span::before{content:"";width:14px;height:13px;background:url(../images/s_down.png) no-repeat center center;position: absolute;top:20px;right:30px;}
.search_class_ul{width:155px;height:270px;position: absolute;top:40px;left:0;background:#fff;border:1px solid #d9d9d9;}
.search_class_ul li{height:54px;line-height:54px;color:#666;text-align:center;cursor:pointer;}
.search_class_ul li:hover{background:#dd3c13;color:#fff;}
.search .search_ipt{position: relative;border:1px solid #d9d9d9;}
.search .search_ipt input{width:180px;height:38px;color:#666;font-size:16px;padding:0 22px 0 22px;border:none;}
.search .search_ipt .sch_link_box{width:412px;background:#fff;padding:25px 30px;position: absolute;left:0;top:55px;z-index:9981;display:none;}
.search .search_ipt .sch_link_box div{display:none;}
.search .search_ipt .sch_link_box div.nowsch{display:block;}
.search .search_ipt .sch_link_box div a{display: block;float: left;padding: 4px 6px;border: 1px solid #d9d9d9;border-radius: 4px;font-size: 12px;margin: 0 10px 14px 0;color: #666;}
.search .search_ipt .sch_link_box div a:hover{border:1px solid #dd3c13;color:#dd3c13;}
.search button{display:inline-block;width:55px;height:40px;border:none;cursor:pointer;background:#001655 url(../images/sch_bt.png) no-repeat center center;}
.d_n{display:none;}








.nav{width:100%;height:50px;background:#001655;z-index:3;}
.nav_menu{width:145px;height:50px;position: relative;}
.nav_menu > span{display:block;width:145px;height:50px;line-height:50px;font-size:18px;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:100%;}
.nav{position:absolute;left:0;top:151px;}
.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:145px;height:50px;position: relative;}
.nav_height>a{display:block;width:145px;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:145px;position: absolute;top:50px;left:0;background:#fff;font-size:16px;display:none;z-index:100;}
.nav_height:hover span{display:block;}
.nav_height >span >a{display:block;width:145px;height:50px;line-height:50px;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:1200px;overflow:hidden;position: absolute;left:-145px;top:50px;background:#fff;z-index:3;padding:30px 65px;box-sizing:border-box;display:none;}
.nav_sys:hover .nav_sys_menu{display:block;}
.nav_sys_menu>div{overflow:hidden;}
.nav_sys_menu >.fl{width:400px;}
.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:360px; font-weight: bold;}
.nav_sys_menu >.fl a{display:block;width:160px;float: left;font-size:16px;padding:12px 0;margin-right:40px;}
.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;}



.fltel{width:270px;height:74px;margin-top:17px; overflow: hidden; float: right;}
.fltel img{display:block;width:50px;height:50px;float:left;}
.fltel span{display:block;width:205px;height:50px;float: right;}
.fltel span i{display:block;font-size:18px;line-height:26px;color:#666;}
.fltel span b{display:block;font-size:26px;font-weight:bold;color:#666;}









/*相关链接*/
.xglj{width:100%;background:#fff;padding: 20px 0 10px;}
.xglj_tl{width:100%;height:30px;border-bottom:1px solid #d9d9d9; text-align: center;}
.xglj_tl span{display: inline-block;font-size:16px;color:#999;line-height:18px;margin-right:40px;cursor: pointer;}
.xglj_tl span:hover{color:#dd3c13;}
.xglj_tl span.current{color:#000;}
.xglj_bd{width:100%;box-sizing:border-box;}
.xglj_bd div{display:none;overflow:hidden;}
.xglj_bd div.current{display:block;}
.xglj_bd div.xglj_bd_one a{display:block;float:left;font-size:14px;color:#666;margin:0 20px 0 0;padding:10px 0;}
.xglj_bd div.xglj_bd_one a:hover{color:#dd3c13;}
/*相关链接*/




