/* CSS Document */
*{margin:0; padding:0}
ul{list-style:none}
img{border:none}
a{text-decoration:none; color:#666;}
a:hover{color:#7DBF1D}
.clear{clear:both}
.margin{margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
body{font-size:12px; font-family:"微软雅黑"; background-color:#FFF; color:#666;}
.mt20{margin-top: 20px;}
.top{min-width:1200px; margin:0 auto;position: relative;}
.top_1{height:40px; background:#f0f0f0;}
.top_1p{width:1200px; margin:0 auto; line-height:40px; overflow:hidden;}
.top_1p p{float:left;}
.top_1p p span{color:#888; margin-right:158px;}
.top_1p em{font-style:normal; display:inline-block; color:#333; background:url(./tel.jpg) no-repeat 0 center; text-indent:28px;}
.top_1p em strong{font-size:14px; color:#7DBF1D;}
.top_1p h3{float:right; font-size:12px; color:#666; font-weight:normal; margin-right:20px;}
.top_1p h3 a{color:#666;}
.top_1p h3 a:hover{color:#7DBF1D; text-decoration:underline;}
.top_2{width:1200px; margin:0 auto; height:80px;padding: 10px 0;}
.logo{float:left; }
.logo img{max-height: 80px;max-width: 400px;}
.synav{width:900px; height:80px; float:right;}
.nav{line-height:80px; position:relative; z-index:1;  }
.nav a{ color:#333;}
.nav .nli{ float:left;  position:relative; display:inline;  }
.nav .nli h3{ float:left; width:112.5px; text-align:center; height:80px; line-height:80px;}
.nav .nli h3 a{ display:block; font-size:16px; font-weight:normal;  }
.nav .nli h3 a:hover,.nli.on{ color:#7DBF1D;}
.nav .sub{ display:none; width:120px; left:0; top:90px;  position:absolute; background:#fff; line-height:40px;   }
.nav .sub li{ zoom:1; text-align:center; border-top:1px solid #eee; }
.sub li.li11{ border-bottom:none;}
.nav .sub a{ display:block; padding:0 1px; font-size:14px;}
.nav .sub a:hover{color:#7DBF1D; font-weight:bold;}
/* banner本例子css */
.fullSlide{ width:100%;  position:relative;  height:auto; overflow:hidden; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:auto; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:auto; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:51px; height:5px; margin:5px; overflow:hidden; background:#fff;
    filter:alpha(opacity=90);opacity:0.9;  line-height:999px;
}
.fullSlide .hd ul .on{ background:#7DBF1D;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; left:2%;  z-index:1; width:40px; height:60px; background:url(./slider-arrow.png) -126px -137px  no-repeat;  cursor:pointer; filter:alpha(opacity=90);opacity:0.9; display:none;  }
.fullSlide .next{ left:auto; right:2%; background-position:-6px -137px; }
.main{min-width:1200px; margin:0 auto;}
.ztc{width:100%; margin:0 auto; overflow:hidden;}
.ztc_bt{width:100%; margin:0 auto; overflow:hidden;}
.ztc_bt h5{width:1200px; margin:0 auto; font-size:36px; color:#7DBF1D; font-weight:normal; text-align:center; margin-top:50px;}
.ztc_bt h5 span{display:block; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#aaa; text-transform:uppercase; margin-top:5px;}
.ztc_bt h4{width:1200px; height:20px; text-align:center; margin:10px auto;background-image: url("./ztc_02.png")}
.ztc_p{width:1200px; margin:0 auto;}
.ztc_p li{width:220px; height:325px; background-color:#eee; border-bottom:5px #444 solid; float:left; text-align:center; margin-top:45px; margin-right:25px;}
.ztc_p li h3{font-size:22px; font-weight:normal; margin-top:30px;}
.ztc_p li h3 a{color:#333;}
.ztc_p li .ztc_tu img{display:block; width:150px; height:150px; border:3px #fff solid; border-radius:50% 50%; margin:0 auto; margin-top:25px;}
.ztc_p li p{width:158px; height:38px; background-color:#fff; border:1px #ddd solid; margin:0 auto; line-height:38px; font-size:15px; text-indent:15px; text-align:left; margin-top:28px;}
.ztc_p li p a{color:#666; background:url(./icon_01.png) no-repeat 126px center; display:block;}
.ztc_p li p a:hover{background-color:#7DBF1D; color:#fff;}
.ztc_p li:hover .ztc_tu img{border-color:#7DBF1D;-webkit-transition: -webkit-transform 0.7s ease-out;-moz-transition: -moz-transform 0.7s ease-out;transition: transform 0.7s ease-out;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
.ztc_p li:hover{
    box-shadow: 1px 1px 10px 0 rgba(0,0,0,.3);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s; border-bottom:5px #7DBF1D solid;
}
.cp{width:100%; margin:0 auto; overflow:hidden; background-color:#f5f5f5; padding-bottom:50px;}
.cplei{width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
.cplei:after,.about_lei:after{
    content: '';
    visibility: hidden;
    clear: both;
    display: block;
}
.cplei a,.about_lei a{width:150px; height:50px; line-height:50px; text-align:center; display:inline-block; background-color:#444; color:#fff; font-size:16px; margin:40px 10px 0px 10px;border-radius: 4px;float: left;}
.cplei a:hover,.about_lei a:hover{background-color:#7DBF1D;}
.cp_dong{width:1200px; margin:0 auto; overflow:hidden;}
.main_dd{
    width:1200px;
    height:660px; margin:0 auto; margin-top:30px;
}
.demo,.demo {
    width: 1200px; float: left; height:660px; overflow: hidden
}
#kaishi,.kaishi {
    min-height: auto; width: 1200px;
}
#jieshu,.jieshu{
    min-height: auto; width: 1200px;
}
.picshow-con1 li{width:278px; height:288px; float:left; position:relative; margin:40px 10px 0px 10px; border:1px #d6d6d6 solid; background-color:#fff;}
.picshow-con1 li span{display:block; width:278px; height:48px; text-align:left; line-height:48px; text-indent:8px; overflow:hidden; border-top:1px #d6d6d6 solid;}
.picshow-con1 li span a{font-size:14px; color:#111;}
.picshow-con1 li span a:hover{text-decoration:underline; color:#7DBF1D;}
.picshow-con1 li img{width:260px; height:220px; margin:0 auto; padding:9px;}
.picshow-con1 li em a{width:58px; height:58px; display:block; line-height:58px;font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center; background-color:#7DBF1D; border-radius:50% 50%; font-size:14px; color:#fff; position:absolute; right:13px; bottom:22px; font-style:normal;}
.picshow-con1 li em a:hover{background-color:#7DBF1D; color:#fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s; }
.picshow-con1 li:hover{border:1px #7DBF1D solid;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;box-shadow: 1px 1px 10px 0 rgba(0,0,0,.3);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);}

.cp_phone{width:500px; height:50px; background-color:#444; text-align:center; margin:0 auto; line-height:50px; font-size:24px; color:#fff; border-radius:500px; margin-top:30px;}
/* 我们的优势 样式 css */
.youshi{width:1200px; margin:0 auto; overflow:hidden;}
.slideTxtBox{width:1200px; margin:0 auto; overflow:hidden; margin-top:45px;}
.slideTxtBox .hd{ width:165px; float:left; overflow:hidden;}
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; width:165px; text-align:center;}
.slideTxtBox .hd ul li a{ display:block; background-color:#eee; border-bottom:1px #fff solid; color:#111; width:165px; height:90px;}
.slideTxtBox .hd ul li a b{font-size:20px; display:block; padding-top:23px;}
.slideTxtBox .hd ul li a span{font-size:12px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; color:#888;}
.slideTxtBox .hd ul li.on a{ background:#7DBF1D; color:#fff; border-bottom:1px #7DBF1D solid; }
.slideTxtBox .hd ul li.on a span{color:#fff;}
.slideTxtBox .bd{width:1017px; float:right; overflow:hidden; height:364px;}
.slideTxtBox .bd .ys_1{width:1017px; margin:0 auto; overflow:hidden;}
.slideTxtBox .bd .ys_1 dl{width:1017px; margin:0 auto;}
.slideTxtBox .bd .ys_1 dl dt img{width:500px; height:364px; float:right; display:block;}
.slideTxtBox .bd .ys_1 dl dd{width:515px; height:362px; float:left; border:1px #ddd solid; background-color:#fff; overflow:hidden;}
.slideTxtBox .bd .ys_1 dl dd h3{width:455px; margin:0 auto; font-size:22px; color:#222; text-align:left; margin-top:35px; margin-bottom:15px;}
.slideTxtBox .bd .ys_1 dl dd span{display:block; width:455px; margin:0 auto; background:url(./ys_03.jpg) no-repeat 0 18px; text-indent:15px; line-height:40px; font-size:14px; color:#666;}
.slideTxtBox .bd .ys_1 dl dd em{width:158px; height:38px; display:block; background-color:#fff; border:1px #ddd solid; float:left; line-height:38px; font-size:15px; text-indent:15px; text-align:left; margin-top:28px; font-style:normal; margin-left:30px;}
.slideTxtBox .bd .ys_1 dl dd em a{color:#666; background:url(./icon_01.png) no-repeat 126px center; display:block;}
.slideTxtBox .bd .ys_1 dl dd em a:hover{background-color:#7DBF1D; color:#fff;}
.anli_con{width:1200px; margin:0 auto; overflow:hidden;}
/* 本例子css */
.picMarquee-left{ width:1200px; margin-top:40px; overflow:hidden; position:relative;    }
.picMarquee-left .bd{width:1200px;    }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin-left:20px; float:left; _display:inline; width:285px; height:430px; overflow:hidden;}
.picMarquee-left .bd ul li .pic{ width:283px; height:380px; border:1px #c7c7c7 solid; margin:0 auto; overflow:hidden;}
.picMarquee-left .bd ul li .pic img{ width:264px; height:240px; margin:0 auto; display:block; margin-top:10px;}
.picMarquee-left .bd ul li .pic h3{width:264px; margin:15px auto; text-align:left; font-size:18px; margin-top:20px;}
.picMarquee-left .bd ul li .pic h3 a{color:#222;}
.picMarquee-left .bd ul li .pic h3 a:hover{color:#7DBF1D; text-decoration:underline;}
.picMarquee-left .bd ul li .pic span{width:264px; margin:0 auto; text-align:left; font-size:12px; display:block; line-height:26px; color:#888;}
.picMarquee-left .bd ul li .pic em a{width:58px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#fff; background-color:#7DBF1D; border-radius:300px; display:block; float:right; font-style:normal; margin-top:15px; margin-right:10px;}
.picMarquee-left .bd ul li .pic em a:hover{color:#fff; background-color:#7DBF1D;}
.picMarquee-left .bd ul li .title{width:285px; height:10px; margin:0 auto;}
.jj{width:100%; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.jj_con{width:1200px; margin:0 auto; overflow:hidden;}
.jj_con dl{width:1200px; margin:0 auto; margin-top:40px; overflow:hidden;}
.jj_con dl dt img{width:520px; height:370px; display:block; float:left; overflow:hidden;}
.jj_con dl dd{width:640px; float:right; text-align:justify; font-size:14px; color:#333; line-height:40px; overflow:hidden;}
.jj_con dl dd a{color:#7DBF1D;}
.jj_con dl dd a:hover{color:#7DBF1D; text-decoration:underline;}

.jj_lei{width:1200px; margin:0 auto; overflow:hidden;}
.jj_lei p{width:240px; float:left;}
.jj_lei p a{display:block; width:116px; margin:0 auto; text-align:center; font-size:18px; font-weight:bold; color:#444;}
.jj_lei p a:hover{color:#7DBF1D;}
.jj_lei p a img{display:block; margin-bottom:10px;transition:all 0.5s ease-in-out; margin-top:50px;
    -moz-transition:all 0.5s ease-in-out; /* Firefox 4 */
    -webkit-transition:all 0.5s ease-in-out; /* Safari and Chrome */
    -o-transition:all 0.5s ease-in-out; /* Opera */}
.jj_lei p a:hover img{
    transform:rotate(360deg);
    -moz-transform:rotate(360deg); /* Firefox 4 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    -o-transform:rotate(360deg); /* Opera */
}
.xw{ width:1200px; margin:0 auto; overflow:hidden;}
.slideTxtBox2 .hd{width:1200px;  margin:0 auto; margin-top:35px;  text-align:center; }
.slideTxtBox2 .hd h5{ font-size:24px; color:#b58845;}
.slideTxtBox2 .hd h5 span{ display:block; font-weight: normal; text-transform:uppercase; font-size:18px; color:#aaa; margin:10px auto;}
.n_s{background:url(./x_18.jpg) 0 center repeat-x; }
.slideTxtBox2 .hd ul{ width:1200px; margin:0 auto; text-align:center;margin-top:30px; overflow:hidden;}
.slideTxtBox2 .hd ul li{padding:8px 55px;margin-right:13px; display:inline-block; background:#d8d8d8; border-radius:300px;}
.slideTxtBox2 .hd ul li a{font-size:18px; color:#333333;}
.slideTxtBox2 .hd ul li.on{ background: #7DBF1D; }
.slideTxtBox2 .hd ul li.on a{color:#FFFFFF; font-weight:bold;}
.news_z{width:1200px; margin:0px auto; margin-top:40px; overflow:hidden;}
.news_z_l{ width:570px; float:left;}
.news_z_lt{width:570px; height:330px; overflow:hidden;}
.news_z_lt img{ width:570px; height:330px;transition: all 0.9s;}
.news_z_lh{ margin:25px auto;color:#888;border-bottom:1px #CCCCCC dashed; margin-bottom:15px;}
.news_z_lh h2 a{ font-size:18px; color:#111; font-weight:normal; background:url(./n_45.jpg) 0 center no-repeat; padding-left:20px;}
.news_z_lh span{ font-size:12px;  text-indent:20px; display:block; font-weight:normal; color:#888; margin-top:6px; margin-bottom:8px; }
.news_z_lp p{ line-height:26px; color:#888;}
.news_z_la{ margin-top:25px; margin-bottom:20px;}
.news_z_la a{ padding:4px 15px; border:1px #888 solid; font-size:14px;color:#888; margin-top:15px;}
.news_z_la a:hover{border:1px #7DBF1D solid; color:#7DBF1D;}
.news_z_r{ width:570px; float:right;}
.news_z_r dl{ width:570px; overflow:hidden;margin-bottom:20px;}
.news_z_r dt { float:left; width:190px; height:150px; overflow:hidden;}
.news_z_r dt img{width:190px; height:150px; transition: all 0.9s;}
.news_z_r dd h2{border-bottom:1px #CCCCCC dashed;}
.news_z_r dd h2 a{ font-size:18px; color:#111; font-weight:normal; }
.news_z_r dd h2 span{font-size:12px;  display:block; font-weight:normal; color:#888; margin-top:6px; margin-bottom:6px; }
.news_z_r dd{ width:360px;float:right; line-height:26px; color:#888; margin-top:10px; }
.news_z_r dd a{ color:#7DBF1D;}
.news_z_r dd a:hover{text-decoration:underline;}
.news_z_r ul{ width:570px; padding-top:15px; overflow:hidden;}
.news_z_r li { font-size:14px;  line-height:36px; background:url(./qq.jpg) 0 center no-repeat; text-indent:15px;}
.news_z_r li a{color:#444444;}
.news_z_r li a:hover{color:#7DBF1D;}
.news_z_r li span{ float:right; color:#999;}
.news_z_r dd h2 a:hover , .news_z_lh h2 a:hover{ color:#7DBF1D; text-decoration:underline;}
.youqing{ width:1200px; margin:0 auto; margin-top:60px; border:1px #ddd solid; margin-bottom:50px;}
.youqing h5{ width:170px; margin:0 auto; padding:10px 0; background:#7DBF1D; text-align:center; font-size:20px;  color:#fff; position:relative; top:-23px;}
.youqing h5 span{ font-weight:normal; font-size:14px; text-transform:uppercase; color:#fff; margin-left:10px;}
.youqing p{ width:1160px; margin:0 auto; font-size:14px; line-height:30px; margin-bottom:20px;box-sizing: border-box;}
.youqing p a{ color:#ababab; margin-right:10px;}
.youqing p a:hover{ color:#7DBF1D;}
/* 底部 样式 css */
.dibu{width:100%; overflow:hidden; min-width:1200px; margin-top:40px;}
.dd_1{width:100%; background-color:#7DBF1D; padding:40px 0px; overflow:hidden;}
.dd_1m{width:1200px; margin:0 auto;}
.dd_1p{width:300px; float:left;}
.ddlogo{width:300px; margin:0 auto; margin-bottom:20px;}
.ddlogo img{max-width:100%;display: block;margin: 0 auto;}
.ewm{width:300px; text-align:center; height:170px; overflow:hidden;}
@keyframes Updown{
    from{margin-top:10px;}
    to{margin-top:5px;}
}
@-webkit-keyframes Updown{
    from{margin-top:10px;}
    to{margin-top:5px;}
}
.ewm p{width:132px; display:inline-block; text-align:center; color:#fff; line-height:30px; margin:0px 8px 0px 8px; animation:Updown 1s infinite alternate;
    -webkit-animation:Updown 1s alternate infinite;/*infinite无限播放，alternate轮流反向播放*/}
.ewm p img{width:132px; height:132px;}
.dd_fr{width:900px; float:right;}
.dd_fr ul{width:900px; margin:0 auto; margin-top:20px; overflow:hidden;}
.dd_fr ul li{width:420px; float:left; text-align:left;}
.dd_fr ul li h3{font-size:16px; color:#fff;}
.dd_fr ul li h3 span{font-size:12px; color:#fff; text-transform:uppercase; font-weight:normal; display:block;}
.dd_fr ul li p{width:100%; text-align:left; line-height:35px; color:#fff; margin-top:10px; font-size:14px;}
.dd_fr ul li p a{color:#fff; display:block;}
.dd_fr ul li p a:hover{text-decoration:underline; color:#fff;}
.dd_fr ul .dd_fr_c{width:360px; padding-left:100px; margin-right:20px;}
.dd_fr ul .dd_fr_c p{width:100%;}
.dd_2{width:100%; background-color:#7DBF1D; overflow:hidden;}
.dd_2 p{width:1200px; margin:0 auto; color:#fff; line-height:25px; font-size:14px;text-align: center;}
/*........................................ CSS 内页样式 ..........................................*/
.nyban{width:100%; margin:0 auto; overflow:hidden;}
.nyban p{height:300px;}
.neiye{min-width:1200px; margin:0 auto; overflow:hidden;}
.about{min-width:1200px; margin:0 auto; overflow:hidden;}
.about_lei{width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
.about_lei .ab_on{background-color:#7DBF1D; border:1px #7DBF1D solid; color:#fff;}
.about_con{width:1200px; margin:0 auto; overflow:hidden; text-align:left; font-size:16px; line-height:40px; margin-top:30px;}
.about_con p img{max-width: 100%}
.news_ny_ul{width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.news_ny_ul ul{ width:1200px; margin:0 auto; overflow:hidden;overflow:hidden;}
.news_ny_ul ul li{ width:568px; float:left; margin-left:15px; margin-right:15px; margin-bottom:20px; overflow:hidden; border:1px #dfdfdf solid;}
.news_ny_ul ul li .n_n_time{ float:left; width:110px; height:110px; background:#eee; text-align:center;transition: all 0.5s ease-in-out 0s;}
.news_ny_ul ul li .n_n_time b{ font-size:36px; display:block; color:#666; margin-top:17px; }
.news_ny_ul ul li .n_n_time span{ font-size:16px; display:block; color:#888;}
.news_ny_ul ul li .n_n_p{ float:right; width:417px; padding:5px 20px;}
.news_ny_ul ul li .n_n_p h2{ font-size:18px; line-height:25px; font-weight:normal; margin-top:10px;}
.news_ny_ul ul li .n_n_p h2 a{color:#222;}
.news_ny_ul ul li .n_n_p h2 a:hover{color:#7DBF1D; text-decoration:underline;}
.news_ny_ul ul li .n_n_p p{ font-size:12px; color:#888; line-height:24px; margin-top:10px;height: 50px;overflow: hidden;}
.news_ny_ul ul li .n_n_p p a{ float:right; color:#7DBF1D;transition: all 0.5s ease-in-out 0s;}
.news_ny_ul ul li:hover .n_n_time{ background:#7DBF1D;  }
.news_ny_ul ul li:hover .n_n_time  b{color:#fff;}
.news_ny_ul ul li:hover .n_n_time span{color:#fff;}
.news_ny_ul ul li:hover .n_n_p  a{color:#7DBF1D; text-decoration:underline;}
.cp_fenye{width:820px; margin:0 auto;  overflow:hidden; margin-top:35px;}
.cp_fenye p{width:820px; text-align:center; font-size:14px;}
.cp_fenye p a{margin-right:2px; display:inline-block; border:1px #ddd solid; color:#888; height:30px; line-height:30px; padding:0px 5px;}
.cp_fenye p a:hover{border:1px #7DBF1D solid; color:#7DBF1D;}
.news{width:1200px; margin:0 auto; margin-top:30px; overflow:hidden;}
.news_n_nh{width:1200px; margin:0 auto; overflow:hidden; margin-top:30px;}
.news_n_nh h2{ width:1200px; margin:0 auto; overflow:hidden;font-size:28px; font-weight:normal; text-align:center; color:#7DBF1D;}
.news_n_time{width:1200px; margin:0 auto; overflow:hidden; margin-top:20px; font-size:13px; color:#888; text-align:center; border-bottom:1px #cdcdcd dashed; padding-bottom:20px; }
.news_n_p{ width:1200px; margin:0 auto; margin-top:40px; line-height:36px; font-size:15px; color:#666;}
.news_n_p p{line-height: 30px;text-indent: 32px;font-size: 16px;text-align: justify;margin: 15px 0;}
.news_n_p p img{max-width: 90%;margin: 0 auto;display: block;}
.news_n_fx{width:1100px; margin:0 auto;  margin-top:30px; margin-bottom:30px; overflow:hidden;}
.fenxiang{ float:right; line-height:30px;}
.news_n_ndao{ margin-top:40px; font-size:16px; background:#eee; padding:20px 40px 10px 40px;}
.news_n_ndao p{ margin-bottom:15px; color:#555;}
.news_n_ndao p a{color:#555;}
.news_n_ndao p a:hover{color:#01A0EB;}
.ny_dq2{width: 100%;min-width: 1200px;margin: 0 auto;background: #f3f3f3;height: 60px; line-height:60px;}
.ny_dq2 h5{width: 1200px;margin: 0 auto; font-size:14px; color:#666; font-weight:normal;}
.ny_dq2 h5 a{ color:#666; margin-left:5px; margin-right:5px;}
.ny_dq2 h5 a:hover{ color:#01A0EB;}
.tjnews{width:1198px; margin:0 auto; border:1px #ddd solid; overflow:hidden; padding-bottom:20px; margin-top:35px;}
.tjnews h3{width:1170px; margin:0 auto; height:50px; line-height:50px; border-bottom:1px #ddd solid; overflow:hidden; font-size:18px; color:#333;}
.tjnews h3 em{font-style:normal; font-size:14px; color:#aaa;}
.tjnews h3 span{float:right; font-size:14px; font-weight:normal; color:#222;}
.cpzx_p2{width:1170px; margin:0 auto; margin-top:40px; padding-bottom:20px; overflow:hidden;}
/* 本例子css */
.picMarquee-left2{ width:1170px; overflow:hidden; position:relative;}
.picMarquee-left2 .bd{width:1170px;}
.picMarquee-left2 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left2 .bd ul li{width:278px; height:288px; float:left; position:relative; margin:0px 13px 0px 13px; border:1px #d6d6d6 solid; background-color:#fff;box-sizing: border-box;}
.picMarquee-left2 .bd ul li span{display:block; width:278px; height:48px; text-align:left;line-height:48px; text-indent:8px; overflow:hidden; border-top:1px #d6d6d6 solid;}
.picMarquee-left2 .bd ul li span a{font-size:14px; color:#111;}
.picMarquee-left2 .bd ul li span a:hover{text-decoration:underline; color:#7DBF1D;}
.picMarquee-left2 .bd ul li img{width:260px; height:220px; margin:0 auto; padding:9px;}
.picMarquee-left2 .bd ul li em a{width:58px; height:58px; display:block; line-height:58px;font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center; background-color:#7DBF1D; border-radius:50% 50%; font-size:14px; color:#fff; position:absolute; right:13px; bottom:22px; font-style:normal;}
.picMarquee-left2 .bd ul li em a:hover{background-color:#7DBF1D; color:#fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s; }
.picMarquee-left2 .bd ul li:hover{border:1px #7DBF1D solid;}
.nycase_2{width:1200px; margin:0 auto; overflow:hidden;}
.nycase_2 ul{width:1200px; margin:0 auto; overflow:hidden;}
.nycase_2 ul li{width:570px; float:left; margin-top:40px; margin-right:30px; overflow:hidden;}
.nycase_2 ul li dl{width:570px; margin:0 auto; overflow:hidden;}
.nycase_2 ul li dl dt{width:255px; height:232px; padding:4px; border:1px #ddd solid; overflow:hidden;float:left; margin-right:15px;}
.nycase_2 ul li dl dt img{width:255px; height:232px; display:block; transition: all 0.8s; overflow:hidden;}
.nycase_2 ul li dl dt a:hover img{transform: scale(1.3);}
.nycase_2 ul li dl dd{width:290px; display:block; float:left; text-align:left; overflow:hidden;}
.nycase_2 ul li dl dd h3{text-align:left; font-size:16px; margin-top:15px; font-weight:normal;}
.nycase_2 ul li dl dd h3 a{color:#333;}
.nycase_2 ul li dl dd h3 a:hover{color:#7DBF1D;}
.nycase_2 ul li dl dd span{display:block; text-align:left; line-height:24px; color:#888; margin-top:10px;}
.nycase_2 ul li dl dd em a{display:block; width:116px; height:26px; line-height:26px; border:1px #7DBF1D solid; float:left; font-size:14px; text-align:center; font-style:normal; color:#7DBF1D; margin-top:10px;}
.nycase_2 ul li dl dd em a:hover{background-color:#7DBF1D; border:1px #7DBF1D solid; color:#fff;}
.nycase_2 ul li:hover{box-shadow: 1px 1px 10px 0 rgba(0,0,0,.3);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);transition: all 0.5s ease-in-out 0s;}
/* 生产设备 质量检测  css */
.con1_right_con2{width:1200px; margin:0 auto; overflow:hidden;}
.con1_right_con2 ul{width:1200px; margin:0 auto; margin-top:20px; overflow:hidden;}
.con1_right_con2 ul li{ margin:0 15px; float:left; _display:inline; width:270px; margin-top:20px; overflow:hidden; text-align:center; }
.con1_right_con2 ul li img{ display:block; width:260px; padding:4px; border:1px solid #ddd; height:220px;  }
.con1_right_con2 ul li p{ width:270px;  text-align:center; font-size:14px; line-height:40px; height:40px; color:#626262;}
.nycp{width:1200px; margin:0 auto; overflow:hidden;}
.nycp ul{width:1200px; margin:0 auto; overflow:hidden;}
.nycp ul li{width:278px; height:288px; float:left; position:relative; margin:40px 10px 0px 10px; border:1px #d6d6d6 solid; background-color:#fff;}
.nycp ul li span{display:block; width:278px; height:48px; text-align:left; line-height:48px; text-indent:8px; overflow:hidden; border-top:1px #d6d6d6 solid;}
.nycp ul li span a{font-size:14px; color:#111;}
.nycp ul li span a:hover{text-decoration:underline; color:#7DBF1D;}
.nycp ul li img{width:260px; height:220px; margin:0 auto; padding:9px;}
.nycp ul li em a{width:58px; height:58px; display:block; line-height:58px;font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center; background-color:#7DBF1D; border-radius:50% 50%; font-size:14px; color:#fff; position:absolute; right:13px; bottom:22px; font-style:normal;}
.nycp ul li em a:hover{background-color:#7DBF1D; color:#fff;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s; }

.nycp ul li:hover{border:1px #7DBF1D solid;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;box-shadow: 1px 1px 10px 0 rgba(0,0,0,.3);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);}
/*  css animation  */
.trans{

    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
/* page animation  */
.ani-view {
    -webkit-animation-duration:1.2s;
    -moz-animation-duration:1.2s;
    -o-animation-duration:1.2s;
    animation-duration:1.2s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity:0;
        -moz-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity:0;
        -o-transform:translateY(20px)
    }
    100% {
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        transform:translateY(20px)
    }
    100% {
        opacity:1;
        transform:translateY(0)
    }
}

.ani-view.fade-in-down{
    opacity:0;
    opacity:1\0/IE9;

    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    -ms-transform:translateY(0)\0/IE9;
}
.ani-view.fadeInDown {
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown;

}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translateX(-100px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity:0;
        -moz-transform:translateX(-100px)
    }
    100% {
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity:0;
        -o-transform:translateX(-100px)
    }
    100% {
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity:0;
        transform:translateX(-100px)
    }
    100% {
        opacity:1;
        transform:translateX(0)
    }
}
.ani-view.fade-in-left{

    opacity:0;
    opacity:1\0/IE9;


    -webkit-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -o-transform:translateX(-100px);
    transform:translateX(-100px);
    -ms-transform:translateX(0)\0/IE9;
}
.ani-view.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translateX(100px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity:0;
        -moz-transform:translateX(100px)
    }
    100% {
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInRight {
    0% {
        opacity:0;
        -ms-transform:translateX(100px)
    }
    100% {
        opacity:1;
        -ms-transform:translateX(0)
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity:0;
        -o-transform:translateX(100px)
    }
    100% {
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        transform:translateX(100px)
    }
    100% {
        opacity:1;
        transform:translateX(0)
    }
}
.ani-view.fade-in-right{
    opacity:0;
    opacity:1\0/IE9;

    -webkit-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -o-transform:translateX(100px);
    transform:translateX(100px);
    -ms-transform:translateX(0)\0/IE9;
}
.ani-view.fadeInRight {
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight;
}


/*图片放大*/
.show-pic{
    width: 798px;
    height: 309px;
    position: absolute;
    left: 50%;
    margin-left: -399px;
    bottom: -80px;
    cursor: pointer;
}
.show-pic:hover img{
    webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    -moz-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.ani-view.fade-in-up{
    opacity:0;
    opacity:1\0/IE9;

    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    -ms-transform:translateY(0)\0/IE9;
}
.ani-view.fadeInUp {
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp;

}
nav {
    position: relative;
    background-color: #7DBF1D;
    display: none;
    overflow: hidden;
}
nav::after{
    content: '';
    visibility: hidden;
    clear: both;
    display: block;
}
nav a{
    color: white;
    width: 25%;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    float: left;
    box-sizing: border-box;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
nav a:nth-of-type(4n){
    border-right: 0;
}
.ztc_p ul::after,
.demo ul::after{
    content: "";
    visibility: hidden;
    display: block;
    clear: both;
}
.MsoNormal{
    margin: 10px 0;
    text-align: justify;
}
.MsoNormal img{
    margin: 0 auto;
    display: block;
    max-width: 90%;
}
.about_con::after{
    content: '';
    visibility: hidden;
    clear: both;
    display: block;
}
.contact_left{
    width: 36%;
    float: left;
}
.contact_right{
    width: 60%;
    float: right;
}
.contact_right #map{
    width: 100%;
    height: 350px;
}

.map_img {
    width: 180px;
    float: left;
}

.map_contact {
    width: 50%;
    float: left;
    padding-left: 10px;
}

.map_contact p {
    margin: 5px 0;
    line-height: 20px;
}
.img_wrap{
    width: 1200px;
    margin: 0 auto;
}
.conpany_desc{
    max-height: 320px;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .top,
    .main,
    .ztc,
    .ztc_bt h5,
    .ztc_p,
    .cplei,
    .demo,
    #kaishi,
    .cp_dong,
    .main_dd,
    .anli_con,
    .picMarquee-left,
    .picMarquee-left .bd,
    .jj_con,
    .jj_con dl,
    .jj_con dl dt img,
    .slideTxtBox2 .hd ul,
    .xw,
    .slideTxtBox2 .hd,
    .news_z,
    .youqing p,
    .dibu,
    .dd_1m,
    .dd_1p,
    .ewm,
    .ddlogo,
    .ztc_p li,
    .neiye,
    .ny_dq2,
    .news_n_nh,
    .news_n_time,
    .tjnews h3,
    .cpzx_p2,
    .picMarquee-left2,
    .picMarquee-left2 .bd,
    .about,
    .about_lei,
    .contact_left,
    .contact_right,
    .news,
    .img_wrap,
    #kaishi, .kaishi,
    #jieshu, .jieshu,
    .nycp,
    .nycp ul{
        width: 100%;
        min-width: 100%;
    }
    .nycp ul li,
    .nycp ul li img{
        height:auto;
    }
    .nycp ul li{
        width: 94%;
        padding: 0 10px;
        margin: 10px 3% 0 3%;
        box-sizing: border-box;
    }
    .news_ny_ul,
    .news_ny_ul ul,
    .news_ny_ul ul li,
    .news_ny_ul ul li .n_n_p,
    .nycp ul li img{
        width:100%;
        box-sizing: border-box;
    }
    .news_ny_ul ul li{
        margin-left: 0;
        margin-right: 0;
    }
    .top_1,
    .synav,
    .news_z_l,
    .news_z_r dl,
    .news_ny_ul ul li .n_n_time,
    .dd_fr{
        display: none;
    }
    nav{
        display: block;
    }
    .top_2{
        width: 100%;
        height: auto;
    }
    .logo{
        margin: 10px 0;
        width: 100%;
        float: none;
        text-align: center;
    }
    .logo img{
        max-height: 80px;
    }
    .ztc_p ul,
    .picshow-con1 li,
    .jj_con dl dd,
    .news_z_r,
    .about_con,
    .youqing{
        width: 94%;
        margin: 20px 3% 0 3%;
        height: auto;
    }
    .picshow-con1 li a{
        position: relative;
        overflow: hidden;
        display: block;
        padding: 10px;
    }
    .picshow-con1 li a img{
        width: 100%;
        height: auto;
        padding: 0;
    }
    .cplei a,
    .about_lei a{
        margin-top: 10px;
    }
    .slideTxtBox2 .hd ul li{
        margin: 5px 0;
    }
    .news_z{
        margin-top: 0;
    }
    .youqing p{
        padding: 10px;
    }
    .ddlogo{
        text-align: center;
    }
    .ny_dq2 h5,
    .news_n_p,
    .dd_2 p{
        width: 94%;
        margin: 0 3%;
    }
    .tjnews h3{
        padding-left: 10px;
    }
    .news_n_ndao{
        padding: 10px;
    }
    .about_lei{
        text-align: left;
    }
    video{
        width: 100% !important;
        height: auto;
        margin-left: -28px;
        background-color: black;
    }
}
.conpany_desc a{
    color: black !important;
}