@charset "utf-8";
/* CSS Document */
.clearfix:after{  content: "020"; display: block; height: 0; clear: both;  visibility: hidden; }
.clearfix { /* 触发 hasLayout */ zoom: 1; }

.fr{ float:right;}
.fl{ float:left;}

:focus{ outline:none;}

.wrapper{ width:1200px; margin:0 auto;}
.bannerx{ height:200px; background:url(../img/bannerx.jpg) no-repeat center 0px;-webkit-animation: inbanner 1s ease; animation: inbanner 1s ease; }
@-webkit-keyframes inbanner {
	0% { background-position: center -20px; }
	100% { background-position: center 0; }
}
@keyframes inbanner {
	0% { background-position: center -20px; }
	100% { background-position: center 0; }
}
.contentbg{ background:url(../img/contentbg.jpg) no-repeat top center; background-attachment:fixed;}
.content{ background:#fff; position:relative; top:-80px; padding:20px; min-height:620px;}
.content .leftside{ width:240px;  float:left;}
.content #newbox_new{ width:240px;}
.content .leftside h3{ color:#fff; font-weight:normal; padding:30px 20px 20px; text-align:center; background:url(../img/lefttop.jpg) #dc0008 no-repeat right top;}
.content .leftside .cn{ font-size:24px;}
.content .leftside .en{ font-size:12px; text-transform:uppercase;}
.content .leftside .sidenavul{ background-color:#f1f1f1; padding:0px 20px 20px; position: relative; z-index: 0;}
.content .sidenavul li{ text-indent:50px; padding:10px 0px; border-bottom:1px solid #ccc;/* background:url(../img/ciono.gif) no-repeat 40px center;*/ font-weight:bold; font-family:microsoft yahei; font-size:14px;}
.content .sidenavul li a{ color:#576b7c; display:block;position: relative;}
.content .sidenavul li.onsss a, .content .sidenavul li a:hover { color: #da1c06; text-decoration: none; }
.content .sidenavul li.onsss li a{ color:#666666;}
.content .sidenavul li.onsss li a.on{ color:#da1c06;}
.content .sidenavul li a em { display: block; position: absolute; top: 50%; left: -1px; margin-top: -6px; width: 0; height: 0; border: 6px solid transparent; border-left-color: #000e9b; }

#lanPos{ width: 100%; height: 42px; line-height:42px; background: #fff; border-left: 5px solid #da1c06; position: absolute; right:-5px; top: 0; z-index: -1; transition: top .2s;}
#lanPos em{  display: block; position: absolute; top: 50%; left: -1px; margin-top:-6px; width: 0; height: 0; border:6px solid transparent; border-left-color: #da1c06; }

.content .leftside li a:hover{text-decoration:none;}

.content .leftdiv{ padding:15px; background-color:#fff; padding-top:20px; font-family:microsoft yahei; font-size:13px; margin-top:20px; background-color:#eee; }

.side_message { margin-top: 20px; }
.side_message a { display: block; width: 100%; height:40px; line-height:40px; border: 0 solid #dedede; font-size: 16px; text-indent: 74px; background: #ddd url(../images/sidemessageicon.png) no-repeat 137px -10px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; color: #666; border-radius: 30px; font-family:microsoft yahei; }
.side_message a:hover { background: #dc0008 url(../images/sidemessageicon.png) no-repeat 137px -70px; color: #fff; text-decoration: none; }

.c-content{  width:896px; float:right;}
.content .datit{ background-color:#eee; height:30px; padding-right:10px;}
.content .datit span{ line-height:30px; height:30px; font-family:microsoft yahei;}
.content .datit span a{ color:#000;}
.content .datit h3{float:left; background-color:#dc0008 ; position:relative; height:30px; padding-right:10px; padding-left:10px; color:#fff;line-height:35px; font-size:16px;}
.content .datit h3 em{ position:absolute; width:0px; height:0px; top:0px; right:-30px;  border-top: 30px solid #dc0008 ;border-right: 30px solid transparent;}
.c-content .neirong{ padding:10px 0px; font-size:14px; font-family:microsoft yahei;}
.c-content .news{ margin-top:5px;}
.c-content .news li a{display:block;height:113px;font-size:14px;	font-family:microsoft yahei;color:#000;	font-weight:bold;padding:10px 3px;border-bottom:1px dotted #ccc;transition:0.5s;}
.c-content .news li a img.a{width:150px;height:113px;	background:url(images/news_bg.jpg) no-repeat center center;float:left; border:1px solid #eee;}
.c-content .news li a h2{	font-size:16px;	margin-left:180px;line-height:30px; color:#666;}
.c-content .news li a span{display:block;	font-size:12px;	font-weight:normal;	font-family:宋体;line-height:20px;	margin-left:180px;	margin-top:6px;}
.c-content .news li a em{ margin-left:180px; font-style:normal; font-size:12px; color:#999; display:block; font-weight:normal;margin-top:10px;}
.c-content .news li a:hover{text-decoration:none;	background-color:#efefef;}
.c-content .pro li{ float:left; border:#ddd 1px solid;border-bottom:#ccc 3px solid; position:relative; margin:5px 18px; }
.c-content .pro li .img{ padding:10px 20px;}
.c-content .pro li .img img{ width:305px; height:305px;}
.c-content .pro li .txtt{ font-size:15px; font-family:microsoft yahei; padding:10px 14px; line-height:24px;}
.c-content .pro li .miaoshu a{ font-size:12px; color:#999;}
.c-content .pro li .miaoshu a:hover{color:#eb1515; text-decoration:none; }
.c-content .pro li .miaoshu a:hover:after{content:" >";}
.c-content .pro li .xleibie{ padding:7px 14px;border-top:#f0f0f0 1px solid;}
.c-content .pro li i{ display:block; width:0px; height:3px; background-color:#eb1515; position:absolute; bottom:-3px; left:0px;transition:0.8s; }
.c-content .pro li:hover i{ width:250px;}

/*--------lu-------------*/
.join_more { width: 100%; border-top: 2px solid #ccc; font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; margin-bottom:20px; }
.join_more thead tr th { line-height: 40px; text-align: left; background: #f8f8f8; padding: 0 10px; border-bottom: 1px solid #dedede; font-size: 18px; font-weight: normal; font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }
.join_more tbody tr td { line-height: 14px; padding: 11px 10px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; }
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }
.join_more a.gangwei{ padding:5px 20px; background-color:#c5041e; float:right; color:#fff; border-radius:5px;font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }
.join_more a.gangwei:hover{ color:yellow;}
.scontact { float: left; width: 500px; margin: 60px 0 60px 70px; font-family:microsoft yahei; }
.scontact .redtitle { color: #576b7c; font-family: arial; height: 50px; line-height: 50px; font-size: 38px; text-transform: uppercase; border-bottom: 2px solid #576b7c; }
.scontact .bigtitle { color: #333; line-height: 50px; font-size: 40px; border-bottom: 1px solid #dedede; padding: 15px 0; margin-bottom: 20px; }
.scontact p { line-height:32px; font-size:14px; }
.scontact .mytitle { margin-top: 30px; font-size:20px; color: #576b7c; margin-bottom: 10px; }
.smessage { float: right; width: 440px; margin: 60px 70px 60px 0; font-family:microsoft yahei;}
.smessage .xmtitle { font-size: 24px; margin-bottom: 20px; }
.smessage .line { margin: 4px 0; }
.smessage .inputText { background: #f3f3f3; font-size: 14px; height:35px; border: 0; font-family: microsoft yahei; color: #666; padding: 0 20px; width: 400px; }
.smessage .textArea { background: #f3f3f3; font-size: 14px; height: 53px; border: 0; font-family: microsoft yahei; color: #666; padding: 20px; width: 400px; outline: none; resize: none; height: 80px; }
.smessage .tjbtn { background: #fff; border: 2px solid #576b7c; color: #576b7c; text-align: center; line-height: 35px; height:35px; font-size: 18px; font-family: microsoft yahei; width: 440px; cursor: pointer; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.smessage .tjbtn:hover { background: #576b7c; color: #fff; }

.dda { line-height:180%;}




