@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} .daohang {  background-color:#fff; padding: 0px; text-align: center; height: 107px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; } 
.daohang2 {background-color:#fff; padding: 0px; text-align: center; height: 107px;  width: 100%; max-width:1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } 




.head { position:absolute; padding: 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } 
.home { position: fixed;left:0; top:0; display:none; z-index:999999999999; margin-top: 0px; margin-left: 0px; padding: 0px; height: auto; width:100px; text-align: left; }
.home img {  margin-top: 5px; margin-left: 20px;height: 40px; width: auto; text-align: left; float:left }
.top {padding: 0px; text-align: center; height: 107px; width: 100%; max-width:1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.logo { margin-top: 7px; margin-left: 0px; padding: 0px; height: auto; width:88px; float: left; text-align: center; }.logo img{ width:100%;max-width:100%; height:auto; }
.logowen { margin-top: 0px; margin-left: 20px; padding: 0px; height: auto; line-height:94px; width:auto; float: left; text-align: left;font-family: 'microsoft yahei',Arial,SimSun,Verdana, 'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana; font-size: 43px; color:#000; font-weight:bold }

.langua { margin-top: 33px; margin-left: 0px; padding: 0px; height: auto; line-height:auto; width:auto; float: right; text-align: left;}

.langua a:link{margin:0; padding-right:10px;height: auto; line-height: auto; width:auto;float: left;font-family: 'microsoft yahei',Arial,SimSun,Verdana, 'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana; font-size:16px; color:#000; text-align:center;  font-weight:600  }




@media only screen and (max-width: 1013px){.logowen { font-size: 35px;  }}




.caidan { margin-top: 0px; margin-left: 0px; padding: 0px; height: auto; width: auto; float:right;  } .cxian { display:none; margin-top: 0px; margin-left: 0px; padding: 0px; height: 49px; width: 100%; float: left; text-align: right; } .fudong { display:none; position:fixed; right:0px;bottom:0px; z-index:999; padding: 0px; text-align: center; height: 47px; width: 100%; margin: 0px; background-color: #333 } .fudong a { float:left; padding: 0px; text-align: center; height: auto; width: 33.3333333%; margin: 0px 0px 1px 0px; }.fudong a img{ height: auto; width: auto; max-width: 100%; }.fudong a span{ display:none; position: absolute; right:47px;top:192px; z-index:9999999; text-align: center; height: 47px; line-height: 47px; width: auto; background-color:#FFCC66; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; font-family: 'microsoft yahei',Arial,SimSun,Verdana, 'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana; color:#fff; font-size: 16px;white-space:nowrap; }.fudong a:hover span{ display: block; }.fudong a div{ display:none; position: absolute; right:47px;top:240px; z-index:9999999; text-align: center; height: 47px; line-height: 47px; width: auto; background-color:#FFCC66; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; font-family: 'microsoft yahei',Arial,SimSun,Verdana, 'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana; color:#fff; font-size: 16px;white-space:nowrap; }.fudong a:hover div{ display: block; } 


@media only screen and (max-width: 1570px){.head { position:absolute; padding: 0px;left:5%; text-align: center; height: auto; width: 95%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .caidan { margin-top: 0px; margin-left: 0px; margin-right: 5%; padding: 0px; height: auto; width: auto; float:right;  }}

@media only screen and (max-width: 906px){ .caidan { margin-top: 0px; margin-left: 0px; margin-right: 0;padding: 0px; height: auto; width: 100%; float:left;  } 
.search2 {  font-size:14px;color:#000;
	text-align:center;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 50px;
	width:40px;
	float: right;

	
	background-image: url(/pic/search3.png);
	background-repeat: no-repeat;
	background-position: center center ;
}.search-container{ z-index:9999999999;position: absolute;right: 0;top: 50px;background:#ffffff;padding: 15px;box-sizing: border-box;width: 350px;display: none;}.fudong { display:block;}.home { display: block; } .language-box{position: relative;left: 0px;top:12px;background:#000000;display: none; z-index:99999999999; width:auto;float:right;} } @media only screen and (max-width: 906px){
	.head { display:none;position: relative; padding: 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; } .top { padding: 0px; text-align: center; height: auto; margin:0 auto; width: 100%;max-width: 945px; } .logo { margin: 10px 0; padding: 0px; height: auto; width:100%; float: left; text-align: center; }.logo img { height: auto; width:280px; } .top {padding: 0px; text-align: center; height: auto; width: 100%;max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }.logowen { margin-bottom: 20px; margin-top: 0px; margin-left: 0px; padding: 0px; height: auto; line-height:40px; width:100%; float: left; text-align: center;font-family: 'microsoft yahei',Arial,SimSun,Verdana, 'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana; font-size: 20px; color:#000; font-weight:bold }.langua { display:none} .cxian { display: block; } 
.daohang { background-color: #fff;position:fixed; z-index:9999; top:0px ; text-align: left; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-bottom: 0px solid #fff; } .daohang2 {background-color:#fff; padding: 0px; height: auto; max-width: 906px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: left;	}} #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { z-index: 999;height:107px; width: 100%; font-family: 'microsoft yahei',Arial,SimSun,Verdana, sans-serif; background: none; } #menu-line { position: absolute; top: 35px; left: 0; height: 40px; background:none; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } #cssmenu > ul > li { float: left; } #cssmenu.align-center > ul { font-size: 0; text-align: center; } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right > ul > li { float: right; } #cssmenu.align-right ul ul { text-align: right; }  #cssmenu > ul > li > a {line-height:107px; padding: 0 20px; font-family: 'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana; font-size: 18px; color: #333; text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #cssmenu > ul > li.active.has-sub > a::after{ color: #0591D8;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #0591D8;  } #cssmenu > ul > li.has-sub > a { padding-right: 30px; } #cssmenu > ul > li.has-sub > a::after { position: absolute; top: 0px; right: 15px; width: auto; height: 107px; line-height: 107px; border-bottom: 0px solid #000000; border-right: 0px solid #000000; content: "\f105";	font-size: 16px;transition: all 0.4s ease 0s; font-family: 'FontAwesome'; color:#333; } #cssmenu > ul > li.has-sub:hover > a::after {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #0591D8; } #cssmenu ul ul { position: absolute; left: -9999px; min-width:170px  } #cssmenu li:hover > ul { left: auto; } #cssmenu.align-right li:hover > ul { right: 0; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; } #cssmenu ul li:hover > ul > li { height: 45px; } #cssmenu ul ul li a { white-space:nowrap;text-align:left; padding: 0px 20px; width:auto; height: 45px; line-height:45px; font-size: 16px; background:#194391; text-decoration: none; color: #fff; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #0591D8; background-color: #E6E6E6 } #cssmenu ul ul li.has-sub > a::after { position: absolute; top: 0px; right: 5px; width: auto; height: 45px; line-height: 45px; border-bottom: 0px solid #dddddd; border-right:0px solid #dddddd; content: "\f105"; font-size: 16px; font-family: 'FontAwesome'; color:#fff;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #cssmenu ul ul li.has-sub:hover > a::after { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); color: #0591D8; } #cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 0px solid #dddddd; border-left: 0px solid #dddddd; } #cssmenu ul ul li.has-sub:hover > a::after { border-color: #099; } 



 @media all and (max-width: 906px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu { height:49px; width: 100%; background-color: #fff; } #cssmenu ul { background-image: url(/pic/bjs.png); background-repeat: repeat; background-position: center bottom;	height: calc(100% - 49px); height: -moz-calc(100% - 49px); height: -webkit-calc(100% - 49px); position:fixed; z-index:9999; top:49px ; overflow-y:auto; width: 100%; display: none;left:0px } #cssmenu ul li ul { position: relative; z-index:9999; overflow-y:visible; width: 100%; left:0px } #cssmenu ul ul { top:0px ; background: none; }#cssmenu > ul > li > a { padding: 0 10px; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #ffffff; background: none; } #cssmenu.align-center > ul, #cssmenu.align-right ul ul { text-align: left; } #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li { width: 100%; height: auto;background-color: none; border-top: 1px solid #fff; } #cssmenu ul li a{ width: 100%; height: 40px;line-height: 40px; } #cssmenu ul li a, #cssmenu ul ul li a {font-family: 'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana; font-size: 14px; width: 100%;color:#fff; } #cssmenu ul li a:hover { color: #fff;background-color: #FF6600; }#cssmenu > ul > li.active > a { color: #fff;background-color: #0591D8; } #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li { float: none; display: block; } #cssmenu ul ul li a { width: auto;height: 35px; line-height: 35px; padding: 0px 30px 0px 30px; font-size: 12px; color: #fff; background: none; } #cssmenu ul li:hover > a, #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #fff;background-color: #0591D8; } #cssmenu ul ul ul li a { padding-left: 40px; } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; } #menu-line { display: none; } #cssmenu #menu-button { display: block; padding-left: 10px; color: #fff; height:49px; line-height:49px; cursor: pointer; font-family: 'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana; font-size: 16px; text-transform: uppercase; } #cssmenu #menu-button::after { font-size:35px; font-family: 'FontAwesome'; content: ""; color:#fff;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; position: absolute; top: 0px; right: 20px; display: block; width: 49px; height: 49px;line-height:49px; background-image: url(/pic/menu.png); background-repeat: no-repeat; background-position: center middle;	text-align:center } #cssmenu #menu-button::before {display: block; content: ""; position: absolute; top: 0px; right: 20px; width: 0px; height: 0px; } #cssmenu #menu-button.button:after { font-size: 35px; background-image: url(/pic/menu2.png); background-repeat: no-repeat; background-position: center middle;	-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); font-family: 'FontAwesome'; content: " "; color: #fff; } #cssmenu .submenu-button { position: absolute; z-index: 9999998; right: 0; top: 0; display: block; border-left: 0px solid #CCC; height: 50px; width: 50px; cursor: pointer; } #cssmenu .submenu-button::after {	content: "\f105";	font-size: 20px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; font-family: 'FontAwesome'; color:#fff; position: absolute; top: 10px; right: 21px; display: block; width: 20px; height: 20px;line-height: 20px; background: none; z-index: 9999999; text-align:center } #cssmenu .submenu-button::before {content: "";	position: absolute; right: 21px; top: 10px; display: block; width: 0px; height: 0px; background: none; z-index: 9999999; } #cssmenu .submenu-button.submenu-opened:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #fff; } }  .lan{ text-align:left; float:left;width:100%; height:auto; margin-bottom:20px } .lan ul{ text-align:left; float:left;width:100%; } .lan ul li{ height: 40px;font-family:'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana;font-size:14px;line-height:40px;text-align:left; float:left;width:100%; border-bottom:1px #ddd solid; } .lan ul li a{height: 40px;font-family:'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana;font-size:14px;line-height:40px;text-align:left; float:left;width:100%; white-space:nowrap;display: inline-block;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;} .lan ul li a:hover{ color:#006DD9; text-decoration:underline } .sjj_nav{ text-align:left; float:left;width:96%;height: 100%;margin: 10px 2% 20px 2%; font-size:16px;line-height:auto;overflow:auto;overflow-x:hidden; -webkit-transition:top ease 0.35s; -moz-transition:top ease 0.35s; -ms-transition: top ease 0.35s; -o-transition: top ease 0.35s; transition: top ease 0.35s;} .nav_show{top:0px} .sjj_nav>ul>li:first-child{overflow:hidden;} .sjj_nav>ul>li:first-child>a{float:left;width: 100%;} .sjj_nav ul li a{font-family: 'microsoft yahei',Arial,SimSun,Verdana, 'microsoft yahei',Arial,SimSun,Verdana,SimSun,Verdana,'microsoft yahei',Arial,SimSun,Verdana;margin-left:10px;width:calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px);float:left;white-space:nowrap;display: inline-block;word-break: keep-all;overflow: hidden;text-overflow: ellipsis; } .sjj_nav ul li i{width:20px; text-align:center;float:left;padding-top:9px;border-left:0px #ddd solid;height:30px; cursor:pointer} .sjj_nav ul li i svg{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);-webkit-transition:all ease 0.35s; -moz-transition:all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s;} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{ float:left; width:calc(96% - 2px); width: -moz-calc(96% - 2px); width: -webkit-calc(96% - 2px); margin:10px 2% 0px 2%; position:relative; line-height:40px; height:auto;padding:0px 0px 0px 0px; border: 1px solid #E6E6E6; cursor:pointer; background-color: #fff; }.sjj_nav ul li:hover{ background-image: url(/pic/y35.png); background-repeat: no-repeat; background-position: left top; } .sjj_nav ul li ul li{	float:left; width:100% ;margin:0px 0px 0px 0px; background-color: #fff;  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #E6E6E6; border-right-color: #E6E6E6; border-bottom-color: #E6E6E6; border-left-color: #E6E6E6; } .sjj_nav ul li ul li:hover{ background-color: #fff;	background-image: none } .sjj_nav>ul >li:last-child{} .sjj_nav ul li ul{display:none; } .sjj_nav ul li ul{ margin:0px} .sjj_nav ul li ul li a{padding-left:10px;color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e;} .sjj_nav ul li>ul{margin-left:0px;} .sjj_nav ul li ul li>ul{margin-left:0px} .sjj_nav ul li .sp_nav_xjb::after {font-size:18px;font-family: 'FontAwesome','microsoft yahei',Arial,SimSun,Verdana; color:#666; content: '+'; position: absolute; right: 10px; top: 0; height: auto; -webkit-transition:all ease 0.35s; -moz-transition:all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; font-style:normal } .sjj_nav ul li .sjj_nav_i_se::after {font-size:28px;font-family:'FontAwesome', 'microsoft yahei',Arial,SimSun,Verdana; color: #666; content: '-'; position: absolute; right: 10px; top: 0; height: auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.sjj_nav ul li a{color:#666;font-size:16px; font-weight:500} .sjj_nav ul li a:hover{color: #FFF; text-decoration:underline} .sjj_nav ul li ul li a{color:#666;font-size:16px;font-weight:500} .sjj_nav ul li:hover a{color:#FFF; } .sjj_nav ul li:hover ul li a{color:#0585D0;text-decoration: none} .sjj_nav ul li ul li:hover a{color:#0585D0;text-decoration:underline}