/* CSS Document */

#top{ width:100%; height:190px; background: url(../images/top_bg.gif) repeat-x;}

.top_welcome{ width:1100px; margin:auto; height:30px; overflow:hidden; line-height:30px;}
.top_welcome span{ float:right;}

.top_head{ width:1100px; height:110px; margin:auto; overflow:hidden;}
.top_head .logo{ float:left; margin-top:22px;}
.top_tel{ width:240px; background:url(../images/tel_bg.png) no-repeat left top; height:60px; overflow:hidden; float:right; margin-top:27px;}
.top_tel h2{ padding-left:45px; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.top_tel span{ font-size:14px; padding-left:15px; line-height:28px;}
.top_tel span img { vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}

.nav{ width:1100px; margin:auto; height:50px; line-height:50px;}
.nav ul{ padding:0; margin:0; overflow:hidden; float:left;}
.nav ul li{ float:left; padding:0 40px;}
.nav ul li a{ color:#fff; font-size:14px; width:100%; line-height:50px; display:block;}
.nav ul li:hover{ background:#f8c300;}
.nav ul li.on{ background:#f8c300;}

.nav .search{ float:right; width:172px; height:25px; line-height:25px; border:1px solid #ccc; margin-top:11px;}
.key{ float:left; width:129px; overflow:hidden; height:25px; border:0; line-height:25px; font-size:14px; color:#999; text-indent:10px;}
.button{ float:right;  border:0px; width:43px; height:25px; }

.mainbanner{height:595px;overflow:hidden; position:relative; margin-top:0px;}
.mainbanner_window{left:50%;width:1920px;height:595px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:595px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:595px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:560px;width:150px;height:10px;margin:0 0 0 -45px; padding:0; list-style:none; position:absolute; }
.mainbanner_list li{width:50px;height:10px;overflow:hidden;float:left;display:inline; }
.mainbanner_list a{background:url(../images/h1.png) no-repeat center top;width:42px;height:10px;line-height:10px; margin:0 6px; overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list li.active a{background:url(../images/h2.png) no-repeat center top;text-decoration:none;}
.mainbanner_list li a:hover{background:url(../images/h2.png) no-repeat center top;text-decoration:none;}

.main01{ width:1128px; margin:auto; height:500px; overflow:hidden;}
.main01_title{ width:inherit; height:55px; text-align:center; line-height:30px; margin-top:50px;}
.main01_title h2{ font-size:24px;}
#wrapper{width:1128px;  height:405px;  position:relative;}
#CSSBox{float:left;width:1128px;height:265px;  overflow:hidden;}
#CSSBox ul li{ width:226px; height:256px; float:left; padding:12px; border:3px solid #ebebeb;  margin:20px 13px; font-size:14px; text-align:center; line-height:40px; margin-top:60px;}
#CSSBox ul li img{ width:226px; height:170px;}
#CSSBox ul li p{ width:180px; height:26px; margin:auto; text-align:center; line-height:26px; margin-top:10px;}
#CSSBox ul li p a{ width:180px; height:26px; background:url(../images/view.png) no-repeat; display:block;}
#CSSBox ul li p a:hover{ background:url(../images/view-.png) no-repeat; color:#fff;}
#LeftButton{ position:absolute; right:60px; z-index:99; top:10px;height:35px;width:35px;background:url('../images/left.png') center center no-repeat; cursor:pointer;}
#LeftButton:hover{ position:absolute; right:60px; z-index:99; top:10px;height:35px;width:35px;background:url('../images/left-.png') center center no-repeat; cursor:pointer;}
#RightButton{position:absolute; right:10px; z-index:99; top:10px;height:35px;width:35px; background:url('../images/right.png') center center no-repeat; cursor:pointer;}
#RightButton:hover{position:absolute; right:10px; z-index:99; top:10px;height:35px;width:35px; background:url('../images/right-.png') center center no-repeat; cursor:pointer;}

.main02{ width:100%; height:505px; overflow:hidden; background: url(../images/solution_bg.jpg) repeat;}
.index_solution{ width:1128px; margin:auto;}
.index_solution_title{ width:inherit; height:95px; text-align:center; line-height:30px; margin-top:50px;}
.index_solution_title h2{ font-size:24px;}
.index_solution_nr ul li{ width:256px; float:left; margin:0 13px;}
.index_solution_nr ul li img:hover{opacity:0.6;filter:Alpha(opacity=60);-webkit-animation:orangeIn 0.2s ease;animation:orangeIn 0.2s ease;}
.index_solution_nr ul li h2{ margin:10px 0;}
.index_solution_nr ul li h2 a{ color:#f8c300;}
.index_solution_nr ul li p{ line-height:24px; height:100px; overflow:hidden;}
.index_solution_nr ul li span a{ color:#f8c300;}

#footer{ width:100%; height:auto; overflow:hidden; background:#303030;}
.f_nav{ width:1100px; padding:40px 0; margin:auto; height: auto; overflow:hidden; position:relative;}
.go_top{ width:40px; height:35px; position:absolute; right:0; top:0;}
.f_nav01{ width:200px; background:url(../images/bian.gif) repeat-y top right; min-height:236px; padding-left:75px; float:left;}
.f_nav01 h2{ font-size:14px; font-weight:normal; color:#fff; padding-bottom:10px; overflow:hidden;}
.f_nav01 ul li{ line-height:30px;}
.f_nav01 ul li a{ color:#fff;}
.f_nav01 ul li a:hover{ color:#f8c300;}

.copy{ border-top:1px solid #454545; width:100%; height:71px; line-height:71px; text-align:center; color:#fff;}