@charset "utf-8";
/* CSS Document */

html { overflow-y: scroll; }
body { margin: 0; padding: 0px; min-width: 1200px; font: 12px"微软雅黑",sans-serif; background: #ffffff; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
table, td, tr, th { font-size: 12px; }
li { list-style-type: none; }
img { vertical-align: top; border: 0; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
address, cite, code, em, th { font-weight: normal; font-style: normal; }


.box { width: 1200px; margin: 0 auto; }
.lf { float: left; }
.rg { float: right; }
.clear { clear: both }
.nav { height: 40px; background-color: #2985d0; }
.nav ul li { float: left; margin: 0px 10px; margin-top:10px; height: 30px; line-height: 30px; }
.nav ul li a { display: block; margin-top: 5px; padding: 5px 13px; font-size: 14px; color: #fff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.nav ul li .act { background-color: #fff; color: #000; }
.nav ul li a:hover { background-color: #fff; color: #000;}
.banner { height: 409px; width: auto; background: url(../img/banner.jpg) center no-repeat; position: relative; }
.video_box { position: absolute; left: 50%; top: 40px; margin-left: -500px; width: 470px; height: 350px; background: url(../img/video.png) 0 0 no-repeat; z-index: 1; color: #fff; }
.bm1 { position: absolute; left: 50%; top: 75px; margin-left: -100px; -webkit-animation: ghostUpdown ease-in-out 2s infinite; -moz-animation: ghostUpdown ease-in-out 2s infinite; -ms-animation: ghostUpdown ease-in-out 2s infinite; -o-animation: ghostUpdown ease-in-out 2s infinite; animation: ghostUpdown ease-in-out 2s infinite; z-index: 0; }
.bm2 { position: absolute; left: 50%; top: 210px; margin-left: 310px; -webkit-animation: ghostUpdown2 ease-in-out 1.5s infinite; -moz-animation: ghostUpdown2 ease-in-out 1.5s infinite; -ms-animation: ghostUpdown2 ease-in-out 1.5s infinite; -o-animation: ghostUpdown2 ease-in-out 1.5s infinite; animation: ghostUpdown2 ease-in-out 1.5s infinite; z-index: 2; }
.bm3 { position: absolute; left: 50%; top: 0px; margin-left: 310px; -webkit-animation: ghostUpdown3 ease-in-out 3s infinite; -moz-animation: ghostUpdown3 ease-in-out 3s infinite; -ms-animation: ghostUpdown3 ease-in-out 3s infinite; -o-animation: ghostUpdown3 ease-in-out 3s infinite; animation: ghostUpdown3 ease-in-out 3s infinite; z-index: 2; }
.bm4 { position: absolute; left: 50%; top: 200px; margin-left: -650px; -webkit-animation: ghostUpdown4 ease-in-out 3s infinite; -moz-animation: ghostUpdown4 ease-in-out 3s infinite; -ms-animation: ghostUpdown4 ease-in-out 3s infinite; -o-animation: ghostUpdown4 ease-in-out 3s infinite; animation: ghostUpdown4 ease-in-out 3s infinite; z-index: 2; }
.bm5 { position: absolute; left: 50%; top: 280px; margin-left: -80px; -webkit-animation: ghostUpdown5 ease-in-out 3.5s infinite; -moz-animation: ghostUpdown5 ease-in-out 3.5s infinite; -ms-animation: ghostUpdown5 ease-in-out 3.5s infinite; -o-animation: ghostUpdown5 ease-in-out 3.5s infinite; animation: ghostUpdown5 ease-in-out 3.5s infinite; z-index: 2; }


@-webkit-keyframes ghostUpdown {
 0% { -webkit-transform: translateY(0); }
 50% { -webkit-transform: translateY(3px); }
 100% { -webkit-transform: translateY(0); }
}

@-moz-keyframes ghostUpdown {
 0% { -moz-transform: translateY(0); }
 50% { -moz-transform: translateY(3px); }
 100% { -moz-transform: translateY(0); }
}

@-ms-keyframes ghostUpdown {
 0% { -ms-transform: translateY(0); }
 50% { -ms-transform: translateY(3px); }
 100% { -ms-transform: translateY(0); }
}

@-o-keyframes ghostUpdown {
 0% { -o-transform: translateY(0); }
 50% { -o-transform: translateY(3px); }
 100% { -o-transform: translateY(0); }
}

@keyframes ghostUpdown {
 0% { transform: translateY(0); }
 50% { transform: translateY(3px); }
 100% { transform: translateY(0); }
}


@-webkit-keyframes ghostUpdown2 {
 0% { -webkit-transform: translateY(0); }
 50% { -webkit-transform: translateY(12px); }
 100% { -webkit-transform: translateY(0); }
}

@-moz-keyframes ghostUpdown2 {
 0% { -moz-transform: translateY(0); }
 50% { -moz-transform: translateY(12px); }
 100% { -moz-transform: translateY(0); }
}

@-ms-keyframes ghostUpdown2 {
 0% { -ms-transform: translateY(0); }
 50% { -ms-transform: translateY(12px); }
 100% { -ms-transform: translateY(0); }
}

@-o-keyframes ghostUpdown2 {
 0% { -o-transform: translateY(0); }
 50% { -o-transform: translateY(12px); }
 100% { -o-transform: translateY(0); }
}

@keyframes ghostUpdown2 {
 0% { transform: translateY(0); }
 50% { transform: translateY(12px); }
 100% { transform: translateY(0); }
}

@-webkit-keyframes ghostUpdown3 {
 0% { -webkit-transform: translateY(0); }
 50% { -webkit-transform: translateY(18px); }
 100% { -webkit-transform: translateY(0); }
}

@-moz-keyframes ghostUpdown3 {
 0% { -moz-transform: translateY(0); }
 50% { -moz-transform: translateY(18px); }
 100% { -moz-transform: translateY(0); }
}

@-ms-keyframes ghostUpdown3 {
 0% { -ms-transform: translateY(0); }
 50% { -ms-transform: translateY(18px); }
 100% { -ms-transform: translateY(0); }
}

@-o-keyframes ghostUpdown3 {
 0% { -o-transform: translateY(0); }
 50% { -o-transform: translateY(18px); }
 100% { -o-transform: translateY(0); }
}

@keyframes ghostUpdown3 {
 0% { transform: translateY(0); }
 50% { transform: translateY(18px); }
 100% { transform: translateY(0); }
}

@-webkit-keyframes ghostUpdown4 {
 0% { -webkit-transform: translateY(0); }
 50% { -webkit-transform: translateY(18px); }
 100% { -webkit-transform: translateY(0); }
}

@-moz-keyframes ghostUpdown4 {
 0% { -moz-transform: translateY(0); }
 50% { -moz-transform: translateY(18px); }
 100% { -moz-transform: translateY(0); }
}

@-ms-keyframes ghostUpdown4 {
 0% { -ms-transform: translateY(0); }
 50% { -ms-transform: translateY(18px); }
 100% { -ms-transform: translateY(0); }
}

@-o-keyframes ghostUpdown4 {
 0% { -o-transform: translateY(0); }
 50% { -o-transform: translateY(18px); }
 100% { -o-transform: translateY(0); }
}

@keyframes ghostUpdown4 {
 0% { transform: translateY(0); }
 50% { transform: translateY(18px); }
 100% { transform: translateY(0); }
}

@-webkit-keyframes ghostUpdown5 {
 0% { -webkit-transform: translateY(0); }
 50% { -webkit-transform: translateY(12px); }
 100% { -webkit-transform: translateY(0); }
}

@-moz-keyframes ghostUpdown5 {
 0% { -moz-transform: translateY(0); }
 50% { -moz-transform: translateY(12px); }
 100% { -moz-transform: translateY(0); }
}

@-ms-keyframes ghostUpdown5 {
 0% { -ms-transform: translateY(0); }
 50% { -ms-transform: translateY(12px); }
 100% { -ms-transform: translateY(0); }
}

@-o-keyframes ghostUpdown5 {
 0% { -o-transform: translateY(0); }
 50% { -o-transform: translateY(12px); }
 100% { -o-transform: translateY(0); }
}

@keyframes ghostUpdown5 {
 0% { transform: translateY(0); }
 50% { transform: translateY(12px); }
 100% { transform: translateY(0); }
}

.product { margin-top: 50px; text-align: center; }
.product ul { display: table; margin: 0 auto; }
.product .product_nav { *display: inline; overflow: hidden; zoom: 1; }
.product ul li { float: left; margin: 0 10px; }
.product ul li a { text-decoration: none; color: #333; }
.product ul li a:hover { color: #2985d0; }
.product_h1 { display: table; margin: 10px auto; }
.product_img { display: table; margin: 0 auto; position: relative; *padding-left: 13px; }
.product_img li { width: 224px; }
.product_img .txt { text-align: center; background-color: #dfdfdf; height: 30px; line-height: 30px; font-size: 14px; }
.product_img img { width: 220px; }
.product_img a { border: 2px solid #fff; display: block; }
.product_img a:hover { border: 2px solid #2985d0; }
.left { width: 22px; height: 50px; background: url(../img/left.png) 0 0 no-repeat; position: absolute; left: -15px; top: 110px; cursor: pointer; }
.left:hover { background: url(../img/left2.png) 0 0 no-repeat; }
.right { width: 22px; height: 50px; background: url(../img/right.png) 0 0 no-repeat; position: absolute; right: -15px; top: 110px; cursor: pointer; }
.right:hover { background: url(../img/right2.png) 0 0 no-repeat; }
.product_more { display: table; margin: 0 auto; margin-top: 10px; width: 100px; height: 25px; line-height: 25px; border: 1px solid #ccc; text-decoration: none; color: #666; overflow: hidden; zoom: 1; *display: inline; }
.product_more:hover { color: #2985d0; border: 1px solid #2985d0; }
.company { background-color: #f6f6f6; margin-top: 30px; padding-bottom: 20px; overflow: hidden; zoom: 1; }
.brand, .certificate, .case { margin-top: 30px; }
.brand { margin-bottom: 30px; }
.certificate, .case { background-color: #f6f6f6; overflow: hidden; zoom: 1; }
.company_h1 { height: 93px; background: #008a66 url(../img/img2.jpg) 0 0 no-repeat; }
.brand_h1 { height: 93px; background: #008a66 url(../img/img5.jpg) 0 0 no-repeat; }
.certificate_h1 { height: 93px; background: #008a66 url(../img/img7.jpg) 0 0 no-repeat; }
.case_h1 { height: 93px; background: #008a66 url(../img/img8.jpg) 0 0 no-repeat; }
.company ul li { float: left; margin-left: 18px; }
.company ul { padding-left: 12px; }
.company_content { padding: 22px 30px; font-size: 16px; }
.company_content p { line-height: 30px; letter-spacing: 0px; word-spacing: 16px; }
.company ul li p { text-align: center; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; }
.certificate_img { padding: 30px 0 10px 30px; }
.imgR16 { margin-right: 14px; }
.imgR5 { margin-right: 9px; }
.lin40 { height: 30px; }
.bk1 { display: block; width: 180px; float: left; }
.bk1 img { border: 1px solid #999; }
.certificate_img a { text-decoration: none; color: #333; }
.certificate_img a p { text-align: center; margin-top: 6px; }
.case_hd, .case_bd { text-align: center; }
.case_hd ul, .case_img { display: table; *display: inline; margin: 0px auto; overflow: hidden; zoom: 1; }
.case_hd ul { margin: 20px auto 10px auto; }
.case_hd ul li { float: left; margin: 0 10px; border: 1px solid #ccc; padding: 3px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.case_hd ul li:hover { border: 1px solid #2985d0; }
.case_hd ul .act { border: 1px solid #2985d0; background-color: #2985d0; color: #fff; }
.case_hd ul .act2 { border: 1px solid #E64608; background-color: #E64608; color: #fff; }
.case_img li { float: left; width: 295px; border: 5px solid #fff; margin: 0 8px; }
.case_img li p { height: 30px; line-height: 30px; background-color: #fff; }
.case_name { margin: 20px auto; overflow: hidden; zoom: 1; width: 943px; border-top: 1px dashed #ccc; padding-top: 10px; }
.case_name li { float: left; margin-right: 30px; line-height: 24px; white-space: nowrap; }
.case_bd { position: relative; }
.case_left, .case_right { width: 30px; height: 50px; position: absolute; left: 0px; top: 55px; cursor: pointer; }
.case_left i, .case_right i { display: block; width: 7px; height: 15px; background: url(../img/caselr.png)0 0 no-repeat; margin: 18px 0 0 8px; }
.case_right { left: auto; right: 0px; }
.case_right i { background-position: 0 -15px; margin: 18px 0px 0px 14px; }
.footer { width: 100%; height: 258px; background-color: #323639; overflow: hidden; zoom: 1; }
.beian { color: #999da0; font-size: 14px; padding-top: 15px; border-top: 1px solid #474a4d; width: 990px; padding-left: 10px; }
.xinxi { height: 120px; margin-top: 55px; margin-bottom: 25px; color: #f4f4f4; }
.bl { border-left: 1px solid #474a4d; margin-left: 35px; padding-left: 35px; }
.dz i, .dh i, .em i { background: url(../img/xx.png) 0 0 no-repeat; width: 20px; height: 25px; display: block; float: left; margin-right: 10px; }
.dh i { background-position: 0 -45px; }
.em i { background-position: 0 -89px; }
.xx li { height: 25px; line-height: 25px; margin-bottom: 15px; font-size: 16px; margin-left: 10px; }
.w-time { height: 120px; /*color: #696d70;*/ }
.w-time p { font-size: 30px; margin-top: 20px; }
.w-time span { font-size: 14px; }
.bn { background: url(../img/banner3.jpg) center 0 no-repeat; width: 100%; height: 219px; overflow: hidden; zoom: 1; }
.bn p { width: 160px; height: 35px; line-height: 35px; padding-left: 20px; background-color: #37414b; color: #fff; position: absolute; bottom: 0px; font-size: 16px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.cp { background-image: url(../img/banner3.jpg) }
.al { background-image: url(../img/banner4.jpg) }
.rz { background-image: url(../img/banner5.jpg) }
.lx { background-image: url(../img/banner6.jpg) }
.banner_box { height: 219px; overflow: hidden; zoom: 1; position: relative; }
.crumbs { height: 40px; background-color: #565960; width: 1180px; padding-left: 20px; color: #ccc; line-height: 40px; text-align: left; margin-bottom: 10px; }
.crumbs a { color: #ccc; text-decoration: none; }
.main { background-color: #ffffff; padding-bottom: 40px; overflow: hidden; zoom: 1; }
.js_tittle ul li { float: left; padding: 0 20px; height: 40px; line-height: 40px; cursor: pointer; }
.js_tittle { overflow: hidden; zoom: 1; }
.js_tittle ul { background-color: #f4f4f4; }
.js_tittle .act { background-color: #008a66; color: #fff; }
.js_tittle .act a{color: #fff;}
.content { background-color: #fff; padding: 29px; overflow: hidden; zoom: 1; box-shadow: #ddd 0 2px 5px; }
.main_content { text-align: center; }
.content h1 { font-size: 16px; font-weight: bold; line-height: 30px; margin: 20px 0; color: #333; }
.content p { color: #666; text-align: left; font-size: 14px; width: 800px; margin: 0 auto; line-height: 24px; margin-bottom: 20px; overflow: hidden; zoom: 1; }
.blue { color: #2985d0; }
.yuan { display: inline-block; width: 18px; height: 18px; line-height: 18px; background-color: #2985d0; color: #fff; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius: 15px; font-style: normal; font-size: 12px; text-align: center; }
.cp_nav { width: 190px; background-color: #fff; margin-top: 10px; box-shadow: #ddd 0 2px 5px; text-align: left; padding-bottom: 20px; font-size: 14px; float: left; }
.cp_nav ul li i { width: 10px; height: 15px; background: url(../img/img.png) 0px -25px no-repeat; display: inline-block; margin-right: 10px; vertical-align: middle; }
.cp_nav ul li { height: 30px; line-height: 30px; padding-left: 10px; }
.cp_nav ul li a { color: #333; text-decoration: none; display: inline-block; width: 140px; margin-left: 15px; height: 40px; line-height: 40px; overflow:hidden;text-overflow:ellipsis; }
.cp_nav ul li a:hover { color: #008a66; }
.cp_nav ul .act { background-color: #008a66; color: #fff;  height: 40px; line-height: 40px; }
/*.cp_nav ul .act a:hover { color: #fff; }*/
.cp_nav ul .act i { background-position: 0px 0px; }
.cp_img ul li { width: 240px; height: 270px; background-color: #fff; margin: 0px 0px 10px 10px; float: left; box-shadow: #ddd 0 2px 5px; }
.cp_img ul li a { overflow: hidden; zoom: 1; text-decoration: none; color: #333; }
.cp_img ul li a:hover { color: #2985d0; }
.cp_img { float: left; width: 1008px; padding-left: 2px; margin-top: 10px; }
.cp_img ul li a img { width: 220px; height: 240px; }
.cp_img ul { overflow: hidden; zoom: 1; }
.page { margin-top: 20px; }
.page a { display: inline-block; vertical-align: text-bottom; text-align: center; line-height: 34px; text-decoration: none; overflow: hidden; margin-right: 9px; background: white; }
.page span { width: 34px; height: 34px; border: 1px solid #e1e2e3; cursor: pointer; display: block; }
.page .n { height: 34px; padding: 0 18px; border: 1px solid #e1e2e3; }
.page a:hover span { background: #f2f8ff; border: 1px solid #38f; }
.page .n:hover { background: #f2f8ff; border: 1px solid #38f; }
.page strong { display: inline-block; vertical-align: text-bottom; text-align: center; line-height: 34px; text-decoration: none; overflow: hidden; margin-right: 9px; background: white; }
.page strong .pc { border: 0; width: 36px; height: 36px; line-height: 36px; }
.hj p { text-align: center; }
.hj h2 { font-size: 18px; font-weight: bold; margin: 20px 0px 10px 0px; color: #333; }
.hj img { margin: 4px; width: 462px; height: 266px; }
.al_case li { border: 0px; margin: 2px 9px; overflow: hidden; zoom: 1; }
.al_case li p { margin-bottom: 0px; text-align: center; overflow: hidden; zoom: 1; width: auto; }
.rzbox { margin-top: 20px; }
.rzbox li { float: left; margin: 10px; }
.rzbox li p { width: auto; text-align: center; margin-bottom: 0px; }
.lxfs {  width: 1089px; height: 200px; margin: 0 auto; position: relative; }
.lxfs ul { position: absolute; left: 0px; top: 10px; }
.lxfs ul li { text-align: left; font-size: 16px; margin-bottom: 6px; }
.map_box { width: 1087px; height: 643px; border: 1px solid #ddd; margin: 20px auto; position: relative; }
.map { width: 871px; height: 427px; background: url(../img/map.jpg) 0px 0px no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -435px; margin-top: -213px; }
.cpxq { width: 900px; margin-left: 10px; margin-top: 10px; padding: 30px; background-color: #fff; float: left; box-shadow: #ddd 0 2px 5px; }
.cpxq img { max-width: 500px; }
.cpxq h1 { margin: 10px auto; font-size: 16px; font-weight: bold; }
.cpxq p { color: #666; font-size: 14px; line-height: 25px; text-align: justify; margin-bottom: 15px; text-indent: 2em; }
.cpxq strong { width: 100%; text-align: left; color: #2985d0; font-size: 16px; margin-top: 20px; margin-bottom: 10px; display: block; }
.cpxq span { color: #666; font-size: 14px; line-height: 25px; text-align: left; display: block; }


.product_nav2 li { float: left; margin: 0 10px; }
.product_nav2 li a { text-decoration: none; color: #333; }
.product_nav2 li a:hover { color: #2985d0; }
.product2_box { position: relative; }
.product_img2 { margin: 20px auto 15px auto; height: 302px; overflow: hidden; zoom: 1; }
#scollpic a img { background-color: #ccc; border-bottom: 5px solid #fff; }
#scollpic a img:hover { border-color: #d0d0d0; }
.product_img2 li img { width: 242px; height: 297px; }
#scollpic a { margin-right: 5px; }
#scollpic a:first-child { margin-left: 5px; }
.plt, .prg { display: block; width: 34px; height: 64px; position: absolute; top: 50%; margin-top: -32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.plt { left: 0px; margin-left: -40px; background: #d0d0d0 url(../img/jt_l.png) center center no-repeat; }
.prg { right: 0px; margin-right: -40px; background: #d0d0d0 url(../img/jt_r.png) center center no-repeat; }
.plt:hover { background-color: #008a66; }
.prg:hover { background-color: #008a66; }
.product_img2 li a { display: block; overflow: hidden; zoom: 1; }
.product_nav2 { text-align: center; overflow: hidden; zoom: 1; }
.product_nav2 ul { display: table; margin: 0 auto; }
.slogan { display: inline-block; font-size: 18px; margin-left: 10px; margin-top: 17px; color: #333; }
.video_box2 { display: inline-table; overflow: hidden; zoom: 1; }
.company_content { padding: 20px 30px; color: #333; font-size: 16px; }

/*弹出层样式*/
.black-layer { display: none; opacity: 0.5; filter: Alpha(opacity=50); width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; background-color: #000; }
.modal { display: none; margin: 0 auto; overflow: hidden; zoom: 1; position: fixed; top: 50%; left: 50%; z-index: 1000; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); }
.modal-header { position: relative; }
.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; margin-top: -2px; }
.close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; }
.modal-body { position: relative; padding: 15px; }
.modal-header { padding: 15px; padding-bottom: 0px; }
.certificate_img a { cursor: pointer; }
.imgR16 img { width: 151px; height: 215px; }
.imgR5 img { width: 182px; height: 241px; }