﻿/*菜单*/
.header {width: 100%; background:rgba(255,255,255,.99); position:fixed; left:0; top:0; z-index:100000;  box-shadow:0 0 4px 0 rgba(0,0,0,.2);}
.header:after {content: " ";display: table;clear: both;}
.header .wrapper {margin: 0 auto;max-width:1200px; height:68px;}
.logo {float: left; margin-top:16px;}
.logo a{ background:url(../images/logo.png) no-repeat; width:150px; height:28px; background-size:contain; display:block;}

.rm-toggle.rm-button { position: relative;z-index: 9999; width:24px;height:12px; border-bottom: 2px solid #363635;vertical-align: middle; font-size: 0; text-indent: -9999px; -webkit-box-sizing:content-box !important; box-sizing:content-box !important; }
.rm-toggle.rm-button:before {content: '';position: absolute;top: -2px; left: 0;right: 0;height:5px; border-top: 2px solid #363635; transition: all 100ms linear 0ms;  -webkit-box-sizing:content-box !important; box-sizing:content-box !important;}
.rm-toggle.rm-button:after {content: '';position: absolute;top: 0;left: 0;right: 0;height:5px;border-bottom: 2px solid #363635; transition: all 100ms linear 0ms;  -webkit-box-sizing:content-box !important; box-sizing:content-box !important;}
 
/*展开按钮*/
.rm-toggle {display:none;float: right; text-decoration: none; margin:18px 15px 0 0;}
.rm-toggle.rm-show {display: inline-block;}
.rm-toggle:hover { }
.rm-toggle.rm-active {color: transparent !important; border:0; transition:all 0.3s ease-in;}
.rm-toggle.rm-active:after {-webkit-transform: scale(0);transform: scale(0);}
.rm-toggle.rm-active span:before, .rm-toggle.rm-active span:after { border-width: 2px;border-color:#363635;}
.rm-toggle.rm-active:before {-webkit-transform: rotate(45deg);transform: rotate(45deg); top:3px;}
.rm-toggle.rm-active:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}

.rm-css-animate.rm-menu-expanded {max-height:none;display: block;}
.rm-container.rm-layout-expanded {float: right;}
.rm-nav li a,.rm-top-menu a { font-size:14px;}
.rm-layout-expanded .rm-nav > ul > li > a, .rm-layout-expanded .rm-top-menu > .rm-menu-item > a{ height:40px; line-height: 40px;  display:block; margin:15px 16px 0 16px;}
.rm-layout-expanded .rm-nav > ul > li > a, .rm-layout-expanded .rm-top-menu > .rm-menu-item.signin > a{height:30px;line-height: 30px;margin-top: 20px;}
.rm-layout-expanded .rm-nav > ul > li.adminbg > a{ color:#007efe; font-size:16px; }
.rm-nav > ul >li.adminbg >a:hover:after{position:absolute;  content:"";  display:block;  width:100%;  height:2px;  background-color:#007efe;  left:0;  bottom:-2px;  transform:scaleX(0);  visibility:visible; }
.header .toux{ width:34px; height:34px; overflow:hidden; border-radius:50%; background:#e1e1e1; margin-right:15px; display:inline-block; color:#fff; font-size:14px; line-height:34px; text-align:center; vertical-align:-10px;}
.header a .san{ background:url(../images/san.png) no-repeat; width:8px; height:5px; display:inline-block; margin-left:10px; vertical-align:2px;}

.rm-nav ul,.rm-menu { /*background:#fff;*/ margin-top: 0;}
.rm-container:after {content: " ";display: table;clear: both;}
.rm-nav > ul,.rm-top-menu { clear: both;list-style: none;padding: 0;margin-left: 0;margin-bottom: 0;zoom: 1;}
.rm-nav li,.rm-menu-item {position: relative;}
.rm-nav > ul > .rm-last,.rm-top-menu > .rm-last {margin-bottom:0;}
.rm-nav li a,.rm-menu-item a {display: block; position: relative; color:#2f2725; text-decoration: none;}
/* Sub Menus */
.rm-nav li ul,.rm-menu-item .rm-menu {width: 100%; padding:0;margin-left: 0;list-style: none;z-index: 500;zoom: 1;}
.rm-nav .rm-hover ul {z-index: 600;}
.rm-nav li li a,.rm-menu-item .rm-menu-item a {z-index:500; }
.rm-nav li li.rm-last a,.rm-menu-item .rm-menu-item.rm-last a {padding-bottom:0;}
.rm-nav li li ul,.rm-menu-item .rm-menu-item .rm-menu {position: static;}
.rm-nav li li li a,.rm-menu-item .rm-menu-item .rm-menu-item a {z-index:600; }


.rm-accelerate {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-backface-visibility:hidden;}
.rm-css-animate {display: block;max-height: 0;overflow: hidden;}
.rm-css-animate.rm-menu-expanded {overflow: visible;}
.rm-nav a {-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}

.news .list dl span{float: right; color: #999;line-height: 27px; display:block;}
.news .list dl span::after {content: '';display: block;width: 30%;height: 1px;background: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top:0;}
.news .list:hover dl span::after{width:100%;background:#dcdcdc;}

.rm-nav > ul >li >a:hover{ color:#007efe;}
.rm-nav > ul >li >a:after{ position:absolute;  content:"";  display:block;  width:100%;  height:2px;  background-color:#007efe; left:0;  bottom:-2px;  transform:scaleX(0);  visibility:hidden; transition:all 0.3s ease-in;  }
.rm-nav > ul >li >a:hover:after{position:absolute;  content:"";  display:block;  width:100%;  height:2px;  background-color:#007efe;  left:0;  bottom:-2px;  transform:scaleX(1);  visibility:visible; }

.rm-nav > ul >li.rm-hover > a {  color:#007efe;  }
.rm-nav li a .zico{ background:url(../images/jian_1.png) no-repeat; width:13px; height:7px; display:inline-block; margin-left:4px; vertical-align:1px;}
.rm-nav li a:hover .zico{ background:url(../images/jian_1h.png) no-repeat;}
.rm-nav li.rm-hover a .zico{ background:url(../images/jian_1h.png) no-repeat;}
.rm-nav li.rm-hover a .sico{ background:url(../images/jian_2.png) no-repeat; width:7px; height:11px; display:inline-block; float:right; margin:23px 15px 0 0;}
.rm-nav li.rm-hover li a:hover .sico{ background:url(../images/jian_2h.png) no-repeat;}
.rm-nav li.rm-hover  li.rm-hover a .sico{ background:url(../images/jian_2h.png) no-repeat;}
 
 .rm-nav li a.on{ color:#007efe; border-bottom:2px solid #007efe;} 
 .rm-nav li a.on .zico{ background:url(../images/jian_1h.png) no-repeat;}
 
.rm-lighten li li{ padding:0 15px;}
.rm-lighten li li a{ border-bottom:1px solid #dcdcdc; color:#727171; }
.rm-lighten li li a:hover{  color:#007efe;}
.rm-lighten li a.lasta1,.rm-lighten li a.lasta2{ border:0;}
.rm-nav > ul > li > ul > li.rm-hover > a{  color:#007efe;}
.rm-nav > ul > li > ul > li.signin.rm-hover{border:none;}


.rm-layout-expanded .rm-nav > ul,.rm-layout-expanded .rm-top-menu {margin-bottom: 0;}
.rm-layout-expanded .rm-nav > ul > li,.rm-layout-expanded .rm-top-menu > .rm-menu-item {float: left; height:68px;}
.rm-layout-expanded .rm-nav > ul > .rm-last,.rm-layout-expanded .rm-top-menu > .rm-last {margin-bottom: 0;}
.rm-layout-expanded li ul,.rm-layout-expanded .rm-menu-item .rm-menu { width:284px; white-space:nowrap; padding:0;position: absolute;left: 0; top:68px; background:#fff; border-left:3px solid #007efe; box-shadow:0 0 3px 0 rgba(0,0,0,.1); line-height:57px;}
.rm-layout-expanded li.rm-last ul,.rm-layout-expanded .rm-menu-item.rm-last .rm-menu {left: auto;right: 0;}
.rm-layout-expanded li li ul,.rm-layout-expanded .rm-menu-item .rm-menu-item .rm-menu {position: absolute;left: 100%;top: 0;}
.rm-layout-expanded li a,
.rm-layout-expanded li li a,
.rm-layout-expanded li li li a,
.rm-layout-expanded .rm-menu-item a,
.rm-layout-expanded .rm-menu-item .rm-menu-item a,
.rm-layout-expanded .rm-menu-item .rm-menu-item .rm-menu-item a {padding-left:0;}
.rm-layout-expanded li.rm-last1 .rm-menu{ width:180px;  }
.rm-layout-expanded li.adminbg .rm-menu{ width:138px;}
.no-js .rm-nav li ul,
.rm-nojs li ul {position: absolute;left: -999em;}
.rm-toggle.rm-nojs {display: inline-block;visibility: hidden;}
.rm-nav>ul{ float:left;}
.header .wrapper .bt{ display:inline-block; height:68px; line-height:68px; }
.header .wrapper .b1{ display:inline-block; line-height:28px; width:98px; text-align:center; color:#007efe; border:1px solid #007efe; border-radius:0; margin-right:10px; transition:all 0.3s ease-in;}
.header .wrapper .b1:hover{ background:#007efe; color:#fff;}
.header .wrapper .b2{color:#007efe;} 
.header .wrapper .b2:hover{ text-decoration:underline;}


.menu_add_hot{position:relative;}
.menu_add_hoticon{width:24px;height:auto;position:absolute;left:72px;top:-1px;}
.menu_addpartner_hot .menu_add_hoticon{left:61px;}
/*产品导航*/
.product_nav{ width: 100%; background:rgba(255,255,255,.99); position:fixed; left:0; top:68px; line-height:45px; height:45px; border-top:1px solid #999; z-index:9999; box-shadow:0 0 30px 0 rgba(0,0,0,.1); }
.product_nav .con{ width:1200px; margin:0 auto; position:relative;}
.product_nav .con h1{ float:left; font-size:14px; color:#1d2088; font-weight:bold;}
.product_nav .con ul{ float:right; font-size:14px;}
.product_nav .con ul li{ float:left; margin:0 0 0 50px;} 
.product_nav .con ul li a i{ display:inline-block; width:25px;height:20px;margin-right:10px;vertical-align:-5px; transition:all 0.3s ease-in;}
.product_nav .con ul li a i.b1{ background:url(../images/navd_03.png) no-repeat;}
.product_nav .con ul li a i.b2{ background:url(../images/navd_05.png) no-repeat; }
.product_nav .con ul li a i.b3{ background:url(../images/navd_07.png) no-repeat; }
.product_nav .con ul li a i.b4{ background:url(../images/navd_09.png) no-repeat; }
.product_nav .con ul li a i.b5{ background:url(../images/navd_12.png) no-repeat; }
.product_nav .con ul li a i.b6{ background:url(../images/navd_13.png) no-repeat; }

.product_nav .con ul li a:hover i.b1{ background:url(../images/navdh_03.png) no-repeat;}
.product_nav .con ul li a:hover i.b2{ background:url(../images/navdh_05.png) no-repeat; }
.product_nav .con ul li a:hover i.b3{ background:url(../images/navdh_07.png) no-repeat; }
.product_nav .con ul li a:hover i.b4{ background:url(../images/navdh_09.png) no-repeat; }
.product_nav .con ul li a:hover i.b5{ background:url(../images/navdh_12.png) no-repeat; }
.product_nav .con ul li a:hover i.b6{ background:url(../images/navdh_13.png) no-repeat; }

.product_nav .con ul li.on a i.b1{ background:url(../images/navdh_03.png) no-repeat;}
.product_nav .con ul li.on a i.b2{ background:url(../images/navdh_05.png) no-repeat; }
.product_nav .con ul li.on a i.b3{ background:url(../images/navdh_07.png) no-repeat; }
.product_nav .con ul li.on a i.b4{ background:url(../images/navdh_09.png) no-repeat; }
.product_nav .con ul li.on a i.b5{ background:url(../images/navdh_12.png) no-repeat; }
.product_nav .con ul li.on a i.b6{ background:url(../images/navdh_13.png) no-repeat; }
.product_nav .con ul li.on a{ color:#007efe;}
.menu_bt{ width:63px; height:39px; border-left:1px solid #d3d3d3; position:relative; background:url(../images/jiao2.png) no-repeat center;  float:right; display:none;}

@media screen and ( max-width:1230px ) {
.product_nav .con{ width:100%;}
.product_nav .con h1{ margin-left:10px;}
} 
 
@media screen and ( min-width: 850px ) {
.rm-nojs > ul > li,.no-js .rm-nav > ul > li {float: left;}
.rm-nojs li a,.no-js .rm-nav li a {padding-left:0;}
.rm-nojs > ul:before,.rm-nojs > ul:after,
.no-js .rm-nav > ul:before,.no-js .rm-nav > ul:after {content: " ";display: table;}
.rm-nojs > ul:after,
.no-js .rm-nav > ul:after {clear: both;}
.rm-toggle.rm-nojs {display: none;}
}

@media screen and ( max-width: 1050px ) {
.rm-layout-expanded .rm-nav > ul > li > a,.rm-layout-expanded .rm-top-menu > .rm-menu-item > a { margin:15px 10px 0 10px;}
}
@media screen and ( max-width: 930px ) {
.rm-layout-expanded .rm-nav > ul > li > a,.rm-layout-expanded .rm-top-menu > .rm-menu-item > a { margin:15px 5px 0 5px;}
}
@media screen and ( max-width:850px ) {
.header{background:rgba(255,255,255,1);}	
.header .wrapper { height:50px;} 
.product_nav{ background:#e5e5e5; top:50px; height:40px; line-height:40px;}
 
.page-overlay {position: fixed; top:90px;right: 0;bottom: 0;left: 0; height:0; z-index:111999; width: 100%; overflow:hidden; background:#e5e5e5; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.page-overlay.black{opacity:1; height:200px;}	
.menu_bt{ display:block; }	
.menu_bt.open{ background:url(../images/jiao1.png) no-repeat center;}
.product_nav h1{ margin-left:10px;}
.product_nav .con ul{ float:none; width:100%; margin:0 auto; line-height:39px;}
.product_nav .con ul li{ float:none; margin:0; border-top:1px solid #d3d3d3;}
.product_nav .con ul li a{ padding:0 20px; display:block; width:100%; box-sizing:border-box;}

.logo a{width:120px; height:28px;margin-left:10px;}
.rm-nav>ul{ background:#fff; float:none; padding:0 30px; line-height:34px;  margin-top: 0; box-shadow:0 2px 3px 0 rgba(0,0,0,.1);}
.header .wrapper dl{ float:none;}
.rm-lighten li li a{ border:0;}
.rm-nav > ul >li >a:hover{ color:#007efe; border-bottom:0;}
.rm-nav > ul >li.rm-hover > a {  color:#007efe; border-bottom:0;  }
.rm-nav li a .zico{ background:url(../images/down1.png) no-repeat; width:9px; height:5px; display:inline-block; vertical-align:1px; float:right; margin:13px 15px 0 0;}
.rm-nav li a:hover .zico{ background:url(../images/up1.png) no-repeat;}
.rm-nav li.rm-hover a .zico{ background:url(../images/up1.png) no-repeat;}
.rm-nav li.rm-hover a .sico{ background:url(../images/down1.png) no-repeat; width:9px; height:5px; display:inline-block; float:right; margin:13px 15px 0 0;}
.rm-nav li.rm-hover li a:hover .sico{ background:url(../images/up1.png) no-repeat;}
.rm-nav li.rm-hover  li.rm-hover a .sico{ background:url(../images/up1.png) no-repeat;}
.rm-nav > ul >li { border-bottom:1px solid #e5e5e5;}
.rm-lighten li li{ padding:0 0 0 25px;}

 .rm-nav li a.on{ color:#007efe; border-bottom:0;} 
 .rm-nav li a.on .zico{  background:url(../images/down1.png) no-repeat;}
.header .wrapper .bt{ text-align:center;}

.rm-nav > ul >li >a:after{ position:absolute;  content:"";  display:block;  width:100%;  height:0;  left:0;  bottom:-2px;  transform:scaleX(0);  visibility:hidden; transition:all 0.3s ease-in;  }
.rm-nav > ul >li >a:hover:after{position:absolute;  content:"";  display:block;  width:100%;  height:0;  left:0;  bottom:-2px;  transform:scaleX(1);  visibility:visible; }

.header .toux{ width:24px; height:24px;  margin-right:10px; line-height:24px;  vertical-align:-7px;}
.header a .san{ float:right; margin:15px 15px 0 0;}

}

.rm-calculate {position: absolute !important;max-height: none !important;overflow: visible !important;}
.rm-layout-contracted .rm-calculate {width: 100% !important;}
.rm-container .accessibly-hidden {position: absolute;left: -999em;}

#netSupervisor{
 height: 30px;margin-top:-10px;line-height:36px;
 padding-left: 32px;
 background: url(../images/netSupervisor.png) no-repeat left center;
 background-size: auto 100%;
}

/*底部*/
.footer{ background:#043da0;padding-top:30px; clear:both;  width:100%; }
.footer .top{ margin-bottom:30px;}
.footer .top ul{float: left;overflow: hidden; line-height: 25px; color: #fff; padding: 0 56px; border-right: 2px solid #3160b1; height:180px;}
.footer .bottom .maincon ul a{ color:#fff;}
.footer .bottom .maincon ul a:hover{ text-decoration:underline;}
.footer .top ul h1{font-size: 16px; margin: 0 0 30px 0;}
.footer .top ul a{color: #fff;}
.footer .top ul a:hover{text-decoration: underline;}
.footer .top ul:nth-child(1){padding: 0 60px 0 0;}
.footer .top dl{background: url(../images/map.png) no-repeat; background-size:contain; width: 400px; float: right; color: #fff; box-sizing: border-box; padding: 0 5px; line-height: 25px; margin-right: 0;}
.footer .top dl h1{font-size: 16px; margin: 20px 0 29px 0;}
.footer .top dl a{ width: 120px; text-align: center; line-height: 30px; border: 1px solid #fff; border-radius: 0; display: block; color: #fff; margin-top: 20px; transition: all 0.3s ease-in; }
.footer .top dl a:hover{background: #fff; color: #043da0;}
.footer .bottom{width: 100%; background: #033285; height: 60px; clear: both;}
.footer .bottom .maincon ul{font-size: 12px; color: #c9c9c9; padding:25px 0 0 0; line-height: 18px; float: left;}
.footer .bottom .maincon ul a{ color:#c9c9c9;}
.footer .bottom li em{ background:#b7bac1; height:13px; width:1px; display:inline-block; margin:0 15px; vertical-align:-3px;} 
.footer .bottom dl{float: right; margin-top:20px;}
.footer .bottom dt,.footer .bottom dd{float: left; position: relative;line-height: 40px; color: #ccc; font-size: 16px;}
.footer .bottom dd{ margin-left: 28px;}

.footer .bottom dd .b1{background: url(../images/foot_icon_03.png) no-repeat; width:12px;height:22px;display: block;}
.footer .bottom dd .b2{background: url(../images/foot_icon_06.png) no-repeat; width:23px;height:22px;display: block;}
.footer .bottom dd .b3{background: url(../images/foot_icon_08.png) no-repeat; width:20px;height:22px;display: block;}
.footer .bottom dd .b4{background: url(../images/foot_icon_10.png) no-repeat; width:22px;height:22px;display: block;}

.footer .bottom dd .jq_hidebox{background: #fff; border: 1px solid #033285; position: absolute; left: -75px; bottom:55px; z-index: 10;padding:16px 0; width:189px; display: none; -webkit-box-sizing:inherit; box-sizing:inherit !important; text-align:center;}
.footer .bottom dd .jq_hidebox img{ width:157px;}
.footer .bottom dd .jq_hidebox:after{content: ""; background: #fff;border-right: 1px solid #033285;border-bottom: 1px solid #033285; height: 16px;width: 16px;position: absolute;left:85px; bottom: -9px; display: block;transform: rotate(45deg); box-sizing:inherit;}



@media screen and (max-width:1230px) {
.footer .top ul{width: 20%; margin: 0 1%; padding: 0; box-sizing: border-box;}
.footer .top ul:nth-child(1){padding:0 2% 0 0; margin: 0;}
.footer .top dl{width: 30%; margin-right: 0; padding: 0;}
}
@media screen and (max-width:1030px) {
 .footer .top ul{width:18.4%}
}

@media screen and (max-width:769px) {
.footer .top{padding-bottom: 20px;}
.footer .top ul h1{ margin: 15px 0 10px 0;}
.footer .top dl h1{ margin: 15px 0 20px 0;}
.footer .top ul{width:45%; margin: 0 2.5%; padding: 0; box-sizing: border-box;}
.footer .top ul:nth-child(1){padding: 0 0 0 0; margin: 0 2.5%;}
.footer .top dl{width:45%; margin: 0 2.5%; float: left; padding: 0;}
.footer .bottom{height:120px;}
.footer .bottom .maincon ul{ width: 100%; float: none; text-align: center; overflow: hidden; margin-bottom:10px; padding:10px 0 10px 0;}
.footer .bottom dl{ width: 210px; margin: 0 auto;   float: none; clear: both;}


 #netSupervisor {
  background: url(../images/netSupervisor.png) no-repeat 40% center;
  background-size: 24px auto;
  width: 100%;
  margin-top:0;

 }
}
@media screen and (max-width:480px) {
 .footer .top ul:nth-child(2){border-right:2px solid #3160b1;}
}
  

 