@charset "utf-8";
/* CSS Document */
body{margin:0; font-size:12px; font-family:Arial; color:#191b1f; background:#ebebeb;}
ul,li,dl,dt,dd,form,h1,h2,h3,h4,p,input,form { margin: 0px; padding: 0px;}
li { list-style-type: none;}
img{ border:0}
.clear { margin: 0; padding: 0; clear: both; }
.clear hr { margin: 0; padding: 0; display: none; }
a{color:#000000; text-decoration:none;}
a:hover,a:active{ text-decoration:underline;}
.block{ display:block;}
.center{ width:970px; margin:0 auto;}
.margin_b10{ margin-bottom:10px;}
.margin_b20{ margin-bottom:20px;}
.margin_b40{ margin-bottom:40px;}
#no_border_r{ border-right:0 none;}

#leftside{ width:268px; height:978px; background:#efefef; padding:20px 0  10px 0; float:left;/*position: fixed;
left: 0;top:0;z-index: 999;_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))*/}
#leftside .lan{ text-align:center; padding-bottom:15px; font-size:16px;}
#leftside .lan a{ padding:0 3px;}
#leftside ul{ margin-top:40px;}
#leftside li a{ display:inline-block; width:268px;height:94px; line-height:95px; text-align:center;font-size:14px; color:#191b1f; border-bottom:1px solid #c3c3c3; font-weight:bold; text-transform:Uppercase;}
#leftside li a.about{ border-top:1px solid #c3c3c3; height:93px; line-height:93px;}
#leftside li a:hover{ background:url(../images/nav_on.jpg) no-repeat 0 0; border:0 none; text-decoration:none; height:95px;line-height:95px;}
#leftside .search{ padding:15px 20px; height:62px; border-bottom:1px solid #c3c3c3; }
#leftside .search h1{ font-size:12px; font-weight:normal; margin-bottom:10px;}
#leftside .form{ width:212px; height:24px; padding:2px 3px; line-height:24px; background:url(../images/search.jpg) no-repeat 0 0;}
#leftside .keyword{ width:184px; height:24px; background:none; border:0 none; float:left;}
#leftside .btnSearch{ width:22px; background:none; border:0 none; cursor:pointer; height:24px; float:left;}
#leftside .foot{ padding:20px 0 10px 10px; line-height:28px;}
#leftside .share{ background:url(../images/icon_share.jpg) no-repeat 60px 0;height:35px;line-height:35px; }
#leftside .share a{ display:inline-block; width:44px; height:25px; }
#leftside .copyrights{ margin-top:15px; line-height:20px;}

#rightside{width:1082px;float:left;}
.indexPro {	float: left;background: #fff;position: relative;}
.indexPro li,.indexPro li img {display: block;position: relative;}
.indexPro li {float:left;overflow: hidden;width: 540px;height: 503px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.indexPro li div {position: absolute;background: url(../images/indexPro_bg.png) repeat 0 0;width: 540px;height: 463px;padding-top:40px;overflow:hidden;}
.indexPro li div span {display: block;padding: 0 10px 0 40px;text-transform: uppercase;font-weight: normal;color: #fff;}
.indexPro li div p{padding:10px 0 0 20px; }
.indexPro li div p a{ color:#fff; font-size:14px;}

/*inner page*/
#header .d1{ width:13px; height:158px; background:url(../images/header_left.jpg) no-repeat 0 0; float:left;}
#header .d2{ width:943px; height:108px; padding:25px 0; background:url(../images/header_center.jpg) repeat 0 0; float:left; overflow:hidden; position:relative;}
#header .d2 .logo{ width:320px; float:left;}
#header .d2 .search{ width:218px; float:right;}
#header .form{ width:212px; height:24px; padding:2px 3px; line-height:24px; background:url(../images/search.jpg) no-repeat 0 0; margin-top:15px;}
#header .keyword{ width:184px; height:24px; background:none; border:0 none; float:left;}
#header .btnSearch{ width:22px; background:none; border:0 none; cursor:pointer; height:24px; float:left;}
#header .lan{ position:absolute; right:230px; top:57px; font-size:16px;}
#header .d3{ width:14px;  height:158px;background:url(../images/header_right.jpg) no-repeat 0 0; float:left;}

#header li{ float:left; margin:20px 15px 40px;_margin:20px 15px 0 }
#header li a{ width:163px; height:44px; display:inline-block; text-align:center; line-height:44px; font-size:14px; font-weight:bold; text-transform:Uppercase;} 
#header li a:hover,#header li.cur a{ background:url(../images/nav_on2.jpg) no-repeat 0 0; text-decoration:none;}

.cate{ width:1006px; height:240px; margin:0 auto; _padding-top:40px; overflow:hidden; zoom:1; position:relative;}
.cate .item{ position:relative; float:left;}
.cate .pic{ width:314px; height:174px; display:inline-block;}
.cate .view{ color:#fff; display:inline-block; width:106px; height:41px; background:url(../images/btn_view.png) no-repeat 0 0; line-height:41px; text-align:center; font-size:16px;position:absolute; bottom:-20px; right:20px; font-family:Arial;}
.cate  a:hover.view{ text-decoration:none;}

.pro{ width:970px; margin:0 auto;}
.pro .h1{ font-size:24px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:0 0 12px 0;}
.pro .h2{ font-size:16px; color:#333333; font-family:Arial, Helvetica, sans-serif; padding:0 0 28px 0; font-weight:normal;}
.pro .list li{ width:260px; float:left; border:8px solid #fff; padding:8px; background:#fff; margin:0 13px 30px 17px;_margin:0 25px 30px 0;-webkit-box-shadow: #999 0px 0px 15px;-moz-box-shadow: #999 0px 0px 15px;box-shadow: #999 0px 0px 15px;behavior: url(PIE/PIE.htc);}
.pro .list li.cur{border:8px solid #f45050;}
.pro .list .pic{ border:1px solid #dbdbdb; margin-bottom:17px;}
.pro .list .title{ color:#191b1f; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.pro .list .desc{line-height: 18px;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 54px;}
.pro .list .view{ font-weight:bold; color:#fff; display:inline-block; width:106px; height:45px; background:url(../images/btn_view.jpg) no-repeat 0 0; line-height:45px; text-align:center; font-size:16px;}
.pro .list a:hover.view{ text-decoration:none;}

.pro .content{ font-size:14px; line-height:20px;}
.pro .content .pro_img{ float:left; padding:0 20px 10px 0;}

.txt{ width:970px; margin:0 auto;}
.txt .h1{ font-size:22px; font-family:Arial; margin-bottom:25px;}
.txt .tips{ line-height:22px; color:#1a1a1a;}

.tb_form{ margin:30px 0 20px 0;}
.tb_form td{  height:40px;}
.tb_form .input{ border:1px solid #a8a7a7; background:none; width:340px; height:22px; line-height:22px; padding:2px 3px;}
.tb_form .txtarea{border:1px solid #a8a7a7;width:340px; height:90px; line-height:22px; background:none; overflow-y:auto;padding:2px 3px;}
.tb_form .btn{ height:26px; color:#fff; padding:0 20px;*padding:0 10px; line-height:26px; background:url(../images/btn_bg.jpg) repeat-x 0 0; border:1px solid #a5a5a5;-webkit-box-shadow: #999 0px 0px 5px;-moz-box-shadow: #999 0px 0px 5px;box-shadow: #999 0px 0px 5px;behavior: url(PIE/PIE.htc); margin-right:20px; cursor:pointer;}

.map{ padding:10px 10px 0 10px; border-top:1px solid #b9b9b9;}

.tb_down{ background:#fff; border-collapse:collapse; font-size:14px;border:1px solid #c3c3c3;}
.tb_down td{border:1px solid #c3c3c3; text-align:center}
.tb_down tr{ height:57px;}
.tb_down th{ font-weight:normal;border:1px solid #c3c3c3;}
.tb_down .down{ background:url(../images/btn_down.jpg) no-repeat 0 0; width:80px; height:42px; line-height:38px; text-align:center; color:#fff; display:inline-block;}
.tb_down a:hover.down{ text-decoration:none;}

#footer{ padding:30px 0 20px 0;}
#footer .center{ border-top:1px solid #c1c1c1; position:relative; height:50px;}
#footer .copyrights{ position:absolute; left:0; top:30px;}
#footer .share{ background:url(../images/icon_share.jpg) no-repeat 60px 0; width:200px;height:35px;line-height:35px; position:absolute; right:0; top:20px;}
#footer .share a{ display:inline-block; width:44px; height:25px; }

.page{ height:25px; line-height:25px; text-align:center; margin-top:20px;}
.page a{ margin:2px; display:inline-block; height:22px; }
.page .cur{display:inline-block; height:22px;  margin:2px; color:#e84040; font-weight:bold; padding: 0 10px; }
.page span.font,.page span.font{ padding:5px 10px; color:#333;}
.page a span{ padding:5px 10px;color:#333;}
.page a:hover,.page a:active,.page a:hover span{color:#e84040; text-decoration:none;}

.scrolltitle{height:24px;font-size:14px;width:742px;border-bottom:solid 1px #ddd;margin:20px auto 15px auto;}
a.abtn{display:block;height:130px;width:25px;overflow:hidden;background:url('../js/xslider/arrow3.png') no-repeat -7px 50%; position:absolute; top:20px; z-index:9999;}
a.aleft{float:left; left:-1px;}
a.agrayleft{cursor:default;background-position:-7px 50%; left:-1px;}
a.aright{float:right;background-position:-55px 50%;right:0;}
a.agrayright{cursor:default;background-position:-55px 50%;right:0;}
.scrolllist{width:970px;height:223px;}
.scrolllist .imglist_w{width:970px;height:204px;overflow:hidden;float:left;position:relative; margin-left:20px;/*必要元素*/}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{float:left; margin-right:9px; width:314px;}
.scrolllist .imglist_w li a{text-decoration:none;float:left;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li p{height:48px;line-height:24px;overflow:hidden;float:left;}

#s2{width:214px;}
#s2 .imglist_w{width:176px;}
#s2 .imglist_w ul{height:20000px;width:auto;position:absolute;left:0px;top:0px;}
#s2 .imglist_w li{float:none;}


#wrap{width: 100% !important;}
#rightside {
    width: calc(100% - 268px);
    float: left;
}
.indexPro {
    float: none;
    background: #fff;
    position: relative;
    margin: auto;
    width: 1082px;
}