/* CSS Document */

.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:#076CE0; 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:#076CE0; color:#fff;}
.ztc_p li:hover .ztc_tu img{border-color:#076CE0;-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 #076CE0 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:#076CE0;}
.cp_dong{width:1200px; margin:0 auto; overflow:hidden;}
.main_dd{
	width:1200px;
	height:660px; margin:0 auto; margin-top:30px;
	}
	.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:#076CE0;}
.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:#076CE0; 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:#076CE0; 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 #076CE0 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:#076CE0; color:#fff; border-bottom:1px #076CE0 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:#076CE0; 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:#076CE0; 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:#076CE0; 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:#076CE0;}
.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:#076CE0;}
.jj_con dl dd a:hover{color:#076CE0; 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:#076CE0;}
.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: #076CE0; }
.slideTxtBox2 .hd ul li.on a{color:#FFFFFF; font-weight:bold;}

/* 底部 样式 css */

/* 本例子css */

/* 生产设备 质量检测  css */

/*  css animation  */

/* 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;

}

.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;
    }
}