@charset "utf-8";
/**
 * CSS格式化
 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td{margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
button, input, select, textarea{ font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;outline:none}
img{display:block;margin:0;border:0; border:none;}
body{font-family:"微软雅黑";color:#333333;}
address, cite, dfn, em, var{font-style: normal; } 
code, kbd, pre, samp, tt{font-family: "Courier New", Courier, monospace; } 
small {font-size: 12px;} 	/* 小于 12px 的中文很难阅读，让 small 正常化 */
ul{list-style: none; }
q:before, q:after{content: ''; }
legend{color: #000; }
fieldset, img{border: none; }
button, input, select, textarea{font-size: 100%;}	/* 注：optgroup 无法扶正 */
table{border-collapse: collapse; border-spacing: 0;}	/* 重置表格元素 */
hr{border: none; height: 1px;}	/* 重置 hr */
/* 重置文本格式元素 */
a{text-decoration:none; color:inherit;}
a:hover{color:#00aff1;}


/**
 * 公共类
 */
/* 清理浮动 */
.cl{clear:both;}
.clearfix { zoom:1; }

/* 浮动居中 */
.fl{float:left;}
.fr{float:right;}

/* 间距填充 10 像素*/ 
.m0{ margin:0;}
.ma{margin:0 auto;}
.m{margin:10px;}
.mt{margin-top:10px;}
.mr{margin-right:10px;}
.mb{margin-bottom:10px;}
.ml{margin-left:10px;}
.p{padding:10px;}
.pt{padding-top:10px;}
.pr{padding-right:10px;}
.pb{padding-bottom:10px;}
.pl{padding-left:10px;}

/* 块控制 */
.show{display:block;}
.hide{display:none;}
.noshow{visibility:hidden;}
.ishow{visibility:visible;}
.inshow{display:inline-block;}

/* 定位 */
.pa{position:absolute;}
.pr{position:relative;}
.pf{position:fixed;}
.ps{position:static;}

/*头部*/
#top { width:100%; height:140px; background-color:#fff;}
#topBg{ width:1200px; height:140px; margin:0px auto;background:#fff; }
#logo { width:140px; height:140px; float:left;}
#top-pic {width:226px; height:31px;float: right; margin-top:50px;}
#searchForm{
				
				
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
				position:relative;
				display: inline-block;
				zoom: 1; 
				*display: inline;
				
			}


/*导航*/
.navBg{min-width:1200px;height:60px;background-color: #003466}
.navBg .nav{width:1200px;height:60px;margin:0 auto;}
.navBg .nav .navBox{margin-left: 200px;}
.navBg .nav .navBox ul li{float:left;padding-left:15px;padding-right:15px;}
.navBg .nav .navBox ul li a{color:#fff;font-size:16px;line-height: 60px;}
.navBg .nav .navBox ul li a:hover{color:#999999;}

/*banner*/
.banner{width:1200px;height:240px;margin:0 auto;}

/*add*/
.intrdct{width:100%;display: table;text-align: left;}
.intrdct .add1{width:100%;display: table;margin:0 auto;background-color: #fff}
.intrdct .add2{min-width:1200px;max-width:750px;display: table;margin:0 auto;}
.intrdct .add1 .addTitle{
       font-family: 'Alegreya Sans SC', sans-serif;
    height: 100px;
    font-size: 52px;
    color: #111;
    font-weight: bold;
    padding: 50px 0px 0px 0px;
    text-align: center;
}
.intrdct .add2 .addTitle2{    font-family: 'Alegreya Sans SC', sans-serif;
    height: 80px;
    font-size: 52px;
    color: #fff;
    font-weight: bold;
    padding: 40px 0px 0px 0px;
    text-align: center;
    text-shadow: 0px 0px 5px #000;
    text-align: right;}

.intrdct .add1 .addCnt{
	color: #888;
    padding: 0px 200px 40px 200px;
   
    text-align: center !important;
}

.intrdct {background:url(../img/111.jpg) ;background-attachment:fixed;}
.intrdct .add2 .addCnt2{
	display: table;
	color: #fff;
    padding: 0px 0px 40px 350px;
    text-shadow: 0px 0px 2px #000;
    text-align: right;
}
.intrdct .add1 .addCnt p{
    margin:0 auto;
    line-height: 30px;
   width:1200px;
    font-size: 14px;
text-align: left;
color:#333;
}
.intrdct .add2 .addCnt2 p{
	padding: 0px 0px 5px 0px;
    margin: 0px;
    line-height: 30px;
    color: #fff;
    text-shadow: 0px 0px 2px #000;
    font-size: 14px;
}
@media screen and (min-width: 960px){
	.intrdct .add1 .addCnt{padding: 0px 10px 40px 10px;}
}

/*content*/
.content{width:1200px;height:auto;margin:0 auto;margin-top:45px;}
.content h1{color:#003466;font-size:24px;}
.content p{font-size:12px;padding-top:25px;color:#333333;}

.tab{width:1200px;margin:0 auto;height:auto;margin-top: 45px;padding-right:10px;padding-left: 10px}

.tab .tab1{width:346px;height:auto;float:left;    box-shadow: #aaa 0px 0px 2px;
}
.tab1 p ,.tab2 p,.tab3 p{
    color: #333;
    padding: 0px;
    margin: 10px 0px 10px 15px;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    height: 30px;
    overflow: hidden;
}
.tab1 span ,.tab2 span,.tab3 span{
	color: #333;
    display: block;
    line-height: 20px;
    padding: 15px 15px 15px 15px;
    height: 120px;
    overflow: hidden;
    font-size: 14px;
}

.tab1 pre ,.tab2 pre,.tab3 pre{
    padding: 0px 30px 0px 30px;
    display: table;
    color: #fff ;
    background-color: #003366;
    text-decoration: none;
    line-height: 30px;
    border: 0px;
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    float: left;
    margin: 0px 0px 0px -10px;}

.TestStyle3 {
       box-shadow: #aaa 0px 0px 2px;}

.tab a:hover{box-shadow: #111 0px 0px 4px;}
.tab .tab2,.tab .tab3{width:346px;height:auto;float:left; box-shadow: #aaa 0px 0px 2px;margin-left:80px;}

.tab .tab3{float:right;}


/*gallery*/
.gallery{width:1200px;height:60px;border-bottom:#003466 2px solid;margin:0 auto;margin-top:25px;}
.gallery h1{color:#003466;font-size: 26px;line-height: 60px;font-weight:bold;padding-left: 20px;padding-right: 20px;}


/*pro*/
.ryzz {width: 100%;margin: 0 auto;margin-top: 35px;}
#demo {overflow:hidden;width:1200px;margin:0 auto;}

#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo2 {float:left;}
.ryzz_box li{float:left;margin-left: 10px;}
.ryzz_box span{font-size:14px;}

.tCnt{width:1200px;height:auto;margin: 0 auto}
.tCnt p{text-align: center;font-size: 18px;color:#333333;line-height: 30px;}

/*footer*/
.footerBg{width:100%;height:auto;background:#003366;margin-top: 45px;}
.footerBg .footerTop{width:1200px;height:50px;background:#003366;margin: 0 auto}
.footerBg .footerTop .fLeft{height:auto;float:left;padding-top: 10px;padding-left: 155px;}
.footerBg .footerTop .fLeft ul li {font-size: 12px;color:#fff;line-height:30px;float:left;padding-left:60px;}


.footerBg .footerTop .fRight{width:300px;height:120px;float:right;padding-top: 30px;padding-right: 155px;}
.footerBg .footerTop .fRight ul li {font-size: 12px;color:#fff;line-height: 30px;}



.footerBg .footerBottomBg{width:100%;height:55px;background:#003457;}
.footerBg .footerBottom{width:1200px;height:55px;background:#003457;margin: 0 auto}
.footerBg .footerBottomBg .footerBottom p{font-size: 12px;color:#fff;padding-top:10px;line-height: 20px;}