@charset "utf-8";
/* CSS Document */

@import url("common.css");
.mainbox{ width:960px; background:#FFF;margin: 0 auto;}
*{ margin:0px; padding:0px;}

/*.head*/
body img { border:0px;}
*{ margin:0px; padding:0px;}
.header { height:131px; width:100%; background-image:url(../images/header_bg.jpg);  background-repeat:repeat-x; overflow:hidden;}
.header_b { width:980px; margin:0 auto;} 
.header_top { padding-top:15px;}
.logo { float:left;}
.service_num { float:right; margin-top:25px; font-size:20px; font-family:微软雅黑; color:#666666;}
.service_num span { font-size:25px; font-family:Myriad Pro; font-style:italic; color:#ff6600; font-weight:bold;}
.head_nav { height:30px; width:980px; margin-top:12px; overflow:hidden;}
.head_nav ul { height:30px;  float:left;}
.head_nav li { list-style:none; float:left; width:117px; height:30px; line-height:30px; text-align:center; border-left:solid 1px #707070; border-right:solid 1px #2c2c2c;}
.head_nav li a { color:#FFF; font-size:14px; text-decoration:none; font-family:微软雅黑; display:block;}
.hearer_top_search { float:left; margin-top:5px; position:relative; margin-left:5px;}
.hearer_top_search .search_value { width:140px; height:18px; line-height:18px; *width:130px;  color:#666666; }
.hearer_top_search .search_submit { width:15px; height:14px; position:absolute; top:4px;right:3px; background:#ffffff;  background-image:url(../images/search_logo.png);  border:none; cursor:pointer;}
.on { background-image:url(../images/nav_bgr.jpg); background-repeat: repeat-x;}

#container {position:relative;z-index:0; width:100%; height:417px; overflow:hidden;}
#example { width:1400px; position:relative; height:417px; margin:0 auto; overflow:hidden;}
#slides {position:absolute;z-index:100;}
.slides_container { height:417px; width:1400px; overflow:hidden; position:relative;} 
#container li { list-style:none;}
.pagination { height:23px; width:995px; position:absolute; margin:-23px auto; margin-left:190px; z-index:10000; background-image:url(../images/flash_bot.png); background-repeat:no-repeat; padding-left:470px; padding-top:5px;}
.pagination li {list-style:none; float:left;margin:0 1px;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px; background-image:url(../images/pagination.png); background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}



.content{ width:960px; margin:0 0 0 0; float:left;}
.content .headinfo{ height:206px; width:960px; float:left; background:url(../images/index_bigpic.png) no-repeat}
.content .headinfo .first{ float:left; display:inline; margin:40px 0 0 162px; height:100px; width:200px;}
.content .headinfo .first img{ float:left; margin:43px 0 0 67px;}
.content .headinfo .second{ float:left; display:inline; margin:-65px 0 0 570px; height:100px; width:200px;}
.content .headinfo .second img{ float:left; margin:43px 0 0 67px;}

.content .productwrap{ float:left; width:960px; margin-top:20px;} 
.content .productwrap span{ float:left; width:960px;  background: url(../images/ind_prod_bg.png) no-repeat; background-position:85px 15px; font-size:16px; font-weight:bold; line-height:45px; height:45px; color:#707070; display:inline; text-indent:15px;}
.content .productwrap span a{ color:#707070; }
.content .productwrap .product{ height:171px; width:960px; float:left;}
.content .productwrap .product .productoutter{height:171px; width:910px; float:left; overflow:hidden; margin-left:10px; display:inline;}
.content .productwrap .product .productinner{height:171px; width:9200px; float:left;}
.content .productwrap .product .productoutter #list-1{ float:left;}
.content .productwrap .product .productoutter #list-2{ float:left;}
.content .productwrap .product .productinner a{ float:left; width:225px;height:171px; display:inline; margin-right:5px; background:#dfdfdf;  padding:0px;}
.content .productwrap .product .productinner a:hover{  background:#c9e96e;color:#e60012} 
.content .productwrap .product .productinner a img{ float:left; height:138px; width:223px;  display: inline; margin:1px 0 0 1px; *float:none;}
.content .productwrap .product .productinner a span{ float:left; width:225px; height:30px;  text-align: center; line-height:30px; font-size:12px; margin:0; padding:0; font-weight: normal; background:none; }
.content .productwrap .third{background:url(../images/pro_pon_l.png) center no-repeat;height:171px; float:left; width:14px;  margin-left:1px;  display:inline;}

.content .productwrap .third:hover{ background:url(../images/pro_pon_l.png) center no-repeat #e5e5e5}
.content .productwrap .forth:hover{ background:url(../images/pro_pon_r.png) center no-repeat #e5e5e5}

.content .productwrap .forth{background: url(../images/pro_pon_r.png) center no-repeat;height:171px; float:left; width:14px;  margin-left:10px;  display:inline;}

.content .newsshow{ width: 960px; height:255px; float:left; margin-top:20px;}
/*news*/
.content .newsshow .newswrap{ height:255px; width:275px; float: left; margin-left:30px;}
.content .newsshow .newswrap span{ float:left; width:275px; padding-left:5px; background: url(../images/ind_b_news.png) no-repeat; background-position:80px 7px; font-size:16px; font-weight:bold; line-height:35px; height:35px; color:#707070; border-bottom:#cccccc dashed 1px;}
.content .newsshow .newswrap span a{ font-size:12px; float: right; text-decoration:none;font-weight:normal;*margin-top:-35px;}
.content .newsshow .newswrap span a:hover{color:#e60012}
.content .newsshow .newswrap .newsinner{ height:94px; float:left; width:275px; border-bottom:#cccccc dashed 1px; margin-top:10px}
.content .newsshow .newswrap .newsimg{ float:left; height:82px; width:107px; border-right:#cccccc dashed 1px;}
.content .newsshow .newswrap .newsinner .newsimg a{ float:left; height:80px; width:80px; margin:0px; border: #CCC solid 1px; padding:0px; margin:0;}
.content .newsshow .newswrap .newsimg a img{ float:left; height:58px; width:58px; margin:11px 0 0 11px; padding:0;}
.content .newsshow .newswrap .newsinner a{ color:#99cc00; font-size:12px;padding:0 5px; float:left; width:155px;overflow:hidden; display:inline;}
.content .newsshow .newswrap .newsinner a:hover{color:#e60012}
.content .newsshow .newswrap .newsinner p{color:#707070; font-size:12px;padding:0 5px; float:left; width:155px; line-height:15px;overflow:hidden; margin-top:5px; display:inline;}
.content .newsshow .newswrap .newsinner span{color:#707070; font-size:12px;padding:0 5px; float:left; width:155px; background:none; height:20px; border:none; line-height:20px; font-weight:normal; margin-top:5px;}





/*web*/
.content .newsshow .webwrap{ height:255px; width:270px; float: left; margin-left:30px;}
.content .newsshow .webwrap span{ float:left; width:250px; padding-left:5px; background: url(../images/ind_b_website.png) no-repeat; background-position:80px 10px; font-size:16px; font-weight:bold; line-height:35px; height:35px; color:#707070; border-bottom:#cccccc dashed 1px;}
.content .newsshow .webwrap span a{ font-size:12px; float: right; text-decoration:none;font-weight:normal; *margin-top:-35px;}
.content .newsshow .webwrap span a:hover{color:#e60012}
.content .newsshow .webwrap .webinner{ width:270px; float:left;}
.content .newsshow .webwrap .webinner ul{ width:262px;}
.content .newsshow .webwrap .webinner ul li{ float:left; width:262px; height:29px; line-height:29px; font-size: 12px; color:#4c8692; border-bottom:#cccccc dashed 1px;overflow:hidden;}
.content .newsshow .webwrap .webinner ul li a{ float:left; width:180px; height:29px; line-height:29px; text-decoration:none;color:#4c8692; font-size: 12px;background:url(../images/news_point.png) no-repeat; background-position:0px 12px; padding-left:8px;overflow:hidden;}
.content .newsshow .webwrap .webinner ul li a:hover{color:#e60012}
.content .newsshow .webwrap .webinner ul li span{float: right; width:60px; height:29px; line-height:29px;color:#4c8692 ;font-size: 12px; border:none;margin-right:-14px;font-weight:normal;} 
/*market*/
.content .newsshow .marketwrap{ height:255px; width:270px; float: left; margin-left:30px;}
.content .newsshow .marketwrap span{ float:left; width:250px; padding-left:5px; background: url(../images/ind_b_marketing.png) no-repeat; background-position:80px 10px; font-size:16px; font-weight:bold; line-height:35px; height:35px; color:#707070; border-bottom:#cccccc dashed 1px;}
.content .newsshow .marketwrap span a{ font-size:12px; float: right; text-decoration:none;font-weight:normal;*margin-top:-35px;} 
.content .newsshow .marketwrap span a:hover{color:#e60012}
.content .newsshow .marketwrap .marketinner{ width:270px; float:left;}
.content .newsshow .marketwrap .marketinner ul{ width:262px;}
.content .newsshow .marketwrap .marketinner ul li{ float:left; width:262px; height:29px; line-height:29px; font-size: 12px; color:#4c8692; border-bottom:#cccccc dashed 1px; overflow:hidden;}
.content .newsshow .marketwrap .marketinner ul li a{ float:left; width:190px; height:29px; line-height:29px; text-decoration:none;color:#4c8692; font-size: 12px;background:url(../images/news_point.png) no-repeat; background-position:0px 12px; padding-left:8px; overflow:hidden;}
.content .newsshow .marketwrap .marketinner ul li a:hover{color:#e60012}
.content .newsshow .marketwrap .marketinner ul li span{float: right; width:60px; height:29px; line-height:29px;color:#4c8692 ;font-size: 12px; border:none;margin-right:-14px; font-weight:normal;}



.content .contact{ width:960px; height:50px; float: left; margin-top:25px;}
.content .contact span{ float:left; height:25px; width:65px; margin-left:22px; display: inline; color:#9f0d0d; font-size:12px; line-height:25px}
.content .contact ul{ width:845px; float: left; height:50px;}
.content .contact ul li{ float:left; height:25px; line-height:25px; text-align:center; width:93px;}
.content .contact ul li a{ text-decoration:none; font-size:12px; color:#a4a4a4; height:25px; line-height:25px;}
.content .contact ul li a:hover{color:#e60012}
/*footer*/
.footer {height:203px; width:100%; background-image:url(../images/foot_bg.jpg); background-repeat:repeat-x;}
.footer_b { width:980px; margin:0 auto;}
.footer .logo{ float:left; width:170px; height:90px; margin:60px 0 0 22px; display:inline; background:url(../images/ind_foot_logo_bg.png) right top no-repeat;}
.footer .logo img{ margin-top:20px}
.footer .call{ width:720px; float:left; margin:40px 0 0 25px;}
.footer .call b{ font-size:16px; float:left; margin-bottom:20px;}
.footer .call p{ color:#6d6d6d; font-size:12px; float:left; width:720px; margin-top:5px; font-family:宋体;}
.footer .call p a{  color:#6d6d6d; font-size:12px; text-decoration: none;}
.footer .call p span { font-family:Tahoma;}




/*breadbrumb*/
.breadbrumb{ float:left; width:960px; height:43px;}
.breadbrumb p{ color:#707070; font-size:12px; float:left; margin-left:10px; height:30px; line-height:30px; display:inline;}
.breadbrumb p a{ color:#707070; font-size:12px;}
.breadbrumb p a:hover{color:#e60012}

.wrapper{ float:left; width:959px; margin-left:1px; display:inline;}
.wrapper .contop{ float:left; margin:0; width:958px; height:104px; display:inline; background:url(../images/con_top_bg.png) no-repeat left top;}
/*left*/
.wrapper .left{ width:203px; float:left ; margin:0; position:relative}
.wrapper .left p{ float:left; width:203px; height:28px; background:url(../images/about_ce_bg.png) repeat-y left top; font-size:14px; margin-bottom:4px;position:relative;
-webkit-box-shadow: 0px 1px 1px #d6d6d6 ;
-moz-box-shadow: 0px 1px 1px #d6d6d6 ;
box-shadow: 0px 1px 1px #d6d6d6;
behavior: url(/rfcms/Tpl/Home/Default/Public/PIE/pie.htc);}
.wrapper .left p a{ float:left; width:170px; height:28px; margin-left:15px; display:inline; background:url(../images/about_left_point2.png) no-repeat left center; padding-left:15px; line-height:28px; color:#615d5d}
.wrapper .left p a:hover{color:#e60012}
.wrapper .left .lcontent{ width:203px; float:left; background:url(../images/about_ce_bg.png) repeat-y left top; margin-bottom:4px; position:relative;
-webkit-box-shadow: 0px 1px 1px #d6d6d6 ;
-moz-box-shadow: 0px 1px 1px #d6d6d6 ;
box-shadow: 0px 1px 1px #d6d6d6;
behavior: url(/rfcms/Tpl/Home/Default/Public/PIE/pie.htc);}
.wrapper .left .lcontent ul{ float:left; width:130px; margin:5px 0 0 37px; display:inline;}
.wrapper .left .lcontent ul li{ float:left; width:130px; background:url(../images/about_left_point1.png) no-repeat left center; padding-left:15px; line-height:32px; height:32px; }
.wrapper .left .lcontent ul li a{ font-size:14px; color:#615d5d}
.wrapper .left .lcontent ul li a:hover{ color:#e60012}
.wrapper .right{ float:left; width:625px; margin:30px 0 0 60px; display:inline; line-height:22px;}




#floatleft{background: url(../images/floatwind_left.png);}
.floatpic{ background:url(../images/floatwind_pic.png)}