@charset "utf-8";

body { behavior:url("/csshover3.htc"); }

html { color:#000; background:#fff; }

/* 内外边距通常让各个浏览器样式的表现位置不同 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,span, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr,.clear { margin:0; padding:0; }

a img { border:none; }

/* 要注意表单元素并不继续父级 font 的问题 */

body, button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; }

body { font-family: "microsoft yahei",'SimSun',sans-serif}

input, select, textarea { font-size:100%; }

/* 去掉各Table cell 的边距并让其边重合 */

table { border-collapse:collapse; border-spacing:0; }

/* IE bug fixed: th 不继续 text-align*/

th { text-align:inherit; }

/* 去除默认边框 */

fieldset, img, a img { border:0; }

/* 去掉列表前的标识, li 会继承 */

ol, ul { list-style:none; }

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th { text-align:left; }

/* 来自yahoo, 让标题都自定义 */

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:500; }

/* 默认显示下划线，保持页面简洁 */

ins, a { text-decoration:none; }

/* 让链接在 hover 状态下显示下划线 */

a:hover { text-decoration:none; color:#FE700C }

/* 清理浮动 */

/* 设置内联, 减少浮动带来的bug */

.fn-left, .fn-right { display:inline; }

.fn-left { float:left; }

.fn-right { float:right; }

html { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif }

b { color:#666; }


body { margin:0 auto; width:100%; min-width:320px; padding:0;  }

a { text-decoration:none; color:#666 }

a:hover { text-decoration:none; }

.clear { clear:both; }

.clearight { clear:right; }

.clearleft { clear:left; }


/*head部分*/
.head {  width:100%;}
.head .head_title { width:100%;background:#F9F9F9; padding:7px 0; border-bottom:1px solid #f0f0f0; position:relative;}
.head .head_title p {  font-size:12px; color:#7e7e7e;}
.head .head_title p span { }
.head_title_width { width:100%; max-width:1024px; margin:0 auto;}
.head_title_width .welcome { float:left; }
.head_title_width .welcome font { font-size:12px; color:#7e7e7e;}
.head_title_width .link { float:right; position:relative;}
.head_title_width .link div { float:left; margin-left: 10px; padding-right: 10px; border-right: 1px solid #ccc;}
.head_title_width .link div p { cursor:pointer;}
.head_title_width .link div p img { margin-left:10px; float:left;}
.head_title_width .link div p span { margin-left:10px;}
.head_title_width .link div p .flag { margin:2px 10px 0 0; }
.head_title_width div ul { display:none; position:absolute; top:26px; left:0; background:#fff; z-index:99; width:247px;  border:1px solid #f0f0f0;}
.head_title_width div ul li { margin:10px; float:left}
.head_title_width div .lan { border-right: none;  }

.headin { width:100%; max-width:1024px; margin:0 auto; position:relative; z-index:1;}
.headin img { float:left; margin-top:19px;}
.headin .words { float:left; margin-top:34px; margin-left:10px;}
.headin .words h1 {  font-size:15px; font-weight:bold; color:#adadad;}
.headin .words span {  font-size:13px; color:#adadad;}
.headin .navul { float:right; position:relative;}
.headin .navul .nav_bg {width:90px; height:104px; position:absolute; z-index:-1; left:0;}
.headin .navul .navli{ float:left; height:105px; width:90px; font-size:14px; font-weight: bold; color:#414651; line-height:105px; text-align:center; cursor:pointer; }
.headin .navul .navli a{color:#414651;}
.headin .navul .navli a:hover{color:#414651;}
.headin .nav_img { display:none;}

.proserlist { width:100%; background:#005E98; position:absolute; z-index:999 !important; top:137px; display:none;}
.proserlist p { color: #fff;}
.proserlist a { color: #fff;}
.proserlist .pro_ul { margin:35px auto 0 auto; width: 1024px; padding-bottom: 50px; position: relative; }
.sanjiao { position: absolute; left: 700px; top: -35px;}
.proserlist .pro_ul .ps { float:left; font-size:12px; height:12px; line-height:12px; text-align:left; margin-left: 22px; height: 350px;}
.proserlist .pro_ul .ps .bt { margin-top: 40px; font-size: 23px;}
.proserlist .pro_ul li h2 { font-size:23px; font-weight:bold; color:#fff; margin-bottom:30px;}
.proserlist .pro_ul li h1 { font-size:14px; font-weight:bold; color:#fff; margin-bottom:20px;}
.proserlist .pro_ul .ps1 { border-right:1px solid #ccc; padding-right: 50px; margin-left: 0; height: 240px;}
.proserlist .pro_ul .ps1 ul li { font-size:14px; font-weight:bold; margin-bottom:10px;}
.proserlist .pro_ul li ul li { margin:15px 0;}
.proserlist .pro_div { width: 100%; background: #1a2d5c;}
.proserlist .pro_div_con { width: 1024px; margin: 0 auto; padding:20px 0; }
.proserlist .pro_div_con h2 { font-size:17px; font-weight:bold; color:#fff; float: left; line-height: 70px; margin-right: 30px;}
.proserlist .pro_div .pro_div_txt { float: left; width: 900px;}
.proserlist .pro_div .pro_div_txt h1 { font-size:14px; font-weight:bold; color: #fff; margin-top: 10px;}
.proserlist .pro_div .pro_div_txt p { margin-top: 10px;}

.soulist { width:100%; background:#274280; position:absolute; z-index:999 !important; top:137px; display:none;}
.soulist p { color: #fff;}
.soulist a { color: #fff;}
.soulist .sou_ul { margin:35px auto 0 auto; width: 1024px; padding-bottom: 50px; position: relative; }
.sanjiao_s { position: absolute; left: 790px; top: -35px;}
.soulist .sou_ul .so { float:left; font-size:12px; height:12px; line-height:12px; text-align:left; margin-left: 33px; height: 280px;}
.soulist .sou_ul .so .bt { margin-top: 40px; font-size: 23px;}
.soulist .sou_ul li h2 { font-size:23px; font-weight:bold; color:#fff; margin-bottom:30px;}
.soulist .sou_ul li h1 { font-size:14px; font-weight:bold; color:#fff; margin-bottom:20px;}
.soulist .sou_ul .so1 { border-right:1px solid #ccc; padding-right: 50px; margin-left: 0; height: 220px;}
.soulist .sou_ul .so1 ul li { font-size:14px; font-weight:bold; margin-bottom:10px;}
.soulist .sou_ul li ul li { margin:15px 0;}
.soulist .sou_div { width: 100%; background: #1a2d5c;}
.soulist .sou_div_con { width: 1024px; margin: 0 auto; padding:20px 0; }
.soulist .sou_div_con h2 { font-size:17px; font-weight:bold; color:#fff; float: left; line-height: 70px; margin-right: 30px;}
.soulist .sou_div .sou_div_txt { float: left; width: 850px;}
.soulist .sou_div .sou_div_txt h1 { font-size:14px; font-weight:bold; color: #fff; margin-top: 10px;}
.soulist .sou_div .sou_div_txt p { margin-top: 10px;}

.dpbmore a{ color:#ff9000; }
/*foot*/
.foot {  width:100%;  padding:10px 0;}
.foot .footin {  width:100%; max-width:1024px; margin:0 auto;}
.foot .footin a { color:#697080;}
.foot .footin p { font-size:12px; color:#697080; margin-bottom:3px; text-align:center;}
.foot .footin p img { margin-top:10px;}

.flink { cursor: pointer;}
.flinks { display: none;}
.flinks a { margin-right: 10px;}

.fix { position:fixed; top:50%; right:20px; display:none;}
.fix ul li { margin-bottom: 5px;}

@media screen and (max-width:1024px){
	.head_title_width { width:94%;}
	.foot .footin {  width:94%; }
	}
@media screen and (max-width:965px){
	.headin { width:94%;}
	.headin .navul .nav_bg{ display:none;}	
	.headin .navul { width:380px; height:105px;}
	.headin .navul .navli{ height:20px; line-height:20px; margin-top:20px; text-align:left;}
	}			
@media screen and (max-width:930px){
	.about_us { display:none;}
	.link_us { display:none;}
	}	
@media screen and (max-width:785px){
    .headin .navul { display:none;}
	.headin { padding-bottom:20px;}
	.headin .navul { width:100%; height:auto;}
	.headin .navul .navli{ height:20px; line-height:20px; margin-top:10px; padding-bottom:10px; text-align:left; width:100%; border-bottom:1px solid #000;}
	.headin .nav_img { display:block; cursor:pointer; margin-top:50px; float:right;}
	}	
@media screen and (max-width:765px){
	.head_title_width .welcome font{ display:none;}
	}	
@media screen and (max-width:400px){
	.headin .words span{ display:none;}
	.headin .words h1 { margin-top:10px;}
	}