@import url('common.css');

.list{margin-top:60px; margin:0 auto; width:92%; }
.list .item{margin-bottom:60px; width:58%; float:left; margin-left:2%;}
.list .ship{ float:right;max-width:580px; width:36%; margin-right:2%;}
.ship {
width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.ship video {
min-height:350px;
width: 100%;
}

.list .item .name{margin:40px 0;font-size:40px;color:#dd5229;font-weight:bold}
.list .item .contentcase{color:#111;font-size:16px;line-height:30px;margin-bottom:40px; }
.list .item .btn{display:block;width:115px;height:50px;padding-left:50px;line-height:50px;background:#dd5229 url(../images/dot1.png) no-repeat 115px center;color:#fff;border-radius:50px;}
.list .item .btn:hover{background:#dd5229 url(../images/dot1.png) no-repeat 115px center;}

@media only screen and (max-width:750px){
    .list{margin-top:0;}
    .list .item{display:block;padding:30px 20px;margin-bottom:0; width:95%;}
    .list .item .name{margin:20px 0;font-size:24px;}
    .list .item .contentcase{font-size:14px;line-height:25px;margin-bottom:20px}
	.list .ship{ width:95%; margin:0 auto; }
	.list .ship video{ width:340px; margin:0 auto;}
}





.casepp{margin-top:40px; }
.swiperpp{ margin:0 auto; margin-top:30px; width:92%;}
.swiperpp1{ max-width:350px;margin:0 auto; padding-top:40px; padding-bottom:40px;}
.casepp .case_name{font-size:14px; line-height:34px; padding-top:10px;}
.casepp .case_name span{font-size:20px;}
.casepp .swiper{ margin:0 auto;}
.btn6{display:block;width:115px; margin-top:8px;height:50px;line-height:50px; text-align:center; border:1px solid #dd5128;background:#f5f5f5 center;color:#000;border-radius:50px;}
.btn6:hover{background:#dd5229 center; color:#FFFFFF;}
.casepp ul li{ float:left; width:32%; margin-right:2%;}
.casepp ul li img{ width:100%; margin:0 auto;}
.casepp ul li:nth-child(3n){margin-right:0;}
.casepp ul li a{ max-width:550px;display:block;color:#000;background:#f5f5f5; margin:0 auto;} 
.casepp ul li a:hover{ background:#dd5229;max-width:550px; display:block; color:#FFFFFF;}
@media only screen and (max-width:750px){

.casepp{margin-top:20px; margin:0 auto; }
.casepp ul li{ width:100%; margin:0 auto; text-align:center;}
.casepp ul li img{ width:330px; margin:0 auto;}
.casepp ul li a{  width:360px;display:block;color:#000;background:#f5f5f5; margin:0 auto;} 
.casepp ul li a:hover{ background:#dd5229;width:360px; display:block; color:#FFFFFF;}
.btn6{display:block;width:115px; margin-top:8px;height:50px;line-height:50px; border:1px solid #dd5128;background:#f5f5f5 center;color:#000;border-radius:50px; margin:0 auto;}
.btn6:hover{background:#dd5229 center; color:#FFFFFF;}

}


/*ÂÖ²¥*/
.bannern{ margin:0 auto;}
.bannern .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background:#fff;width:12px;height:12px}
.bannern .pc{height:400px;transition:all 5s}
.bannern .mobile{display:none}


@media only screen and (max-width:750px){
 .bannern{margin-top:-80px}
.bannern .pc{height:300px;transition:all 5s}
}





.contact .list1{display:flex;margin:75px 0 30px;height:339px;background:#F9F9F9 url(../images/38.png) no-repeat right center;}
.contact .list1 .item{flex:1;text-align:center}
.contact .list1 span{width:45px;height:45px;display:block;margin:80px auto 30px}
.contact .list1 .item:first-child span{background:url(../images/39.png) no-repeat center center}
.contact .list1 .item:nth-child(2) span{background:url(../images/40.png) no-repeat center center}
.contact .list1 .item:nth-child(3) span{background:url(../images/41.png) no-repeat center center}
.contact .list1 .item:last-child span{background:url(../images/42.png) no-repeat center center}
.contact .list1 p:nth-of-type(1){font-size:18px;color:#333;font-weight:bold}
.contact .list1 p:nth-of-type(2){margin-top:15px;font-size:14px;color:#333;}

@media only screen and (max-width:750px){
    .contact .list1{display:block;margin:0;padding:20px 0;height:auto;background:#eee}
    .contact .list1 .item{text-align:center}
    .contact .list1 span{margin:20px auto}
    .contact .list1 p:nth-of-type(1){font-size:18px;}
    .contact .list1 p:nth-of-type(2){margin-top:10px;}
}

.contact .list2{height:328px;display:flex; width:92%; margin:0 auto;margin-bottom:50px; font-size:15px;}
.contact .list2>div{ width:33%;margin-right:3%;color:#333;}
.contact .list2>div:last-child{margin-right:0}
.contact .list2 .item1{background:#F9F9F9;border-radius:20px}
.contact .list2 .item1 .icon{height:120px;background:url(../images/45.png) no-repeat center 50px}
.contact .list2 .item1 .tit{text-align:center;font-size:20px;font-weight:bold;}
.contact .list2 .item1 .txt{padding:20px 0 30px;text-align:center}
.contact .list2 .item1 .btn{width:110px;height:45px;padding-left:35px;line-height:45px;margin:0 auto;border:1px #dd5229 solid;border-radius:50px;display:block;color:#333;background:url(../images/37.png) no-repeat 100px center}
.contact .list2 .item1 .btn:hover{background:#dd5229 url(../images/37.png) no-repeat 100px center;border:1px #dd5229 solid}
.contact .list2 .item2{background:#F9F9F9;border-radius:20px}
.contact .list2 .item2 .icon{height:120px;background:url(../images/36.png) no-repeat center 50px}
.contact .list2 .item2 .tit{text-align:center;font-size:20px;font-weight:bold;}
.contact .list2 .item2 .txt{padding:20px 0 30px;text-align:center}
.contact .list2 .item2 .btn{width:110px;height:45px;padding-left:35px;line-height:45px;margin:0 auto;border:1px #dd5229 solid;border-radius:50px;display:block;color:#333;background:url(../images/37.png) no-repeat 100px center}
.contact .list2 .item2 .btn:hover{background:#dd5229 url(../images/37.png) no-repeat 100px center;border:1px #dd5229 solid}
.contact .list2 .item3{background:#F9F9F9;border-radius:20px}
.contact .list2 .item3 .img{width:94px;height:91px;background:#fff;padding:10px;margin:50px auto 30px;display:flex;justify-content:space-between;align-items:center;border-radius:20px}
.contact .list2 .item3 img{max-width:100%;max-height:100%}
.contact .list2 .item3 .tit{text-align:center;font-size:20px;font-weight:bold;}
.contact .list2 .item3 .txt{padding:20px 0 30px;text-align:center}

@media only screen and (max-width:750px){
    .contact .list2{height:auto;display:block;margin:20px}
    .contact .list2>div{width:auto;margin-right:0;margin-bottom:20px}
    .contact .list2 .item1{height:328px;background:#F9F9F9;border-radius:30px}
    .contact .list2 .item1 .btn{width:110px;height:45px;padding-left:35px;line-height:45px;margin:0 auto;border:1px #dd5229 solid;border-radius:50px;display:block;color:#fff;background:#dd5229 url(../images/37.png) no-repeat 100px center}
    .contact .list2 .item2{height:328px;background:#F9F9F9;border-radius:30px}
    .contact .list2 .item2 .btn{width:110px;height:45px;padding-left:35px;line-height:45px;margin:0 auto;border:1px #fff solid;border-radius:50px;display:block;color:#fff;background:url(../images/37.png) no-repeat 100px center}
    .contact .list2 .item3{background:#F9F9F9;padding-top:5px}
}




.head_article{ width:92%;display:flex; margin:0 auto;justify-content:space-between;border-bottom:1px #eee solid;padding-bottom:50px;}
.head_article a{display:block}
.head_article .img8{ width:36%; max-height:300px;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden;}
.head_article .img8 img{max-width:100%;max-height:100%;}
.head_article .img8:hover img{transform:scale(1.1);transition:all 0.5s}
.head_article .info{ width:60%;}
.head_article .name{font-size:30px;margin:45px 0 20px;font-weight:bold;color:#344455}
.head_article .name:hover{color:#dd5229}
.head_article .note{color:#959595;font-size:16px;line-height:28px}
.head_article .time{background:url(../images/11.png) no-repeat left center;padding-left:20px;margin:30px 0 50px}
.head_article .btn{width:115px;height:50px;padding-left:50px;line-height:50px;background:#344455 url(../images/dot1.png) no-repeat 115px center;color:#fff;border-radius:50px;}
.head_article .btn:hover{background:#dd5229 url(../images/dot1.png) no-repeat 115px center;}

@media only screen and (max-width:750px){
    .head_article{display:block;height:auto;margin:20px;padding-bottom:20px}
    .head_article .img{width:100%;height:auto;overflow:auto;}
    .head_article .img:hover img{transform:scale(1)}
    .head_article .info{width:auto}
    .head_article .name{font-size:20px;margin:20px 0;}
    .head_article .name:hover{color:#344455}
    .head_article .note{font-size:14px;line-height:25px}
    .head_article .time{margin:10px 0 20px}
    .head_article .btn{width:95px;height:40px;padding-left:25px;line-height:40px;background:#344455 url(../images/dot1.png) no-repeat 90px center;color:#fff;border-radius:50px;}
    .head_article .btn:hover{background:#344455 url(../images/dot1.png) no-repeat 90px center;}
}


@media only screen and (max-width:750px){
    .article ul li{display:block; width:96%; margin:0 auto;}
    .article ul li .item{width:90%; background:#eee; padding-top:20px; padding-bottom:20px; }
    .article ul li.item:last-child{margin:0}
    .article ul li .name{font-size:16px;margin:20px 0}
    .article ul li .name:hover{color:#344455}
    .article ul li .time{background:url(../images/11.png) no-repeat left center;padding-left:20px;margin-top:20px}
}




.problem{ width:90%; margin:0 auto; margin-top:30px;margin-bottom:40px;font-size:15px;}
.problem ul li{ border-bottom:1px solid #e9e7e6; height:42px; line-height:42px; }
.problem ul li .menuwen{ width:80%; float:left;}
.problem ul li a:hover{ color:#dd5229;}
.problem ul li span{ float:right; font-size:13px; color:#444;}

@media only screen and (max-width:750px){
    .problem{display:block}
    .problem .list{width:auto;margin:20px}
    .problem .list .tit{font-size:20px;margin-bottom:20px}
    .problem .list .item{padding:20px 0;font-size:16px;}
    .problem .list .name span:first-child{width:calc(100% - 50px);}
    .problem .list .note{width:auto;margin:20px 0 0;}
}











@media only screen and (max-width:750px){
    .breadcrumb{display:flex}
    .breadcrumb a{display:none}
    .breadcrumb a:first-child{display:block}
    .breadcrumb span{display:block}
}

.product { width:92%; margin:0 auto; margin-top:40px;}
.basenn{ float:left; width:80%; padding-bottom:30px;}
.base{ width:100%; float:left;margin-bottom:55px; }
.baseleft{ width:100%; float:left;}
.baseleft img{max-width:1024px;}
.base .pic_mobile{display:none}
.base .pic_pc{ width:45%; float:left; }
.base .pic_pc .big_img{min-width:460px;min-height:460px;display:flex;justify-content:center;align-items:center;border:1px #eee solid;border-radius:20px}
.base .pic_pc .big_img img{max-width:100%;max-height:100%}
.thumb{min-width:460px;margin-top:20px}
.thumb .slideBox{overflow:hidden;zoom:1;position:relative}
.thumb .tempWrap{width:390px !important;margin:0 auto}
.thumb .sPrev,.thumb .sNext{position:absolute;left:0;top:28px;display:block;width:32px;height:32px;background:url(../images/arrow_left.png) center center no-repeat}
.thumb .sNext{left:auto;right:0;background:url(../images/arrow_right.png) center center no-repeat}
.thumb ul{overflow:hidden;zoom:1}
.thumb ul li{width:86px;height:86px;margin-right:10px;float:left;display:flex;overflow:hidden;align-items:center;justify-content:center;border:2px solid #ccc;cursor:pointer;border-radius:5px}
.thumb ul li.active,.thumb ul li:hover{border:2px #F6AE3B solid}
.thumb ul li img{max-width:95%;max-height:95%}
.info{ float:right; width:49%; text-align:left;}
.info .sn{padding:0px 0 20px;font-size:30px;color:#dd5229;font-weight:bold;}
.info .name{margin-bottom:40px;font-size:16px;color:#344455;}
.info .note{font-size:16px;color:#333;line-height:30px;margin-bottom:60px}
.info .btn{display:flex}
.info .btn a{width:135px;padding-left:30px;height:55px;line-height:55px;color:#fff;border-radius:50px;font-weight:bold}
.info .btn a:first-child{background:#344455 url(../images/50.png) no-repeat 130px center;margin-right:15px}
.info .btn a:last-child{background:#F5A21E url(../images/59.png) no-repeat 125px center}
.info .btn a:first-child:hover{background:#000 url(../images/50.png) no-repeat 130px center;margin-right:15px}
.info .btn a:last-child:hover{background:#D98F1A url(../images/59.png) no-repeat 125px center}

@media only screen and (max-width:750px){
.base{ width:100%; margin:0 auto;display:block;}
.base .pic_pc{display:none}
.base .pic_mobile{display:block; max-width:360px;margin:0 auto; }
.base .pic_mobile .swiper-slide{ max-width:360px; display:flex;justify-content:center;align-items:center;margin-bottom:50px}
.base .pic_mobile .swiper-slide img{ width:100%;}
    .product .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.product .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background:#F5A21E;}
.info{width:100%; margin-top:20px; }
.baseleft{  max-width:360px; margin:0 auto;}
.baseleft img{max-width:360px;}
.info .sn{padding-bottom:10px; font-size:16px;}
.info .name{margin-bottom:10px;font-size:18px}
.info .note{font-size:14px;line-height:22px;margin-bottom:20px; max-width:360px;}
.info .btn{display:flex}
.info .btn a{width:135px;padding-left:30px;height:55px;line-height:55px;color:#fff;border-radius:50px;font-weight:bold}
.info .btn a{width:110px;height:40px;line-height:40px;padding-left:20px}
    .banner .info a:hover{width:110px;}
.info .btn a:first-child{background:#344455 url(../images/50.png) no-repeat 100px center;}
.info .btn a:last-child{background:#F5A21E url(../images/59.png) no-repeat 95px center}
.info .btn a:first-child:hover{background:#344455 url(../images/50.png) no-repeat 100px center;}
.info .btn a:last-child:hover{background:#F5A21E url(../images/59.png) no-repeat 95px center}
}

.productright{ width:16%;float:right; height:auto;}
.productright ul li{ width:100%; margin-top:3px; }
.productright ul li#foo2{background:#dd5229; display:block;height:40px; font-size:18px; line-height:30px; text-align:center;padding-top:10px; color:#FFFFFF;}
.productright ul li a{ background:#ececec; display:block;height:80px; font-size:14px; line-height:24px;padding-left:4%; padding-top:12px;}
.productright ul li a:hover{ background:#dd5229; display:block;height:80px; font-size:14px; line-height:24px;padding-left:4%; padding-top:12px; color:#FFFFFF;}

@media only screen and (max-width:750px){

.productright{ width:100%; margin:0 auto; height:auto; }
}

























.product .other{background:#F6F6F6;padding:55px 0}
.product .other .tag{height:65px;display:flex;align-items:center;background:#A5A8AF;border-radius:50px;padding-left:50px}
.product .other .tag span{padding:0 30px;height:50px;line-height:50px;color:#fff;font-size:16px;font-weight:bold;text-align:center;margin-right:40px;cursor:pointer}
.product .other .tag span.active{background:#F5A21E url(../images/dot1.png) no-repeat 30px center;border-radius:50px;text-align:left;padding-left:55px}
.product .other .con{display:none}
.product .other .con>div{background:#fff;border-radius:20px;margin-top:20px}
.product .other .con .tit{padding-left:50px;font-size:20px;height:65px;line-height:65px;color:#030B1B;font-weight:bold;background:url(../images/down.png) no-repeat 1250px center;cursor:pointer}
.product .other .con .tit:hover{color:#F5A21E;background:url(../images/down_hover.png) no-repeat 1250px center}
.product .other .con .tit.up{background:url(../images/up.png) no-repeat 1250px center;}
.product .other .con .tit.up:hover{background:url(../images/up_hover.png) no-repeat 1250px center;}
.product .other .con .content{display:none;padding:20px 50px 30px 50px}
.product .other .con1 .content p{color:#333;line-height:25px;font-size:16px}
.product .other .con1 .content img{max-width:1200px;display:block;margin:20px auto}

@media only screen and (max-width:750px){
    .product .other{background:#eee;padding:10px 0 20px}
    .product .other .tag{height:40px;background:none;border-radius:0;padding-left:0;margin-bottom:20px;overflow-x:auto;white-space:nowrap}
    .product .other .tag span{padding:0 20px;height:40px;line-height:40px;color:#000;margin-right:0;}
    .product .other .tag span.active{background:none;border-radius:0;text-align:center;padding-left:0;border-bottom:2px solid #F5A21E;padding:0 20px;color:#F5A21E}
    .product .other .con>div{border-radius:0;margin-top:10px}
    .product .other .con .tit{padding-left:20px;font-size:16px;height:50px;line-height:50px;background:url(../images/down.png) no-repeat 95% center;border-bottom:1px #eee solid}
    .product .other .con .tit:hover{color:#030B1B;background:url(../images/down.png) no-repeat 95% center}
    .product .other .con .tit.up{color:#030B1B;background:url(../images/up.png) no-repeat 95% center;}
    .product .other .con .tit.up:hover{color:#030B1B;background:url(../images/up.png) no-repeat 95% center;}
    .product .other .con .content{padding:0 20px}
    .product .other .con1 .content{padding:20px}
    .product .other .con1 .content p{line-height:22px;font-size:14px}
    .product .other .con1 .content img{max-width:calc(100% - 40px);}
}

.product .other .con2 .introduce{display:flex;justify-content:space-between;align-items:center}
.product .other .con2 .item{padding:20px 0;border-bottom:1px #eee solid;display:flex;justify-content:space-between;align-items:center}
.product .other .con2 .item:last-child{border-bottom:0}
.product .other .con2 .info{display:flex;align-items:center}
.product .other .con2 .icon{width:86px;height:86px;border:2px solid #eee;background:url(../images/48.png) no-repeat center center;margin-right:30px;border-radius:20px}
.product .other .con2>div:nth-child(2) .icon{background:url(../images/53.png) no-repeat center center}
.product .other .con2 .name{margin-bottom:5px;font-weight:bold;font-size:16px;color:#344455}
.product .other .con2 .note{font-size:14px}
.product .other .con2 .btn{display:block;width:90px;height:45px;background:#344455 url(../images/50.png) no-repeat center center;border-radius:50px}
.product .other .con2 .btn:hover{background:#F5A21E url(../images/50.png) no-repeat center center}

@media only screen and (max-width:750px){
    .product .other .con2 .introduce{padding:20px 0}
    .product .other .con2 .item{padding:20px 0;}
    .product .other .con2 .icon{display:none}
    .product .other .con2 .info{width:calc(100% - 70px)}
    .product .other .con2 .name{font-size:14px;}
    .product .other .con2 .note{font-size:12px}
    .product .other .con2 .btn{width:60px;height:35px;}
    .product .other .con2 .btn:hover{background:#F5A21E url(../images/50.png) no-repeat center center}
}

.product .other .con3 .content{display:block}
.product .other .con3 .item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px #eee solid;}
.product .other .con3 .info{display:flex;align-items:center}
.product .other .con3 .icon{display:block;width:86px;height:86px;border:2px solid #eee;margin-right:30px;border-radius:20px}
.product .other .con3 .name{margin-bottom:5px;font-weight:bold;font-size:16px;color:#344455}
.product .other .con3 .note{font-size:14px}
.product .other .con3 .btn{display:block;width:90px;height:45px;background:#344455 url(../images/50.png) no-repeat center center;border-radius:50px}
.product .other .con3 .btn:hover{background:#F5A21E url(../images/50.png) no-repeat center center}

@media only screen and (max-width:750px){
    .product .other .con3 .item{padding:20px 0}
    .product .other .con3 .icon{display:none}
    .product .other .con3 .info{width:calc(100% - 70px)}
    .product .other .con3 .name{font-size:14px;}
    .product .other .con3 .note{font-size:12px}
    .product .other .con3 .btn{width:60px;height:35px;}
    .product .other .con3 .btn:hover{background:#F5A21E url(../images/50.png) no-repeat center center}
}

.product .other .con4 .content{display:block}
.product .other .con4 .item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px #eee solid;}
.product .other .con4 .info{display:flex;align-items:center}
.product .other .con4 .icon{display:block;width:86px;height:86px;border:2px solid #eee;margin-right:30px;border-radius:20px}
.product .other .con4 .name{margin-bottom:5px;font-weight:bold;font-size:16px;color:#344455}
.product .other .con4 .note{font-size:14px}
.product .other .con4 .btn{display:block;width:90px;height:45px;background:#344455 url(../images/50.png) no-repeat center center;border-radius:50px}
.product .other .con4 .btn:hover{background:#F5A21E url(../images/50.png) no-repeat center center}

@media only screen and (max-width:750px){
    .product .other .con4 .item{padding:20px 0;}
    .product .other .con4 .icon{display:none}
    .product .other .con4 .info{width:calc(100% - 70px)}
    .product .other .con4 .name{font-size:14px;}
    .product .other .con4 .note{font-size:12px}
    .product .other .con4 .btn{width:60px;height:35px;}
    .product .other .con4 .btn:hover{background:#F5A21E url(../images/50.png) no-repeat center center}
}

.product .other .con5 .content{display:block;cursor:pointer}
.product .other .con5 .item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px #eee solid;}
.product .other .con5 .info{display:flex;align-items:center}
.product .other .con5 .icon{display:block;width:86px;height:86px;border:2px solid #eee;margin-right:30px;border-radius:20px}
.product .other .con5 .txt{width:970px}
.product .other .con5 .name{margin-bottom:5px;font-weight:bold;font-size:16px;color:#344455}
.product .other .con5 .name:hover{color:#F5A21E}
.product .other .con5 .note{font-size:14px}
.product .other .con5 .btn{display:block;width:90px;height:45px;background:url(../images/52.png) no-repeat center center;border-radius:50px}
.product .other .con5 .btn:hover{background:url(../images/60.png) no-repeat center center}

@media only screen and (max-width:750px){
    .product .other .con5 .item{padding:20px 0;}
    .product .other .con5 .icon{width:60px;height:60px;border:0;margin-right:10px}
    .product .other .con5 .txt{width:calc(100% - 70px)}
    .product .other .con5 .name{margin-bottom:0;font-size:14px;}
    .product .other .con5 .name:hover{color:#344455}
    .product .other .con5 .note{display:none}
    .product .other .con5 .btn{display:none}
}





/*¹«Ë¾½éÉÜ*/
.introduce{ width:92%; margin:0 auto; margin-top:30px; padding-bottom:20px; }
.info8 { width:100%; margin:0 auto;}
.info8 .img8{ width:40%; height:auto;overflow:hidden; float:left;}
.info8 .img8 img{width:100%;height:100%;transition:all 0.5s}
.info8 .img8:hover img{transform:scale(1.2);transition:all 0.5s}
.info8 .txt8{ width:55%; margin-right:1%;float:right; }
.info8 .name8{font-size:30px;font-weight:bold;margin-bottom:30px;color:#dd5229}
.info8 .content9{font-size:16px !important;line-height:28px;}
.info8 .content9 p{margin-bottom:20px}


@media only screen and (max-width:750px){
    .introduce{margin:0 20px}
    .info8{display:block;position:relative;width:100%}
    .info8 .img8{width:100%;height:auto;margin-right:0;overflow:auto;}
    .info8 .img8 img{width:100%;}
    .info8 .img8:hover img{transform:scale(1)}
    .info8 .txt8{width:auto}
    .info8 .name8{font-size:24px;text-align:center;margin-bottom:20px;margin-top:20px}
    .info8 .content9{font-size:14px !important;line-height:25px;}
    .info8 .content9 p{margin-bottom:20px}
}


.introduce3{ width:90%; margin:0 auto;}
.introducename{ margin:0 auto; text-align:center; font-size:28px; height:70px; line-height:70px; border-bottom:1px dotted #CCCCCC;}
.introducetime{ font-size:14px; margin:0 auto; text-align:center; color:#666666; height:50px; line-height:50px;}
.introducecontent{ line-height:30px; font-size:14px;}


@media only screen and (max-width:750px){
.introduce3{ width:90%; margin:0 auto;}
.introducename{ margin:0 auto; text-align:center; font-size:16px; height:70px; line-height:28px; border-bottom:1px dotted #CCCCCC;}
.introducetime{ font-size:14px; margin:0 auto; text-align:center; color:#666666; height:50px; line-height:50px;}
.introducecontent{ line-height:30px; font-size:14px;}
}