@charset "UTF-8";
#header{width:100%;z-index:998;background:#ffffff;left:0; top:0px; padding:10px 0 5px 0;}
#logo{width:330px;height:50px;float:left;display:block;}
#logo a{width:330px;height:50px;float:left;display:block;position:absolute;z-index:1000}
#header .top_right{ float:right;}
#header .top_right .top_link{ text-align:right;}
#header .top_right .top_link a{ color:#333; margin-left:5px; line-height:20px;}
#header .top_right .top_link a:hover{ color:#0b419b;}
/*.language_web{ background:url(../images/dq_icon.png) no-repeat left center; padding-left:20px;}
.china_web{ background:url(../images/d_icon.png) no-repeat left center; padding-left:15px;}*/
.china_web{padding-left:15px; float:left;margin-top:2px;font-size:14px;color:#333;}

#rnav{float:right;margin-top:28px;}
#rnav a{ padding:5px 15px 5px 15px; line-height:20px; border:1px solid #fff; border-radius:3px;display:block;text-align:center;font-size:12px;color:#fff;margin-left:4px;float:left;-webkit-text-size-adjust:none;}
#rnav a#ractive{background:#c6c6c6;color:#fff;}


.hot_gjz{ height:30px; float:left; padding:15px; width:60%; max-width:685px;  line-height:30px; overflow:hidden;}
.hot_gjz b{ border-left:5px solid #129ecf; padding-left:10px; font-weight:normal; font-size:16px;  float:left; color:#fff;}
.hot_gjz a{ float:left; color:#999; margin-right:15px; font-size:13px;}
.hot_gjz a:hover{ color:#fff;}
.hot_gjz a i{ font-style:normal; margin-left:20px;}
.hot_gjz span{ float:left; color:#e07d13; margin-right:15px;}

/*--搜索--*/
/*#ss_box{ width:240px; height:34px;float:right; margin-top:5px; background:#fff;overflow:hidden; float:right;}*/
#ss_box{ width:340px; height:26px;float:right; margin-top:5px; background:#fff;overflow:hidden; float:right;}
/*#ss_box .ss_input{ width:180px; float:right; height:28px; line-height:30px; vertical-align:middle; padding-left:5px;font-size:12px; color:#999;resize:none;border:none;outline:none; border:1px solid #999;border-radius:3px 0px 0px 3px; border-right:0px;}*/
#ss_box .ss_input{ width:150px; float:right; height:20px; line-height:22px; vertical-align:middle; padding-left:5px;font-size:12px; color:#999;resize:none;border:none;outline:none; border:1px solid #999;border-radius:3px 0px 0px 3px; border-right:0px;}

#ss_box .ss_input:hover{ color:#999; } 
#ss_box .ss_an{width:40px; height:22px; line-height:22px;background:#0b419b; border-radius:0 3px 3px 0; float:right; border:none; cursor:pointer; color:#fff; font-size:12px;}

.head-v3{position:absolute ;z-index:8999; width:100%; border-top:1px solid #ddd; margin-top:0px;top:0px;}
.head-v3 .navigation-inner{margin:0 auto;position:relative;max-width:1180px;}
.navigation-up{
	height:61px;
	background-image:url(../img/head_07.png);
	white-space: nowrap;
}
.navigation-up .navigation-v3{float:right;white-space: nowrap;}
.navigation-up .navigation-v3 ul{white-space: nowrap;}
.navigation-up .navigation-v3 li{white-space: nowrap;
	display:inline-block;
	color:#fff;
	font-size: 15px;
	font-style: normal;
	line-height: 55px;
	font-weight: normal;
	font-variant: normal;margin:0 0 0 8px; padding-top:2px;
}

.navigation-up .navigation-v3 .nav-up-selected{background-color:rgba(255,255,255,0.05);height:58px;}
.navigation-up .navigation-v3 .nav-up-selected a{color:#fff;height:40px;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background-color:rgba(255,255,255,0.05)}
.navigation-up .navigation-v3 .nav-up-selected-inpage a{ color:#fff;border-bottom:3px solid #fff;height:40px;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0;font-size: 15px; }
.navigation-up .navigation-v3 li h2 a{padding:0 0px;margin:0 18px;color:#fff;display:inline-block;}


.navigation-down{position:absolute;top:61px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;background-color:rgba(255,255,255,0.95);position:absolute;top:0px;}
.menu-3{padding-bottom:40px;}
.nav_xlbox{width:98%;max-width:1150px;  margin:40px auto; text-align:left;}
.nav_xlbox .picd{ float:left; max-width:300px; width:30%;}
.nav_xlbox .infod{ float:left; width:30%; margin-left:3%;}
.nav_xlbox .infod .itd{ margin-bottom:15px;}
.nav_xlbox .infod .itd h3{ color:#0b419b;font-weight:normal;height:15px;font-size:16px; line-height:15px; margin:0px; padding:0px;}
.nav_xlbox .infod .itd h2{ color:#999; font-weight:normal; font-size:12px; margin-bottom:15px; margin-top:5px;}
.nav_xlbox .infod .itd p{ color:#fe4c10; font-size:16px; margin:0px; padding:0px; font-weight:bold;}
.nav_xlbox .infod .dep{ font-size:12px; color:#888; line-height:20px;}
.nav_xlbox .linkd{ float:right; width:25%;}
.nav_xlbox .linkd a{ color:#333; display:block; font-size:14px; height:40px; line-height:40px; border-bottom:1px solid #ddd; width:100%; background:url(../img/jtr2.png) no-repeat center right;}
.nav_xlbox .linkd a:hover{ color:#ff7900;}


.product_w1200_center{ width:98%; max-width:1180px; margin:auto; height:350px; overflow:hidden; clear:both;}
.pro_xl_bt{
	width:20%;
	float:left;
	padding:45px 0 30px 0;
	overflow: hidden;
}
.pro_xl_bt h3{ color:#0b419b;font-weight:normal;height:15px;font-size:18px; line-height:15px; margin:0px; padding:0px;}
.pro_xl_bt h2{ color:#999; font-weight:normal; font-size:12px; margin-bottom:15px; margin-top:10px;}
.pro_xl_bt span.x{ background:#0b419b; height:3px; width:40px; display:block; margin-top:20px;}
.pro_xl_bt .scene_more{ display:block; border:1px solid #0b419b; text-align:center; color:#0b419b; width:100px; height:35px; line-height:35px; border-radius:3px; margin-top:30px;transition: all 0.5s; clear:both;}
.pro_xl_bt .scene_more span{  font-weight:bold;}
.pro_xl_bt .scene_more:hover{ background:#0b419b; color:#fff;}
.pro_xl_bt .scene_more02 img{ float:none; margin-top:40px;}

/* 本例子css */

.outBox{ width:80%; text-align:left; float:left;}
.outBox .hd{ line-height:40px; padding:0px; border-right:1px solid #ddd; border-left:1px solid #ddd;  position:relative; width:27%; float:left;  padding:30px 0 30px 0; overflow:hidden;height:320px; }

.outBox .nb1{ line-height:40px; padding:0px; border-right:1px solid #ddd;  position:relative; width:100px; float:left;  padding:30px 0 30px 0; overflow:hidden;height:320px; }

.outBox .hd ul{ padding:0 30px 0 30px;}
.outBox .hd ul li{ padding:0px; cursor:pointer; font-size:14px; }
.outBox .hd ul li a{ color:#333; display:block;}
.outBox .hd ul li.on a{ color:#0b419b; background:url(../img/xl_navicon01.png) no-repeat right center;  }

.inBox{ padding:0px 0px 0 0px; float:left; width:80%; height:350px; overflow:hidden; }
.inBox .inHd{line-height:40px;padding:0px 0; width:30%; float:left; border-right:1px solid #ddd; height:350px;}

.inBox .inHd ul li:first-child{ padding-top:15px; }


.inBox .inHd ul{ overflow-y:scroll; zoom:1;padding:0 30px 0 30px;height:330px; position:relative;margin-top:10px;}
.inBox .inHd ul::-webkit-scrollbar {width:3px;height:10px;}
.inBox .inHd ul::-webkit-scrollbar-button    {background-color:#fff; display:none;}
.inBox .inHd ul::-webkit-scrollbar-track     {background:none;}
.inBox .inHd ul::-webkit-scrollbar-track-piece {background:none;}
.inBox .inHd ul::-webkit-scrollbar-thumb{background:#0b419b;border-radius:5px;}
.inBox .inHd ul::-webkit-scrollbar-corner {background:#82AFFF;}
.inBox .inHd ul::-webkit-scrollbar-resizer  {background:#FF0BEE;}


.inBox .inHd ul li{ height:40px;text-align:left; cursor:pointer; font-size:14px; overflow:hidden;}
.inBox .inHd ul li a{ color:#333; display:block;}
.inBox .inHd ul li.on a{ color:#0b419b; background:url(../img/xl_navicon01.png) no-repeat right 15px; }

.inBox .inBd{ width:69%; float:left;}
.inBox .inBd dl{ padding:0px 30px;zoom:1; overflow:hidden;  height:350px;  }
.inBox .inBd dl dd{ float:left; width:55%; border-right:1px solid #ddd; height:350px; padding:0px 0;}
.inBox .inBd dl dd ul{ height:330px; overflow-y:scroll; margin-top:10px;}
.inBox .inBd dl dd ul li:first-child{ margin-top:15px;}
.inBox .inBd dl dd ul::-webkit-scrollbar {width:3px;height:10px;}
.inBox .inBd dl dd ul::-webkit-scrollbar-button    {background-color:#fff; display:none;}
.inBox .inBd dl dd ul::-webkit-scrollbar-track     {background:none;}
.inBox .inBd dl dd ul::-webkit-scrollbar-track-piece {background:none;}
.inBox .inBd dl dd ul::-webkit-scrollbar-thumb{background:#0b419b;border-radius:5px;}
.inBox .inBd dl dd ul::-webkit-scrollbar-corner {background:#82AFFF;}
.inBox .inBd dl dd ul::-webkit-scrollbar-resizer  {background:#FF0BEE;}


.inBox .inBd dl dt{ float:right; width:34%;padding:30px 0 0 10%;}

.inBox .inBd dl dd li{ height:40px; line-height:40px; overflow:hidden;  padding-right:25px; }
.inBox .inBd dl dd li a{ color:#333;display:block; padding-right:20px;overflow:hidden; }
.inBox .inBd dl dd li a:hover{ color:#0b419b;background:url(../img/xl_navicon01.png) no-repeat right 15px; }

.inBox .inBd dl dt.xl_hot .hotbt{ height:20px; line-height:20px; font-size:16px; color:#333; border-left:3px solid #0b419b; padding-left:10px; margin-bottom:25px; font-weight:normal; margin-top:10px;}
.inBox .inBd dl dt.xl_hot a{ color:#333; text-align:left;}
.inBox .inBd dl dt.xl_hot a img{ width:100%; float:none; margin-bottom:10px;}
.inBox .inBd dl dt.xl_hot a b{ display:block; text-align:left; height:25px; line-height:25px; overflow:hidden;}
.inBox .inBd dl dt.xl_hot a span{ color:#999; line-height:20px; display:block; height:40px; line-height:20px; overflow:hidden;}


.navministyle{display:none;position:absolute;width:100%;height:100%;right:0;top:0;}

#m_ss{width:31px;height:30px;display:none;margin-top:15px;margin-right:10px;float:right;position:relative;z-index:999}
#m_hy{height:30px;margin-top:20px;margin-right:10px;float:right;position:relative;z-index:999}
#m_hy a{ color:#fff;  border:1px solid #0b419b; padding:3px 5px; border-radius:3px; background:#0b419b; margin-left:5px;}

#wap_nav_l{ z-index:9999;clear:both;  width:100%;z-index:10;background:#0b419b;opacity:1;text-align:center; position:absolute; top:60px; z-index:99999; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.21);-moz-box-shadow: 0 6px 8px rgba(0,0,0,.21);box-shadow: 0 6px 8px rgba(0,0,0,.21);}

#wap_nav_l li{width:100%;height:40px;line-height:80px;border-top:#2767d3 1px solid; clear:both;}
#wap_nav_l li a{display:block;line-height:40px;color:#fff;text-align:center;}
#wap_nav_l li.active a{color:#fff;background:#129ecf}
#wap_nav_l li a:hover{ background:#1e5ec8;}


/*--手机屏下拉显示 搜索框--*/
#search{ clear:both; padding:2%; width:96%;z-index:10;background:#0b419b;opacity:1;text-align:center; position:absolute; top:60px; z-index:99999; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.21);-moz-box-shadow: 0 6px 8px rgba(0,0,0,.21);box-shadow: 0 6px 8px rgba(0,0,0,.21);}
#search .ss_input{outline:none; border:0px none; width:99%; background:#fff; height:35px; line-height:35px;padding-left:1%;}
#search .ss_an{ float:right; position:relative; margin-top:-35px; height:35px; width:60px; background:#ff7800; border:none; cursor:pointer; color:#fff; border-radius:0px;}
#search .ss_an:hover{ background:#f60;}