@charset "utf-8";

/*公共样式*/
body{ padding:0px; margin:0px auto; font-size:12px; line-height:23px; color:#555555; font-family:"微软雅黑",Arial,"宋体"; overflow-x:hidden; background-size:auto 100%; background: #f5f5f5 url(../images/topbg.gif) 0px top repeat-x;}
ul,li,form, dl,dt,dd, div,aside,figcaption,article,h1,h2,h3,h4,h5,h6,p,i{ font-style:normal;padding: 0px; margin: 0px;list-style:none;}
figcaption,nav,article,header,aside,footer,time,section{ display:block; margin:0px;}
select,input,em,textarea{ font-family:"宋体"; font-size:12px; font-style:normal; color:#555555;}
img{ border:none; border:0;}
a{ text-decoration:none;noline: expression(this.onFocus=this.blur()); color:#666666;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:hover{ color:#ff7300; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());} 
:focus{outline:none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}
.fl{ float:left;}.fr{ float:right;}
.clear{ clear:both;}.clearfix{overflow:hidden;_zoom:1;}

/*font*/
.gray{ color:#999;}
.st{ font-family:"宋体";}
.arial{ font-family:Arial, Helvetica, sans-serif;}

/*top*/
header{ width:957px; margin:0px auto;}
header .top{ height:111px; overflow:hidden;}
header .logo{ float:left; padding:25px 0px 0px 21px; width:254px;}
header .search{ float:left; padding-top:33px;}
header .search .input{ background:url(../images/inputbg.gif) 0px top no-repeat; padding-left:13px; height:32px; line-height:32px; width:421px; color:#818181; border:0px; float:left;}
header .search .btn{ background: transparent url(../images/inputbg.gif) right bottom no-repeat; height:32px; width:35px; cursor:pointer; color:#fff; border:0px;}
header .search .keyword{ clear:both; width:434px; text-align:center; line-height:22px; color:#acacac;}
header .search .keyword a{color:#acacac;}
header .search .keyword a:hover{color:#ff8400;}
header .right{ color:#666; float:right; padding:38px 23px 0px 0px; line-height:20px;}

/* nav */
#navigation{position:relative; height:43px; line-height:43px;}
#navigation li{ float:left;}
#navigation .aon a{color:#fff; display:block;width:159.5px; height:43px; text-align:center; position:relative; font-size:16px;}
#magic-line{position:absolute;bottom:0px;left:0;width:159.5px;height:43px;background:#ffc000; z-index:-1;}
.current_page_item .aon a{color:#fff !important}

.workdate{ border-bottom:1px solid #eaeaea; background:#eeeeee; line-height:35px; height:35px; margin-bottom:32px;}
.workdate dl{ width:956px; margin:0px auto; font-size:14px; color:#444444;}
.workdate dl span{ margin-left:40px;}
.workdate dl a.kf{ background:url(../images/kficon.gif) right center no-repeat; padding-right:25px; color:#f36d00; display:inline-block; vertical-align:middle; margin-right:14px;}

.Contain{ width:956px; margin:0px auto;}
.Containsub{ width:956px; margin:0px auto; background:#fff; height:auto !important; height:350px; min-height:350px; padding-bottom:30px;}


/*footer*/
footer{ background:#357098; clear:both; padding:21px 0px 34px 0px;}
footer .footer{ width:956px; margin:0px auto; line-height:28px; color:#fff;}
footer .footer .link{ padding:23px 0px 14px 0px;}
footer .footer a{ color:#fff;}footer .footer a:hover{ color:#ffcc00;}

/*index style*/

.banner{ height:345px;width: 100%;text-align: center; position:relative; overflow:hidden;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{text-align: center;}
.banner .bd li a{ height:345px; display:block;}
.banner .hd{ width:100%;  position:absolute; z-index:1000;left:0; bottom:15px; height:11px; line-height:11px; text-align:center;}
.banner .hd li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:11px; margin:0px 4px;overflow:hidden;line-height:9999px; background:#f5f5f5;}
.banner .hd .flex-active{ background:#ffc000;}


.catagenav{ background:#ffffff; float:left; width:191px; padding-bottom:13px; margin-bottom:18px; height:auto !important; height:440px; min-height:440px;}
.catagenav .navtitle{ line-height:57px; color:#fff; font-size:20px; background:#ffc000; margin-bottom:14px; text-align:center;}
.catagenav li{ height:27px; line-height:27px; padding:0px 4px 0px 24px;}

.aboutcon{ padding:0px 0px 18px 30px; width:468px; float:left;}
.aboutcon .imgtit{ height:34px; padding-top:7px;}
.aboutcon p{ padding-top:13px; text-indent:2em; line-height:25px;}

.namex{ float:right; width:241px; padding-bottom:18px;}
.namex .tit{ line-height:35px; font-size:17px; color:#000000;}
.namex .rzinfo{ padding:11px 0px 0px 5px; height:33px;}
.namex .rzinfo .year{ margin:0px 11px 0px 7px; display:inline-block; vertical-align:top; width:44px; background:url(../images/line.gif) right center no-repeat; line-height:15px;}
.namex .rzinfo .year b{ color:#d50054;}
.namex .info{ padding:0px 0px 15px 6px; line-height:24px;}
.namex .btn{ padding-left:6px; height:68px;}
.namex .btn a{ border:1px solid #e5e5e5; display:inline-block; margin-right:4px; width:78px; line-height:28px; text-align:center;}
.namex .btn a.go{ color:#ff7300; border:1px solid #ff7300;}
.namex .imgtit{ height:31px; padding-left:7px;}

.dowebok { position: relative; width: 230px; height: 144px; margin: 0 auto; overflow: hidden;}
.dowebok img { display: block; margin:0px auto; max-width:210px; max-height:142px;}
.dowebok .pic{ border:1px solid #dedede; width:210px; height:142px; margin-left:5px;}

.dowebok .flex-viewport { z-index: 1;}
.dowebok .flex-control-nav { display:none;}
.dowebok .flex-direction-nav { position: absolute; z-index: 99; left: 0; top: 54px; height: 34px; cursor:pointer;}
.dowebok .flex-direction-nav a { width: 34px; height: 34px; text-indent: -9999px; overflow: hidden;}
.dowebok .flex-prev { position:absolute; left:0px; background:url(../images/ryarr.png) 0px top no-repeat;}
.dowebok .flex-prev:hover { background-position:0px -34px;}
.dowebok .flex-next { position:absolute; left:195px; background:url(../images/ryarr.png) right top no-repeat;}
.dowebok .flex-next:hover { background-position:right -34px;}

.floor{ height:298px; overflow:hidden; margin-bottom:51px; background:#fff;}
.floor .leftnav{ width:191px; float:left;}
.floor .leftnav .tit td{ line-height:30px; color:#fff; text-align:center;height:90px; padding:0px 10px; font-weight:bold; font-size:20px;}

.floor .leftnav ul{ height:167px;}
.floor .leftnav li{ height:30px; line-height:30px; margin-left:47px;}
.floor .leftnav li a{ color:#777777;}
.floor .leftnav li a:hover{ color:#ff7300;}
.floor .leftnav .more{ margin:0px 3px; background:url(../images/linebg.gif) 0px top repeat-x; padding-left:49px; line-height:30px;}
.floor .leftnav .more a{ color:#c7c7c7;}
.floor .leftnav .more a:hover{ color:#ff7300;}
.floor .bigpic{ position:relative; margin-left:1px; display:inline; width:302px; float:left;}
.floor .bigpic .intro{ position:absolute; top:172px; left:35px; background:url(../images/alpha60.png); font-size:20px; line-height:28px; color:#000000; padding-top:24px; height:86px; width:234px; text-align:center;}
.floor .bigpic a{ cursor:pointer; display:block;}
.floor .bigpic:hover .intro{ color:#ff7300;}
.floor .prolist{ width:462px; float:left;}
.floor .prolist li{ width:153px; height:146px; text-align:center; float:left; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding-top:3px;}
.floor .prolist li img{ display:block; margin:0px auto 3px; width:130px; height:102px;}
.floor .prolist li p{ line-height:16px; padding:0px 10px;}

#floor1 .tit{margin-bottom:9px; background:url(../images/leftnavbg.gif) 0px top no-repeat;}
#floor1 .tit td{ font-size:18px;}
#floor2 .tit{margin-bottom:9px; background:url(../images/leftnavbg.gif) 0px -90px no-repeat;}
#floor2 .prolist li p{ padding:0px 5px;}
#floor3 .tit{ margin-bottom:9px; background:url(../images/leftnavbg.gif) 0px -180px no-repeat;}
#floor4 .tit{ margin-bottom:9px; background:url(../images/leftnavbg.gif) 0px -270px no-repeat;}
#floor5 .tit{ margin-bottom:9px; background:url(../images/leftnavbg.gif) 0px -360px no-repeat;}
#floor6 .tit{ margin-bottom:9px; background:url(../images/leftnavbg.gif) 0px -450px no-repeat;}

.company-album{ padding-bottom:36px;}
.company-album .imgtit{ padding-top:4px; height:35px;}
.company-album .imgtit a.more{ display:block; float:right; width:40px; height:20px; background:url(../images/more.gif);}
.company-album .albumlist{ width:977px; margin-left:-21px;}
.company-album .albumlist li{ text-align:center; position:relative; width:224px; height:250px; float:left; padding-left:20px; font-size:14px; line-height:36px;}
.company-album .albumlist li .num{ background:url(../images/numbg.png); width:63px; height:51px; position:absolute; right:0px; top:141px;color:#fff;}
.company-album .albumlist li .num span{ display:block;
transform:rotate(315deg); padding:20px 0px 0px 15px;
-ms-transform:rotate(315deg); /* Internet Explorer */
-moz-transform:rotate(315deg); /* Firefox */
-webkit-transform:rotate(315deg); /* Safari 和 Chrome */
-o-transform:rotate(315deg); /* Opera */
}

.company-album .albumlist li .img img{ display:block; width:224px; height:192px;}
.company-album .albumlist li a{ display:block; cursor:pointer;}

/*栏目页样式*/
.bansub{ height:208px;}
.submenu{ width:956px; margin:0px auto; position:relative;}

.menu{ width:956px;line-height:50px; margin-top:-52px;background:#fff;}
.menu .titles{ width:198px; line-height:52px; text-align:center; color:#fff; font-size:22px; background:#1a5d8a; float:left;}
.menu ul{ float:left; border:1px solid #ebebeb; width:756px;}
.menu li{ float:left; border:0px; min-width:101px; padding:0px 12px; display:inline-block;*display:inline;zoom:1; text-align:center; border-right:1px solid #ebebeb; font-size:14px;border-bottom:1px solid #ebebeb; margin-bottom:-1px;}
.menu li a{ color:#555555;}
.menu li a:hover,.menu li a.cur{ color:#ff8400;}

.content{ padding:33px 43px 20px 39px; color:#666666; line-height:30px;}

.catagemenu{ clear:both; background:#efefef; line-height:28px; margin:20px 24px 0px;}
.catagemenu li{ float:left; padding:1px;}
.catagemenu li a{ display:block; padding:0px 20px;}
.catagemenu li a:hover,.catagemenu li a.on{ background:#fff; color:#ff8400;}

.culturelist{ padding:9px 55px 0px 39px;}
.culturelist li{ padding-top:24px; height:142px; background:url(../images/linebg2.gif) 0px bottom repeat-x;}
.culturelist li .img{ float:left;}
.culturelist li .info{ float:right; width:668px; padding-top:2px; color:#666666; line-height:24px;}
.culturelist li .info h2{ line-height:40px; font-size:16px;}
.culturelist li .info h2 a{ color:#555555;}
.culturelist li .info h2 a:hover{ color:#ff7300;}
.culturelist li .info p{ margin-bottom:4px;}
.culturelist li .info a{ color:#ff8400;}

.contact{ background:url(../images/linebg2.gif) 0px top repeat-x; margin-top:26px; padding-top:14px; line-height:30px; font-size:15px;}
.contact .tit{ line-height:65px; font-size:27px;}

.message{ float:left; padding:19px 0px 0px 20px; width:400px;}
.message p{line-height:22px; font-size:14px; font-weight:bold;}
.message dd{margin-bottom:10px;}
.message .send{ padding:10px 0px 35px 0px; margin:0px; color:#666666;}
.message .btn_1 {color:#464646; font-family:"微软雅黑"; font-weight:bold; font-size:14px;height: 28px;width:89px;background: #FFFFFF url(../images/btn_1.gif); border:none; cursor:pointer;}
.message .input_1 { border:0px; padding-left:9px; height:28px; line-height:28px; width:218px; background:url(../images/bg_input.gif) 0px top no-repeat;}
.message .bg_input_2 { background-image:url(../images/bg_input2.gif); width:386px; height:93px; padding:5px 0px 0px 1px;}
.message .input_2 { border:0px;height:86px; line-height:21px; width:380px;}
.message .f_gray3 {color: #414042; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.imgmessage{ float:right; padding:19px 20px 0px 0px;}

.productlist{ padding:32px 0px 0px 0px;}
.productlist li{ text-align:center; width:206px; height:223px; float:left; padding:0px 5px 0px 23px; line-height:35px; font-size:16px;}
.productlist li .img{ background:#fff; border:1px solid #efefef; padding-top:15px; height:149px;}
.productlist li .img img{ display:block; margin:0px auto;}
.productlist li .line{ padding:1px;}
.productlist li:hover .line{ background:#ffc40f;}
.productlist li:hover a{ color:#fff;}

.lineb{ background:url(../images/linebg2.gif) 0px bottom repeat-x; height:30px; clear:both; margin:0px 31px;}

.proinfo{ padding:43px 75px 20px 75px; font-size:14px; line-height:25px;}
.proinfo .img{ padding-top:16px; height:190px; width:250px; float:left; border:1px solid #f0f0f0;}
.proinfo .img img{ display:block; width:220px; height:173px;}
.proinfo .info{ width:500px; float:right; padding-right:24px;}
.proinfo .info .tit{ line-height:46px; font-size:18px; margin-bottom:7px;}
.proinfo .tit-feature{ font-weight:bold; clear:both; font-size:16px; line-height:29px;}


/**/
.page{ text-align:center; clear:both; padding-top:37px; line-height:18px; font-family:Verdana, Geneva, sans-serif;}
.page a{ display:inline-block; border:1px solid #e0e0e0; color:#aaaaaa; margin:0px 1px; padding:0px 7px;}
.page a:hover{ color:#aaaaaa; background:#f0f0f0;}
.page a.a_cur{ color:#aaaaaa; font-weight:bold; background:#f0f0f0;}
.page a.gray{ color:#f3f3f3; color:#cccccc;}


.footer .arial img{width:25px; display:inline-block; vertical-align:middle; padding:0px 5px;}