/*社会责任*/
.duty1{
    width:100%;
    height:200px;
    border:1px solid #dddddd;
    margin:40px 0;
}
.duty2{
    width:100%;
    height:200px;
    border:1px solid #dddddd;
}
.dyty-main .duty-left{
    width:200px;
    height: 100%;
    float: left;
}
.dyty-main .duty-left h2{
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    color: #555555;
    margin:90px 0 0 30px;
}
.dyty-main .duty-left h2:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #ef7c1a;
    margin-top: -2px;
    margin-right: 23px;
    height: 30px;
    width: 3px;
}
.dyty-main .duty-right{
    padding:30px 60px 0 0;
}
.dyty-main .duty-right p:nth-child(2n){
    font-size: 16px;
    line-height: 28px;
    color: #555555;
}
.dyty-main .duty-right p:nth-child(2n+1){
    font-size: 16px;
    line-height: 28px;
    color: #ef7c1a;
}
.duty2 .duty-right p:first-child{
    margin-top: 10px;
}
.duty3{
    width: 100%;
    margin:20px 0 100px 0;
    border:1px solid #dddddd;
}
.duty3 .duty-right{
    padding:55px 0 0 0!important;
	display:block;
	float:right;
	width:898px
}
.duty3 .duty-img{
    width:270px;
    float: left;
    margin-right: 29px;
}
.duty3 .duty-img img{
    width:270px;
}
.duty3 .duty-img img.big{
    width: 270px;
}
.duty3 .duty-img .duty-img-main{

}
.duty3 .duty-img p{
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #555555;
    text-align: center;
    margin-bottom: 12px
}


/*新闻中心*/
.news-main{
    display: flex;
}
.news-main .news-left{
    width:720px;
}
.news-main .news-right{
    width: 380px;
}
.news-left .news-type a{
    display:inline-block;
    width:217px;
    height: 60px;
    margin:60px 20px 20px 0;
    border: solid 1px #ef7c1a;
    color: #ef7c1a;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
}
.news-left .news-type a.active{
  
    background-image: linear-gradient(90deg, 
        #ff3209 14%, 
        #ef7a1b 100%), 
    linear-gradient(
        #282828, 
        #282828);
    color: #fff;
}
.news-type-main .news-type-1 div{
    width:660px;
    min-height:75px;
    margin-left: 20px;
    border-bottom:dashed 1px #dadada; 
    text-align: left;
}
.news-type-main .news-type-1 div p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
    line-height: 20px;
    padding-top: 20px;

}
.news-type-main .news-type-1 div a{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    line-height: 40px
}
.news-type-main .news-type-1 div a:hover{
    text-decoration: underline;
    color: #ef7c1a
}
.news-type-main .news-type-1 .page{
    cursor: pointer;
    padding-top: 20px;
    margin-bottom: 50px;
    border:none;
    text-align: right;
}
.news-right{
   padding-top: 60px;
}
.news-right h1{
    /*width: 380px;*/
    height: 59px;
    background-color: #f3f4f5;
    
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f36716;
    line-height: 60px;
    padding-left: 20px
}
.news-right h1 .icon{
     font-size: 21px;
}
.news-right .gg{
    padding:0 20px;
}
.news-right .gg p{
    border-top: 1px dashed #ddd;
    padding:12px 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
}
.news-right .gg p:first-of-type{
     border:none;
}
.news-right .gg p:last-of-type{
    margin-bottom: 20px
}
.news-xq-main{
    padding-right: 40px;
    padding-bottom: 60px
}
.news-xq-main h2{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    margin-top: 60px;
    text-align: center;
}
.news-xq-main h6{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    margin:20px 0;
}
.news-xq-main p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #555555;
    text-indent: 20px
}

/*产品中心*/
.cp-aside ul li a span:first-of-type{
    width:75px;
}


/*1*/
.cp-1-1{
    position: relative;
    margin:20px 0 80px 0px;
}
.cp-1-1 p,.title{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ef7c1a;
}
.cp-1-1 img{
    width:760px;
    height: 350px;
    z-index: 1;
    margin-top: 50px
/*    position: relative;*/
}
.cp-1-1 .car{
    width:760px;
    height: 350px;
    position: absolute;
    top:100px;

    z-index: 2
}
.cp-1-1 .car a{position: absolute;}
.cp-1-1 .car a{display: inline-block;padding:2px 8px;background-color: #555555;color: #fff;font-size: 14px;}
.cp-1-1 .car a:hover{padding:4px 12px;background-color: #ef7c1a}
a.cp-zx-1{left:206px;top:-54px;} 
a.cp-zx-1:before{content: '';position: absolute;width: 53px;height: 1px;background: #555555;left:36px;top:11px;}
a.cp-zx-1:after{content: '';position: absolute;width: 80px;height: 1px;background: #555555;left:69px;top:46px; transform: rotate(60deg);}
a.cp-zx-2{left:168px;top:-20px;} 
a.cp-zx-2:before{content: '';position: absolute;width: 53px;height: 1px;background: #555555;left:36px;top:11px;}
a.cp-zx-2:after{content: '';position: absolute;width: 80px;height: 1px;background: #555555;left:69px;top:46px; transform: rotate(60deg);}
a.cp-zx-3{left:84px;top:36px;} 
a.cp-zx-3:before{content: '';position: absolute;width: 53px;height: 1px;background: #555555;left:36px;top:11px;}
a.cp-zx-3:after{content: '';position: absolute;width: 80px;height: 1px;background: #555555;left:69px;top:46px; transform: rotate(60deg);}
a.cp-zx-4{left:496px;top:282px;} 
a.cp-zx-4:before{content: '';position: absolute;width: 105px;height: 1px;background: #555555;left:-116px;top:13px;}
a.cp-zx-4:after{content: '';position: absolute;width: 204px;height: 1px;background: #555555;left:-269px;top:-75px; transform: rotate(60deg);}
a.cp-zx-5{left:710px;top:250px;} 
a.cp-zx-5:before{content: '';position: absolute;width: 156px;height: 1px;background: #555555;left:-163px;top:13px;}
a.cp-zx-5:after{content: '';position: absolute;width: 216px;height: 1px;background: #555555;left:-325px;top:-80px; transform: rotate(60deg);}
a.cp-zx-6{left:706px;top:-50px;} 
a.cp-zx-6:before{content: '';position: absolute;width: 53px;height: 1px;background: #555555;left:-61px;top:11px;}
a.cp-zx-6:after{content: '';position: absolute;width: 80px;height: 1px;background: #555555;left:-120px;top:46px; transform: rotate(120deg);}
.cp-1-2{
    margin-top: 30px;
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    width:780px;
    margin-bottom: 50px
}
.cp-1-2 li{
    width: 240px;
    height: 245px;
    margin-right: 30px;
}
.cp-1-2 li:nth-of-type(3n){
    margin-right: 0
}
.cp-1-2 li .cp-img-1{
    width:240px;
    height: 200px;
    border:1px solid #555;
    position: relative;
    box-sizing: border-box;
}
.cp-1-2 li .cp-img-1 img{
    width:238px;
    height: 198px;
}
.cp-1-2 li .cp-img-1 span{
    position: absolute;
    padding:4px 10px;
    background-color: #555;
    left:0;
    top: 0;
    color: #fff
}
.cp-1-2 li:hover .cp-img-1{
    border:1px solid #ef7c1a;
}
.cp-1-2 li:hover .cp-img-1 span{
    background-color: #ef7c1a;
}
.cp-1-2 li p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #555555;
}

/*复印机*/
.cp-2-2{
    display: flex;
}
.cp-2-2 img{
    width: 580px
}
.cp-2-2 p{
    width:200px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #555555;
}
.cp-2-3{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width:780px;
    margin-bottom: 30px;
}
.cp-2-3 li{
    width: 240px;
    height: 240px;
    border:1px solid #dddddd;
    margin-bottom: 30px;
}
.cp-2-3 img{
    width:238px;
    height: 200px;
}
.cp-2-3 p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #555555;
    text-align: center;
    border-top: 1px solid #dddddd;
    margin-top: -2px
}


/*液晶产品*/
.cp-3-2{
    position: relative;
}
.cp-3-2 span{
    font-size: 16px;
    color: #555555;
}
.cp-3-2 .cp31-1{
    position: absolute;
    top:155px;
    left: 90px
}
.cp-3-2 .cp31-2{
    position: absolute;
    top:315px;
    left: 90px
}
.cp-3-2 .cp31-3{
    position: absolute;
    top:140px;
    left: 644px
}
.cp-3-2 .cp31-4{
    position: absolute;
    top:315px;
    left: 644px
}
.cp-3-3{
    width:780px;
 /*   height: 250px;*/
    display: flex;
    border:1px solid #ddd;
    position: relative;
    margin-bottom: 30px
}
.cp-3-3 span{
    font-size: 16px;
    padding: 5px 30px;
    color: #ef7c1a;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff
}
.cp-3-3 img{
    width:385px;
   /* height: 248px*/
}
.cp-3-3 div{
    padding: 10px 30px 0 20px;
}
.cp-3-3 div p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #555555;
}
.cp-3-4{
    width:780px;
   /* height: 530px;*/
}
.cp-3-4 img{
    width:385px;
/*    height: 528px*/
}
.cp-3-3:hover{
    border:1px solid #ef7c1a;
}
.cp-3-3:hover span{
    color: #fff;
    background-color: #ef7c1a
}
.cp-3-5 li div{
    width: 240px;
    height: 200px;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
.cp-3-5 li div img{
    width: 238px;
    height: auto;
    vertical-align:middle;
}


/*MB*/
.cp-4-1 p:nth-of-type(2){
    width:760px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #555555;
    margin-bottom: 30px
}
.cp-4-2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px
}
.cp-4-2 li{
    width: 380px;
    height: 355px;    
}
.cp-4-2 li div{
    width: 380px;
    height: 300px; 
    border:1px solid #ddd;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
.cp-4-2 li div img{
    width: 90%;
    height: 80%;
    vertical-align:middle;
}
.cp-4-2 li p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #555555;
}
.cp-4-2 li:first-of-type div img{
    width: 100%;
    height: 100%;
}
.cp-4-2 li p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #555555;
    text-align: center;

}

/*企业理念*/
.qy-1-1 p:nth-of-type(2){
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 31.9px;
    letter-spacing: 0px;
    color: #555555;
    margin:20px 0 30px 0;
}
.qy-1-1 img{
    width: 780px;
    height: 500px;
    margin-bottom: 100px
}
.qy-2-1 .video{
    width: 780px;
    height: 500px;
    position: relative;
    margin:20px 0 30px 0;
}
.qy-2-1 #play{
    width: 88px;
    height: 88px;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -44px;
    margin-left: -44px;
    cursor: pointer;
    z-index: 999
}
.qy-2-2 p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #555555;
    margin-bottom: 50px
}
.qy-3-1 li{
    width:240px;
    height: 400px;
}
.qy-3-1 li img{
    width:238px;
    height: 256px
}
.qy-3-1 li div{
    padding:0 10px;
}
.qy-3-1 li div h4{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ef7c1a;
}
.qy-3-1 li div p{
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #555555;
    border-top: none;
    line-height: 24px;
    text-align: left;
    letter-spacing: 1px
}
.qy-4-1{
    margin-left: 70px;
    width: 650px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.qy-4-1 li{
    width:300px;height: 250px;
    border: solid 1px #e1e1e1;
    margin-bottom: 30px
}
.qy-4-1 li img{
    width:298px;height: 200px;
}
.qy-4-1 li p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #555555;
    text-align: center;
    margin-top: 6px
}

.sb-main .sb-title{
    width:1100px;
    margin-top: 40px
}
.sb-main .sb-title a{
    display: inline-block;
    width: 533px;
    height: 60px;
    border:1px solid #ef7c1a;
    margin-left: 30px;
    text-align: center;
    line-height: 60px;
    color: #ef7c1a;
    margin-bottom: 30px;
    font-size: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 9;

}
.sb-main .sb-title a:after{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff3209), to(#ef7a1b));
    background-image: linear-gradient(90deg, #ff3209 14%, #ef7a1b 100%);
    position: absolute;
    left: 0px;
    top: 0;
    -webkit-transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    height: 100%;
    width: 0%;
    z-index: -1
}
.sb-main .sb-title a:hover:after{width:100%}
.sb-main .sb-title a:hover{color: #fff}

.sb-main .sb-title a:nth-of-type(2n+1){
    margin-left: 0px
}
.sb-1{
    width: 1100px;
    margin-bottom: 30px
}
.sb-1 p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1.4px;
    color: #555555;
}
.sb-img{
    width:1100px;
    margin-top: 20px;
   /* display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
}
.sb-img img{
    width: 350px;
    height: 250px;
    margin-bottom: 30px;
    float: left;
    margin-left: 25px
}
.sb-img img:nth-of-type(3n+1){
    margin-left: 0
}

/*技术板块*/
.js-1{
    width:1100px;
    position: relative;
    height: 510px;
    margin:40px auto;
    display: flex;
}
.js-1:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #f3f4f5;
    top: 50%;
    left: 0;
    position: absolute;
    height: 50%;
    width: 100%;
    z-index: -1;
}
.js-1 .video{
    width: 700px;
    height: 450px;
    position: relative;
}
.js-1 .video p{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1.2px;
    color: #ef7c1a;
    line-height: 60px;
    text-align: center;
}
.js-1 .play{
    width: 92px;
    height: 92px;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -46px;
    margin-left: -46px;
    cursor: pointer;
    z-index: 999
}
.js-1-left{
    width: 400px;
    padding:30px;
    margin-top: 260px

}
.js-1-left h4{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #555555;
    line-height: 60px
}
.js-1-left p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1.4px;
    color: #555555;
    
}
.js-2,.js-3{
    width:100%;
    height:540px;
    position: relative;
    margin-bottom: 60px
}
.js-2:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #f3f4f5;
    top: 25%;
    left: 0;
    position: absolute;
    height: 75%;
    width: 53%;
    z-index: -1;
}
.js-3:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #f3f4f5;
    top: 25%;
    left: 47%;
    position: absolute;
    height: 75%;
    width: 53%;
    z-index: -1;
}
.js-2-1{
    display: flex;
    justify-content: space-between;
}
.js-2-1 .js-left{
    margin-top: 200px;
    width:400px;
}
.js-2-1 img{
    width:600px;
    height: 400px
}
.js-2-1 p{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1.6px;
    color: #555555;
}



/*技术详情*/
.js-main{
    width:1100px;
    margin:0 auto;
}
.js-main .js-title{
    width:100%;
    line-height: 70px;
    background-color: #f2f2f2;
    border: solid 2px #ef7c1a;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 3px;
    text-align: center;
    margin:80px 0;
    color: #555;
}
.js-main .js-jt p{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    line-height: 20px;
    color: #333333;
}
.js-main .js-jt img{
    max-width: 100%;
    margin:10px 0;

}




/*产品视频*/
.cp-main .video{
    width: 780px;
    /*height: 500px;*/
    position: relative;
    margin-bottom: 20px
}
.cp-main .video video{
    width:100%;
    height:auto;
}
.cp-main .play{
    width: 92px;
    height: 92px;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -46px;
    margin-left: -46px;
    cursor: pointer;
    z-index: 999
}

/*其他*/
.db h4,.ysj h4{
    font-size: 22px;
    color: #ef7c1a;
        font-weight: normal;
    font-stretch: normal;
}
.db img{
    display: block;
    margin:40px 0;
}