html,body{ background-color:#fff; font-size:100%; font-family: 'Titillium Web', sans-serif; color:#666; margin:0px 0px; padding:0px 0px;width:100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
ul,li,ol,dl,dt,dd,label,form,image,h1,h2,h3,h4,h5,h6,a{ border:none; padding:0px 0px; margin:0px 0px; list-style:none;}
a{ text-decoration:none;}
.menubigbg{width:100%; background-color:rgba(60%,60%,60%,0.4);position:fixed; top:0px; right:-100%; z-index:10; height:100%; overflow:hidden;}
.smlogo{
	height:49px; border-bottom:1px dotted #7dc8d9;
	width: 70%;
	z-index: 15;
	position: fixed;
	background-color: rgba(25,67,140,0.9);
	right: -100%;
	background-image: url(/images/smlogo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.closebtn{ position:fixed; width:24px; top:5px; right:5px; padding:8px 8px; height:24px;
	display: none; cursor:pointer;
	background-image: url(/images/navbtn_close.png);
	background-repeat: no-repeat;
	background-position: center center; z-index:15;
}
.navbtn{ position:fixed; width:24px;top:30px; right:5px; padding:8px 8px; height:24px;
	display: none; cursor:pointer;
	background-image: url(/images/navbtn_menu.png);
	background-repeat: no-repeat;
	background-position: center center;z-index:14;
}
.classnutop{ width:100%; background-color:#fff;  height:130px; position:fixed; z-index:12; top:0px; left:0px;}
.top_bar{ background-color:#011434; height:50px;}
.top_bar_c{max-width:1200px; margin:0px auto; line-height:50px; position:relative;}
.top_bar_c li{ float:left; background-repeat:no-repeat; background-position:0px 17px; color:#fff; padding-left:25px;}
.top_bar_c li.tel{background-image: url(/images/tel.png);}
.top_bar_c li.email{background-image: url(/images/email.png); margin-left:20px;}
.top_bar_c li.lan{position:absolute; top:0px; right:0px;background-image: url(/images/lanb.png);}
.top_bar_c li a{ color:#fff;}

.nuhead{ max-width:1200px; margin:0px auto;}
.nuhead:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
.logo{
	float: left; width:108px;
	height: 70px; padding:5px 0px;
	max-width: 200px;
}
.logo h1{ font-size:1.8em; height:70px;width:100%;}
.logo a{ display:block; color:#1a458f;width:100%;height:100%;background-image: url(/images/logo.png);
	background-repeat: no-repeat;
	background-position: left center; font-weight:bold;background-size:contain; }
.logo a span{ font-weight:lighter; font-size:0.5em; color:#555; display:block; margin-top:-5px;}
ul.nav{ float:right; margin-top:25px; font-size:1.2em;}
ul.nav li{ display:inline;position:relative;}
ul.nav li a.big{
	background-image: url(/images/dsjico.png);
	background-repeat: no-repeat;
	background-position: right center;
}
ul.nav li a.navhover{background-image: url(/images/dsjicoup.png);}
ul.nav li a{ color:#333; padding:10px 12px 10px 15px;}
ul.nav li a:hover{ text-decoration:none;}
ul.nav li dl{ display:none; position:absolute; top:25px; left:-50%; width:200%;background-color:rgba(100%,100%,100%,1); font-size:0.9em; padding:10px 0px;}
ul.nav li dl a{ color:#1a458f; padding:0px 0px; display:block; text-decoration:none;}
ul.nav li dl dt{ font-weight:bold; position:relative; padding:5px 10px; line-height:20px;}
ul.nav li dl dt.big a{background-image: url(/images/yjbtm.png);
	background-repeat: no-repeat;
	background-position: right 5px; padding-right:20px;}
ul.nav li dl dt.big a.up{background-image: url(/images/slr.png);}
ul.nav li dl ol{ font-size:0.8em; font-weight:normal;}
ul.nav li dl dt.big ol a{ background-image:none; padding-right:5px;}
ul.nav li dl dt.big ol{ display:none; width:120%; position:absolute; top:0px;left:100%;background-color:rgba(25,67,140,1); padding:10px 0px;}
ul.nav li dl dt.big ol li{ display:block; padding:5px 15px;}
ul.nav li dl dt:hover{ background-color:#1a458f;}
ul.nav li dl dt:hover a{ color:#fff;}

.footerwarp{ width:100%; clear:both; font-size:0.95em; font-weight:400;margin-top:20px; padding:15px 0px; background-color:#f7f7f7;}
.footerwarp a{ color:#1a458f;}
.footerwarp a:hover{ color:#666; text-decoration:underline;}
.footnav{ max-width:1200px; margin:0px auto; padding-bottom:25px;}
.footnav:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
dl.link{ width:25%; float:left; margin:0px 2.5%;}
dl.link dd{padding-top:10px;}
dl.link dt{ padding-bottom:30px;padding-top:10px;
	font-size: 2.2em;
	color: #1a458f;
	background-image: url(/images/tit_bg_b.png);
	background-repeat: no-repeat;
	background-position: left 55px;
}
dl.company{ width:35%; float:left; margin:0px 2.5%;}
dl.company dt{font-size:2.2em; font-weight:700; color:#666;padding-bottom:30px;	background-image: url(/images/logo.png);
	background-repeat: no-repeat; background-size:contain;
	background-position: left 0px; padding-left:75px; padding-top:10px;}
dl.company dt strong{color:#1a458f;}
dl.company dd{ background-repeat:no-repeat; background-position:left 12px; padding-left:25px; padding-top:10px;}
dl.company dd.add{background-image: url(/images/add.png);}
dl.company dd.email{background-image: url(/images/email.png);}
dl.company dd.tel{background-image: url(/images/tel.png);}
.copyright{max-width:1200px;margin:0px auto; clear:both; text-align:center; color:#666; padding:25px 0px; border-top:1px solid #ccc;}

@media (max-width:980px)
{.classnutop{ height:70px;}
.top_bar{ height:0px;}
.top_bar_c li.tel,.top_bar_c li.email{ display:none;}
.top_bar_c li.lan{}
.top_bar_c li.lan a{ color:#1a458f;}
ul.nav{position:fixed; right:-100%; padding-top:70px; margin-top:0px; top:0px; width:70%; height:100%; background-color: rgba(255,255,255,1);  z-index:11; font-size:1em;}
.navbtn{ display:block;}
.logo{ height:50px;}
.logo a{ padding:0px 0px 0px 0px;}
.logo h1{ height:50px;}
ul.nav li a{display:block; padding:0px 0px 0px 20px;}
ul.nav li a:hover{ text-decoration:none;}
ul.nav li a.big{
	background-position: 5px center;
}
ul.nav li dl dt.big a{background-image: url(/images/dsjico.png); background-position:right 15px;}
ul.nav li dl dt.big a.up{background-image: url(/images/dsjicoup.png);}
ul.nav li dl dt.big ol{ position:static; width:100%; padding:0px 0px; background-color:transparent;}
ul.nav li{ display:block; border-bottom:1px dotted #ccc; font-weight:lighter; padding:10px 0px; position:static;}
ul.nav li dl{ position:static; background-color:transparent; width:100%; padding:0px 0px;}
ul.nav li dl a{ color:#333; display:block; padding:6px 0px 6px 25px;}
ul.nav li dl dt:hover{ background-color:transparent;}
ul.nav li dl dt:hover a{ color:#333;}
}
@media (max-width:800px)
{dl.link{ width:42%; margin:0px 4%;}
	dl.company{ width:92%; margin:20px 4%;}
	dl.company dt{ font-size:1.6em;}
}
@media (max-width:800px)
{dl.link{ width:92%; margin:0px 4%;}}