@charset "utf-8";
body{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; padding:0; background:url(../images/bg1.jpg)}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0}
img{ border:0}
ul, li{margin:0px; padding:0px; list-style:none}
h2{font-size:13px; margin:0; padding:0}
h4{font-size:14px; color:#666; text-align:left;  margin:10px 0px 0px 10px}
#clear{clear:both; height:5px}
.clr{ clear:both}
.grayfont{color:#999}
.redfont{color:#c00}
.april{ font-family:Arial, Helvetica, sans-serif;}
.yellow{ color:#F60}
ul, li{margin:0px; padding:0px; list-style:none}
a.white:link{color:#fff; text-decoration:none}
a.white:hover{color:#f60; text-decoration:none}
a.white:active{color:#fff; text-decoration:none}
a.white:visited{color:#fff; text-decoration:none}
.white a:visited{color:#fff; text-decoration:none}
a{ text-decoration:none;color:#2c2d2c;}
a:hover{ text-decoration:underline;}
a.blue:link{color:#333;text-decoration:none}
a.blue:hover{color:#FFA51A;  text-decoration:none}
a.blue:active{color:#004586;  text-decoration:none}
a.blue:visited{color:#004586;  text-decoration:none}
a.blue1:link{color:#0098F8;text-decoration:none}
a.blue1:hover{color:#FFA51A;  text-decoration:none}
a.blue1:active{color:#004586;  text-decoration:none}
a.blue1:visited{color:#004586;  text-decoration:none}
#ding_bg,#top_bg,#content_bg,#sy_x,#sypro_bg,#bottom_bg{ width:100%; margin:0 auto; overflow:hidden;}
#ding,#top,#content,#banner,#sy_pro,#bottom,#sub_con{margin:0 auto; width:1000px; overflow:hidden}
#ding_bg{ background:url(../images/top_lbg.jpg) repeat-x}
#ding{ background:url(../images/top_l.jpg) no-repeat; height:19px;}
#top_bg{ background: url(../images/top_Bg.jpg) repeat-x; height:93px;}
 #top{}
#top{ height:80px;}
#top h1 {font-size:28px;}
.logo{ float:left; text-indent:-9999px;}
.logo a:link, .logo a:visited, .logo a:hover{ width:300px; height:64px; margin-top:12px; background: url(../images/logo.jpg) no-repeat 0 0; display:block;}
.top_left{ float:left; width:300px; }
.top_right{ float:left;width:660px; left:330px; }
.top_right2{ float:right; background:url(../images/cn.jpg) no-repeat ; width:24px; height:53px; }
.top_right2 a{ display:block; width:100%; height:100%}
.nav {POSITION: relative;FLOAT: right; HEIGHT: 80px; text-transform:uppercase}
.nav .icon{ text-align:right;}
.nav ul{ padding-top:5px}
.nav LI { float:left;padding:0 10px; font-size:15px; TEXT-ALIGN:center;}

.nav LI:hover {text-shadow: 0 0 1px #CCC}


#content_bg{ background:url(../images/bg.jpg) repeat-x}

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1000px; height:286px; margin:20px auto; margin-bottom:0; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:128px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:128px; right:10px; z-index:10;}
#playBox .smalltitle {width:1000px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

#banner{ background:url(../images/banner.jpg) no-repeat; height:286px; margin-top:20px;}
#banner_dh{margin:5px auto; padding:10px 0; /*background-color:#ffffff;*/ width:1000px; overflow:hidden; line-height:30px;}
#banner_dh .bt{color:#F60; font-size:20px; float:left; margin-right:20px; width:0px;}
#banner_dh li{ background:url(readmore.jpg) no-repeat left;float:left; width:24%; margin-right:0.5%;margin-left:0.5%; padding-left:18px;-webkit-box-sizing: border-box;box-sizing: border-box;}
#banner_dh li a{ background:none; font-size:16px;padding:0}
#content{  padding-bottom:15px;}
#sy_left{ width:285px; float:left;}
#sy_left p{ width:100%; overflow:hidden;}
#sy_left h3{ font-size:18px; height:38px; line-height:38px; font-weight:lighter; background:url(../images/h3_bg.jpg) repeat-x left bottom; padding-bottom:8px}
#sy_left img{ background:#fff; margin:15px 0px 10px 0; overflow:hidden}

#sy_new{ width:285px; float:left; left:285px; margin-left:30px!important;margin-left:0px;}
#sy_new h3{ font-size:18px; height:38px; line-height:38px; font-weight:lighter; background:url(../images/h3_bg.jpg) repeat-x left bottom; padding-bottom:8px; margin-bottom:15px;}

#sy_new li{ line-height:28px; background:url(../images/list.jpg) no-repeat left center; padding-left:18px;}

.sy_new a{ color:#333; background:url(../images/ico01.jpg) no-repeat left center; padding-left:15px;}
.sy_new a:hover{color:#f59a01;}
.sy_new span{ color:#999; display:block;}
a.readmore{ color:#014A97; font-size:10px;background: url(../images/readmore.jpg) right center no-repeat; padding-right:20px;}

#sy_scx{ width:363px; float:right;}
#sy_scx h3{ font-size:18px; height:38px; line-height:38px; font-weight:lighter; background:url(../images/h3_bg.jpg) repeat-x left bottom; padding-bottom:8px}
#sy_scx ul{ }
#sy_scx li{ padding-top:20px;overflow:hidden; width:100%; }
#sy_scx li img{ float:left; padding:2px; border:#ccc 1px solid; width:100px; height:75px; margin-top:3px;}
#sy_scx li span{ float:right; width:250px;}
#sy_scx li span h2{ font-size:12px;}
#sy_scx p{ float:right; width:80%; line-height:30px; text-align:right; font-size:16px;}
#sy_x{ background:url(../images/h3_bg.jpg) repeat-x; height:7px;}
#sypro_bg{ background:#FFF}
#sy_pro h3 { font-size:18px; color:#003F84; height:30px; line-height:30px; margin-top:5px; font-weight:lighter}
#sy_pro li{ float:left; width:20%; margin:10px 0;} 

#sy_pro li img{ width:178px; height:133px;float: left;padding: 3px;border: #ccc 1px solid;}

#demo {overflow:hidden;width: 1000px; height:133px; margin:0 auto}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

#bottom_bg{ background:#014188 url(../images/bottom_bg.jpg) repeat-x;height:130px; margin-top:20px;}
#bottom{  text-align:center; color:#fff; padding-top:20px;}

#bottom a{ float:left; padding:0 20px; background:url(../images/bottom-x.jpg) no-repeat right center;}
#bottom p{ width:90%; overflow:hidden;padding-top:5px; line-height:26px; text-align:left; padding-left:20px;  }
#bottom span{ width:150px; float:right;}


/*-----------------------------------------------------------------------------------*

/* = Comments

/*-----------------------------------------------------------------------------------*/

#comments {

	padding: 20px;

	background: #FFF;

	border-top: 2px solid #DDD;

	text-align: center;

}

#commentsbox { margin-top: 30px }

#commentsbox ol,

#commentsbox ul {

    list-style: none;

    margin-left: 0 !important;

}

#commentsbox li { margin-bottom: 30px }

.children {

    list-style: none;

    margin: 30px 0 0;

    text-indent: 0;

}

.children li.depth-2 { margin: 0 0 0px 50px }

.children li.depth-3 { margin: 0 0 0px 50px }

.children li.depth-4 { margin: 0 0 0px 50px }

.children li.depth-5 { margin: 0 0 0px 50px }

.comment-body {

    background: #FFF;

    position: relative;

	padding: 20px;

	background: #FFF;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	position: relative;
	border-top:#0099CC 1px solid;

}

#commentsbox .avatar {

	float: left;

	margin-right: 30px;

}

.comment-author {

    font-size: 14px;

    color: #000;

    line-height: 1em;

	margin-bottom: 5px;

}

.says { display: none }

.comment-meta{

	font-size: 10px;

}

.comment-meta a {

    margin-bottom: 10px;

    font-style: italic;

    color: #666;

}

.comment-reply-link {

	float:right;

	margin-top:-20px;

}

.comment-reply-link:hover{

}

.cancel-comment-reply a {

    color: #F00;

    line-height: 20px;

    height: 20px;

}

.cancel-comment-reply a:hover{

	text-decoration: underline;

}



#respond {

	margin: 40px 0 15px;

	padding: 20px;

	background: #FFF;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	position: relative;
	border-top:#0099CC 1px solid;

}

/*#comments-respond {

    margin: 0 0 10px;

	padding-bottom: 5px;

	border-bottom: 1px dashed #CCC;

    clear: both;

}

#commentform label {

    display: block;

    font-size: 11px;

}*/

#commentform input {

    margin-bottom: 10px;

    width: 30%;

}

#commentform textarea {

    margin-top: 10px;

    display: block;

    width: 96%;

}

#commentform input#Name,

#commentform input#Email,

#commentform input#Topic,

#commentform textarea {

    background: #e8e8e8;

    position: relative;

    padding: 5px;

    border: 1px solid #E3E3E3;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

	text-shadow: 1px 1px 1px #FFF;

}

#commentform input#author:focus,

#commentform input#email:focus,

#commentform input#url:focus,

#commentform textarea:focus {

	background: #F2F2F2;

}

#commentSubmit {

	cursor: pointer;

	font-size: 12px;

	color: #969696;

	padding: 5px 0px;

	width: 100px !important;

	background: -moz-linear-gradient( top, #f2f2f2 0%, #dbdbdb);

	background: -webkit-gradient( linear, left top, left bottom,  from(#f2f2f2), to(#dbdbdb));

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border: 1px solid #CCC;

}

#commentSubmit:hover { background: #EEE !important }

#commentSubmit {

	border: 1px solid #6587a2;

   background: #799db9;

   background: -webkit-gradient(linear, left top, left bottom, from(#92b1c8), to(#799db9));

   background: -webkit-linear-gradient(top, #92b1c8, #799db9);

   background: -moz-linear-gradient(top, #92b1c8, #799db9);

   background: -ms-linear-gradient(top, #92b1c8, #799db9);

   background: -o-linear-gradient(top, #92b1c8, #799db9);

   padding: 8px 16px;

   -webkit-border-radius: 4px;

   -moz-border-radius: 4px;

   border-radius: 4px;

   text-shadow: rgba(0,0,0,.4) 0 1px 0;

   color: #FFF;

   text-decoration: none;

   vertical-align: middle;

}

#commentSubmit:hover {

   border-top-color: #799db9 !important;

   background: #799db9 !important;

   color: #ffffff;

}

#commentSubmit:active {

   border-top-color: #7094b1 !important;

   background: #7094b1 !important;

}



.cxxl a { height:32px; line-height: 32px;text-align: center; display: inline-block; float: left; margin: 10px 10px 5px 0px; font-size:14px;  padding:0 10px; color: #fff; font-weight:bold; }

.cxxl a:hover { color: #fc0; }

.chanpin_con p{ padding-top:10px; color:#666; line-height:26PX;}
.chanpin_con h3{ color:Red; margin-top:10px;}

/*-----------------------------------------------------------------------------------*