.sygsjj{background:url(https://www.luolin.com/Html/images/abbj.png) center center no-repeat;background-size:cover; padding-top:100px}

.sygsjj01{width:45%; background:url(../images/at2.jpg) center right no-repeat; background-size:contain; height:500px;}
.sygsjj02{width:45%; margin-right:5%; /*padding-top:3%*/}
.sygsjj03{color:#e3352c; font-size:38px; line-height:58px; font-weight:normal; font-family:Qualy-Bold-2; background-image: -webkit-linear-gradient(left,#50a2d1,#517fb1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.sygsjj04{color:#212121; font-size:32px; line-height:34px; font-weight:bold;}
.sygsjj05{color:#414141; font-size:17px; line-height:32px; width:100%; padding-top:50px; text-align:justify; margin-top:}
@font-face {
	font-family:Qualy-Bold-2;
	src: url('../fonts/Product-Sans-Regular-2.ttf'); }
.aboutan{width:100%; background:#fff; height:70px; padding:20px; margin-top:50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.aboutan01{width:17%; padding-left:16%; padding-top:5px; border-right:1px solid #eaeae8; font-size:18px; line-height:28px; color:#212121; height:70px;}
.aboutan01 span{color:#666; font-size:18px; text-transform:uppercase;}

.neirong4 a{width: 180px;height: 50px;line-height: 50px;text-align: center;	font-size: 16px;display: block;color: #fff; background:#fbb724; margin-top:30px;font-weight:normal;}
.neirong4 a:hover{background: #519ecf; color:#FFF;	}
.digital {width: 90%;
	padding: 0px 0 !important; margin:0 auto
}.digital ul {
	width: 100%;
	height: 112px;
	margin: 0px auto;
	position: relative;
	clear: both;
	overflow: hidden; margin-top:5%
}
.digital li {
	width: 18%;
	padding-left: 0px;
	height: 112px;
	box-sizing: border-box;
	float: left;
	text-align: center;
	position: relative;
	margin-right: 120px; list-style:none
}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  
.digital li {
margin-right: 9%;

}.sygsjj05{ font-size:15px}


}

.digital li::after {
	content: "";
	position: absolute;
	width: 113px;
	height: 1px;
	background: #cbcbcb;
	right: -150px;
	top: 50px;
}
.digital li em {
	margin-left: 0px;
	display: block;
	position: relative;
	height: 62px;font-family:CgFuturaMaxiBd;
}
.digital li em b {
	margin-left: 0px;
	
	color: #333333;
	font-family:Qualy-Bold-2;
	line-height: 60px; font-style:normal; font-size:49px
}

@font-face {
	font-family:CgFuturaMaxiBd;
	src: url('https://www.luolin.com/Html/fonts/Gotham-Bold.ttf'); }

.digital li em i {
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
	width: 26px;
	height: 26px;
	display: block;
	text-transform: ;
	font-family: "Arial";
	position: absolute;
	bottom: 10px;
	
	border-radius: 100%;
	background: #519ecf; 
}
.digital li i{ right:5%; font-style:normal}
.digital li:nth-child(2) em i{ right:18%}
.digital li:nth-child(3) em i{ right:18%}




.digital li h3 {
	font-size: 18px;
	color: #4c4c4c;
	text-align: center;
	font-weight: normal;
}
.digital li:nth-child(2) em b {
	margin-left: -22px;
}

.digital li:nth-child(4) {
	margin-right: 0;
}
.digital li:nth-child(4) em i {
	right: 16px;
}
.digital li:nth-child(4)::after {
	width: 0;
}



    body{width:100%;overflow-x:hidden;}
    i,em{ font-style:normal;}
    .content{ margin: 0 auto; width:90% }
      .header { height: 201px;position: relative;z-index: 50; background: url(https://www.luolin.com/Html/images/head_bg.jpg) repeat-x center; padding:0 7%;}
      .h_top{height: 40px;}
      .h_top i{ float: left;display: block;font-size: 14px;color: #69707f;line-height: 40px; }
      .h_top ul{ float: right; }
      .h_top ul li{ float: left;padding: 0 25px;background: url(https://www.luolin.com/Html/images/h_line.png) no-repeat right;height:40px; }
      .h_top ul li:first-child img{ display: inline-block;width: 72px;height: 40px;margin-right: 4px; }
      .h_top ul li img{ display: inline-block;width: 16px;height: 16px;vertical-align: -3px;margin-right: 4px; }
      .h_top ul li span{ display:inline-block;vertical-align:12px;}
      .h_top ul li a{ font-size: 14px;color: #416ABA;line-height: 40px; font-weight:700;}
      .h_top ul li:last-child{ padding-right: 0;background: 0; }
.h_top ul li i{
color: #d1322e;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-animation: bounceX 2s infinite;
            -moz-animation: bounceX 2s infinite;
            -o-animation: bounceX 2s infinite;
            -ms-animation: bounceX 2s infinite;
            animation: bounceX 2s infinite;
        }
      @-moz-keyframes bounceX {
            0%,
            100% {
                -moz-transform: translateX(0);
                transform: translateX(0);
            }
            50% {
                -moz-transform: translateX(-8px);
                transform: translateX(-8px);
            }
        }
        
        @-o-keyframes bounceX {
            0%,
            100% {
                -o-transform: translateX(0);
                transform: translateX(0);
            }
            50% {
                -o-transform: translateX(-8px);
                transform: translateX(-8px);
            }
        }
        
        @keyframes bounceX {
            0%,
            100% {
                transform: translateX(0);
            }
            50% {
                transform: translateX(-8px);
            }
        }
            .h_con{height: 106px;position:relative;}
            .header .logo { float: left; padding-top:20px; }
            .header .logo img { width: 68px;height: 68px; }
            .slogan { float: left; margin: 20px 0 0 10px; display: block;width: 146px;height: 68px;}
             .slogan img{ display: block;width: 146px;height: 68px;}
              .h_con h3 { position:absolute;left:50%;top:0;margin-left:-150px;}
             .h_con h3 img{ display: block;width: 310px;height: 25px; margin:42px auto 0;}
           .h_contact { float: right; margin-top:32px; }  
           .h_contact span img{ display: block; width:43px;height: 43px;float:left;margin-left: 10px;}
            .h_contact strong { display: block; font-size: 28px; color: #07369d; line-height:28px; float:left;font-weight: bold;font-family: Arial;margin-top: 10px;box-sizing: border-box;}
            .h_contact strong i{ display:none;font-size: 14px;color: #999999;line-height: 14px;padding-bottom: 6px;font-weight: normal;text-align: right; }
           
            .h_contact p:hover span img {animation-duration: 2s;animation-name: flipInY;}
            
            .h_nav { height: 55px;  clear: both;box-sizing: border-box;}
            .header .h_nav li { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;height: 55px;  }
           
            .header .h_nav li:last-child>a:after{display: none;}
            .header .h_nav li>a:before {  position: absolute; content: ""; width: 100%; height: 0; background:#d13030; left: 0; top: 0; transition: .3s ease; -o-transition: .3s ease; z-index: -1;}
            .header .h_nav li>a { position: relative; display: block; font-size: 16px; color: #ffffff; text-align: center; line-height: 55px; height:55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 21px; z-index: 2;transition: .3s ease; -o-transition: .3s ease; font-weight: normal;}
            .header .h_nav li:hover>a, .header .h_nav li.cur>a {  color: #fff;}
            .header .h_nav li:hover>a:before, .header .h_nav li.cur>a:before { height: 100%; }
             .h_nav li p{display: none;position: absolute;width: 150%;text-align: center;left: 0;top: 55px;z-index:10; background:#fff; margin-left:-25%;}
            .h_nav  li p>a{display: block;height: 46px;line-height: 46px;font-size: 14px;color: #fff;background:rgba(65,106,186,1);}
           
            .h_nav  li p>a:hover{background:rgba(65,106,186,0.7);}
            .h_nav li:hover p{ display:block;}
           
        /*@media screen and (min-width:1367px) and (max-width:1440px) {*/
        /*  .h_con h3{width:62%;}*/
        /*        }*/
        /*    @media screen and (min-width:1441px) and (max-width:1680px) {*/
         
        /*        .h_con h3{width:68%;}*/
        /*            } */
            
           
            
  

    .ry{ height: 885px;background: url(http://www.medxtmc.cn/../images/ry_bg.jpg) no-repeat center;padding-top: 50px;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; }


    .footer{background: url(../images/foot_bg.jpg) no-repeat center;height: 540px;}
    .f_nav ul{ padding-top: 70px;height: 144px;border-bottom: 1px solid rgba(255,255,255,0.22); display:flex }
    .f_nav li {font-size: 16px;line-height: 16px;display: block;color: #fff; flex:1; text-align:center}
	 .f_nav li a{ color:#fff; text-align:center}
	
    .f_nav li:last-child a{ margin-right: 0; }


    .f_con{padding-top:46px;margin: 0 auto;height: 308px;box-sizing: border-box; }
    .f_logo{ float: left;width: 398px; margin-top:20px}
     .f_logo h2{ display: block; }
     .f_logo h2 img{ display: block;width: auto;height: 70px; }
     .f_logo h2 span{ display: block;font-size: 26px;color: #fff;line-height: 16px;padding-top: 20px;}
     .f_logo p{ display: block;font-size: 15.4px;color: #fff;line-height: 14px;padding-top: 19px; opacity: 0.8; font-family:Barlow-Regular }
     .f_logo p a{color: #fff;opacity: 0.8;}


    .lxwm{ float: left;width:680px; }
    .lxwm ul{margin-top:30px;}
    .lxwm li{font-size: 16px;line-height: 32px;display: block;color: #fff;padding-left: 36px;margin-bottom: 12px;}
    .lxwm li b{ font-size: 30px;color: #fff;font-family: Arial; }
    .lxwm li:nth-child(1){ background: url(../images/foot1.png) no-repeat left; }
    .lxwm li:nth-child(4){ background: url(../images/foot3.png) no-repeat left; }
    .lxwm li:nth-child(3){ background: url(../images/foot2.png) no-repeat left; }
    .lxwm li:nth-child(2){ background: url(../images/foot4.png) no-repeat left; }
  

    .f_er{width: 190px;} 
    .f_er ul li{float: left;margin-right: 12px;width: 30px;height: 30px; }
    .f_er ul li img{ display: block; width: 87px;height: 30px;}
    .f_er p{width: 190px;margin-top: 18px;}  
    .f_er p em{width: 150px;height: 150px;float: left;}    
    .f_er p img{width: 150px;height: 150px;display: block;}
    .f_er span{display: block;font-size: 14px;color: #fff;line-height: 14px;text-align: center;background: #519ecf;width: 30px;height: 110px;    -ms-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;line-height: 30px;float:right;}

   .links1{ border-top: 1px solid rgba(255,255,255,0.22); text-align:center }
    .links1 p b img{ display: inline-block;width: 24px;height: 10px;margin-top: 35px;margin-right: 18px;}
    .links1 p a{ display: inline-block;font-weight: normal;font-size: 14px;color: #fff;line-height: 72px;opacity: 1; text-align:center }
    .links1 p a:last-child{ margin-right: 0; }
       .links1 p {color: #fff;opacity: 0.6}

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        .client-2 li.zxzx {
            background:#416aba url(https://www.luolin.com/Html/images/zxzx.png) center no-repeat;
        }
        
        
        .client-2 li.my-kefu-qq {
            background:#416aba url(https://www.luolin.com/Html/images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#416aba url(https://www.luolin.com/Html/images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#416aba url(https://www.luolin.com/Html/images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#416aba url(https://www.luolin.com/Html/images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#416aba url(../images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        .client-2 li.zxzx .cont {
            margin: 0;
            background:#416aba url(https://www.luolin.com/Html/images/zxzx.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#416aba url(https://www.luolin.com/Html/images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#416aba url(https://www.luolin.com/Html/images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 230px;
         
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -250px;
            top: -44px;
            background-color: #fff;
        }
        .client-2 li.my-kefu-weixin .cont p{ float:left;  width: 115px;height:150px;}
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont p img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
    

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1050px){  

.aboutk{ display:block}
.sygsjj01{ width:100%; height: 300px;}
.sygsjj02 {
   width:100%;
    margin-right: 0%;
    /*padding-top: 6%;*/
}.sygsjj { width:92%; margin:0 auto; }
.sygsjj03 {
    color: #e3352c;
    font-size: 22px;  line-height: 34px;}
	
	.sygsjj04 {
    color: #212121;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
}
	.sygsjj05 {
    color: #414141;
    font-size: 15px;
    line-height: 30px;
    width: 100%;
    padding-top: 20px; text-align:left}
	
	.sygsjj{ padding-top:50px}
	
	.neirong4 a {
    width: 110px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    display: block;
    color: #fff;
    background: #fbb724;
    margin-top: 40px;
    font-weight: normal; margin-bottom:20px
}
.digital li::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    background: #cbcbcb;
    right: -150px;
    top: 0px;
}

.digital ul{ height:auto}

.digital li {
    width: 50%;
    padding-left: 0px;
    height: 100px;
    box-sizing: border-box;
    float: left;
    text-align: center;
    position: relative;
    margin-right: 0px;
    list-style: none;
}
.digital li i {
    right: 0;
    font-style: normal;
}.digital li:nth-child(3) em i {
    right: 12%;
}
.digital li:nth-child(4) em i {
    right: 0;
}.digital{ width:100%}

.digital li h3 {
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
    font-weight: normal;
}.digital li em b {
    margin-left: 0px;
    color: #333333;
    font-family: Qualy-Bold-2;
    line-height: 60px;
    font-style: normal;
    font-size: 43px;
}

.footer{ display:none}
}

