﻿/* CSS Document */
body{margin:0px; padding:0px; font-family:'Microsoft YaHei'; font-size:14px;}
ul,li{list-style-type:none; float:left; margin:0px; padding:0px;}
a,a:hover{text-decoration:none; float:left;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin:0px; padding:0px; float:left;}
p{margin:0px; padding:0px;}

#top{width:100%; height:25px; float:left; background:#044280;}
.top{width:1000px; height:25px; margin:0 auto; font-size:14px;}
.top-left{width:45%; height:25px; line-height:25px; float:left; color:#FFFFFF;}
.collect{height:25px; line-height:25px; float:right;}
.collect li{width: 58px; text-align: center;margin:0 5px; color:#ffffff;}
.collect li a{color:#ffffff;}

#head{width:100%; height:80px; float:left; background:#863216;}
.head{width:1000px; height:80px; margin:0 auto;}
.logo{width:244px; height:80px; float:left; background:#5684b5;}
.menu{width:756px; height:80px; float:left;}

/*网站头部*/
.logo{width:244px; height:80px; float:left; background:#5684b5;}
.col960{width:756px; height:80px; float:left;}
.navbg{height:80px;width:100%;background:#5684b5;position:absolute;z-index:9999;left:0;}
#navul li{float:left;margin-right:1px;width:80px;height:80px;position:relative;text-align:center;line-height:80px; font-size:15px; margin:0 13px;}
#navul li.navhome{text-align:left;padding:0 0px 0 13px;width:60px;}
#navul li a:link, #navul li a:visited{color:#ffb400; font-size:16px; float:none;}
#navul li ul{display:none;position:absolute;z-index:10000;top:80px;background:#265680;}

#navul #xiala{margin-left:-95px;}
#navul #xiala li{display:block;width:250px;float:none;height:30px;position:relative;line-height:30px;font-size:12px;}
#navul #xiala li a{width:250px;height:30px;line-height:30px;font-size:13px;letter-spacing: -1px;}

#navul li.navmoon{background:#265680;width:80px;height:80px;line-height:80px;}
#navul li.navmoon a{color:#c3e9d3; float:none;}
#navul li.navhome a:hover{color:#c3e9d3;}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul a{display:block;width:98px;height:30px;line-height:30px; float:none;}
#navul li.navmoon ul a:hover{background:#863216;}

/*focus*/
.focus {width:100%;height:400px;overflow:hidden;position:relative;background:#ccc; float:left; margin-top:80px;}
.focus_m ul {width:100%;height:400px;overflow:hidden;}
.focus_m li {width:100%;height:400px;_float:left;}
.focus_s {height:0;position:relative;margin:0 auto;z-index:2;width:1000px;}
.focus_s ul {height:12px;overflow:hidden;position:absolute;left:50%;top:370px;}
.focus_s li {float:left;cursor:pointer;height:12px;width:12px;overflow:hidden;margin-right:10px;}
.focus_s li b {display:block;text-indent:-999em;background:url(../images/circle.png) 0 0 no-repeat;width:12px;height:32px;overflow:hidden;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/circle.png');_background:none;}
.focus_s li.active b {margin-top:-20px;}

#index_product{width:100%; float:left; margin-top:15px;}
.index_product{width:1000px; margin:0 auto;}
.index_product_title{width:1000px; height:70px; float:left; background:url(../images/index_product_title.png) left center no-repeat;}
.index_product_title h1{width:100%; line-height:70px; text-align:center; font-size:24px; color:#e20123; font-weight:bolder;}
.index_product_title span{width:100%; line-height:30px; text-align:center; float:left;font-size: 18px; font-family: 'Times New Roman'; color:#7f838d;}
.index_product_menu{width:100%;float:left;}
.index_product_menu ul{ margin:0 auto; padding: 0 10px; float: none; display: table;}
.index_product_menu ul li{height:30px; line-height:30px; padding: 0 15px; text-align:center; background:url(../images/gx_bd3u.jpg) right center no-repeat;}
.index_product_menu ul li a{float:none; color:#292929;}
.index_product_menu ul li a:hover{color:#863216;}
.index_product_list{width:100%; margin-top:15px;}
.index_product_list li{width:200px; height:230px; margin:5px 25px;}
.index_product_list li img{width:200px; height:200px; float:left;}
.index_product_list li span{width:200px; height:30px; line-height:30px; overflow:hidden; float:left; text-align:center;}
.index_product_list li a{color:#5a5a5a;}
.index_product_list li a:hover{color:#863216;}

#index_about{width:100%; float:left; margin-top:15px; padding-top:20px; padding-bottom:20px; background:#c1cbcd;}
.index_about{width:1000px; margin:0 auto;}
.index_about_title{width:1000px; height:70px; float:left; background:url(../images/index_product_title.png) left center no-repeat;}
.index_about_title h1{width:100%; line-height:70px; text-align:center; font-size:20px; color:#e20123; font-weight:bolder;}
.index_about_title span{width:100%; line-height:30px; text-align:center; float:left;font-size: 18px; font-family: 'Times New Roman'; color:#696969;}
.index_about p{width:900px; float:left; line-height:30px; text-align:center; margin:0 50px; color:#292929; font-size:14px; text-indent:2em;}
.more{width:324px; height:45px; line-height:45px; float:left; text-align:center; margin:0 338px; background:#c1cbcd; font-size:16px; margin-top:20px;}
.more a{width:324px; height:45px; color:#696969;}
.more a:hover{background:#863216; color:#fff;}

#index_news{width:100%; float:left; margin-top:20px;}
.index_news{width:1000px; margin:0 auto;}
.index_news_left{width:480px; float:left;}
.index_news_title{width:100%; height:40px; line-height:40px; float:left; border-bottom:2px #ccc solid;}
.index_news_title span{height:40px; line-height:40px; float:left; border-bottom:1px #e20123 solid; font-size:18px; color:#e20123;}
.index_news_title a{width:57px; height:40px; line-height:40px; float:right; color:#5a5a5a;}
.index_news_title a:hover{color:#863216;}
.index_news_left ul{width:100%; float:left; margin-top:20px;}
.index_news_left ul li{width:100%; height:30px; line-height:30px; border-bottom:1px dashed #c6c6c6; margin-bottom:12px}
.index_news_left ul li a{margin-left:5px; color:#292929;}
.index_news_left ul li a:hover{color:#863216;}
.index_news_left ul li span{float:right; margin-right:5px; color:#acacac;}

#foot{width:100%; float:left; margin-top:20px; background:#3f72a7;}
.foot{width:1000px; margin:0 auto;}
.foot_logo{width:276px; float:left; background:#3f72a7;}
.foot_logo img{padding:0px 8px; display:block; margin-top:30px; float:left;}
.foot_info{width:720px; float:right;}
.links{width:100%; margin:11px 0px; border-bottom:1px #fff solid;}
.links h1{ height:30px; line-height:30px; float:left; font-size:13px; color:#fff;}
.links li{height:30px; line-height:30px; margin:0 5px; text-align:center;}
.links li a{float:none; color:#fff;}
.foot_info p{width:100%; height:25px; line-height:25px; float:left; color:#fff;}
.foot_info p a{color:#fff;}
.foot_info p a:hover{text-decoration:underline;}

#about_menu{width:100%; height:40px; float:left; background:#c1cbcd;}
.about_menu{width:1000px; height:40px; line-height:40px; margin:0 auto;}
.about_menu h1{width:179px; height:40px; line-height:40px; float:left; background:#3f72a7; color:#fff; font-size:18px;text-align:center;}
.about_menu ul{width:821px; float:left;}
.about_menu ul li{width:130px; height:40px; line-height:40px; text-align:center; background:url(../images/gx_bd3.jpg) right center no-repeat;}
.about_menu ul li a{float:none; color:#292929;}
.about_menu ul li a:hover{text-decoration:underline;}

#main{width:100%; float:left; margin-top:15px;}
.main{width:1000px; margin:0 auto;}
.about_title{width:100%; height:50px; line-height:50px; float:left; background:url(../images/xgray_line01.png) repeat-x bottom; color:#e20123;}
.about_title h1{width:400px;font-size:24px; font-weight:bold; margin-left:10px;}
.about_title span{float:right; width:570px; text-align:right; margin-right:10px;}
.about_title span a{float:none; color:#292929;}
.web_body{width:95%; float:left; padding:20px 25px 0px 25px;}
.web_body p{float:left; width:100%; line-height:30px; text-indent:2em; color:#292929;}

/* gallery */
.zoomed > .gallery{-webkit-filter:blur(3px);filter:blur(3px);}
.gallery{width:950px;}
.gallery li{float:left;margin:10px 28px; width:180px;}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a,.gallery li img{float:left; width:185px; height:135px;}
#zoom {z-index: 99990;position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content {z-index: 99991;position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;background: #ffffff no-repeat 50% 50%;padding: 0;margin: -100px 0 0 -100px;box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);border-radius: 4px;}
#zoom .content.loading {background-image: url('../images/loading.gif');}
#zoom img {display: block;max-width: none;background: #ececec;box-shadow: 0 1px 3px rgba(0,0,0,0.25);border-radius: 4px;}
#zoom .close {z-index: 99993;position: absolute;top: 0;right: 0;width: 49px;height: 49px;cursor: pointer;background: transparent url('../images/close.png') no-repeat 50% 50%;opacity: 1;filter: alpha(opacity=100);border-radius: 0 0 0 4px;}
#zoom .previous,#zoom .next {z-index: 99992;position: absolute;top: 50%;overflow: hidden;display: block;width: 49px;height: 49px;margin-top: -25px;}
#zoom .previous {left: 0;background: url('../images/arrows.png') no-repeat 0 0;border-radius: 0 4px 4px 0;}
#zoom .next {right: 0;background: url('../images/arrows.png') no-repeat 100% 0;border-radius: 4px 0 0 4px;}
#zoom .close:hover {background-color: #da4f49;}
#zoom .previous:hover,#zoom .next:hover {background-color: #0088cc;}

#pages{width:100%; line-height:20px; float:left; margin-top:20px;}
#pages a{border:1px #d6d6d6 solid; text-align:center; font-size:12px; margin:0 5px; padding:0 10px; border-radius:5px; color:#863216;}
#pages a:hover{color:#fff; background:#863216;}
#pages span{border: 1px #d6d6d6 solid;text-align: center;font-size: 14px;margin: 0 2px;padding: 0 10px;border-radius: 5px;background-color: #863216;float: left;color: #fff;}

.news_list li{width:100%; height:30px; line-height:30px;border-bottom: 1px dashed #c6c6c6; color:#acacac; background:url(../images/new_ico.png) center left no-repeat; padding-left:15px; margin:7px 0px;}
.news_list li a{color:#292929; margin-left:10px;}
.news_list li a:hover{color:#863216;}
.news_list li span{float:right; margin-right:10px;}

.news_title{width:100%; height:35px; line-height:35px; float:left; text-align:center; font-size:16px; color:#863216; font-weight:bold;}
.news_info{width:100%; height:30px; line-height:30px; text-align:center; border-bottom:1px #ccc dashed; float:left;}
.news_body{width:100%; float:left; margin-top:20px;}
.news_body p{margin:0px; line-height:30px; text-indent:2em; width:100%;}

.product_list li{width:220px; float:left; margin:10px 8px;}
.product_list li img{width:220px;height:210px;}
.product_list li span{width:100%; height:30px; line-height:30px; float:left; text-align:center;}
.product_list li a{color: #5e5e5e; font-size:14px; font-weight:bolder;}
.product_list li a:hover{color:#863216;}

.product_title{width:100%; height:40px; line-height:40px; float:left; text-align:center; font-size:16px; font-weight:bolder; color:#454545;}
.product_img{width:500px; float:left; margin:0px 225px;}
.product_img img{width:500px;}
.product_description{width:100%; float:left; margin-top:20px; border-top:1px #5e5e5e dashed;}
.product_description span{width:100%;font-size:20px; font-weight:bolder; color:#5e5e5e; margin:10px 0px;}
.product_description p{width:100%; line-height:30px; margin:0px; text-indent:2em;}

.contact {width: 60%; height: 268px; float: left; background: url('../images/contact_bg.png') no-repeat 100px 0px; border-bottom: 1px #ccc solid; margin-top: 20px; padding-left: 320px; overflow: hidden;}
.contact h2 { float: left; width: 100%; font-size: 1.5em; color: #863216; font-weight: bolder;}
.contact p { float: left; text-indent: 0em; width: 100%; margin: 0px;}