.layout:after, .clearfix:after { content: "\0020"; display: block; clear: both; height: 0; visibility: hidden; }
.layout, .clearfix { *zoom: 1; }
.td{
font-family:"微软雅黑","宋体"; 
text-decoration:none; 
font-size: 14px;
line-height: 200%;
color: #666;
}
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.f16 { font-size: 16px; }
.f24 { font-size: 24px; }
.f36 { font-size: 36px; }
.m1600 { width: 100%; margin: 0px auto; }
.m1440 { width: 100%; max-width: 1440px; margin: 0px auto; }
#inav a:link, #inav a:visited { color: #666; }
#inav a:active, #inav a:hover { color: #666; }
.topbox { height: 72px; }
.top { position: fixed; width: 100%; left: 0px; top: 0px; background-color: #fff; z-index: 999999; }
.topshow { -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.7); box-shadow: 0 0 3px rgba(0,0,0,0.7); }
.top .logo { float: left; position: relative; z-index: 5; }
.top .logo a { display: block; background: url(../images/logo.png) no-repeat scroll 60px center; width: 348px; height: 22px; text-indent: -99em; padding: 25px 0px 25px 60px; }
.top .english { float: right; display: inline-block; height: 72px; padding: 0px 10px 0px 15px; font: 14px/72px 'PFDinDisplayProLight',"times new roman"; letter-spacing: 0.2em; color: rgb(254,254,254); text-transform: uppercase; background-color: rgb(49,169,219); position: relative; z-index: 5; }
.top .english:hover { background-color: rgb(0,97,198); }
.top nav { display: none; position: relative; }
.sidecar-open { display: block; width: 46px; height: 46px; overflow: hidden; background-color: #55a32f; float: right; }
.sidecar-open span { background: url(../images/n_ico2.gif) no-repeat scroll center center; display: inline-block; height: 46px; width: 46px; }
.sidecar-close { background-color: #0B3EAC; }
#inav { position: absolute; width: 100%; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); right: 0px; top: 46px; z-index: 999; box-shadow: 0 1px 1px rgba(43, 43, 43, 0.38); display: none; }
#inav li { border-bottom: 1px solid #ddd; height: 40px; width: 100%; background: url(../images/n_ico.gif) no-repeat scroll 95% center; }
#inav li a { line-height: 40px; display: inline-block; width: 100%; text-indent: 20px; font-size: 14px; }
#inav.push { display: block; }
.nav { border-top: 1px solid rgb(218,218,218); border-bottom: 1px solid rgb(229,229,229); width: 100%; margin: 0px auto; }
.nav li { float: left; display: block; width: 16.666%; background: url(../images/nav_l.gif) repeat-y scroll left center; }
.nav li.line1 { background: none; }
.nav li a { display: inline-block; padding: 26px 0px; text-align: center; width: 100%; font: 14px/22px 'Microsoft YaHei','Microsoft JhengHei','SimHei',"Times New Roman", Times, serif; color: rgb(34,34,34); }
.nav li a:hover { color: rgb(255,255,255); background-color: rgb(49,169,219); }
.nav li.cur a { color: rgb(255,255,255); background-color: rgb(49,169,219); }
.footer { border-top: 1px solid #cccccc; color: #666; position: relative; }
.footer a:link, .footer a:visited { color: #666666; }
.footer a:active, .footer a:hover { color: #0b3eac; }
.footer .fnav { position: absolute; right: 105px; top: 0px; padding-top: 18px; }
.footer .copy { float: left; height: 53px; line-height: 53px; padding-left: 28px; }
.footer .backtop { position: absolute; right: 0px; top: -1px; }
.footer .backtop a { width: 54px; height: 54px; background: url(../images/scroll_top.gif) no-repeat scroll center center; background-size: cover; display: block; text-indent: -999px; overflow: hidden; }
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #b60007; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 0%; background: url(../images/img_lr.gif) no-repeat 0 bottom; }
.bx-wrapper .bx-next { right: 0%; background: url(../images/img_lr.gif) no-repeat right bottom; }
.bx-wrapper .bx-prev:hover { background-position: 0 top; }
.bx-wrapper .bx-next:hover { background-position: right top; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -10px; outline: 0; width: 12px; height: 21px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/*base style end*/
/*index style*/
#ibanner { width: 100%; height: 784px; display: table; vertical-align: middle; background-position: center center; cursor: pointer; background-size: cover; }
#ibanner .bybox { display: table-cell; vertical-align: middle; color: rgb(255,255,255); text-align: center; font-family: 'Microsoft YaHei','Microsoft JhengHei','SimHei',"Times New Roman", Times, serif; letter-spacing: 1em; }
#ibanner .bybox span.f36 { position: relative; top: 5px; }
.btn-link { border: 2px solid #fff; padding: 0px 15px 0px 26px; display: inline-block; height: 40px; margin: 25px auto 0px; font-family: 'Microsoft YaHei','Microsoft JhengHei','SimHei',"Times New Roman", Times, serif; background: url(../images/abg.png) repeat; }
.btn-link span { padding: 10px 24px 10px 0px; display: inline-block; line-height: 20px; color: rgb(255,255,255); letter-spacing: 0.2em; background: url(../images/more_bg.gif) no-repeat scroll center right; }
.btn-link:hover { background: #0B3EAC; }
.ibox-l { width: 60%; float: left; display: block; }
.ibox-r { width: 40%; float: right; display: block; }
.boxheight { height: 392px; color: #0b3eac; cursor: pointer; position: relative; background-position: center center; background-size: cover; }
.boxheight a:link, .boxheight a:visited { color: #0B3EAC; }
.boxheight a:active, .boxheight:hover { color: #0B3EAC; }
.box-padding { padding: 3% 8%; width: 76%; }
.ben { font: 30px/1.2 'PFDinDisplayProLight',"times new roman"; text-transform: uppercase; letter-spacing: 0.1em; color: #0B3EAC; }
.bzh { font: 16px/1.8'Microsoft YaHei','Microsoft JhengHei','SimHei',"Times New Roman", Times, serif; letter-spacing: 0.2em; color: #0B3EAC; }
#probox-ul li { float: left; display: inline-block; width: 50%; }
#probox-ul li .by { padding: 40px 0px 0px; }
#probox-ul li .more { background: url(../images/more_bg2.gif) no-repeat scroll right center; padding-right: 24px; }
#machinerybox .bzh { font-size: 20px; }
.boxpro { position: absolute; left: 0px; top: 0px; height: 390px; width: 100%; display: block; border: 1px solid #cccccc; border-right: 0px none; }
.box-item2 { height: 195px; border-bottom: 1px solid #CCCCCC; width: 100%; border-left: 1px solid #ccc; position: relative; }
.box-item2 .box-padding { padding: 3% 6%; position: relative; z-index: 2; }
.box-item2 .box-img { position: absolute; right: 10%; bottom: 10%; }
#productshowbox { border-top: 1px solid #ccc; height: 194px; }
.imglist li { float: left; display: inline-block; position: relative; width: 50%; height: 392px; overflow: hidden; cursor: pointer; }
.imglist li a { display: block; width: 100%; height: 100%; position: relative; }
.imglist li .img { position: absolute; top: 0px; left: 50%; margin-left: -144px; height: 278px; overflow: hidden; }
.imglist li .txt { position: absolute; left: 0px; bottom: 0px; width: 99.4%; height: 90px; padding-top: 24px; display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #ccc; border-top: 0px none; background-color: #fff; }
.imglist li .txt .ico { background: url(../images/i0.png) no-repeat; width: 11px; height: 6px; overflow: hidden; line-height: 6px; position: absolute; left: 50%; top: -5px; margin-left: -6px; }
.imglist li.imgtop .img { top: auto; bottom: 0px; }
.imglist li.imgtop .txt { bottom: auto; top: 0px; border-bottom: 0px none; }
.imglist li.imgtop .txt .ico { background: url(../images/i1.png) no-repeat; top: auto; bottom: -6px; }
.imglist a img.vt { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 800ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 800ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 800ms; }
.imglist a:hover img.vt { -webkit-transform: scale(1.15, 1.15); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 800ms; -moz-transform: scale(1.15, 1.15); -moz-transition-timing-function: ease-out; -moz-transition-duration: 800ms; transform: scale(1.15, 1.15); transition-timing-function: ease-out; transition-duration: 800ms; }
.imglist a:hover .ben { color: rgb(34, 34, 34); }
.imglist a:hover .bzh { color: rgb(34, 34, 34); }
.newibox dd { float: left; display: block; width: 50%; padding: 50px 0px 38px; }
.newibox-t { border-bottom: 1px solid #ccc; height: 38px; line-height: 8px; width: 84%; margin: 0px auto; }
.newibox-t .zh { font: 14px/38px "microsoft yahei"; color: #666666; }
.newibox-t .en { font: 16px/38px arial, helvetica, sans-serif; color: #000; text-transform: uppercase; padding: 0px 5px; }
.newibox-t .more2 { float: right; text-transform: uppercase; margin: 10px 5px 0px 0px; }
.newibox a:link, .newibox a:visited { color: #666666; }
.newibox a:active, .newibox a:hover { color: #0b3eac; }
.newibox-ulbox { padding: 0px 8%; margin-top: 30px; }
.border-rccc { border-right: 1px solid #ccc; }
.newibox-ul li { padding-bottom: 28px; font: 14px/1.4 "microsoft yahei"; color: #666; }
.newibox-ul li .time { float: left; display: block; width: 112px; }
.newibox-ul li .txt { padding-left: 112px; letter-spacing: 0.1em; }
/*index style end*/
/*about style*/
.pagenav { height: 75px; }
.navfixed { position: fixed !important; top: 72px; left: 0px; z-index: 999; }
.pagenav a:link, .pagenav a:visited { color: #fff; }
.pagenav a:active, .pagenav a:hover { color: #fff; }
.pagenavbox { padding: 25px 0px; background-color: #003479; text-align: center; }
.pagenavbox a { display: inline-block; padding: 2px 15px; margin: 0px 14px; color: #fff; font-family: "microsoft yahei"; }
.pagenavbox a.active { background-color: #26528d; }
.content-wrapper, .content-page { width: 90%; max-width: 1200px; margin: 0px auto; color: #707070; font-family: "microsoft yahei"; }
.m1600 .content-wrapper { overflow: hidden; }
.content-wrapper a:link, .content-wrapper a:visited { color: #666; }
.content-wrapper a:active, .content-wrapper a:hover { color: #0b3eac; }
.content-page { width: 1200px; }
.content-page a:link, .content-page a:visited { color: #666; }
.content-page a:active, .content-page a:hover { color: #0b3eac; }
.page-t { color: #55a32f; margin-bottom: 45px; }
.page-t h2 { font: bold 30px/1.1 "microsoft yahei"; }
.page-t .by { font: 14px/1.5 "microsoft yahei"; padding: 10px 0px 0px; letter-spacing: 0.2em; }
.page-t .by2 { font: 24px/1.5 "microsoft yahei"; }
.page-t .bot { border-bottom: 2px solid #55a32f; width: 58px; height: 15px; }
.information { text-align: justify; letter-spacing: 0.1em; }
#aboutpage { padding: 82px 0px 132px; }
#aboutpage .illustration { width: 466px; float: left; display: inline-block; }
.atxt .l { background: url(../images/y1.gif) no-repeat scroll left top; padding: 25px 0px 0px 48px; color: #7c7c7c; font: 15.8px/1.4 'PFDinDisplayProLight',"times new roman"; }
.atxt .zh { font: 30px/1.1 "microsoft yahei"; color: #003479; }
.atxt .r { background: url(../images/y2.gif) no-repeat scroll right bottom; padding: 10px 42px 0px 0px; font: italic 72px/1.5 "microsoft yahei"; color: #003479; }
.atxt .en2 { background: url(../images/y2.gif) no-repeat scroll right top; padding: 10px 42px 20px 0px; font: italic 30px/1.5 "microsoft yahei"; color: #003479; text-align: left; }
#aboutpage .information { width: 48%; float: right; }
.divider img { width: 25%; position: relative; display: block; float: left; opacity: .6; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: opacity,300ms; -o-transition: opacity,300ms; -webkit-transition: opacity,300ms; transition: opacity,300ms; }
.divider img:hover { opacity: 1; -moz-transition: opacity,300ms; -o-transition: opacity,300ms; -webkit-transition: opacity,300ms; transition: opacity,300ms; }
#coursepage { padding: 100px 0px 150px; }
.honor-list li { padding-bottom: 20px; }
.honor-list li .t { width: 85px; letter-spacing: 0.1em; float: left; display: inline-block; position: relative; line-height: 1.3; }
.honor-list li .t span { font-size: 16px; }
.honor-list li .c { padding-left: 85px; }
#coursepage .information { width: 48%; float: left; }
#coursepage .illustration { width: 465px; float: right; text-align: right; }
#coursepage .illustration .atxt .l { float: none; display: inline-block; width: 334px; text-align: left; }
#coursepage .illustration .atxt .cen { width: 272px; display: inline-block; margin-right: 58px; text-align: left; color: #bcbcbc; text-align: justify; }
#honorpage{ padding: 120px 0px 80px; background-color: #f7f9fa; border-top: 1px solid #dbe2e6; }
#honorpage .information{ width: 48%; float: right; }
#culturepage,#teams { background-color: #f7f9fa; padding: 0px 0px 95px 0px; }
.honor-imgdemo { float: left; width: 378px; position: relative; }
.honor-imgdemo .swiper-slide { text-align: center; }
.honor-imgdemo .swiper-slide .name { padding-top: 5px; }
.culturepage-tbox { color: #fff; width: 100%; background-color: #7f99bc; width: 100%; text-align: center; padding: 40px 0px; margin-bottom: 80px; }
.culturepage-tbox .page-t { color: #fff; margin-bottom: 0px; }
.culturepage-tbox .page-t .bot { border-bottom: 2px solid #fff; margin: 0px auto; }
.culturepage-demo { position: relative; width: 100%; }
.culturepage-demo .culturepage-con li { float: left; display: block; width: 100%; }
.culturepage-con .wl { float: left; width: 42%; color: #707070; letter-spacing: 0.1em; }
.culturepage-con .wl .t { font-size: 24px; }
.culturepage-con .wl .tzh { font-size: 14px; padding-bottom: 25px; }
.culturepage-con .wr { float: right; width: 52%; }
.culturepage-con .wr img { width: 100%; display: block; }
.culturepage-demo .bx-controls { position: absolute; left: 0px; bottom: 0px; width: 42%; }
.culturepage-demo .bx-wrapper .bx-pager { padding: 0px; }
.culturepage-demo .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { height: 36px; color: #fff; font: 14px/36px "microsoft yahei"; width: 100px; text-align: center; background-color: #c8c8c8; letter-spacing: 0.1em; bottom: 0px; left: 50%; margin-left: -50px; z-index: 10000; }
.culturepage-demo .bx-controls-direction { height: 36px; }
.culturepage-demo .bx-wrapper .bx-controls-direction a:active { background-color: #003479; }
.culturepage-demo .bx-wrapper .bx-controls-direction a:hover { background-color: #0b3eac; }
.culturepage-demo .bx-wrapper .bx-prev, .culturepage-demo .bx-wrapper .bx-next { width: 50%; background-image: url(../images/img_lr2.gif); height: 36px; background-color: #707070; margin-top: 0px; top: 0px; }
.culturepage-demo .bx-wrapper .bx-next { background-image: url(../images/img_lr3.gif); }
.culturepage-demo .bx-wrapper .bx-prev { background-position: 20% center; }
.culturepage-demo .bx-wrapper .bx-next { background-position: 80% center; }
/*about style end*/
/*news style*/
#newspage { position: relative; width: 100%; margin: 90px 0px 80px 0px; }
.new-item { /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 2px rgba(0,0,0,0.3); /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ width: 32%; background-color: #fff; *border: 1px solid #efefef; margin-bottom: 40px; }
.new-item a { display: block; width: 96%; padding: 2% 2% 4% 2%; overflow: hidden; }
.new-item a img { width: 100%; vertical-align: middle; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 800ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 800ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 800ms; }
.new-item a:hover img { -webkit-transform: scale(1.1, 1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 800ms; -moz-transform: scale(1.1, 1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 800ms; transform: scale(1.1, 1.1); transition-timing-function: ease-out; transition-duration: 800ms; }
.new-item a:hover .con, .new-item a:hover .con .t { color: #003479; }
.new-item .con { width: 90%; margin: 0px auto; color: #999; }
.new-item .con .t { color: #000000; padding: 15px 0px; font-size: 14px; }
.new-item .con .c { padding-bottom: 22px; }
#loadmore { text-align: center; padding-bottom: 40px; }
#loadmore a { color: #55a32f; text-decoration: underline; }
.pbt6 { padding: 6% 0px; }
.pbt2 { padding: 2% 0px; }
.allnewbox { float: left; display: inline-block; width: 188px; }
.infopage { padding-left: 188px; }
.content-page a.allnews { background: url(../images/i3.png) no-repeat scroll left center; padding-left: 12px; text-transform: uppercase; color: #55a32f; }
.info-t { font: 20px/1.2 "microsoft yahei"; color: #000; }
.info-time { font: 12px/1.8 "arial, helvetica, sans-serif"; color: #707070; padding-top: 5px; }
.info-c { width: 100%; overflow: hidden; padding: 6% 0px; color: #999; }
.info-c img { width: 100%; vertical-align: top; }
.content-page .info-c a:link, .content-page .info-c a:visited { color: #55a32f; }
.content-page .info-c a:active, .content-page .info-c a:hover { color: #0B3EAC; }
.info-paging { border-top: 1px solid #d1d1d1; padding: 15px 0px 0px; line-height: 2.2; }
.content-page .info-paging a:link, .content-page .info-paging a:visited { color: #999; }
.content-page .info-paging a:active, .content-page .info-paging a:hover { color: #0B3EAC; }
/*news style end*/
/*product style*/
.probanner { background-color: #f0f0f0; color: #003479; width: 90%; padding: 0px 5%; }
.probanner .img { float: left; display: block; width: 50%; }
.probanner .img img { width: 100%; display: block; }
.probanner .con { display: block; vertical-align: middle; height: 100%; width: 40%; padding: 8% 0px 0px 5%; float: left; }
.probanner .txt .name { font: 30px/1.2 'PFDinDisplayProLight',"times new roman"; text-transform: uppercase; padding-bottom: 3%; letter-spacing: 0.2em; }
.probanner .txt .zh { font: 20px/1.6 "����"; letter-spacing: 0.2em; }
.probanner .txt .en { font: 14px/1.8 arial, helvetica, sans-serif; }
.probanner .txt .bot { border-bottom: 2px solid #003479; width: 58px; }
.product-list li { float: left; width: 30%; margin: 0px 1% 4%; border: 1px solid #e5e5e5; position: relative; }
.pro-item { display: block; }
.pro-item .img img { width: 100%; display: block; }
.pro-item .c { width: 92%; padding: 0px 3%; margin: 0px auto; border-top: 1px solid #e5e5e5; height: 98px; display: table; vertical-align: middle; position: relative; overflow: hidden; }
.pro-item .txt { display: table-cell; vertical-align: middle; height: 100%; color: #848484; font-size: 16px; line-height: 1.5; width: 70%; }
.pro-item .promore { position: absolute; right: 3%; top: 50%; background: url(../images/pro_more.gif) no-repeat; width: 31px; height: 31px; display: block; color: #fff; text-indent: -99em; overflow: hidden; display: none; margin-top: -15px; }
.prolink { position: absolute; left: -2px; top: -2px; width: 100%; height: 100%; }
.product-list li.hover .txt { color: #003479; }
.product-list li.hover .promore { display: block; }
.product-list li.hover .prolink { border: 2px solid #0c3e7f; }
.bgf0 { background-color: #f0f0f0; }
.bgf9 { background-color: #f9f9f9; }
/*product style end*/
/*product_D style*/
.proDbanner a:link, .proDbanner a:visited { color: #707070; }
.proDbanner a:active, .proDbanner a:hover { color: #003479; }
.proDbanner { position: relative; padding: 40px 0px; border: 1px solid #d8d8d8; background-color: #fff; }
.proDtxt { color: #707070; font: 19px/1.5 "microsoft yahei"; width: 35%; padding-top: 8%; position: absolute; left: 665px; top: 35px; z-index: 100; }
.proDtxt .num { font-size: 14px; padding-top: 4px; }
.proDtxt .bot { border-bottom: 2px solid #707070; width: 58px; }
.proDlist { position: relative; width: 595px; }
.proDlist li { padding: 0px 32px; }
.proDlist li img { display: inline-block; max-width: 100%; }
.proDlist .bx-wrapper .bx-controls-direction a { display: none; }
.proDlist .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width: 35%; left: 665px; text-align: left; }
.proDlist .bx-wrapper .bx-pager.bx-default-pager a { width: 13px; height: 13px; background: url(../images/num1.png) no-repeat; margin: 0px 7px 0px 0px; }
.proDlist .bx-wrapper .bx-pager.bx-default-pager a:hover, .proDlist .bx-wrapper .bx-pager.bx-default-pager a.active { background: url(../images/num2.png) no-repeat; }
.proDnav li { float: left; cursor: pointer; color: #848484; background-color: #f0f0f0; text-align: center; display: inline-block; padding: 8px 42px; font: 14px/1.1 "microsoft yahei"; margin-right: 1px; }
.proDnav li.active { background-color: #55a32f; color: #fff; }
.proDpage { border: 1px solid #e5e5e5; padding: 4% 4%; width: 92%; margin: 0px auto; overflow: hidden; display: none; }
.proDpage img { width: 100%; max-width: 100%; }
/*product_D style end*/
/*hr style*/
#hrpage { position: relative; height: 494px; overflow: hidden; margin-top:-10px; z-index:120; }
#hrpage .page-t h2 { font-weight: normal; }
#hrpage .hrtxt { padding-top: 80px; position: relative; z-index: 2; }
#hrpage .hr-c { color: #666; width: 438px; }
#hrpage .img { position: absolute; right: 0px; top: 0px; -moz-transition: opacity,300ms; -o-transition: opacity,300ms; -webkit-transition: opacity,300ms; transition: opacity,300ms; }
#hrpage .img img { display: block; }
.join-dl dt { margin-bottom: 1px; background-color: #f9f9f9; height: 46px; color: #898989; cursor: pointer; }
.join-dl dt span, .join-dl dt div { float: left; display: inline-block; width: 25%; height: 46px; line-height: 46px; text-align: center; }
.joindd { color: #898989; border: 1px solid #e5e5e5; padding: 32px 0px; margin-bottom: 3px; display: none; }
.joindd .w88 { width: 88%; margin: 0px auto; overflow: hidden; padding: 0px 0px 30px; }
.joinclose { float: right; display: block; color: #003479; margin-right: 24px; }
.joinclose span { display: inline-block; background: url(../images/n_ico3.gif) no-repeat scroll right center; padding-right: 20px; color: #003479; }
.bor { border-bottom: 1px solid #e5e5e5; }
.joindd .bor { padding-bottom: 12px; margin-bottom: 12px; line-height: 2; }
.join-dl dt.joinact, .join-dl dt.joinhead { background-color: #55a32f; color: #fff; font-size:14px;}
/*hr style end*/
/*contact style*/
#contactpage { border-bottom: 1px solid #e5e5e5; color: #707070; }
#messagepage { background-color: #f7f9fa; }
.f20 { font-size: 20px; }
.c003479 { color: #003479; }
#contactpage .page-t { color: #707070; line-height: 2; }
.mapbox { height: 370px; width: 100%; }
.ms-en { color: #003479; text-transform: uppercase; font-size: 20px; }
.ms-zh { color: #707070; font-size: 20px; }
.messform { padding: 50px 0px 0px; }
.messform dd { margin-bottom: 16px; }
.messform .txt { float: left; width: 48px; }
.messform .c { margin-left: 48px; }
.messform .mtxt { font-size: 12px; height: 26px; line-height: 36px; width: 366px; padding: 0px 4px; }
.messform .mtxt2 { resize: none; width: 630px; height: 208px; }
.messform a.mbtn { background-color: #55a32f; color: #fff; text-align: center; display: block; width: 126px; height: 36px; font-size: 16px; line-height: 36px; }
.messform a.mbtn:hover, .messform a.mbtn:active { background-color: #dee0e1; color: #707070; }
.messform a.cur { background-color: #dee0e1; color: #707070; }
.messform input[type=text], .messform textarea { border: 1px solid #dee0e1; background-color: #fff; }
.messform input[type=text]:focus, .messform textarea:focus { border: 1px solid #55a32f; }
/*contact style end*/

#infscr-loading { background: none; bottom: 60px; color: #222222; font-size: 1em; left: 48%; padding: 12px; position: fixed; text-align: center; z-index: 100; }
/**** Isotope CSS3 transitions ****/
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
/**** disabling Isotope CSS3 transitions ****/