/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;max-width:100%;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:14px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif; resize:none;}
body{font:14px "Microsoft Yahei", "PingFang SC","SimSun",Arial,sans-serif; color:#333; background:#fff; -webkit-font-smoothing: antialiased;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran3000{-webkit-transition:all 3s linear; -moz-transition:all 3s linear; -ms-transition:all 3s linear; transition:all 3s linear;}

.scaleimg:hover .pic em,
.scaleimg:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/

input[type="submit"],input[type="reset"],select,button{-webkit-appearance:none;appearance:none; }

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/
textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
select{outline: none;}


/* index */
.wrap{width:1400px;margin:0 auto;}
.wrap_header{width:1400px;margin:0 auto;}
/* .header_bg{background:rgba(0,0,0,0.7);} */
.header_bg .nav ul li>a{color:#fff !important;}
.header_bg .nav ul li>a:hover,.header_bg .nav ul li.on>a{color:#105DAB  !important;}
.header{width: 100%;}
.header .wrap{padding:25px 0;display:flex;justify-content: space-between;align-items: center;height:100%;}
.logo img{height:100px;}
.logo2 img{height:25px;}
.nav{display:flex;align-items: center;background:#105DAB;}
.nav ul{display:flex;align-items: center;}
.nav ul li{position:relative;line-height:60px;}
.nav ul li>a{display:block;font-size:18px;color:#fff ;padding:0 40px;}
.nav ul li>a:hover,.nav ul li.on>a{background:#4689E1 ;}
.nav ul li:hover .nav_child{display:block;}
.nav_child{position:absolute;top:60px;left:50%;background:#105DAB;width:150px;display:none;transform: translateX(-50%);z-index:99;}
.nav_child a{display:block;line-height:50px;text-align:center;font-size:14px;color:#fff;}
.nav_child a:hover{background:#4689E1 ;}

.biaoyu{width:450px;}
/* .tel{display:flex;gap:8px;align-items: center;} */
.tel h2 {
	color:#333;
	font-size: 18px;
	font-weight: normal;
}
.tel p{margin-top:5px;}
.tel img{width:36px;vertical-align: top;margin-top:2px;}
.tel span{font-size:30px;color:#4689E1;margin-left:10px;}


.banner{position:relative;overflow: hidden;}
.banner .swiper-slide::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:9;}
.banner img{width:100%;}
.banner .swiper-slide{position:relative;}
.banner .textinfo{position:absolute;z-index: 99;top:40%;left:0;width:100%;}
.banner .textinfo h2{font-size:80px;color:#105DAB ;text-align:center;text-shadow: 2px 2px 2px #fff;}
.banner .swiper-pagination-bullet{background:#fff;opacity: .8;margin:0 20px;width:30px;height:4px;border-radius: 8px;}
.banner .swiper-pagination-bullet-active{background:#105DAB;width:60px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5%;}

.pd80{padding:80px 0;}
.pdtop80{padding-top:80px;}
.pdtop40{padding-top:40px;}
.bgf5{background:#F5F5F5;}
.bgff{background:#fff;}

.index_title{display:flex;justify-content: space-between;align-items: center;}
.index_title h2{font-size:36px;font-weight:normal;}
.index_title .line{width: 80px;height:1px;background: #333333;margin: 20px 0;}
.index_title p{font-size:14px;color:#999;}
.index_title a{display:flex;padding:0 30px;border:1px solid #ccc;height:45px;align-items: center;color:#666;border-radius: 40px;}
.index_title a span{font-size:16px;}
.index_title a img{width:36px;height:11px;margin-left:30px;}
.index_title a:hover{border-color:#4689E1;color:#4689E1}
.service_in .hd ul{display:flex;justify-content: center;gap:20px;}
.service_in .hd ul li{padding:0 30px;font-size:16px;height:40px;border-radius: 20px;line-height:40px;color:#333;cursor: pointer;border:1px solid #ccc;box-sizing: border-box;}
.service_in .hd ul li.on,.service_in .hd ul li:hover{background:#4689E1;color:#fff;border-color:#4689E1;}
.service_in .bd{margin-top:50px;}
.service_in .bd ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px;}
.service_list li{background:#f8f8f8;border-radius: 5px;overflow:hidden;}
.service_list li a{padding:20px;display:flex;justify-content: space-between;align-items: center;height:100%;box-sizing: border-box;}
.service_list li a img{width:20px;}
.service_list li p{font-size: 16px; line-height: 1.7;}
.service_list li div{font-size:14px;line-height:1.8;color:#666;margin-top:20px;text-align: center;}
.service_list li a:hover{background:#4689E1;color:#fff;}
.service_list li a:hover div{color:#fff;}

.litpic{position:relative;width:100%;height:auto;padding-bottom:75%;overflow: hidden;}
.litpic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit: cover;}
.honor_in{overflow: hidden;}
.honor_in .swiper-slide{background: #eee;padding-top: 24px;}
.honor_in .swiper-slide .litpic{padding-bottom:60%;}
.honor_in .swiper-slide img{object-fit: contain;}
.honor_in .swiper-slide p{
    width: 100%;
    height: auto;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #a9a9a9;
    text-align: center;
    margin-top: 24px;
    padding: 10px 10px;
    box-sizing: border-box;
}
.honor_in .swiper-slide a:hover p{background: #4689E1;color:#fff;}
.honor_in .swiper-slide a:hover img{transform: scale(1.1);transition: all .3s ease-in-out;}

.case_in ul{
    display: grid;grid-template-columns: repeat(4,1fr);gap:20px;
}
.case_in ul li a p{
    font-size: 16px;height:30px;line-height:30px;text-align:center;margin-top:10px;
}
.case_in ul li a:hover img{transform: scale(1.1);transition: all .3s ease-in-out;}
.case_in ul li a:hover p{color:#4689E1;}


.news_in li{width:48%;float:left;margin-right:4%;overflow: hidden;}
.news_in li:nth-child(2n){margin-right:0;}
.news_in_left{position:relative;}
.news_in_left .litpic{padding-bottom:58.3%;}
/* .news_in_left .litpic::after{position:absolute;top:0;left:0;right:0;bottom:0;background: linear-gradient( 180deg, rgba(16,93,171,0) 70%, #105DAB 100%);content:'';} */
.news_in_left .date{position:absolute;top:0;left:25px;width:80px;height:80px;border-radius:0 0 100px 100px;background:#D2A360;text-align:center;}
.news_in_left .date p{color:#fff;font-size:24px;margin-top:8px;}
.news_in_left .date span{font-size:14px;color:rgba(255,255,255,0.8);}
.news_in_left .info{position:absolute;bottom:0;left:0;right:0;background:rgba(0,52,126,.60);padding:20px;box-sizing: border-box;}
.news_in_left .info p{font-size:14px;color:#fff;}
.news_in_left h2{height:30px;line-height:30px;font-size:18px;color:#fff;font-weight:normal;margin-top:10px;}
.news_in_left a:hover img{transform: scale(1.1);transition: all 0.3s ease-in-out;}
.news_in_right .box{padding:24px;display:flex;justify-content: space-between; align-items: center;}
.news_in_right .box .date{width:56px;margin-right:36px; text-align: right;}
.news_in_right .box .date p{font-size:24px;color:#666;}
.news_in_right .box .date span{font-size:14px;color:#999;margin-top:10px;display:block;}
.news_in_right .box .con{padding-left:36px;border-left:1px solid #D9D9D9;width:calc(100% - 92px - 36px);box-sizing: border-box;}
.news_in_right .box .con h2{font-size:18px;color:#333;}
.news_in_right .box .con p{font-size:16px;color:#666;line-height:30px;margin-top:8px;height:60px;}
.news_in_right .box:hover{background:#fff;}
.news_in_right .box:hover h2{color:#4689E1;}

.footer{background:#333;}
.footer ul{display:flex;justify-content: space-between;padding:50px 0;}
.footer li a{color:#dfdfdf;display:block;padding:12px 0;}
.footer li a.first{padding:0 0 20px 0;font-size:20px;color:#fff;}
.footer li a:hover{color:#4689E1;}
.contact_footer>div{margin-bottom:24px;display:flex;color:#fff;font-size:16px;line-height:30px;}
.contact_footer .footer_tel{align-items: center;height:52px;line-height:52px;}
.footer_tel img{width:48px;height:48px;}
.footer_tel p{font-size:36px;color:#fff;margin-left:24px;}
.contact_footer>div p{flex:1;}
.copyright{padding:24px 0;border-top:1px solid rgba(255,255,255,0.1);text-align: center;}
.copyright p,.copyright a{font-size:14px;color:rgba(255,255,255,0.65);display:inline-block;}
.copyright a:hover{color:#4689E1;}

.side {
    position: fixed;
    width: 68px;
    right: 5px;
    top: 50%;
    margin-top: -200px;
    z-index: 100;
    background: #fff;
    border-bottom: 0;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px rgba(0 , 0 , 0 , 0.1);
    opacity: 0.95
}

.side ul li {
    width: 68px;
    
    float: left;
    position: relative;
    color: #333;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
    white-space: nowrap;
}

.side ul li:hover {
    background: #4689E1;
    color: #fff;
}

.side ul li:hover a {
    color: #fff;
}

.side ul li i {
	height:27px;
    font-size:24px;
	color:#4689E1;
    margin-bottom: 1px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 25px;
    margin-top: 13px;
    transition: all 0.3s;
}

.side ul li a {
    overflow: hidden;
    white-space: nowrap;
    color:#333;
}

.side ul li i.bgs1 {
    background-image: url(../images/right_pic1.png);
}

.side ul li i.bgs2 {
    background-image: url(../images/right_pic2.png);
}

.side ul li i.bgs3 {
    background-image: url(../images/right_pic3.png);
}

.side ul li i.bgs4 {
    background-image: url(../images/right_pic4.png);
}

.side ul li i.bgs5 {
    background-image: url(../images/right_pic5.png);
}

.side ul li i.bgs6 {
    background-image: url(../images/right_pic6.png);
}

.side ul li:hover i.bgs1 {
    background-image: url(../images/right_pic1_on.png);
}

.side ul li:hover i.bgs2 {
    background-image: url(../images/right_pic2_on.png);
}

.side ul li:hover i.bgs3 {
    background-image: url(../images/right_pic3_on.png);
}

.side ul li:hover i.bgs4 {
    background-image: url(../images/right_pic4_on.png);
}

.side ul li:hover i.bgs5 {
    background-image: url(../images/right_pic5_on.png);
}

.side ul li:hover i.bgs6 {
    background-image: url(../images/right_pic6_on.png);
}

.side ul li .sidebox {
    position: absolute;
    width: 68px;
    height: 68px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    overflow: hidden;
}

.side ul li:hover div {
    display: block !important;
}

.side .hover {
    background: #4689E1;
    border-radius: 5px 5px 0 0;
}

.side .hover a{
    color: #fff
}

.side .sq a {
    animation: heart 1s ease-in-out infinite alternate;
    display: block;
}
@keyframes heart {
    from {
        transform: translate(0,0)
    }

    to {
        transform: translate(0,10px)
    }
}

.heart {
    animation: heart 1s ease-in-out infinite alternate;
}

.side ul li.sideetel .telBox {
    display: none;
    margin: 0;
    padding: 14px;
    position: absolute;
    right: 85px;
    top: 4px;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    background: url(../images/right_pic1_on.png) no-repeat 10px center #4689E1;
    padding-left: 35px;
	background-size: 25px 25px;
}

.side ul li.sideetel .telBox:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 26px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #4689E1;
}

.side ul li.sideewm .ewBox {
    width: 180px;
    display: none;
    color: #333;
    text-align: center;

    position: absolute;
    left: -200px;
    top: -66px;
    /* background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ddd;
    background-color: #fff; */
}
.side ul li.sideewm .ewBox img{width:100%;}

.side ul li.sideewm .ewBox:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 100px;
    right: -7px;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid #ddd;
}

.share{position: relative;}
.wechat_share{position:absolute;bottom:50px;left:170px;width:150px;display:none;}
.wechat_share img{width:150px;}
.wechat_share p{font-size:14px;margin-top:10px;text-align:center;}

/* page */
.position{padding:30px 0;color:#999;}
.position a{font-size:16px;color:#999;}
.position a:hover{color:#4689E1;}
.main{padding:20px 0 80px;}
.main .left{width:300px;background:#fff;float:left;}
.main .left h2{
    height: 48px;
    line-height: 48px;
    background: #E8E8E8;
    text-align: left;
    color: #262626;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 24px;
}
.main .left ul li{
    margin: 0 24px;
    border-bottom: 1px solid #E8E8E8;
    line-height: 48px;
}
.main .left ul li .yiji{
    display:flex;justify-content: space-between;align-items: center;
}
.main .left ul li .yiji a {
    flex:1;
    display: block;
    text-align: left;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main .left ul li i{width:10px;height:10px;background:url(../images/jiantou.png);background-size:100% 100%;margin:10px 0 10px 10px;cursor: pointer;}
.main .left ul li i.open{background:url(../images/jiantou_on.png);background-size:100% 100%;}
.main .left ul li:last-child .yiji a{border:0;}
.main .left ul li .yiji a:hover,.main .left ul li.on .yiji a{color:#4689E1;}

.main .left ul li .erji{padding:0 0 10px 10px;display: none;}
.main .left ul li .erji a{display:block;font-size:14px;line-height:40px;color:#666;}
.main .left ul li .erji a:hover{color:#4689E1;}

.main .right{width:calc(100% - 350px);background:#fff;padding: 36px;box-sizing: border-box;float:right;}
.main .right h2{font-size:20px;}
.content{margin-top:40px;}
.content p{margin:5px 0;font-size:16px;color:#666;line-height:2;}
.content img{max-width:100%;}
.content table{border-collapse: collapse;width:100%;}
.content table td{border:1px solid #ddd !important;text-align:center;}
.content table tr:nth-child(2n){background:#edf0f3;}
.service ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.pages{padding-top:30px;}
.pages ul{overflow: hidden;text-align:center;}
.pages ul li{display:inline-block;}
.pages ul li a{
  display:inline-block;padding:4px 10px;margin-right:5px;border:1px solid #C1C1C1;border-radius:2px;
  font-size: 16px;color: #515151;
}
.pages ul li.active a,.pages ul li a:hover{background:#4689E1;border-color:#4689E1;color:#fff;}

/* show */
.title{font-size:24px;line-height:1.8;text-align:center;}
.prevnext{margin-top:40px;}
.prevnext a{display:inline-block;width:50%;height:40px;line-height:40px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;color:#999;float:left;}
.prevnext a:last-child{text-align:right;}
.prevnext a:hover{color:#4689E1;}

/* case */
.case ul{display:grid;grid-template-columns: repeat(3,1fr);gap:20px;}
.case ul p{height:30px;line-height:30px;text-align:center;margin-top:10px;font-size:16px;}
.case ul a:hover img{transform: scale(1.1);transition: all 0.5s ease-in-out;}
.case ul a:hover p{color:#4689E1;transition: all 0.5s ease-in-out; }

.news ul{display:grid;grid-template-columns: repeat(3,1fr);gap:20px;}
.news ul li{background:#F6F6F6;}
.news li .info{padding:24px;}
.news li .info p{height:30px;line-height:30px;font-size:16px;}
.news li .info .miaoshu{font-size:14px;color:#666;line-height:1.5;padding:10px 0;}
.news li .info span{display:block;color:#999;font-size:14px;}
.news li a:hover img{transform: scale(1.1);transition: all 0.5s ease-in-out;}
.news ul a:hover .info p{color:#4689E1;transition: all 0.5s ease-in-out; }

.job ul{display:grid;grid-template-columns: repeat(2,1fr);gap:20px;}
.job li{background: #f8f8f8;border-radius: 10px;overflow: hidden;}
.job li a{display:flex;padding:24px;}
.job li a .job_left h2{font-size:24px;line-height:1.6;font-weight:normal;}
.job li a .job_left .info{padding:10px 0;}
.job li a .job_left .info p{display:inline-block;font-size:14px;color:#666;}
.job li a .job_left .info b{display:inline-block;margin:0 10px;font-weight:normal;color:#666;}
.job li a .job_left .jianjie{margin-top:10px;}
.job li a .job_left .jianjie span{font-size:14px;display:block;color:#666;}
.job li a .job_left .jianjie p{margin-top:10px;line-height:1.8;color:#666;}
.job li:hover{box-shadow: 0 0 14px #ccc;}
.job li:hover h2{color:#4689E1;}






@media screen and (min-width: 2000px) {
    .wrap{width:80%;}
}
@media screen and (min-width: 1050px) and (max-width:1400px) {
    body,html{zoom:0.9;}
}
@media screen and (min-width: 769px) and (max-width:1050px) {
    body,html{zoom:0.8;}
}


.mobile_header{display:none;}
@media screen and (max-width: 768px) {
.header,.nav,.side{display:none;}
.mobile_header{
    display:block;height:50px;line-height:50px;background: #fff;position: fixed;width:100%;top:0;left:0;z-index:999;
        box-shadow: 0px 1px 0px 1px rgb(0 0 0 / 3%);
}
.mobile_header a.logo_m{display:inline-block;padding:0 10px;}
.mobile_header img{height:40px;display:inline-block;}

.btn_i {
    display: block;
    position: absolute;
    right: 15px;
    top: 26px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
    .btn_i small,  .btn_i:before,  .btn_i:after {
    display: block;
    content: '';
    width: 24px;
    height: 2px;
    background: #4689E1;
    border-radius: 4px;
    margin: 6px 0;
}
.mobile_header .btn_i_click:before {
    transform: rotateZ(45deg);
    transform-origin: 0px 5px;
}
.mobile_header .btn_i_click:after {
    transform: rotateZ(-45deg);
    transform-origin: 4px -1px;
}
.mobile_header .btn_i_click small {
    opacity: 0;
}
.m_nav{background:#fff;display:none;box-shadow: 0px 1px 0px 1px rgb(0 0 0 / 3%);}
.m_nav li{margin:0 10px;border-bottom: 1px solid #eaedef;}
.m_nav li .m_pnav a{display:block;font-size:16px;color:#333;padding:0 10px;line-height:50px;}
.m_nav li .m_pnav a i {
    width: 11px;
    height: 6px;
    float: right;
    display: inline-block;
    margin-top: 22px;
    background: url(../images/navdown.png) no-repeat center center / 100% auto;
}
.m_nav li .m_pnav a i.up {
    background: url(../images/navup.png) no-repeat center center / 100% auto;
}
.m_nav li.on .m_pnav a{color:#4689E1;}
.m_snav{background: #f7f7f7;display:none;}
.m_snav dl{margin-bottom:0;}
.m_snav dl dd{margin:0 10px;border-bottom: 1px solid #eaedef;}
.m_snav dl dd:last-of-type{border:0;}
.m_snav dl dd a{display:block;font-size:14px;color:#666;padding:0 10px;line-height:40px;}

.yb_conct{display:none;}

.banner,.nbanner{margin-top:50px;}

.pd80{padding:40px 0;}
.pdtop80{padding-top:40px;}
.pdtop40{padding-top:20px;}
.wrap{width:100%;padding:0 10px;box-sizing: border-box;}
.index_title h2{font-size:24px;}
.index_title .line{width:40px;}
.index_title a{display:none;}
.index_title p{line-height:1.8;}

.service_in .hd ul li{font-size:14px;padding:0 10px;width:calc(50% - 10px);text-align:center;}
.service_in .hd ul{flex-wrap:wrap;}
.service_in .bd{margin-top:25px;}
.service_in .bd ul{grid-template-columns: repeat(2,1fr);}
.service_list li a{padding:20px;}
.service_list li p{font-size:14px;}
.case_in ul {
    grid-template-columns: repeat(2,1fr);
}
.case_in ul p{font-size:14px;}
.news_in li{width:100%;}
.news_in_left .info{padding:10px;}
.news_in_left h2{font-size:14px;margin-top:0;}
.news_in_right .box .date{display:none;}
.news_in_right .box .con{width:100%;border:0;padding:0;}
.news_in_right .box{padding:20px 10px;}
.news_in_right .box .con p{height:auto;font-size:14px;line-height:23px;}
.footer ul{padding:25px 0;}
.footer ul li{display:none;}
.footer ul li.contact_footer{display:block;}
.contact_footer>div{margin-bottom:10px;font-size:14px;line-height:23px;}

.position{padding:15px 0;}
.position a{font-size:14px;}
.main{padding:20px 0 20px;}
.main .left{display:none;}
.main .right{width:100%;padding:20px;}
.content{margin-top:20px;}
.content p{font-size:14px;}
.service ul{grid-template-columns: repeat(2,1fr);}

.title{font-size:20px;}
.prevnext{margin-top:20px;}
.prevnext a{width:100%;}
.prevnext a:last-child{text-align:left;}
.case ul {
    grid-template-columns: repeat(2,1fr);
}
.case ul p{font-size:14px;}

.news ul{grid-template-columns: repeat(1,1fr);}
.news li .info{padding:20px;}
.job ul{grid-template-columns: repeat(1,1fr);}
.job li a .job_left h2{font-size:18px;}


}