@charset "utf-8";
/* CSS Document */
.wapper{ width:1070px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
span.ccccc{background-color:#0084c8; color:#fff; padding:8px;border-bottom:#176d1d 1px solid; border-right:#176d1d 1px solid;}
a{}
a:hover{text-decoration:none; color:#}
:focus{ outline:none;}
#bannerx{ height:200px; background:url(../img/bannerx.jpg) no-repeat center center;}
#main_bg{ background-color:#f7f7f9; padding:20px 0;}
#main{ position:relative;}
#leftside{ width:264px;float:left;}
#leftside h3{ font-family:microsoft yahei;margin-top:-96px; background:url(../img/leftside_tit.jpg) center center; font-size:26px; font-weight:normal; text-align:center; line-height:30px; color:#fff; padding-top:28px; padding-bottom:20px; border:5px solid #fff; border-bottom:none; border-top-left-radius:30px;box-shadow:1px 1px 1px #ccc;}
#leftside span{ text-transform:uppercase; font-size:14px;}
#leftside ul{border:5px solid #fff; padding:10px; background-color:#94d5f8; padding-bottom:30px;border-bottom-right-radius:30px; box-shadow:1px 1px 1px #ccc;}
#leftside ul li{}
#leftside li a{ color:#0084c8; position:relative; display:block; height:32px; line-height:32px; margin-top:10px; padding-left:52px; font-family:microsoft yahei; font-size:14px; background:url(../img/titbg.jpg) no-repeat 197px 0px;border:1px solid #03a0d5; transition:0.5s; background-color:#d6f1fd; text-shadow:#FFF;}
#leftside li a:hover,#leftside li a.on{ background-position:250px 0px; padding-left:80px;}
#leftside li a em{ position:absolute; top:0px; left:0px; width:35px; height:32px; background:url(../img/titbg.jpg) no-repeat -100px 0px;transition:0.8s; }
#leftside li a:hover em,#leftside li a.on em{background:url(../img/titbg.jpg) no-repeat 0px 0px;}
#leftside li a.on{color:#fff; background-color:#009fd9;}
#leftside .cont{ background-color:#94d5f8; border-top-left-radius:30px; padding:20px 15px; border-bottom-right-radius:30px;border:5px solid #fff; box-shadow:1px 1px 1px #ccc; margin-top:20px; }
#leftside .cont p{color:#444; line-height:20px;}
#c_content{ width:770px; min-height:513px; float:right; background-color:#fff;padding:10px; border-top:2px solid #0084c8; box-shadow:1px 1px 1px #eee;}
#c_content .tit{ position:relative; font-size:16px; font-weight:bold;text-transform:uppercase; color:#999; background:url(../img/c_tit.jpg) repeat; border-bottom-left-radius:15px; border-bottom-right-radius:15px;color:#0084c8; font-family:microsoft yahei; padding:10px;}
#c_content .tit em{ color:#999; font-size:16px;}
#content_c{ padding:15px 5px;}
#content_c p{ line-height:24px; color:#444;}
#content_c ul.news{	}
#content_c ul.news li a{display:block;height:113px;	font-size:14px;	font-family:microsoft yahei;color:#000;	font-weight:bold;padding:10px;border-bottom:1px dotted #ccc;transition:0.5s;}
#content_c ul.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;}
#content_c ul.news li a h2{	font-size:18px;	margin-left:180px;line-height:30px; font-weight:bold; font-family:microsoft yahei;}
#content_c ul.news li a span{display:block;	font-size:12px;	font-weight:normal;	font-family:宋体;line-height:24px;	margin-left:180px;	margin-top:20px;text-indent:24px;}
#content_c ul.news li a:hover{text-decoration:none;	background-color:#efefef;}
#content_c ul.c_pro,#content_c ul.fangan{ margin-top:15px;}
#content_c ul.c_pro li,#content_c ul.fangan li{ margin:0 16px;margin-bottom:26px; overflow:hidden; float:left;}
#content_c ul.c_pro li a{ display:block;width:200px; height:192px; border:1px solid #c3c3c3; padding:8px; transition:1s;position:relative;}
#content_c ul.c_pro li a em{z-index:10; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); -webkit-transform: skewx(-25deg); -webkit-transition: 0s;  display:block; width:200px; height:150px; left:-200px; top:10px; position:absolute;}
#content_c ul.c_pro li img{ width:200px; height:150px;}
#content_c ul.c_pro li p{ height:40px;line-height:40px; background-color:#0084c8; font-size:14px; color:#fff; text-align:center;}
#content_c ul.c_pro li a:hover em{left:200px; -webkit-transition: 0.8s;}
#content_c ul.c_pro li a:hover{ border-color:#94d5f8; background-color:#d6f1fd;}
#content_c ul.c_pro li a:hover p{color:yellow;}
#content_c ul.fangan li a{ display:block; width:216px; border:#e6e4e1 1px solid; transition:0.5s;}
#content_c ul.fangan li a img{ width:216px; height:128px;}
#content_c ul.fangan li a span{ height:30px; display:block;text-align:center; background-color:#f7f7f9; text-align:center; line-height:20px;}
#content_c ul.fangan li a span.aa{ color:#0084c8; font-size:14px; line-height:40px; height:30px;}
#content_c ul.fangan li a:hover{border:#0084c8 1px solid;}
#content_c .c_feedback input{ background-color:#0084c8; color:#a3acb3; display:block; font-size:12px; border:none; line-height:20px; font-family:microsoft yahei;height:20px; border-radius:5px; padding:10px;}
#content_c .c_feedback input{ border:1px solid #0084c8; background-color:#fff;}
#content_c strong.aa,#content_c b.aa{font-family:microsoft yahei; line-height:25px; font-size:15px; display:block; background-color:#eee; padding:4px; border-left:#0084c8 4px solid; padding-left:10px;border-bottom:#e2e2e2 1px solid;border-right:#e2e2e2 1px solid;}
#content_c p{ line-height:18px;}
#content_c td{ line-height:18px; color:#444;}
#content_c .aabout p{ line-height:190%;}

.side_message { margin-top:20px;}
.side_message a { display: block; width: 260px; height: 60px; line-height: 60px; border: 0 solid #dedede; font-size: 16px; text-indent: 50px; background: #94d5f8 url(../img/sidemessageicon.png) no-repeat 155px -60px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 35px 35px 35px 35px; box-shadow: 1px 1px 0 #ccc; font-family:microsoft yahei; border:5px solid #fff; font-weight:bold; color:#0084c8;}
.side_message a:hover { background: #fff url(../img/sidemessageicon.png) no-repeat 155px 0px;text-decoration: none; }
.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border: 1px solid #ccc; color: #666; background: url(../img/arrow_t.png) no-repeat 90px center; padding-right: 10px; text-decoration: none; }
.newsbackline ul li a:hover { border-color: #336cb1; color: #336cb1; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { background: url(../img/arrow_l.png) no-repeat 38px center; padding-left: 10px; padding-right: 0; text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { background-image: url(../img/arrow_r.png); text-align: center; }


/*--------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:10px 20px; background-color:#009fd9; float:right; color:#fff; border-radius:5px;font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }
.join_more a.gangwei:hover{ color:yellow;}