@charset "utf-8";
@font-face{font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');}

/* CSS Document */


body{BACKGROUND: #fff; COLOR: #666; font: normal 14px "微软雅黑",Tahoma,"Lucida Grande",Verdana,STXihei,hei;  vertical-align:baseline; }
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
ul,li{list-style:none; margin:0 auto}
.clear{clear:both;}
.hidden{display:none;}
IMG{border:none;max-width:100%}
A{COLOR: #666; TEXT-DECORATION: none}
A:hover{TEXT-DECORATION: none;}
img{border: none; vertical-align: middle;}
h1,h2,h3 { font-size:100%}
.center { width:100%; margin:50px 0; text-align:center}
p.sj { text-indent:2em; line-height:2em}
p.title_ten { color:#ccc; font-size:24px; font-weight:bold; text-transform: uppercase}
p.title_tcn { color:#000; font-size:18px; font-weight:bold;}
p.line { height:1px; width:50px; margin:30px 0; background:#000; }
.ny_table td { padding:20px 0;vertical-align:text-top;}
.ny_table td:hover { background:#f5f5f5;}
.ny_table td.blue { font-size:18px; color:#a7131c}

.content { font-size:14px; }
.content h1 { font-size:20px; color:#333; margin:20px 0;}
.content p { text-indent:2em; line-height:2em}
.content p img { text-indent:0;}


.tzrx { position:relative;  width:100%; }
.tzrx p.text { margin:20px 0;}
.tzrx li.l { width:500px; float:left;height:500px;}
.tzrx li.r { width:300px; float:right; height:500px;}
.tzrx ifrome { width:300px; height:500px; background:#006633; overflow:hidden}

/* 滑动门通用样式*/

/* tabbed_content */

.tabbed_content{background-color:none;width:520px;}

.tabs{width:100%;height:60px;position:relative; overflow:hidden;}

.tabs .moving_bg{width:35px;height:37px;border-bottom:solid 1px #666;position:absolute;z-index:190;left:0;background-position:bottom left;background-repeat:no-repeat; overflow:hidden; }


.tabs .tab_item{width:80px;z-index:200;position:relative;cursor:pointer; font-size:18px; font-weight:normal;overflow:hidden;}


.tabs .tab_item:hover{color:#a7131c;}

.tabbed_content .slide_content{overflow:hidden;background-color:none;position:relative;width:100%;}

.tabslider{width:400%}

.tabslider ul{float:left;margin:0px;width:25%;text-align:left;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* padding和border被包含在定义的width和height之内 */background:none;}


.tabslider ul a{text-decoration:none;}

.tabslider ul a:hover{color:#000;}

.tabslider .hidden div{padding:10px 10px;_padding:10px 0;*padding:10px 0;font-size:16px;}


#fenchang li { border-bottom:1px dotted #999; padding:30px 0; position:relative; overflow:hidden;}
#fenchang img { width:240px; margin:0 30px 0 0; float:left}
#fenchang h1 { font-size:18px; font-weight:normal; color:#000; margin-bottom:10px;}


#index_main { width:100%;background:#eee;}
#index_mainul { width:1200px; height:390px; overflow:hidden;  margin:auto; padding-top:55px; padding-bottom:55px;}
#index_main h1 { font-size:18px; font-weight:normal; }
#index_main font { display:block; width:35px; height:1px; margin:15px 0; background:#666;}
#index_left{ width:300px; height:390px; margin-right:40px; float:left}
#index_center{ width:300px; height:390px; margin-right:40px;float:left}
#index_right{ width:520px; height:390px; float:right; }
#index_main .intext { width:300px; height:165px; overflow:hidden; background:#fff}
#index_main .intext li { padding:25px;}
#index_main .intext li h2 { font-size:16px; margin-bottom:10px;}
#index_main .intext li p { font-size:12px;}

.index_goodnews { width:520px; height:162px; overflow:hidden}
.newsleft { float:left; width:225px; margin-right:30px;}
.newsright{ float:right; width:235px; }
.index_news { width:520px; line-height:25px;  border-top:1px dotted #666666; padding-top:10px; margin-top:10px; font-size:14px;}
.index_news li { width:400%; height:25px;overflow:hidden;}
.index_news span { width:80px; display:block; float:left}
.index_goodnews img { width:256px; height:162px;}
.index_goodnews a h2 {}
.index_goodnews a p { color: #999;  }


#wenhuamain { width:1200px; margin:0 auto; margin-top:50px; margin-bottom:50px; }
.mainul h1 { text-align:center; font-size:24px; font-weight:normal; margin-top:50px;color:#000;}
.mainul h2 { text-align:center; font-size:14px;color:#000;margin-bottom:20px;}
.mainul h3 { font-weight:normal; font-size:18px; color:#000; margin-top:50px; margin-bottom:30px;}
.mainul h3 p { font-size:16px; color:#999;}
.mainul li { border-bottom:1px dotted #ddd; padding:20px 0; width:100%; position:relative; overflow:hidden }

.mainul li span { display:block; float:left; margin-right:20px; font-size:14px; color:#000; }
.mainul li font { display:block; float:left; margin-right:20px; color:#999}
.mainul li div { float:left; width:960px;}

.content p { margin-bottom:10px; line-height:25px;}
.content br { margin-bottom:10px; display:block;}

.mainul li:hover { background:#f9f9f9;}

.qiyewenhua { width:100%; background:#f6f6f6; position:relative; overflow:hidden}

.wenhualist { width:100px; position:fixed; top:300px; right:20px;  }
.wenhualist a:hover { background:#a7131c;}
.wenhualist a { background:#666; color:#fff; display:block; margin-bottom:3px; font-size:12px; padding:10px; font-size:12px	}

#gaishu { margin-top:100px;}

.wenhuany { width:1080px; margin:0 auto; margin-top:20px; margin-bottom:50px; background:#fff; padding:60px;}
.wenhuany h1 { font-size:24px;color:#000; text-align:center; margin-bottom:30px;}
.wenhuany p { margin-bottom:20px; text-indent:2em; font-size:16px; line-height:30px;}
.wenhuany p strong { color:#333}

/* top */

#head{width:100%; height:110px;}
#top{width:1200px; margin:auto; position:relative;}
.logo{position:absolute; top:35px;}

.topmenu{width:1200px; margin:0 auto; height:40px; background: url(topmenubg.jpg) right top  no-repeat ; position:relative; font-size:12px;}
.topmenu ul{position:absolute; right:0;}
.topmenu ul li{float:left;  height:40px;  margin-top:5px; position:relative}
.topmenu ul li a {border-left:1px solid #eee;  height:20px;line-height:20px; display:block; padding:0 20px; }
.topmenu ul li.fdj img{width:20px; height:20px;}
.topmenu ul li.zgs a {background: url(jt.png) right no-repeat; padding:0 45px 0 20px; margin-right:10px;}
.topmenu ul li.lg a{background: url(lng.png) right no-repeat; padding:0 45px 0 20px; margin-right:10px;}
.topmenu ul li a, #top ul li a:visited{display:block; text-align:center; text-decoration:none;}
.topmenu li.gp a{color:#a7131c; border:none;}

form { display:block; width:300px;}
input.tb { width:150px; height:30px; float:left; color:#666 }
input.button {width:50px; height:30px;float:left;}

.topmenu ul li ul{display:none;z-index:999;}
.topmenu ul li:hover ul {display:block;background:#555;position:absolute; top:28px; left:0;  padding:20px; z-index:999;}
.topmenu ul li:hover ul li{border:0; line-height:30px; height:30px; float:none;}
.topmenu ul li.zgs:hover ul{width:200px;  }
.topmenu ul li.fdj:hover ul{width:200px; padding:10px; left:-170px;}
.topmenu ul li:hover ul li a{display:block; color:#CCCCCC; padding:0; border:0; background:none}
.topmenu ul li:hover ul li a:hover { background-color:#666666; display:block; }


#menu{width:1200px; margin:auto; height:65px; position:relative; margin-top:5px;z-index:699;}
#menu ul.menuul{position:absolute; right:0; height:65px; line-height:60px;}
#menu ul.menuul li.menuli{float:left; font-size:16px;height:65px; position:relative;}
#menu ul.menuul li.menuli a{padding:0 20px; }
#menu ul.menuul li.menuli:hover {  background:#a7131c}
#menu ul.menuul li.menuli:hover a {color:#fff;}

#menu ul li.menuli:hover ul.subnav{opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
#menu ul li.menuli ul.subnav{transition: all 0.3s ease-out 0s;position: absolute;width: 210px; padding-top:7px; margin-left:71px;  opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);}
#menu ul li.menuli ul.subnav li{border-bottom: #666 1px solid}
#menu ul li.menuli ul.subnav li a{ padding: 14px 30px;width: 150px;height: 20px;line-height: 20px;background:url(black40.png);display: block;color: #fff;font-size: 12px;}
#menu ul li.menuli ul.subnav li a i{float: right;margin-top: 5px;transition: all ease-out .2s;opacity: 0}


.fa-angle-down{color: #9E9E9E; margin-left: 8px; font-size: 12px;}
.fa-angle-down:before{content: "\f107";}
.fa-angle-right:before{content: "\f105";}
.fa{display: inline-block;
font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: inherit; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-left: 10px;}


.banner{width:100%; height:500px; background:#e9fffa}



/* top end */



/*home banner*/
#demo01 img  { width:680px; height:545px;}
#demo01 { width:680px;}

#demo01 .flex-control-nav { text-align:left;} 
.flexslider{position: relative;height: 500px;overflow: hidden;}
.slides{position: relative;z-index: 1;}
.slides li{height: 500px;}
.slides li a{display: block;height: 500px;}
.flex-control-nav{position: absolute;bottom: 30px;z-index: 2;width: 100%;text-align: center;}
.flex-control-nav li{display: inline-block;width: 14px;height: 14px;margin: 0 8px;
*display:inline;zoom: 1;}
.flex-control-nav a{display: inline-block;width: 10px;height: 10px;line-height: 40px;overflow: hidden;background: url('dot.png') no-repeat;cursor: pointer;}
.flex-control-nav .flex-active{background: url('dot_hov.png') no-repeat}
.flex-direction-nav{position: absolute;z-index: 3;width: 100%;top: 45%;}
.flex-direction-nav li a{display: block;width: 30px;height: 30px;overflow: hidden;cursor: pointer;position: absolute;}
.flex-direction-nav li a.flex-prev{left: 40px;background: url('prev.png') center center no-repeat;}
.flex-direction-nav li a.flex-next{right: 40px; background: url('next.png') center center no-repeat;}

/* banner end */


/* bottom  */
#bottom { width:100%; background:#575757;  }
#bottommenu { width:1200px; margin:auto; overflow:hidden; padding-top:30px; padding-bottom:30px; }
#bottommenu ul { float:left; width:150px;}
#bottommenu ul li { line-height:30px; font-size:12px;}
#bottommenu ul li a { color:#FFFFFF}
#bottommenu ul h1 { color:#ddd; font-size:14px;}
#bottomtext { text-align:center; height:50px; background: url(bottombg.jpg); line-height:50px;}
#bottomtb { float:right}

 #wechat { display:inline-block;width: 120px;height: 16px;line-height:16px;background-image: url("wechat.png");background-repeat: no-repeat; margin: 0 0 0 10px;position: relative;cursor:pointer;padding:0 0 0 10px;
        }

        #code {display: none;width: 136px;height: 147px;background-image: url("code.png");background-repeat: no-repeat;position: absolute;left: -60px;
            bottom: 20px;
        }

        #wechat:hover {background-image: url("wechatH.png"); color:#000066
        }

        #wechat:hover>#code{
            display: block;
        }


/* bottom end */



.owl-demo{position:relative;width:300px;height:160px;margin:20px auto 0 auto;}
.owl-demo .item{ position:relative;display:block;}
.owl-demo img{display:block;width:300px;height:160px;}
.owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:30px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
.owl-demo span{position:absolute;left:5px;bottom:5px;width:100%;font:12px "微软雅黑","黑体";color:#fff;text-align:left;}

.owl-pagination{position:absolute;right:0; bottom:10px;width:100%;height:10px; text-align:right}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:20px;height:40px;margin-top:-30px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(bg17.png);}
.owl-next{right:0;background-image:url(bg18.png);}
.owl-prev:hover{background-image:url(bg19.png);}
.owl-next:hover{background-image:url(bg20.png);}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}




#news { width:100%; height:628px; background:url(index_newsbg.jpg) top center no-repeat; overflow:hidden;}

#newsmenu{ margin-top:110px;  text-align:center; position:relative; color:#fff;}
#newsmenu ul li{display:inline-block; zoom:1; *display:inline; margin-top:50px;}
#newsmenu ul li a{color:#fff; width:100%; border:1px solid #fff; height:100%; padding:5px 50px; margin:10px;}
#newsmenu ul li a:hover{background:#4e96cd;}

#index_news { width:1200px; margin:auto;  margin-top:50px; font-size:0;position:relative;}
#index_news ul { width:1300px; overflow:hidden;}
#index_news ul li { width:292px; margin-right:10px; background:#fff;  display:inline-block; zoom:1; *display:inline; overflow:hidden;vertical-align:top; }
#index_news ul li img { width:292px; height:186px;}
#index_news ul li h1 { font-size:14px; height:40px; margin:0 0 10px 0;}
#index_news ul li p { font-size:12px; color:#999; width:100%; line-height:18px; height:50px; overflow: hidden;}
#index_news ul li span { height:19px; width:19px; position:absolute; bottom:10px; right:20px; background:url(newssp.jpg) no-repeat;}
#index_news ul li:hover {opacity: 0.8;}
#index_news ul li:hover h1 { color:#a7131c}
.ncon { border-right:1px solid #eee;border-bottom:1px solid #eee;  padding:20px; height:120px; position:relative}

#pr { width:100%;  background:#eee; text-align:center}
#pr ul { width:1200px; overflow:hidden; margin:auto; padding-bottom:30px;}
#pr ul li { float:left; width:600px; height:335px;  cursor:pointer;}
#pr ul li.l { background:url(p1.jpg) no-repeat;}
#pr ul li.r { background:url(p2.jpg) no-repeat; }
#pr ul li.l:hover { background:url(p1a.jpg) no-repeat;}
#pr ul li.r:hover { background:url(p2a.jpg) no-repeat;}
#pr a { display:block; width:100%; height:100%;}




#wuda { width:100%;  background:#eee; overflow:hidden; }
#wuda img { max-width:100%;}
.wudacon { width:1200px;  margin:auto; }
#wuda .ileft { width:300px; height:416px; float:left; margin-bottom:50px;}
#wuda .iright { width:900px; height:416px; float:left}


.index_zs { width:290px; height:416px; position:relative; overflow:hidden; background-color:#FFFFFF}
.index_zs  ul { width:260px; margin:auto; overflow:hidden;}
.zs_bt { height:60px; line-height:70px;}
.zs_bt a { font-size:21px; color:#a7131c}
.zs_bt span { margin-left:10px; font-size:12px; }
.zs_img { width:260px; height:150; overflow:hidden; position:relative;}
.zs_img span { position:absolute; height:30px; width:100%; background:url(htbg.png) repeat; color:#FFFFFF; bottom:0; line-height:30px; text-align:right; font-size:12px;}
.zs_img span p{ padding-right:10px;}
.zs_title { height:40px; line-height:40px; }
.zs_title a {font-size:14px; color:#000}
.zs_p { font-size:12px; height:70px; overflow:hidden; margin:15px 0;}
.zs_p a { color:#999;}
.zs_span { height:2px; width:30px; background:#666; margin-left:0;}
.zs_more a { width:42px; height:9px; background:url(more.jpg) left top; display:block;}
.zs_more a:hover {  background:url(morea.jpg) left top;}
.zs_time { position:absolute; bottom:0; width:260px; height:33px; border-top:1px solid #eee;}
.zs_time a { display:block; position:absolute; height:18px; font-size:12px; top:5px; color:#ccc; padding-left:15px;}
.zs_time .l { background:url(zan.jpg) no-repeat left center; }
.zs_time .r { right:0;background:url(time.jpg) no-repeat left center; }

.index_hd li { float:left; width:300px; height:208px; background:#fff}
.index_hd li.hd04 { background:url(index_hd04.jpg) no-repeat;} 
#huodong_list { padding:20px;}

.index_hd h1 a { height:50px; line-height:50px; font-size:21px; font-weight:normal;  color:#a7131c}
#huodong_list h1 a { height:50px; line-height:50px; font-size:21px; font-weight:normal;}
#huodong_list li { height:20px; background:none }
#huodong_list a { color:#FFFFFF; font-size:12px;}
.rfd { padding:30px;}
.rfd span { display:block; height:19px; width:19px; background:url(wudaspan.jpg) no-repeat; margin-top:20px;}

#bg { width:100%; height:600px; position:relative; overflow:hidden; overflow:hidden; background:url(../images/bg.jpg) no-repeat top center #666; text-align: center}
.scroll-img {width: 1200px; height: 400px;overflow: hidden;font-size: 0;margin:auto; margin-top:140px;position:relative;
}
.scroll-img ul li {	display: inline-block;	margin: 10px 10px 10px 0; float:left; background:#fff; height:400px;width:292px;overflow:hidden; text-align:left
}
#demo5.scroll-img ul {width: 5000px;
}
#demo5 img { width:292px; height:204px;}
#demo5 h1 { font-size:18px; font-weight:normal; color:#000;  line-height:20px; padding:10px 20px; overflow:hidden }
#demo5 p { font-size:12px; padding:0 20px;}
#demo5 a { width:100%; height:100%; display:block; }
#demo5 span { color:#a7131c; display:block; margin:20px 20px; font-size:12px; width:80px; height:20px; background:url(wudaspan.jpg) no-repeat right top;}
#demo5 h1:hover,#demo5 p:hover {color:#a7131c;}


#demo5-btn {width: 1300px; position: absolute; overflow:hidden; height:100px;  top:330px; margin-left:-650px; left:50%;
}
#demo5-backward { left:0; background: url('prev.png') center center no-repeat;}
#demo5-forward { right:0;background: url('next.png') center center no-repeat;}
.btn { width:30px; height:30px;position:absolute; cursor: pointer; outline:none;}
.btn i {outline:none; }


.bg { width:100%; height:93px; background:#666;}
.menu { width:100%; height:80px; border-bottom:1px solid #eee; overflow:hidden}
.menulist { width:100%; height:80px; border-bottom:1px solid #eee; overflow:hidden}
.menulist div.menu{ width:1200px; margin:auto}
.menu ul { width:1200px; margin:auto}
.menu p { width:1200px; margin:auto; display:block; position:relative}
.menu  h1 { line-height:80px; float:left; font-weight:normal; background:url(home.png) no-repeat left; padding-left:20px;}
.menu  h1 a { margin:5px;}
.menu ul li { float:right; margin: 0 10px;line-height:80px; }
.menu ul li a { border:1px solid #eee; padding:7px 30px;}
.menu ul li a:hover { background:#a7131c; color:#fff;}
.current { background:#a7131c; color:#fff;}

#zgsmenu a { border:1px solid #eee; padding:7px 30px; height:40px; line-height:40px; display:block; text-align:center; margin-bottom:10px;}
#zgsmenu a:hover { background:#a7131c; color:#fff;}


#bg_about {background:url(../images/bg_about.jpg) center top no-repeat;}
#bg_pr {background:url(bg_product.jpg) center top no-repeat ;}

#main {width:1200px; margin:auto;   min-height:500px;  overflow:hidden}
#main img { max-width:100%;}
.left {width:850px; padding-right:25px; float:left; border-right:1px solid #eee; overflow:hidden;}
.left ul { padding:25px 25px 0 0; }

.right { width:324px; float:right;}
.right ul { padding:25px 0 0 25px;}
.right img { margin-bottom:10px;}

.title { width:1200px; margin:auto; margin-top:35px;}
.title img { width:100%;}

#newslist li { width:100%; height:auto; overflow:hidden;  border-bottom:1px dashed #ddd;}
#newslist li:hover {background:#f9f9f9; }
#newslist li span { font-size:12px; color:#999; display:block; margin-bottom:10px;}
#newslist li span.boxright { height:60px; width:100px; background: #c60000; display:block; color:#FFFFFF; float:left;}
#newslist li a { float:left; display:block; width:100%; height:auto; padding:20px 0 20px 10px;}
#newslist li h2 { font-size:18px; font-weight:normal; color:#000;margin-bottom:10px;}
#newslist li p { color:#a6a6a6; font-size:12px;}
.topic { text-align:center; width:100%; margin-bottom:35px;}
.topic h1 { font-size:20px; color:#333}
.topic p { font-size:12px; color:#999; margin-top:5px;}
#main_content {padding:25px 25px 50px 0; }

.content  { font-size:14px;}
.content strong { font-size:16px; color:#333; font-weight:bold	}
.content img  { margin:auto}

.back { width:100%; position:relative; overflow:hidden; text-align:center;margin:50px 0;}
.back a { border:1px solid #ddd; padding:5px 0; width:150px; color:#666;  display:block; margin:auto; position:relative}
.back a:hover { background:#a7131c; color:#fff;}

.product_index_topic {width:100%; height:170px; background:#eee; position:relative; overflow:hidden; }
.product_index_topic ul {width:1200px;   margin:auto; position:relative; }
.product_index_topic h1 { text-align:center; color:#000; text-transform:uppercase; top:45px; font-size:24px; font-weight:normal; position:absolute; width:200px; left:500px; background:#eee; z-index:51;}
.product_index_topic p { width:660px; left:270px;  margin:auto; color:#999; text-align:center; font-size:12px; position:absolute; top:90px; }
.product_index_topic span { display:block; width:1200px; height:1px; position:absolute; z-index:50;}
.product_index_topic .sp1 { background:#ddd;top:60px;  }
.product_index_topic .sp2 { background:#fff;top:61px;  }

.product_index { width:100%;background:#eee; position:relative; overflow:hidden; padding-bottom:50px;}
.product_index ul { width:1260px;   margin:auto; }
.product_index li { position:relative; width:49.9%; height:450px; float:left; margin:0; padding:0;  }
.product_index h1 { margin:15px 0 10px 35px; font-size:18px; color:#000; font-weight: normal;}
.product_index h2 { margin:15px 0 0 35px; font-size:12px; color:#333; }
.product_index span { width:50px; height:1px; display:block; background:#666; margin:0 0 0 35px ;}
.product_index a { display:block;background:#FFFFFF; width:580px; height:320px;border-radius:5px; margin-left:30px; margin-top:30px; position:relative; overflow:hidden;-webkit-transform:rotate(0deg)}
.product_index a:hover { box-shadow: 0 0 15px #ccc;}
.product_index img { width:100%; }
.product_index p { width:510px;  margin:0 0 0 35px;  line-height:18px; color:#333; font-size:12px; color:#666  }



#productlist ul { width:900px; overflow:hidden}
#productlist li { width:270px;  text-align:center; float:left; overflow:hidden; margin-right:18px; margin-bottom:18px; background:#eee }
#productlist li img { width:270px; height:200px;}
#productlist li p { display:block; width:270px; height:30px; line-height:30px;}

#product_bg { width:100%; overflow:hidden; text-align:center; position:relative; height:500px; z-index:118;}
#product_bg img { position:absolute; height:500px; left:50%; margin-left:-960px; width:1920px;}
 
#zhaopinlist { width:100%; background: url(../images/zpbg.jpg) no-repeat center top #f1eff2 } 
#zhaopintitle { width:1200px; margin:auto}
#zhaopintitle h1 { font-size:24px; color:#0068b7; padding-top:100px;}
#zhaopintitle p { width:900px; margin-top:20px; text-indent:2em; line-height:2em}
#zhaopintitle table { margin-top:140px; text-align:center}
#zhaopintitle .tit1 { height:50px; background:#666; color:#fff; font-size:16px; }
#zhaopintitle .tit1 td {border:0;}
#zhaopintitle td { border-bottom:1px dashed #999; padding:15px 0}
#zhaopintitle .ck { display:block; background: #00a0ea; color:#fff; padding:7px 0;}
#zhaopintitle .ck:hover {background: #a7131c;}
#zhaopincon { width:100%; background: #f1eff2; } 

#wenhua_con { width:100%; background: url(../images/wenhuabg.jpg) no-repeat center top #b5e4ae ;}
#wenhua_content { background:#fff; margin-top:25px;
background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80);/*实现IE背景透明*/}
/*实现IE文字不透明*/

#wenhua_content .bj { padding:30px 0 30px 30px;}







/* gbook  */
#gbooklist {  color:#333; font-size:12px;}
#gbooklist ul {border-bottom:1px dashed #ccc; padding:30px 0;  zoom: 1; overflow:auto;   }
#gbooklist ul li { width:800px; margin-bottom:30px; vertical-align:top;}
#gbooklist ul li span { display:inline-block;  *display:inline;zoom:1; vertical-align:top; width:100px; overflow:hidden; text-align:center;} 
#gbooklist ul li p {display:inline-block; *display:inline; zoom:1;vertical-align:top; width:660px;overflow:hidden; border-radius:10px ; padding:10px; line-height:20px; 	  }
#gbooklist span img { -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; width:50px;}
#gbooklist .liuya { float:left; }
#gbooklist .huifu { float:right; margin-bottom:0; margin-top:-10px;}
#gbooklist .liuyan p { background:#f5f5f5; margin-left:10px; font-size:12px; }
#gbooklist .huifu p { background: #d3e7f6; margin-right:10px; font-size:12px;}
.anniu a { display:block; font-size:16px; width:200px; height:30px; color:#fff; line-height:30px; background:#0068b7; text-align:center;  margin: 0 auto; margin-top:20px; margin-bottom:20px;}
.anniu a:hover { background:#666;}

#gbookcontent li { width:800px; overflow:hidden;line-height:25px; margin:20px 0;}
#gbookcontent span { float:left; margin-right:50px;}

#gbookcontent input , #gbookcontent select{ border:1px solid #bbb; height:25px; line-height:25px; color:#666;border-radius: 5px; outline:none;  }
#gbookcontent input.button { margin-right:10px; width:100px; height:30px; line-height:30px; background:#0068b7 ; border:0; color:#fff; cursor: pointer; border-radius: 3px;}
#gbookcontent textarea { border:1px solid #bbb;  line-height:25px; color:#666;border-radius: 5px; outline:none; }
#gbookcontent li.img img { height:25px; width:25px;}
/* gbook end  */






@media screen and (max-width: 1300px) { 
}



.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block; *display:inline;zoom:1;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin-bottom:50px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.myButton:active {
	position:relative;
	top:1px;
}
.cutepage {TEXT-ALIGN: center; margin:20px 0;}



.jszctitle { text-align:center; width:100%; font-size:24px; color:#000; font-weight:normal; margin-bottom:20px;}
.jszccontent { text-indent:2em; line-height:2em}
.jszccontent img { margin:50px;}
.jszct2 { margin:30px 0 0 0; font-size:18px; padding-bottom:10px; border-bottom:1px dotted #ddd; width:100%;}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:100%; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/rongyu/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/rongyu/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/rongyu/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/rongyu/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/rongyu/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

.meta{ text-align:center;}
.meta a{color:#333; text-decoration:none}

.mod_gallerylist{width:950px;margin:0 auto; }
.mod_gallerylist ul { width:1000px; overflow:hidden}
.mod_gallerylist li {margin:0 4px 0 0; display: inline-block;	*display:inline;	zoom:1; }
.mod_gallerylist li img { width:100%; border:1px solid #ddd; padding:2px;}
.mod_gallerylist h1 span { font-size:40px; color:#d60000; font-style:italic; margin-right:10px;}
.mod_gallerylist h1 { width:100%; border-bottom:1px dashed #999; margin-bottom:20px; margin-top:20px; padding-bottom:10px;}

	
.layout_default{ margin:5px; display: inline-block;	*display:inline; zoom:1;}
.image_container { width:260px; height:180px; background:#f9f9f9; overflow:hidden; border:1px solid #CCC; padding:3px; text-align:center; display: inline-block;	*display:inline;	zoom:1;}
.image_container img{ height:100%; width:auto; max-width:100%;  }