@charset "utf-8";
html{color:#000;background:#fff; }
body { color:#666;font-size:12px;min-width: 1200px; width: 100%;overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
i{font-style: normal;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}

.ys_page_wrap, body {
    display: flex;
    flex-direction: column;
}
body,html{
    width: 100%;
}

.ys_header {
    position: relative;
    z-index: 99;
    display: block;
}
@media screen and (max-width: 1199px) {
    .ys_hd_ph {
        display:block
    }

    .ys_hd_pc {
        display: none
    }
}
.ys_hd_pc::before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100px;
    top: 0;
    left: 0;
    z-index: 0;
}
.t_head {
    padding: 5px 76px;
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    transition: all 0.36s;
    box-sizing: border-box;
}
.clearfix {
    zoom: 1;
}   
.fl {
    float: left;
}
.t_logo a {
    width: 100%;
    display: flex;
    height: 90px;
    align-items: center;
}
.ys_imgbox_contain, .ys_imgbox_cover {
    position: relative;
    overflow: hidden;
}
.fr {
    float: right;
}
.t_headli {
    padding: 0 30px;
}
.t_headone, .t_header {
    position: relative;
}
.t_headul .t_headli.yxnav_active1 .t_headone::before {
    width: 100%;
    opacity: 1;
}
.t_headone::before {
    background: #fff;
}
.t_headone::before, .t_header::before {
    content: '';
    height: 3px;
    width: 0;
    opacity: 0;
    background: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transition: all 0.36s;
    transform: translateX(-50%);
}
.t_headul .t_headli.yxnav_active1 .t_headone a {
    color: #fff;
    opacity: 1;
}
.t_headuler {
    position: fixed;
    top: 90px;
    width: 100%;
    left: 0;
    border-top: 1px solid #ECECEC;
    background: #fff;
    box-shadow: 0px 4px 50px 20px rgba(0, 0, 0, 0.02);
    display: flex;
    justify-content: center;
    z-index: -1;
    display: none;
    text-align: center;
    font-size: 0;
}
.t_header a {
    font-size: 18px;
    color: #333;
    transition: all 0.36s;
    line-height: 88px;
    display: block;
}

.isfixed {
    top: 0px;
    background: #fff;
    box-shadow: 0px 4px 50px 20px rgba(0, 0, 0, 0.02);
}
.isfixed .yxnav_active1 .t_headone a {
    color: #AB0000;
}
.isfixed .t_headone::before, .isfixed .t_header::before{
    background:#006ce0;
}
.t_headlier {
    padding: 0 65px;
    display: inline-block;
    float: none;
}
.ys_hd_pc.isfixed .t_head,
.fp-viewing-1 .ys_hd_pc .t_head,
.fp-viewing-2 .ys_hd_pc .t_head,
.fp-viewing-3 .ys_hd_pc .t_head,
.fp-viewing-4 .ys_hd_pc .t_head{
    top: 0px;
    background: #fff;
    box-shadow: 0px 4px 50px 20px rgba(0, 0, 0, 0.02);
}
.ys_hd_pc.isfixed .t_head .ys_imgbox_cover img:nth-child(2),
.fp-viewing-1 .ys_hd_pc .t_head .ys_imgbox_cover img:nth-child(2),
.fp-viewing-2 .ys_hd_pc .t_head .ys_imgbox_cover img:nth-child(2),
.fp-viewing-3 .ys_hd_pc .t_head .ys_imgbox_cover img:nth-child(2),
.fp-viewing-4 .ys_hd_pc .t_head .ys_imgbox_cover img:nth-child(2){
    opacity: 1;
}
.ys_hd_pc.isfixed .t_head .ys_imgbox_cover img:first-child,
.fp-viewing-1 .ys_hd_pc .t_head .ys_imgbox_cover img:first-child,
.fp-viewing-2 .ys_hd_pc .t_head .ys_imgbox_cover img:first-child,
.fp-viewing-3 .ys_hd_pc .t_head .ys_imgbox_cover img:first-child,
.fp-viewing-4 .ys_hd_pc .t_head .ys_imgbox_cover img:first-child{
    opacity: 0;
}
.ys_hd_pc.isfixed .t_headone a,
.fp-viewing-1 .ys_hd_pc .t_headone a,
.fp-viewing-2 .ys_hd_pc .t_headone a,
.fp-viewing-3 .ys_hd_pc .t_headone a,
.fp-viewing-4 .ys_hd_pc .t_headone a{
    color: #333;
}
.ys_hd_pc.isfixed .t_head::before{
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    background: #ECECEC;
    bottom: 0;
    left: 0;
}
.t_headtop.on .t_headup img:nth-of-type(3),
.ys_hd_pc.isfixed .t_headtop.on .t_headup img:nth-of-type(3){
    opacity: 1;
}
.t_headtop.on .t_headup img:first-child,
.ys_hd_pc.isfixed .t_headtop.on .t_headup img:first-child{
    opacity: 0;
}
.t_headtop.on .t_headup img:nth-of-type(2),
.ys_hd_pc.isfixed .t_headtop.on .t_headup img:nth-of-type(2){
    opacity: 0;
}
.ys_hd_pc.isfixed .t_headone a, .fp-viewing-1 .ys_hd_pc .t_headone a, .fp-viewing-2 .ys_hd_pc .t_headone a, .fp-viewing-3 .ys_hd_pc .t_headone a, .fp-viewing-4 .ys_hd_pc .t_headone a {
    color: #333;
}
.t_headone a {
    opacity: .8;
}
.t_headone a {
    font-size: 16px;
    color: #fff;
    line-height: 90px;
    transition: all 0.36s;
    display: block;
}
.ys_hd_pc.isfixed .t_headli.yxnav_active1 .t_headone a, .fp-viewing-1 .ys_hd_pc .t_headli.yxnav_active1 .t_headone a, .fp-viewing-2 .ys_hd_pc .t_headli.yxnav_active1 .t_headone a, .fp-viewing-3 .ys_hd_pc .t_headli.yxnav_active1 .t_headone a, .fp-viewing-4 .ys_hd_pc .t_headli.yxnav_active1 .t_headone a {
    color: #006ce0;
}


.t_headsou {
    margin-left: 64px;
}
.t_headtop {
    cursor: pointer;
    padding: 0 10px;
    height: 90px;
    display: flex;
    align-items: center;
}
.t_headup {
    width: 24px;
}
.ys_imgbox_contain, .ys_imgbox_cover {
    position: relative;
    overflow: hidden;
}
.yx_search3xlbox {
    width: 100%;
    height: 350px;
    background: #fff;
    box-shadow: 0px 4px 50px 20px rgba(0, 0, 0, 0.02);
    display: none;
    position: fixed;
    left: 0;
    top: 90px;
    z-index: 99;
    border-top: 1px solid #ECECEC;
}
.yx_search3_tbox {
    width: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 60px;
    border-bottom: 1px solid #666;
}
.yx_search3_xls {
    width: calc(100% - 27px);
    padding-right: 20px;
}
.yx_search3_xls input {
    font-size: 16px;
    line-height: 3.75;
    color: #666;
    width: 100%;
    transition: all .36s;
}
.yx_search3xlbtn {
    width: 27px;
    line-height: 60px;
}
.yx_search3xlbtn img {
    width: 100%;
    transition: all .36s;
}
.ys_hd_pc .yxnav_active1 a{
    color:#fff;
}
.ys_hd_pc.isfixed .t_head .ys_imgbox_cover img:first-child, .fp-viewing-1 .ys_hd_pc .t_head .ys_imgbox_cover img:first-child, .fp-viewing-2 .ys_hd_pc .t_head .ys_imgbox_cover img:first-child, .fp-viewing-3 .ys_hd_pc .t_head .ys_imgbox_cover img:first-child, .fp-viewing-4 .ys_hd_pc .t_head .ys_imgbox_cover img:first-child {
    opacity: 0;
}
.ys_imgbox_contain img, .ys_imgbox_cover img {
    width: 100%;
    transition: all .36s;
}
.t_head .ys_imgbox_cover img:nth-child(2) {
    opacity: 0;
}
.ys_imgbox_cover img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.ys_hd_pc.isfixed .t_head .ys_imgbox_cover img:nth-child(2), .fp-viewing-1 .ys_hd_pc .t_head .ys_imgbox_cover img:nth-child(2), .fp-viewing-2 .ys_hd_pc .t_head .ys_imgbox_cover img:nth-child(2), .fp-viewing-3 .ys_hd_pc .t_head .ys_imgbox_cover img:nth-child(2), .fp-viewing-4 .ys_hd_pc .t_head .ys_imgbox_cover img:nth-child(2) {
    opacity: 1;
}
.t_head .ys_imgbox_cover img:nth-child(2) {
    opacity: 0;
}

/*轮播图*/
.banner {
    clear: both;
    position: relative;
    width: 100%;
    height: 950px;
    overflow: hidden;
    z-index: 9;
}
.banner .bd, .banner .bd ul {
    height: 950px;
}
.banner .bd li a {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
    width: 1920px;
    height: 950px;
}
.banner .hd li {
    display: inline-block;
    *display: line;
    *zoom: 1;
    margin: 0 10px;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    cursor: pointer;
    background: rgba(255,255,255,.6);
    border-radius: 8px;
}
.banner .hd .on {
    background: #6696FF;
    width: 50px;
    display: inline-block;
    *display: line;
    *zoom: 1;
    margin: 0 10px;
    height: 12px;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 6px;
}
.banner .hd {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    height: 5px;
    text-align: center;
}
.banner .prev, .banner .next {
    position: absolute;
    /* display: none; */
    z-index: 999;
    top: 50%;
    margin-top: -30px;
    width: 58px;
    height: 58px;
    line-height: 58px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #fff;
    cursor: pointer;
    opacity: 0;
    transition: all 1s;
}
.banner .arrow span{
    transform: scaleX(5.4);
}
.banner .next {
    right: 8%;
}
.banner .prev {
    left: 8%;
}
.banner .arrow i {
    font-size: 30px;
    line-height: 50px;
}
.banner:hover .prev, .banner:hover .next {
    opacity: 1;
}

/*zfyoushi*/
.content {
    width: 1200px;
    margin: 0 auto;
}
.zfyoushi{height: 640px;padding: 86px 0 0;box-sizing: border-box;background: url(../images/zfyoushi_bg.jpg) no-repeat center 0;}
.zfyoushi h2 em{display: block;width: 60px;height: 40px;margin: 24px auto 0;    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.zfyoushi_desc{width: 1080px;font-size: 16px;color: #666;line-height: 32px;text-align: center;margin: 56px auto 66px;letter-spacing: 1px;}
.zfyoushi_sz li{float: left;margin-right: 124px;position: relative;}
.zfyoushi_sz li:after{position: absolute;width: 1px;height: 66px;content: "";background: #ccc;opacity: 0.5;right: -62px;top: 6px;}
.zfyoushi_sz li:last-child{margin-right: 0;}
.zfyoushi_sz li:last-child:after{display: none;}
.zfyoushi_sz li span{display: block;height: 50px;font-size: 16px;color: #999;line-height: 16px;}
.zfyoushi_sz li i{display: inline-block;font-size: 70px;color: #f18200;line-height: 50px;vertical-align: top;font-family: Arial;margin-right: 4px;font-style: normal;font-weight: 600;}
.zfyoushi_sz li:nth-child(1) span,.zfyoushi_sz li:nth-child(5) span{font-size: 24px;}
.zfyoushi_sz li p{font-size: 16px;color: #666;line-height: 38px;margin-top: 9px;}
.zfyoushi_sz li div{transition: all 0.5s;}
.zfyoushi_sz li:hover div{transform: translateY(-10px);}
/*.tit i {
    display: block;
    font-size: 20px;
    color: #585858;
    line-height: 20px;
    padding-top: 12px;
    position: relative;
    font-style: normal;
    font-weight: 20;
}
.tit i:after {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 7px;
    top: 50px;
    background: url(../images/tit.png) no-repeat center;
    content: "";
}*/
.zhenfasyp3 {
    background-repeat: no-repeat;
    background-color: transparent;
}
.zhenfasyp3 {
    width: 100%;
    position: relative;
    padding-top: 326px;
}

.zhenfasyp3bx {
    width: 100%;
    position: relative;
}
.clear {
    zoom: 1;
    display: table;
    content: "";
}
.zhenfasyp3ble {
    width: 60%;
    position: absolute;
    bottom: -261px;
    left: -68px;
    background: url(../images/zhenfasyp3bslik.png) center 38% no-repeat;
    background-size: 59%;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.zhenfasyp3ble img {
    width: 77%;
}
.zhenfasyp3 {
    width: 100%;
    position: relative;
    padding-top: 326px;
}
/* .zhenfasyp3bri {

    width: calc(100% - 620px);

} */
.zhenfasyp3 .zhenfasyp1nc {
    width: 40%;
    padding-right: 0;
}

.zhenfasyp3bslik {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}
.zhenfasyp1nc {
    width: calc(100% - 840px);
    position: relative;
    padding-right: 72px;
}

.zhenfasyp3blul {
    width: 100%;
}

.zhenfacontetn {
    width: 1520px;
    margin: 0 auto;
}

.zhenfasyp1np1 p {
    font-size: 14px;
    line-height: 1.75;
    color: #666666;
    font-family: Arial !important;
    position: relative;
}
.zhenfasyp1np1 {
    width: 100%;
    position: relative;
}
.zhenfasyp1np3 p {
    font-size: 16px;
    line-height: 1.875;
    color: #666666;
    max-height: 120px;
    overflow: hidden;
        margin-bottom: 18px;
}
.zhenfasyp3_list p {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    padding: 5px 0;
    padding-left: 1em;
}
.zhenfasyp3_list p::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 2.5px;
    font-size: 18px;
    line-height: inherit;
    color: #ef2d1a;
}
.zhenfasyp1mo a {
    color: #666666;
}
.zhenfabanmon a {
    font-size: 14px;
    line-height: 42px;
    color: #aaaaaa;
    padding: 0 46px;
    display: inline-block;
}
.zhenfabanmon a:hover{
    background: #ef2d1a;
    color: #fff;
    border:#ef2d1a;
    text-decoration: none;
    transition: all 0.5s;
}
.zhenfasyp1mo .zhenfabanmon {
    border-color: #aaaaaa;
}
.zhenfabanmon {
    border: 2px solid #fff;
    display: inline-block;
    margin-top: 72px;
}
.zhenfasyp1np2 {
    margin-top: 20px;
}
.zhenfasyp1np2 p {
    font-size: 52px;
    line-height: 1.75;
    color: #333333;
    font-weight: bold;
}
.zhenfamain {
    position: relative;
    z-index: 1;
    background: #edeef0;
    padding-bottom: 191px;
}
.slick-next,.slick-prev{
    opacity: 0;
}


/*产品*/
.index_product{
    margin-top: 80px;
}
.tit h2 {
    font-size: 48px;
    color: #1a1a1a;
    height: 90px;
    line-height: 50px;
    text-align: center;
}
 .tit h2 {
    font-size: 48px;
    color: #1a1a1a;
    height: 90px;
    line-height: 50px;
    text-align: center;
}
.tit h2 span {
    padding-right: 77px;
    background: url(../images/tit2.png) no-repeat right bottom;
}
.tit h2 b {
    color: #f18200;
    font-size: 66px;
    font-weight: bold;
}
.tit p {
    text-align: center;
    font-size: 21px;
    color: #333333;
    height: 32px;
    line-height: 32px;
    font-weight: 400;
}


.hotpro { overflow: hidden; width: 72%; margin: 20px auto 40px; position: relative; padding: 0 2%; }

.hotpro .htitle {background: url(../images/pyw.png) no-repeat center top;background-size: 60%;overflow: hidden;}


.hotpro .htitle ul {padding-top: 50px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

.hotpro .htitle ul li { float: left;font-size: 11.25px; line-height: 47px;width: 11%;text-align: center; }


.hotpro .htitle ul li:nth-child(1) span { display: block; width: 27px; height: 31px; float: left; background: url(../images/hot.png)no-repeat left; background-size: 100%; margin-right: 6.25px; }

.hotpro .htitle ul li h4 { color: #333; font-size: 11.25px; }

.hotpro .htitle ul li:nth-child(1) {no-repeat left top;font-weight:bold; font-size: 20px;}
.hotpro .htitle ul li a {
    color: #4e4e4e;
    font-size: 17px;
    font-weight: bold;
}
.pro_con{ height: 740px; margin: 68px auto 0;}
.pro_con li{ float: left;width: 20%;height: 740px;background: linear-gradient(0deg, #E2E2E2 0%, #F6F6F6 70%);box-shadow: 1px 0px 0px 0px #FFFFFF;box-sizing: border-box;padding-top: 60px;border-right: 1px solid #fff;transition: all 0.5s;position: relative;}
.pro_con li:nth-child(2n){ background: linear-gradient(0deg, #F6F6F6 40%, #E2E2E2 100%);
box-shadow: 1px 0px 0px 0px #FFFFFF; }
.pro_con li h3 a{ display: block;font-size: 30px;color: #333333;line-height: 30px;font-weight: bold; height: 90px;padding-left: 7.2%;}
.pro_con li h3 a em{ display: block;font-size: 14px;text-transform: uppercase;line-height: 14px;color: #333;opacity: 0.3;font-family: Calibri;padding-top: 10px;letter-spacing: 2px; }
.pro_con .pro_s{height: 188px;padding-left: 7.2%;width: 86%;}
.pro_con li h4 a{display: block;font-size: 16px;color: #666666;line-height: 30px;font-weight: normal;}
.pro_con li:before{ position: absolute;left:13.8%;bottom: 80px;width: 40px;height: 40px;background: url(../images/pro_yuan.png) no-repeat center;content: ""; }
.pro_con li img{display:block;width: 80%;margin: auto;}
.pro_con li:hover{ background: linear-gradient(0deg, #06A3E8, #065BCF); }
.pro_con li:hover h3 a,.pro_con li:hover h3 a em,.pro_con li:hover h4 a{ color: #fff; }
.pro_con li:hover:before{ background: url(../images/pro_yuanh.png) no-repeat center; }
 @media screen and (max-width:1440px)  {
        .pro_con li h4 a{ font-size: 14px; }
        }
.product_content{display: none;}
.product_content_more{
    font-size: 18px;
    margin-top: 12px;
    display: block;
}




.content2 {
    width: 1200px;
    margin: 0 auto;
}
.ys{background: #f3f3f3;padding-top: 103px;box-sizing: border-box;}
.ys_con{ margin-top: 68px; background: #fff;}
.ys_bd dl{width: 1200px;position: relative;border-right:30px solid #fff;float: left;}
.ys_bd dt{display: block;width: 1200px;height: 579px;position: relative;}
.ys_bd dt img{display: block;width: 1200px;height: 579px;}
.ys_bd dt .m_zz{ display: none; }
.ys_bd dl.cur dt .m_zz{ position: absolute;width: 100%;height: 356px;background: url(../images/ys_dd.png) no-repeat center;left:0; bottom:0;display: block;}
.m_zz ul{ padding-top: 200px; }
.m_zz ul li{ float: left;height: 100px;border-right: 1px solid #fff; padding: 0 30px; font-size: 70px;color: #fff;}
.m_zz ul li:last-child{ border-right: 0; }
.m_zz ul li:first-child{ padding-left: 60px; }

.m_zz li em{ display: block;margin-top: -8px;height: 80px; }
.m_zz li em b{color: #fff;  font-weight: normal;display: inline-block;font-size: 72px;line-height: 80px;transition:all 0.3s;}
.m_zz li em i{ display: inline-block;width: 36px;height: 36px;border-radius: 18px;background: linear-gradient(-30deg, #06A3E8, #065BCF);font-size: 15px;color: #fff;text-align: center;line-height: 36px;margin-left: 5px; }
.m_zz li h3{font-size: 18px; color: #fff; line-height: 18px; font-weight: normal;margin-top: 10px;}

.ys3 .m_zz li em b{color: #fff;  font-weight: normal;display: inline-block;font-size: 50px;line-height: 80px;transition:all 0.3s;}

.ys_bd dd{height:200px;padding: 50px 88px 0 60px;box-sizing: border-box;background: #f5f5f5;}
.ys_bd dd h4{font-size: 38px;color: #333;line-height: 46px;font-weight: bold;float: left;width: 234px;height: 100px;border-right: 1px solid #ccc;display: block;padding-top: 5px;box-sizing: border-box;}
.ys_bd dd h4 em{ display: block;font-size: 24px;color: #333;line-height: 30px;padding-top: 9px;font-weight: 200}
.ys_bd dd p{font-size: 16px;color: #666666;line-height: 30px;float: right;width:72%}

.ys_con{position: relative;}
.ys_t{ position: absolute;right: 0;top:0;width: 200px; }
.ys_t li{height: 193px;line-height: 193px;font-size: 36px;color: #ffffff;text-align: center;position: relative;}
.ys_t li:nth-child(1){ background: url(../images/ys_dd1.jpg) no-repeat center; }
.ys_t li:nth-child(2){ background: url(../images/ys_dd2.jpg) no-repeat center; }
.ys_t li:nth-child(3){ background: url(../images/ys_dd3.jpg) no-repeat center; }
.ys_t li:nth-child(1).on:after{  width: 0;height: 0;border-style: solid;border-width: 11px 14px 11px 0;border-color: transparent #06a3e8 transparent transparent;position: absolute;left:-14px;top:50%;margin-top: -11px;content: "";}
.ys_t li:nth-child(2).on:after{  width: 0;height: 0;border-style: solid;border-width: 11px 14px 11px 0;border-color: transparent #0681dc transparent transparent;position: absolute;left:-14px;top:50%;margin-top: -11px;content: "";}
.ys_t li:nth-child(3).on:after{  width: 0;height: 0;border-style: solid;border-width: 11px 14px 11px 0;border-color: transparent #0663d2 transparent transparent;position: absolute;left:-14px;top:50%;margin-top: -11px;content: "";}

.ys_bd{margin-left: -1230px !important;}
.ys_con .tempWrap{overflow: visible !important;}


.zs_con .tempWrap {
    width: 1080px!important;
}

.zhenfa_abt .abt{ padding-top: 50px; }
.zhenfa_abt .abt dl{ margin-top: 40px;height: 340px;background: url(../images/abt_dd.jpg) no-repeat center; }
.zhenfa_abt .abt dt{ float: left;width: 550px;padding-left: 69px;box-sizing: border-box;font-size: 30px;font-weight: bold;color: #FCFBFB;line-height: 58px;opacity: 0.9;padding-top: 156px; }
.zhenfa_abt .abt dt em{ display: block;margin-left: 154px; }
.zhenfa_abt .abt dd{ float: right;width: 650px;padding-top: 76px; }
.zhenfa_abt .abt dd h4{ display: block;font-weight: bold;font-size: 24px;color: #FCFBFB;line-height: 24px;}
.zhenfa_abt .abt dd h4 span{ display: block;font-size: 14px;color: #FCFBFB;line-height: 14px;opacity: 0.3; padding-top: 8px;text-transform: uppercase;font-weight: normal;}
.zhenfa_abt .abt dd p{ padding:10px 30px 0 0;font-size: 16px;color: #ffffff;line-height: 28px; }
.zhenfa_abt .zs{ height: 406px;padding-top: 66px;box-sizing: border-box;background: #f2f6fd;border-radius: 0 0 16px 16px; }
.zhenfa_abt .zs h2{text-align: center;font-size: 0;}
.zhenfa_abt .zs h2 i{display: inline-block;font-size: 40px;color: #333333;line-height: 26px;position: relative;}
.zhenfa_abt .zs h2 i:before{position: absolute;width: 240px;height: 12px;content: "";background: url(../images/zc_tit1.png) no-repeat center;left: -254px;top: 8px;}
.zhenfa_abt .zs h2 i:after{position: absolute;width: 240px;height: 12px;content: "";background: url(../images/zc_tit2.png) no-repeat center;right: -254px;top: 8px;}
.zhenfa_abt .zs_con{ margin: 36px 60px 0; } 
.zhenfa_abt .zs_qie{ position: relative; }
.zhenfa_abt .zs_con .tempWrap{ width: 1080px!important; }
.zhenfa_abt .zs_con li{ float: left;width: 248px;margin-right: 29px; }
.zhenfa_abt .zs_con li i{ display: block;width: 248px;height: 186px;overflow: hidden;  }
.zhenfa_abt .zs_con li i img{ display: block;width: 248px;height: 186px;}
.zhenfa_abt .zs_con li span{ display: block;font-size: 14px;color: #333;line-height: 14px;text-align: center;padding-top: 12px; }
.zhenfa_abt .zs_con .snext,.zs_con .sprev{position:absolute;width:55px;height:54px;cursor:pointer;top:66px;-o-transition:all .3s ease;transition:all .3s ease;z-index:2;cursor: pointer;}
.zhenfa_abt .zs_con .sprev{left:-88px;}
.zhenfa_abt .zs_con .snext{right:-88px;}



.ry{ height: 885px;background: url(../images/ry_bg.jpg) no-repeat center;padding-top: 60px;box-sizing: border-box;margin-top: 20px; }
.ry ul{ text-align: center; }
.ry ul li{display: inline-block;padding-left: 17px;box-sizing: border-box;font-size: 18px;line-height: 24px;color: #333333;background: url(http://www.medxtmc.cn/images/ry_ic.png) no-repeat left 6px;margin: 0 38px;}
.ry .ry_t{ margin-top: 72px;margin-bottom: 20px; }




/*新闻中心*/
    /*news*/
.news{padding: 100px 0;}
.new_l{float: left;width: 520px;}
.new_l h2{height: 40px;line-height: 40px;font-size: 40px;color: #333;font-weight: normal;padding-bottom: 14px;position: relative;margin-bottom: 30px;}
.new_l h2:after{position: absolute;width: 50px;height: 2px;content: "";background: #006ce0;left: 0;bottom: 0;}
.new_l h2 i{font-size: 16px;color: #666;font-family: Arial;line-height: 20px;text-transform: uppercase;}
.new_l dt{height: 292px;overflow: hidden;}
.new_l dt img{width: 520px;height: 292px;transition: all 0.5s;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dd{height: 220px;background: #f5f5f5;padding: 24px 30px 0;box-sizing: border-box;}
.new_l dd h4{height: 32px;line-height: 32px;font-weight: normal;}
.new_l dd h4 em{float: left;width: 96px;height: 32px;font-size: 18px;color: #fff;background: #006ce0;margin-right: 4px;text-align: center;}
.new_l dd h4 a{display: block;height: 32px;font-size: 20px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_l dd h4 a:hover{color: #F08200;}
.new_l dd p{font-size: 16px;color: #666;line-height: 30px;margin: 15px 0 25px;}
.new_l dd .xq{display: block;height: 24px;line-height: 24px;font-size: 18px;color: #006ce0;}
.new_l dd .xq img{vertical-align: top;margin-left: 14px;transition: all 0.5s;}
.new_l dd .xq:hover img{margin-left: 22px;}

.new_r{float: right;width: 600px;}
.new_r h3{height: 40px;margin-bottom: 40px;text-align: right;font-weight: normal;}
.new_r h3 a{display: inline-block;width: 140px;height: 40px;line-height: 38px;text-align: center;border: 1px solid #E2E2E2;border-radius: 20px;margin-left: 10px;box-sizing: border-box;font-size: 16px;color: #333;background: #F9F9F9;}
.new_r h3 a.on{background: #006ce0;border-color: #1a6cc5;color: #fff;}
.new_con ul{height: 270px;border-bottom: 1px solid #eeeeee;}
.new_con li{float: left;width: 290px;}
.new_con li:nth-child(2){float: right;}
.new_con li i{display: block;height: 178px;overflow: hidden;}
.new_con li img{display: block;width: 290px;height: 200px;transition: all 0.5s;}
.new_con li i:hover img{transform: scale(1.05);}
.new_con li h4{height: 76px;line-height: 76px;font-size: 18px;color: #333;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_list p a{display: block;height: 59px;line-height: 59px;border-bottom: 1px solid #eee;font-size: 18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;padding-left: 20px;}
.new_list p a:after{position: absolute;width: 6px;height: 6px;content: "";background: #333;border-radius: 50%;left: 0;top: 50%;margin-top: -3px;}
.new_list p i{float: right;font-size: 14px;color: #999;}
.new_con li h4:hover,.new_list p a:hover{color: #006ce0;}

/*abt*/
.ab_bj .abt{background: #eee;}
.ab_bj .abt dl{position: relative;}
.ab_bj .abt dt img{display: block;width: 100%;}
.ab_bj .abt dd{position: absolute;width: 1200px;height: 180px;background: #fff;left: 50%;margin-left: -600px; bottom: -80px;}
.ab_bj .abt dd h2{float: left;width: 180px;height: 180px;background: #F08200;font-size: 42px;color: #fff;line-height: 50px;padding: 40px 0;box-sizing: border-box;text-align: center;font-weight: normal;}
.ab_bj .abt dd h2 a{color: #fff;}
.ab_bj .abt_txt{float: left;width: 900px;margin-left: 50px;height: 180px;}
.ab_bj .abt_txt h3{font-size: 26px;color: #333;line-height: 26px;font-weight: normal;padding: 42px 0 18px;}
.ab_bj .abt_txt p{font-size: 14px;color: #666;line-height: 24px;}
.ab_bj .abt_txt .xq{float: right;height: 24px;line-height: 24px;font-size: 18px;color: #F08200;}
.ab_bj .abt_txt .xq img{vertical-align: top;margin-left: 14px;transition: all 0.5s;}
.ab_bj .abt_txt .xq:hover img{transform: translateX(8px);}


.ab_bj .ab_bj .abt{ background: #f5f5f5;}
.ab_bj .ab_bj .abt dt{display: block;width: 1920px;height: 700px;margin-left: -360px;}
.ab_bj .ab_bj .abt dt img{ display: block;width: 1920px;height: 700px;}
 .open-video {
          cursor: pointer;
        }

        .video-box {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          font-size: 0;
          z-index: 9999;
          background: rgba(0, 0, 0, 0.9);
          display: none;
        }
        .video-box .video-wrapper {
          width: 800px;
          height: 580px;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
        }
        .video-box video {
          width: 800px;
          height: 460px;
        }
        .video-box .close-video {
          position: absolute;
          top: calc(54px);
          right: 5%;
          width: 30px;
          height: 30px;
          cursor: pointer;
          background: url(../images/close.png) no-repeat center rgba(0, 0, 0, 0.4);
        }
        
.ab_bj .abt dd{ display: block;width: 1200px;height: 205px;background: url(../images/abt_dd.png) no-repeat center;margin-top: -100px;position: relative;}
.ab_bj .abt dd h3 a{ display: block; padding-left:84px; padding-top:40px;width:210px; font-size: 42px; color: #ffffff; line-height: 50px;font-weight: normal;float: left;display: block;font-weight: bold;}
.ab_bj .abt dd h3 b{font-weight: normal;color: #fff;display: block;font-weight: bold;}
.ab_bj .abt dd p{ width: 864px; float: left;}
.ab_bj .abt dd span{ display: block;font-size: 26px; line-height: 26px; color: #333333;padding-top: 42px;font-weight:bold; }
.ab_bj .abt dd em{display: block;font-size: 14px; line-height: 28px; color: #808080;  margin-top: 15px;}
.ab_bj .abt dd i{ font-size: 14px;color: #808080;display: inline-block; }

.footer{height:290px;background: url(../images/foot_bg.jpg) no-repeat bottom center;padding-top: 160px;}
.footer .f_con{height: 280px;}
.footer .f_nav{float: left;width: 395px;}
.footer h3{font-size: 24px;color: #333;line-height: 26px;padding-left: 12px;border-left:3px solid #065fd0;font-weight: normal;}
.footer .f_nav p{padding-left: 15px;margin-top: 32px;}
.footer .f_nav p a{float: left;font-size: 14px;color: #333;line-height: 36px;width: 150px;}
.footer .f_nav p a:hover{color: #F08200;}
.footer .gsxx{float: left;width: 550px;}
.footer .gsxx h3{margin-bottom: 36px;}
.footer .gsxx li{float: left;width: 250px;height: 48px;margin-bottom: 42px;}
.footer .gsxx li i{float: left;width: 42px;height: 32px;padding: 4px 0;border-right: 1px solid #cecece;margin: 4px 14px 0 0;}
.footer .gsxx p{font-size: 14px;color: #333;line-height: 24px;}
.footer .gsxx .p1{font-size: 16px;}
.footer .sao{float: right;width: 120px;margin-top: 10px;}
.footer .sao img{width: 118px;height: 118px;display: block;border: 1px solid #e2e2e2;}
.footer .sao span{display: block;font-size: 15px;color: #333;line-height: 16px;padding-top: 15px;text-align: center;}
.footer .sao p{float: right;font-size: 14px;color: #333;opacity: 0.5;line-height: 24px;padding-top: 15px;white-space: nowrap;}

.footer_xia{background: #015dca;height: 55px;line-height: 55px;}
.footer_xia_nr{width:1200px;margin:0 auto;}
.footer_xia_nr ul{float: left;display:none;}
.footer_xia_nr li{font-size: 14px;line-height: 80px;float: left;margin-right: 45px;}
.footer_xia_nr li a{color:#fff;opacity: 0.5;}
.footer_xia_nr i{ font-size: 14px;color:#fff;opacity: 0.5;}
.footer_xia_nr i span{ display: block;margin-left: 30px;font-size: 14px;text-align: center;}
.footer_xia_nr i span a{ color:#fff; }
.footer_xia_nr i span img{ padding-top: 36px; }



.position_zf{
    padding: 22px  0;
    font-size: 15px;
    border-bottom: 1px dashed #dcdcdc;
}

.position_zf strong {
    border-left: 5px solid #016ce0;
    font-weight: normal;
    padding-left: 8px;
}
.position_zf span {
    padding: 0 5px;
    height: 46px;
    line-height: 46px;
}


.content {
    width: 1200px;
    margin: 0 auto 20px auto;
}
.clear {
    clear: both;
    height: 0;
}


.tit {
    font-size: 32px;
    text-align: center;
    margin: 25px 0;
}







.content-main {
    width: 1200px;
    margin: 0 auto;
}



.wrapper .left .submenubox {
    padding-bottom: 20px;
}
.wrapper .left .submenubox .left_title {
    height: 80px;
    background: #016ce0;
    color: #fff;
}
.wrapper .left .submenubox .left_title s {
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-right: 30px;
    margin-top: 28px;
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    background-position: -248px -76px;

}
.wrapper .left .submenubox .left_title h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 80px;
    padding-left: 26px;
    text-transform: uppercase;
}
.wrapper .left .submenu {
    position: relative;
}
.wrapper .left .submenu li {
    display: block;
}
.wrapper .left .submenu li a.sub1 {
    height: 60px;
    line-height: 60px;
    display: block;
    padding-left: 28px;
    background: url(../images/jtou.png) no-repeat 90% center #fff;
    font-size: 16px;
    border: 1px solid #eeeeee;
    border-top: 0 none;
    overflow: hidden;
}
.wrapper .right {
    width: 930px;
}
.wrapper .right .right_title {
    font-size: 14px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}
.wrapper .right .right_title h3 {
    color: #016ce0;
    font-size: 18px;
    border-left: 3px solid #016ce0;
    height: 20px;
    line-height: 20px;
    padding-left: 14px;
    margin-top: 5px;
}
.wrapper .right .cont {
    padding: 40px 0;
    color: #666666;
}
.wrapper .right .cont .t1 {
    padding: 0 0 25px;
    color: #016ce0;
    font-size: 20px;
}
.wrapper .right .cont .t2 {
    color: #016ce0;
    font-size: 30px;
    display: block;
    padding: 30px 0;
}
.wrapper .Productlist {
}
.wrapper .Productlist .list {
    width: 100%;
}
.wrapper .Productlist .item {
    float: left;
    width: 288px;
    margin-right: 20px;
    margin-bottom: 30px;
    display: block;
    position: relative;
    text-align: center;
    border: 1px solid #eee;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    background: #f0f0f0;
}
.wrapper .Productlist .item a {
    display: block;
    width: 100%;
}
.wrapper .Productlist .item img {
    width: 288px;
    height: 216px;
    display: block;
}
.wrapper .Productlist .item h3 {
    display: block;/* border: 1px solid #eee; */
    border-top: 0 none;
    height: 66px;
    line-height: 66px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
}
.wrapper .Productlist .item:hover {
    box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);
}
.wrapper .left {
    width: 240px;
}
.wrapper .left .leftbox {
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #eee;
}
.wrapper .left .leftbox .left_title {
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    padding-left: 5px;
}
.wrapper .left .leftbox .leftprocomt {
    padding-top: 10px;
    height: 290px
}
.wrapper .left .leftbox .leftprocomt li {
    float: left;
    text-align: center;
    width: 98px;
    margin-right: 10px;
}
.wrapper .left .leftbox .leftprocomt li img {
    width: 98px;
    height: 98px;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.wrapper .left .leftbox .leftprocomt li p {
    font-size: 12px;
    line-height: 30px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.zi_clearfix{
    clear: both;
    display: table;
}


.pglist {
    padding: 15px 0 15px;
    width: 100%;
    text-align: center;
    clear: both;
}
.pglist a {
    color: #333;
    padding: 0 15px;
    margin: 0 1px;
    background: #fff;
    border: 1px solid #edebeb;
    font-size: 14px;
}
.pglist * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
    display: inline-block;
    color: #fff;
    background: #1284ff;
    border-color: #1284ff;
}
.wrapper .reLink {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 20px auto;
    font-size: 15px;
}
.wrapper .reLink .prevLink, .wrapper .reLink .nextLink {
    width: 50%;
}
.newslist {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
}
.newslist .title {
    position: relative;
    text-align: center;
    margin: 30px 0;
}

.newslist .title h3 {
    font-size: 42px;
    font-weight: bold;
    color: #222;
    top: 18px;
    position: relative;
    z-index: 9;
}
.newslist .title label {
    display: block;
    margin: 0 auto 0;
    height: 3px;
    width: 60px;
    background: #1284ff;
    margin-top: 40px;
}
.newslist .title span {
    display: block;
    font-size: 60px;
    color: #f1f1f1;
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}
.newslist .news2_list {
    margin-top: 30px;
}
.news2_list ul li{
    margin-bottom: 10px;
}
.newslist .news2_list ul li:nth-child(odd) {
   background: #f5f5f5;
}
.newslist .news2_list ul li:nth-child(even) {
   background: #eee;
}
.newslist .news2_list ul li a {
    color: #333;
    display: block;
    padding: 15px 0;
    position: relative;
}
.newslist .news2_list ul li a:after {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    background: #ddd;
    left: 181px;
}
.newslist .news2_list ul li a:hover {
    background: #1284ff;
}
.newslist .news2_list ul li a:hover .date label, .news2_list ul li a:hover .date span, .news2_list ul li a:hover .text p {
    color: #fff;
}
.newslist .news2_list ul li a:hover .text h3 {
    color: #fff;
}
.newslist .news2_list ul li a:hover .text:after {
    background: #fcc442;
}
.newslist .news2_list ul li a:hover:after {
    background: #1284ff;
}
.newslist .news2_list ul li .img {
    float: right;
    margin: 0 20px;
}
.newslist .news2_list ul li:after {
    content: '';
    display: block;
    clear: both;
}
.newslist .news2_list ul li .date {
    font-size: 16px;
    line-height: 40px;
    float: left;
    width: 150px;
    margin-top: 40px;
    margin-right: 30px;
    text-align: right;
}
.newslist .news2_list .date span {
    display: block;
    font-size: 40px;
    color: #999;
}
.newslist .news2_list .text {
    line-height: 32px;
    padding: 0 20px;
    overflow: hidden;
        margin-top: 41px;
    position: relative;
}
.newslist .news2_list .text:after {
    content: '';
    display: block;
    width: 3px;
    left: 0;
    background: #1284ff;
    top: 0px;
    position: absolute;
    height: 20px;
}
.newslist .news2_list .text h3 {
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
.newslist .news2_list .text p {
    height: 64px;
    overflow: hidden;
    font-size: 15px;
}

.details {
    line-height: 36px;
    color: #666;
}
.details p{
    font-size: 17px;
}
.wrap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
}
.details_tit {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 20px;
    color: #999;
}
.details_tit h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #222;
}

.details_cur{
    font-size: 15px;
    margin-bottom: 30px;
}
.flt{
    margin-right: 69px;
}
.sector_head h3 {
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    font-weight: bold;
    color: #016bdd;
    padding-left: 16px;
    border: 1px solid #f5f5f5;
}
.sector_content{
    width: 1200px;
    margin: 0 auto;
}
.contact_ny ul {
    border-left: 1px solid #f4f4f4;
}

.contact_ny ul li {
    float: left;
    width: 44.03%;
    border-width: 1px 0 1px 1px;
    border: 1px solid #f4f4f4;
    padding: 35px;
    margin: -1px 0 0 -1px;
        font-size: 15px
}

.contact_ny ul li i {
    float: left;
    display: inline-block;
    width: 51px;
    height: 51px;
    margin-right: 9px;
    margin-top: 6px;
}

.contact_ny ul li h5 {
    color: #474e56;
    margin-bottom: 10px;
    font-size: 17px;
}

.contact_ny ul li p {
    padding-left: 60px;
}

.contact_ny .hd {
    text-align: center;
    overflow: hidden;
    zoom: 1;margin-top: 25px
}

.contact_ny .hd ul li.on {
    background-position: -23px 0
}
    .caselist{
        padding-bottom: 30px;
    }

    .caselist .case_dl_zf {
        float: left;
        width: 30%;
        margin: 0 33px 20px 0;
    }
    
    .caselist .case_dt_zf {
        position: relative;border:1px solid #eee; box-sizing:border-box;
    }

    
    .caselist .case_dd {
        padding-top: 15px;
    }
    
    .caselist .ccase_dd h4 {
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .caselist .ccase_dd h4 a {
        height: 40px;
        position: relative;
        padding-left: 15px;
        color: #1a1a1a;
    }
    .caselist .case_dt_zf:hover{
        transition: all 0.6s ease;
        transform: scale(1.01);
    }
    
    .caselist .ccase_dd h4 a:before {
        content: '';
        position: absolute;
        width: 5px;
        height: 18px;
        background: #044299;
        left: 0;
        top: 50%;
        margin-top: -9px;
        z-index: 1;
    }
    
    .caselist .case_dl_zf:hover .case_dt_zf em {
        display: block;
    }

.zf_page_title {
    height: 65px;
    line-height: 65px;
    color: #333333;
    margin-bottom: 30px;
    border-bottom: 1px solid #c4c4c4;
    position: relative;
    font-size: 27px;
}
.zf_page_title:after {
    content: '';
    position: absolute;
    width: 53px;
    height: 4px;
    background: #044299;
    left: 0;
    bottom: -2px;
    z-index: 1;
}
.page-num-current{
    background: #006ce0!important;
    color: #fff!important;
    border: 1px solid #006ce0!important;
}
/*pro*/
.index_pro_con{clear: both;display: table;width: 100%}
.index_case .pro{background: url(../images/pro_bg.jpg) no-repeat center 0;width: 100%;overflow-x: hidden;}
.index_case .pro h2{padding:60px 0 0;}
.index_case .pro_con{height: 600px;}
.index_case .pro_l{float: left;width: 500px;}
.index_case .pro_l li{height: 90px;line-height: 90px;font-size: 20px;color: #333;position: relative;}
.index_case .pro_l li i{float: left;width: 40px;font-size: 24px;font-family: Arial;}
.index_case .pro_l li.on{font-weight: bold;color: #F08200;font-size: 20px;}
.index_case .pro_l li.on:after{position: absolute;width: 428px;height: 36px;background: url(../images/pro_line.png) no-repeat;content: "";left: 0;bottom: -6px;z-index: 10;}
.index_case .pro_r{float: right;margin-right: -360px;width: 1019px}
.index_case .pro_pic p img{display: block;width: 1008px;height: 600px;}
.index_case .pro_list{width: 1240px;margin: 70px auto 0;}
.index_case .pro_list li{float: left;width: 248px;height: 160px;text-align: center;border-left: 2px solid #eee;box-sizing: border-box;}
.index_case .pro_list li img{display: block;height: 120px;margin: 0 auto;transition: all 0.5s;}
.index_case .pro_list li h4{display: inline-block;height: 32px;line-height: 32px;font-size: 20px;color: #000;font-weight: normal;padding-right: 40px;box-sizing: border-box;max-width: 100%;background: url(../images/pro_jt.png) no-repeat right center;}
.index_case .pro_list li:hover img{transform: scale(1.05);}
.index_case .pro_list li:last-child{border-right: 2px solid #eee;}



@media screen and (max-width: 1440px) {
    .t_logo {
        width: 454px;
    }
    .t_logo a {
        height: 70px;
    }
    .t_headone a {
        line-height: 70px;
    }
    .t_headone a {
     line-height: 70px;
    }
    .yx_search3xlbox, .t_headuler {
        top: 70px;
    }
    .t_header a {
        font-size: 16px;
        line-height: 60px;
    }
    .t_headli {
        padding: 0 19px;
    }
    .zhenfasyp3{
        background-size: 100%;
    }
    .zhenfasyp3ble img{
        width: 63%;
    }
}






.preloader {
    position: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9991;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}
.preloader__image {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
    
    .caselist .case_dt_zf img,
    .caselist .case_dt_zf a {
        width: 100%;
        display: block;
        height: 288px;
    }