@charset "utf-8";
/* CSS Document */
body {padding:0; margin:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#212121;}
a{color:#212121;text-decoration:none;}
a:hover{color:#017B30; text-decoration:none;}
a img{border:none;} 
div,ul,li,p,form,h1,h2,h3,h4,h5,dt,dl,dd,table,tr,td{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
* {padding: 0px; margin: 0px; }
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.upfile {border: 1px solid #ccc;height:28px;margin-top:10px; width:98%;}
.main_width{width:1200px; margin:0 auto;}

/*Head*/
.head_bg{margin:0 auto; width:100%; height:40px; background:#F2F2F2; line-height:40px;}
.head_bg p{width: 1200px;margin:0 auto;text-align: right; background:url(mail.png) 830px center no-repeat}
.head{margin:0 auto; width:1200px; height:120px;}
.head .logo{float:left;display:block; margin-top:30px;}

/*Menu*/
#nav{width:760px; float:right; margin-top:60px;}
#nav_menu{width:760px;}
#nav_menu li{float:left; width:152px;text-align:center; }
#nav_menu li a{font-size:16px; text-transform:uppercase; padding-bottom:38px;}
#nav_menu li a:hover{color:#017B30;}
.nav_menu-item{display:block;}
.navhover a{color:#017B30 !important;border-bottom: 4px solid #017B30; font-weight:bold;}
#nav_menu li ul{margin:0;padding: 0;position: absolute;	visibility: hidden; z-index:99; border-top:solid 1px #FFF; margin-top:10px;}
#nav_menu li ul li{float: none;}
#nav_menu li ul li a{display:block;height:35px;line-height:35px; font-size:14px; padding-bottom:0px; background:#017B30; text-align:center; color:#fff !important; font-weight:normal;border-bottom:solid 1px #fff; text-transform:none;}
#nav_menu li ul li a:hover{background:#595556; color:#FFFFFF !important;}

/*Banner*/
.slide-main{height:600px;position:relative; min-width:1200px; width:100%;}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:570px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:8px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#017B30;}
.slide-box,.slide{display:block;width:100%;height:600px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:600px;background:#017B30;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(img_01.jpg) center no-repeat;}
#bgstyleb{background:url(img_02.jpg) center no-repeat;}
#bgstylec{background:url(img_03.jpg) center no-repeat;}
.slide a{display:block;width:100%;height:500px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:1200px;text-align:center;}
.obj-a{top:100px;margin-left:-600px;}
.obj-b{top:190px;margin-left:-600px;}
.obj-c{display:block;top:190px;margin-left:-400px;}
.obj-d{bottom:50px;margin-left:-60px;}
.obj-e{margin-left:-600px; top:125px;z-index:12;}
.obj-f{top:200px;margin-left:-70px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

.index_title{margin:0px auto; width:1200px; display:block; font-weight:bold; font-size:32px; text-align:center; background:url(line.jpg) bottom center no-repeat; color:#03933C;text-transform:uppercase; padding:40px 0 10px 0; margin-bottom:30px;}

/*Products*/
.index_product{margin:0 auto; width:1200px; padding-top:20px;}
.index_product li{float:left; width:380px; display:block;overflow: hidden; margin:0 9px 25px 9px; border:solid 1px #f2f2f2;}
.index_product li img{display:block; transition: all 0.6s; width:100%;}
.index_product li img:hover{transform: scale(1.25);}
.index_product li p{line-height:45px; font-size:16px; display:block; text-align:center;}

/*About*/
.index_about_bg{margin:0 auto; width:1200px; background:#f2f2f2; margin-top:50px;}
.index_about_l{width:600px; float:left; }
.index_about_l img{display:block;}
.index_about_r p{display:block; line-height:35px; font-size:15px; text-align:right; padding:30px 40px 0 0;}
.index_about_r{float:right; width:550px;}
.index_about_r h1{display:block; text-align:right; background:url(line.jpg) bottom right no-repeat;color:#03933C; margin-right:40px; padding-top:30px; padding-bottom:10px;}
.c_more a{width:165px; height:50px; border:solid 1px #03933C; color:#03933C; background:url(icons.png) 130px center no-repeat; text-align:center; line-height:53px; display:block; font-size:16px; margin-left:345px; margin-top:40px}
.c_more a:hover{background:#03933C; color:#FFFFFF; transition:1s;}


/*Applications*/
.index_App{margin:50px auto;width:1200px;}
.index_App li{display:block;float:left;height:216px;position:relative; margin-left:20px;}
.index_App li a{display:inline-block;height:216px;} 
.index_App li img{display:block; width:285px; height:214px; border:solid 1px #CCC;}
.index_App li a span{height:0;display:block;background:rgba(34,105,27,0.3);position:absolute;bottom:0;color:#fff;font-size:0px;}
.index_App li a:hover span{height:216px;line-height:216px;font-size:18px;text-align:center;transition:all 0.5s; width:287px;}
.index_App li a:hover span b{border:solid 1px #FFFFFF; font-weight:normal; padding:5px;}


.n_banner{margin:0 auto; width:100%;}
.n_banner img{display:block; width:100%;}

/*Class*/
.ListNav {position:relative; z-index:5; overflow:hidden; background:#f2f2f2;}
.ListNav ul {width:1200px; margin:0 auto; }
.ListNav li {float:left; display:block; line-height:60px; font-size:16px;}
.ListNav li a {display:block; color:#212121;padding:0 55px;}
.ListNav li a:hover{background:#017B30; color:#fff;}
.ListNav .currclass a{color:#fff; background:#017B30;}


/*Content*/
.location{margin:0 auto; width:100%; height:50px; background:#f2f2f2; line-height:50px;}
.location .weizhi{margin:0 auto; width:1175px; background:url(home.gif) left no-repeat; padding-left:25px;}
.list_title{display:block; font-family:"Times New Roman", Times, serif; font-size:30px; color:#202020; background:url(line.jpg) bottom center no-repeat; padding-bottom:10px; margin-top:35px; text-align:center; text-transform:uppercase;}
.mainContent{margin:20px auto; width:1200px;}
.list_contact{display:block; margin-top:20px; line-height:30px;}
.list_contact img{max-width:1200px;}
.list_contact .title{font-size:18px; display:block; text-align:center; font-weight:bold; background:url(title_bg.jpg) bottom center no-repeat; padding-bottom:5px; height:45px; line-height:45px; margin-bottom:15px;}
.list_contact .contact{display:block; line-height:30px;margin-top:10px;}
.list_contact .contact img{display:block; margin:0 auto; max-width:1200px;}
.list_contact .date{display:block; text-align:center; margin:10px 0;}
.list_contact #next{ display:block; border-top:dotted 1px #CCCCCC; margin-top:15px; text-align:center; padding-top:8px;}

.list_right_contact{display:block; margin-top:20px; line-height:30px;}
.list_right_contact img{border: 1px solid #ccc;padding: 2px;}
.list_right_contact img:hover{border: 1px solid #017B30;}
.list_right_contact .t{line-height:35px;}

.list_case{display:block; margin-top:20px; line-height:30px;}
.list_case li{float:left; width:280px; margin:0 9px 20px 9px;overflow: hidden; border:solid 1px #f2f2f2;}
.list_case li img{float:left; display:block; width:274px; height:206px; padding:2px;transition: all 0.6s;}
.list_case li img:hover{transform: scale(1.5);}
.list_case li p{display:block; text-align:center; line-height:45px;}


.l_contact{display:block; margin-top:20px;}
.l_contact .title{font-size:22px; display:block; text-align:center; color:#202020; background:url(title_bg.jpg) bottom center no-repeat; height:55px; line-height:55px;}
.l_contact .c_contact{display:block; margin-top:20px;}
.l_contact .c_contact span{height:40px; width:40px;margin-right:20px;display:inline-block;vertical-align:middle; background-image: url(l_ico.png);background-repeat: no-repeat;}
.l_contact .c_contact li{float:left; display:block; border:solid 1px #eee; width:380px;margin-left:27px;}
.l_contact .c_contact li:first-child{margin-left:0px;}
.l_contact .c_contact .r_con{float:right; width:260px;}
.l_contact .c_contact .r_con h1{font-size:14px; font-weight:bold; color:#202020; display:block;}
.l_contact .c_contact .r_con p{display:block; font-size:12px; line-height:22px; padding-right:20px;}
.l_contact .c_contact .r_con p a{color:#FFFFFF;}
.l_contact .c_contact .tel{background-position: 0 0; float:left; display:block; margin-left:50px; margin-top:10px;}	
.l_contact .c_contact .mail{background-position: -49px 0; float:left; display:block; margin-left:50px;}	
.l_contact .c_contact .add{background-position: -91px 0; float:left; display:block; margin-top:20px;margin-left:50px;}	



/*产品搜索*/
.photolisting{ width:1170px;}
.photolisting li{width:192px; float:left; height:235px; overflow:hidden; text-align:center;}
.photolisting img{width:175px; height:175px; border:#e8e8e8 1px solid; padding:2px;}
.photolisting a{ text-align:center; display:block; line-height:35px;}
.photolisting a:hover{ color:red; text-decoration:none;}
.multipage{width:1170px; margin:0px auto; overflow:hidden; margin-top:20px;}
.serch_product{display:block; margin-top:20px;}

.prodtitle {font-size:20px;}
.products_show_1 {PADDING-TOP:25px; display:block;}
.show_left {FLOAT: left; width:450px;}
.show_right {WIDTH:720px; FLOAT: right;}
.show_right UL {}
.show_right UL LI {LINE-HEIGHT:35px; OVERFLOW: hidden; display:block;}
.show_right table{margin-bottom:10px;}
.show_right td{padding:5px;}
.show_right .d_contact{display:block; line-height:35px; margin-top:10px;}
.show_right .d_contact strong{font-size:18px;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:450px; height:450px; max-width:450px; max-height:450px; border:solid 1px #eee;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:450px;}
.spec-scroll{clear:both;margin-top:5px;}
.spec-scroll .prev{float:left;margin-right:2px; background:url(left.gif) no-repeat;  margin-top:20px;}
.spec-scroll .next{float:right; background:url(right.gif) no-repeat;  margin-top:20px;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:17px;height:54px; line-height:54px;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:408px;height:56px;overflow:hidden; margin-top:20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:54px;}
.spec-scroll .items ul li{float:left;width:60px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:1px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:1px solid #FF6600;padding:1px;}

#list_info{ height:35px; border-bottom:1px solid #D5D5D3; margin:20px 0; display:block;}
#list_info .detailed{ background: url(nav_bg2.gif) no-repeat; display:block; width:172px; line-height:35px; text-align:left; padding-left:18px; font-size:16px; color:#393939;}
#list_product_content{display:block clear:both;}
#list_product_content .title{font-size:18px; display:block; text-align:center; font-weight:bold;border-bottom: dotted 1px #ddd; height:45px; line-height:45px;}
#list_product_content .contact{display:block; line-height:30px; font-family:Calibri;}
#list_product_content #next{ display:block; border-top:dotted 1px #CCCCCC; margin-top:15px; text-align:center; padding-top:8px; line-height:30px;}

/*分页*/
#fenye{clear:both; margin:20px 20px 0 0;}
#fenye .prev_h,#fenye .next_h{text-align:center;line-height:20px; padding:0 5px;}
#fenye a.curr{width:25px;background:#017B30; border:1px solid #fff; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px;text-decoration:none;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#fenye a.num{width:22px;}
#fenye a:visited{color:#333333;} 
#fenye a:hover{ float:left;}
#fenye span{line-height:30px; font-size:13px; height:30px;}


/*右边浮动*/
.floating_ck{position:fixed;right:0px;top:50%; z-index:99999999999}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#017B30;border-bottom:solid 1px #fff;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#F7AB00;border-bottom:solid 1px #F7AB00;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(skype.png);}
.qrcord{background-image:url(weixin.png);}
.return{background-image:url(fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-120px;top:0px;width:120px;height:80px;background-color:#F7AB00;border-bottom:solid 1px #F7AB00;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:150px;top:-68px;}
.floating_ewm i{background-image:url(mobile.jpg);display:block;width:110px;height:110px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:14px;}

/*底部*/	
.footer{margin:0 auto; width:100%;min-width:1200px; background:#017B30; padding-top:30px; color:#FFFFFF;}
.foot{width:1200px;margin:0 auto;padding:30px 0;}
.footer a{color:#FFF;}
.footer a:hover{color:#FFff00;}
.foot p{line-height:35px;}
.foot dl dd{float: left;margin-left:145px;}
.foot dl dd:first-child{margin-left: 0;}
.foot dl dd h2{font-size: 16px;margin-bottom:10px; text-transform:uppercase;}
.foot dl dd li{line-height:30px;}
.footer_nav{margin:0 auto; width:100%; height:60px; line-height:60px; background:#FFF; text-align:center; color:#212121;}
.footer_nav a{color:#212121;}