* { margin: 0rem; padding: 0rem; outline: none; }
ul, li {list-style-type: none;/* text-align-last: justify; */}
img, video, iframe { border: 0rem; max-width: 100%; }
img { /*image-rendering: pixelated;*/ }

html { font-size: 100px; }
html, body { height: 100%; }
body { font-size: 14px; font-family: Microsoft YaHei,Arial, Helvetica, sans-serif,simsun; color: #333333; overflow-x: hidden; margin: 0 auto; max-width:1920px;}
a { color: #333333; text-decoration: none; }
input { outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.no-animate { opacity: 0; }

@-webkit-keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }

@-webkit-keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeftDown { -webkit-animation-name: fadeInLeftDown; animation-name: fadeInLeftDown }

@-webkit-keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

@-webkit-keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

@keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

.fadeOutUp2 { -webkit-animation-name: fadeOutUp2; animation-name: fadeOutUp2 }

@-webkit-keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }

@-webkit-keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }

@-webkit-keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

@keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

.fadeOutRight2 { -webkit-animation-name: fadeOutRight2; animation-name: fadeOutRight2 }

@-webkit-keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft3 { -webkit-animation-name: fadeInLeft3; animation-name: fadeInLeft3 }

@-webkit-keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight3 { -webkit-animation-name: fadeInRight3; animation-name: fadeInRight3 }

@-webkit-keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown3 { -webkit-animation-name: fadeInDown3; animation-name: fadeInDown3 }

@-webkit-keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInHeight { -webkit-animation-name: fadeInHeight; animation-name: fadeInHeight }

@-webkit-keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp3 { -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3 }

@-webkit-keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

.fadeInwidth2 { -webkit-animation-name: fadeInwidth2; animation-name: fadeInwidth2 }

@-webkit-keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@-webkit-keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem); opacity: 1; }
}

@keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem,0); opacity: 1; }
}

.animated.fadeOutRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight3 { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@keyframes flips {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

@keyframes flipright {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}


/*video start*/
.sha_bg { background-color: rgba(0, 0, 0, .8); width: 100vw; height: 100vh; position: fixed; left: 100%; top: 0; transition: left .5s ease; z-index: 1001; }

.sha_btn_close { position: absolute; right: 5%; top: 5%; cursor: pointer; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; font-size: 18px; text-align: center; line-height: 40px; color: #444; }

.sha_vid { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.tjio { position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display: none; }
.searchs { position: absolute; top: 50%; left: 50%; width: 95%; height: 50px; margin-top: -25px; transform: translateX(-50%); max-width: 500px; }
.seaz { width: 80%; overflow: hidden; float: left; background: #fff; height: 50px; }
.seay {width: 20%;overflow: hidden;float: left;background: #008cd6;height: 50px;}
.seaz input { background: none; border: 0px; outline: none; height: 50px; padding-left: 10px; padding-right: 10px; width: 100%; box-sizing: border-box; }
.seay input { width: 100%; overflow: hidden; text-align: center; color: #fff; height: 50px; background: none; border: 0px; cursor: pointer; outline: none; }
.top_search { cursor: pointer; }
.top_search img{width:.5rem;}
#PageContent { margin: 0 auto; text-align: center; margin-top: 30px }
#PageContent {padding: .6rem 0px .6rem 0px;margin: 0px;text-align: center;font-family: arial;font-size: 14px;}
#PageContent a {border: 1px solid #f3f3f3;background: #f3f3f3;width: .5rem;height: .5rem;line-height: .5rem;color: #241F23;text-decoration: none;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent a:hover {border: #008cd6 1px solid;background: #008cd6;color: #f3f3f3;}
#PageContent a.Ahover {width: .5rem;height: .5rem;line-height: .5rem;background: #008cd6;border: 1px solid #008cd6;color: #f3f3f3;display: inline-block;box-sizing: border-box;/* margin-left: 10px; *//* margin-right: 10px; *//* border-radius: 50px; */}
#PageContent span.disabled, #PageContent span.hunp {border: 1px solid #f3f3f3;background: #f3f3f3;width: .5rem;height: .5rem;line-height: .5rem;color: #333333;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent :first-child { border-radius: 50px; font-family: simsun;}
#PageContent :last-child { border-radius: 50px;  font-family: simsun;}
.menu_wap {background: url(/static/default/assets/img/menu_s.png) no-repeat center;width: 30px;height: 30px;float: right;display: none;margin-top: 0px;/* margin-left: 20px; */height:100%;}
.in_topbox { position: relative; z-index: 18; }
.in_topbox .menu { position: absolute; top: 0.93rem; left: 0; width: 100%; line-height: 40px; height: auto; display: none; transition: 0.3s ease top;}
.in_topbox .menu li { float: none; width: 100%; background: rgba(255,255,255,0.95); border-top: 1px solid #EEE; text-indent: 20px; cursor: pointer; padding: 0; position: relative; }
.in_topbox .menu li:last-child { border-bottom: 1px solid #EEE; }
.in_topbox .menu li > a { display: inline; color: #333; height: 40px; line-height: 40px; }
.in_topbox .menu li:hover > a { color: #333; }
.in_topbox .menu li.cur > a { color: #333; display:block;}
.in_topbox .menu li > a:after { display: none; }
.in_topbox .menu li em { position: absolute; right: 10px; top: 15px; width: 10px; height: 10px; border: 1px solid #666; border-left: 0px; border-bottom: 0px; opacity: 1; display: block; transform: rotate(45deg); }
.in_topbox .menu li .nav { position: relative; top: 0; left: 0; width: 100%; height: auto; line-height: 30px; z-index: 101; text-align: left; background: #FFF; display: none; margin: 0; padding: 0; }
.in_topbox .menu li .nav a { display: block; width: 100%; height: 30px; color: #666; font-size: 14px; margin: 0; padding: 0; }
.in_topbox .menu li .nav a:hover { background: #18a4c7; color: #FFF; font-weight: normal; transform: translateX(0px); }
.in_topbox .menu li .nav a:after { display: none; }


.main { width: 100%; overflow: hidden; }
.main_w { max-width: 1440px; margin: 0 auto; padding-left: .4rem; padding-right: .4rem; }
.txt_cent{max-width: 1680px; margin: 0 auto; padding-left: .4rem; padding-right: .4rem;}
.main_top{width:100%;background:#fff;padding:10px 0;}
.main_top .logo{width:250px;}
.main_top .main_w{display:flex;justify-content: space-between;}
.main_top .main_w .top_right{display:flex;align-items: center;gap:.45rem}
.main_top .main_w .top_right .top_list ul{display:flex;gap:.5rem;}
.main_top .main_w .top_right .top_list li{font-size:17px;}
.main_top .main_w .top_right .top_list li.cur a{color:#0255bb; font-weight:600;}
.main_top .main_w .top_right .top_list li a:hover{color:#0255bb;}
.main_top .main_w .top_right .eng{width:1.07rem;height:0.51rem;background:#008cd6;border-radius:50px;display:flex;align-items: center;justify-content: center;}
.main_top .main_w .top_right .eng a{color:#fff;font-size:0.18rem;}

.banner{position:relative;overflow:hidden;}
.banner .m_banner-pagination{position:absolute;left:0;right:auto;bottom:.36rem;z-index:2;text-align:center;width:100%;}
.banner .m_banner-pagination .swiper-pagination-bullet{width:0.12rem;height:0.12rem;margin:0 0.09rem;background:#fff;}
.banner .m_banner-pagination .swiper-pagination-bullet-active{width:0.32rem;height:0.12rem;background:#1893e5;border-radius:5px;}
.banner img{vertical-align: bottom ;}
.banner .m_title{position:absolute; text-align:center;top:60px;z-index:2;width:100%;}
.banner .m_title .box{width:10%;font-size:30px;color:#fff;overflow:hidden;background:linear-gradient(to bottom, #ef0000, #d60000);;padding:40px 45px;box-shadow: -6px 6px 2px 1px rgba(0, 0, 0, 0.1);}

.piaodong{position:relative;}
.videos{/* width:100%; */top:-80px;z-index:2;position:absolute;center: 0px;padding-left:50px;}
.video_nr{float:right;overflow:hidden;background:linear-gradient(to bottom, #ef0000, #d60000);;padding:40px 45px;box-shadow: 6px 6px 0px 1px rgba(0, 0, 0, 0.3);}
.video_nr .title{color:#fff;font-size:26px;font-weight:bold;}
.video_nr .content{font-size:18px;color:#fff;padding-top:10px;}


/*------------------------------------home--------------------------*/
.c_title { text-align: center; width: 100%; overflow: hidden; padding-top: 0.39rem; padding-bottom: 0.5rem; }
.c_title font { font-family: arial; text-transform: uppercase; background: linear-gradient(rgb(246, 246, 246) 0%, rgb(246, 246, 246) 50%, transparent 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 80px; font-weight: bold; overflow: hidden; line-height: 1; display: block; height: 50px; }
.c_title p { color: rgb(51, 51, 51); font-size: 40px; font-weight: bold; line-height: 1;  display: inline-block; padding-right: 20px; }


.inprod_list{overflow:hidden;padding:50px 0;}
.inprod_list .title font{color:#fff;font-size:36px;display:block;}
.inprod_list .title p{color:#fff;text-transform: uppercase;margin-top:.05rem;font-size:17px; letter-spacing:0.5px;}

.inprod_list .more a{background:#008cd6;display:flex;width:1.19rem;height:.63rem;border-radius:50px;color:#ffffff;font-size:0.16rem;align-items: center;justify-content:space-between;margin:70px 0 80px;padding:0 .4rem}
.inprod_list .more a p{margin-right:0rem;transition: 0.3s ease margin;width:.07rem;}
.inprod_list .more a:hover p{margin-right:-.1rem;}

.inprod_list .pa{margin-top:.35rem;text-align:center;}
.inprod_list .pa .swiper-pagination-bullet{width:0.26rem;height:0.04rem;margin:0 0.04rem;background:#e1e9ed;border-radius:0.05rem;}
.inprod_list .pa .swiper-pagination-bullet-active{width:0.48rem;height:0.04rem;background:#008cd6;}
.inprod_list .list li { background: rgb(247, 247, 247); text-align: center; }
.inprod_list .list li img{transition: 0.3s ease all;}
.inprod_list .list li:hover img{transform: scale(1.1);}
.inprod_list .list li a { text-align: center; padding: 35px; display: block; overflow: hidden; }
.inprod_list .list li font { display: block; font-family: youse; font-size: 24px; color:#444; margin-top: 40px; line-height: 1; }
.inprod_list .list li p { padding-top: 10px; font-size: 20px; color: rgb(51, 51, 51); }
.inprod_list .list li .mores { width: 195px; height: 55px; background: rgb(247, 247, 247); border: 1px solid rgb(102, 102, 102); line-height: 55px; color: rgb(102, 102, 102); text-transform: uppercase; font-size: 14px; margin: 30px auto 0px; position: relative; z-index: 2; transition: border 0.3s ease 0s; }
.inprod_list .list li a:hover .mores { color: rgb(255, 255, 255); border: 1px solid rgb(230, 0, 18); }
.inprod_list .list li a .mores::after { background: rgb(230, 0, 18); display: block; content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 0px; transition: width 0.3s ease 0s; z-index: -1; }
.inprod_list .list li a:hover .mores::after { width: 100%; }


.about_us2{ width:100%;overflow:hidden;padding-bottom:0px;}
.about_us2 .list{overflow:hidden;padding: 0.5rem 0 0.3rem;}
.about_us2 .list li p{color:#333333;font-size:0.16rem;padding-top:0.15rem;padding-bottom:.48rem;text-align:center;}
.about_us2 .heun{background:#f8f8f8;height:6px;margin-bottom:1rem;}
.about_us2 .heun .swiper-scrollbar-drag{height:6px;background:#e50012;top:0px;}



.qyjj { background: url("/static/default/assets/img/index_10.jpg") center center no-repeat; height: 827px; width: 100%; }
.qyjj .c_title2 { padding-top: 90px; }
.qyjj .c_title2 font { font-family: arial; text-transform: uppercase; background: linear-gradient(rgba(246, 246, 246, 0.1) 0%, rgba(246, 246, 246, 0.1) 70%, transparent 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 80px; font-weight: bold; overflow: hidden; line-height: 1; display: block; height: 50px; }
.qyjj .c_title2 p { color: rgb(255, 255, 255); font-size: 40px; font-weight: bold; line-height: 1;  display: inline-block; padding-right: 20px; margin-top: -10px; }
.qyjj .about { color: rgb(246, 246, 246); font-size: 18px; line-height: 1.72; max-width: 736px; margin-top: 55px; }

.yes4 { background: rgba(255, 255, 255, 0.95); width: 100%; overflow: hidden; height: 218px; margin-top: 85px; }
.yes4 ul { display: grid; align-items: center; height: 100%; grid-template-columns: repeat(4, 1fr); }
.yes4 li { text-align: center; transition: 0.3s ease all;}
.yes4 li font { color: rgb(51, 51, 51); font-weight: bold; font-size: 46px; transition: 0.3s ease all;color:#d20202 ;}
.yes4 li p { font-size: 20px; display: inline-block; margin-left: 5px; color:#d20202 ;}
.yes4 li div { color: rgb(51, 51, 51); font-size: 18px; padding-top: 5px;transition: 0.3s ease all; }


/*------------------------------------home--------------------------*/



.gm_jx { width: 100%; overflow: hidden; background:url(/static/default/assets/img/00home_07.jpg) no-repeat center;height:451px;}
.gm_1 { width: 100%; overflow: hidden; text-align: center; padding-top: 80px; font-size: 36px; color: #ffffff; }
.gm_list {text-align: center;overflow: hidden;/* border-top: 1px solid rgb(240, 240, 240); */margin-top: 38px;}
.gm_list ul { display: grid; width: 1200px; margin: 0px auto; padding-top: 38px; grid-template-columns: repeat(3, 1fr); }
.gm_list li {/* border-right: 1px solid rgb(240, 240, 240); */margin-bottom: 60px;position:relative;top:0px;transition: top 0.3s ease;}
.gm_list li:last-child { border-right: 0px; }
.gm_list li p {color: #ffffff;font-size: 20px;margin-top: 20px;}
.gm_list li font {padding-top: 10px;display: block;font-size: 20px;color: #ffffff;font-weight: bold;}
.gm_list li:hover{top:-10px;}

.vh-21{overflow:hidden;height:auto;margin-top:-21px;}
.footer{width:100%;overflow:hidden;background:#222;padding-top:.8rem;border-top:1px solid #999;}
.footer .footer_top{display:flex;justify-content: space-between;padding-top:40px;}
.footer .footer_top .footer_left .t_1{width:2.05rem;}
.footer .footer_top .footer_left .t_1 p{font-size:14px;color:#fff;}
.footer .footer_top .footer_left .tel_1{padding-left:0px;margin-top:.1rem;background-size:.48rem auto;}
.footer .footer_top .footer_left .tel_1 font{color:rgba(255,255,255,0.7);font-size:16px;}
.footer .footer_top .footer_left .tel_1 p{color:rgba(255,255,255,0.8);font-size:16px;padding-top:.05rem;}
.footer .footer_top .footer_left .tel_2{padding-left:0px;margin-top:.2rem;font-size:20px;color:#fff;font-weight:600;}
.footer .footer_top .footer_left .tel_2 a{color:#fff;}
.footer .footer_top .footer_center {display:flex;}
.ewmlist{overflow:hidden;}
.ewmlist ul{ display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; }
.ewmlist li{overflow:hidden;text-align:center}
.ewmlist li p{color:rgba(255,255,255,0.7);font-size:14px;padding-top:8px;}

.footer .footer_top .footer_right{display:flex;gap:.8rem;min-height:2.5rem;}
.footer .footer_top .footer_right a{color:rgba(255,255,255,0.7);line-height:2;}
.footer .footer_top .footer_right a:hover{color:#fff;}
.footer .footer_top .footer_right font{color:#ffffff;font-size:.18rem;font-weight:bold;margin-bottom:.2rem;display:block;}
.footer .footer_foot{color:#ffffff;font-size:14px;line-height:2.75;padding-bottom:.25rem;text-align:center;}
.footer .footer_foot a{color:#ffffff;}
.q_right_top{display:flex;justify-content: space-between;align-items: center;margin-top:.5rem;}



.new_nav{overflow:hidden;margin:0 auto;padding:40px 0 40px 0;text-align:center; background:linear-gradient(to right,  #0151ca, #003c96);margin-top:1px;}
.new_nav a {display: inline-block;padding:0 25px;height: 45px;font-size: 17px;color: #fff;line-height: 45px;border-radius: 25px;margin: 0 13px;text-align:center;border:1px solid #fff;}
.new_nav a:hover{background:#fff;color: #555;}
.new_nav a.active {color: #555;background:#fff;}


.about1{font-size:17px;line-height:34px;color:#555;overflow:hidden;padding:50px 0 70px 0; min-height:400px;}
.about1 img{padding-top:20px;}


.honor{overflow:hidden;padding:60px 0 0px;}
.honor ul{ display: grid; grid-template-columns: repeat(5,1fr); gap: 20px; }
.honor li{overflow:hidden;}
.honor li .pic{width:100%;height:auto;overflow:hidden;}
.honor li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.honor li .title{font-size:15px;color:#666;line-height:30px;text-align:center;}
.honor li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.qyhj{overflow:hidden;padding:70px 0 0px;}
.qyhj ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.qyhj li{overflow:hidden;}
.qyhj li .pic{width:100%;height:auto;overflow:hidden;}
.qyhj li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.qyhj li .title{font-size:15px;color:#666;line-height:30px;text-align:center;}
.qyhj li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


/*--news--*/
.news{height:auto;overflow:hidden;padding:60px 0 0;}
.news .box{overflow:hidden;padding:30px 30px;}
.news ul{display:grid;grid-template-columns: repeat(2,1fr);gap:20px}
.news li{background:#f4f4f4;}
.news li .box{padding:0 0;}
.news li .conn{float:right;width:calc(100% - 180px);overflow:hidden;padding-top:30px;}
.news li .conn h2{font-size:20px;color:#666;}
.news li .conn p{padding-top:10px;color:#777;}
.news li .date{float:left;width:140px;overflow:hidden;text-align:center;border-right:2px solid #f4f4f4;height:100px;padding-top:20px;}
.news li .date h2{font-size:50px;color:#333; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
.news li .date p{font-size:15px;color:#666;}
.news li:hover .date h2{color:#fff;}
.news li:hover .date p{color:#fff;}
.news li:hover .conn h2{color:#fff;}
.news li:hover .conn p{color:#fff;}
.news li:hover{background:#023e98}
.news li a{display:block;}

.xwbox{background:#f5f6f7;}
.xwmain{background:#fff; border-radius:12px;padding:50px 50px 30px 50px;margin:50px 0 50px 0;overflow:hidden;}


.xinw_txt{font-size:26px;text-align:center;padding:0 0 25px 0;width:auto;overflow:hidden;width:auto;}
.xinw_dtm{width:auto; text-align:center; padding:0 0 0px 0; font-size:13px; color:#555;line-height:40px;background:#f7f7f7;margin:0 auto;}

.xinw_info{ line-height:26px;padding:30px 0;font-size:16px;color:#555;min-height:400px;width:auto;}
.xinw_info a{color:#009d85;}
.xinw_info b{font-size:18px;color:#eb3e00;}
.xinw_info img{ width:600px;height:auto;text-align:center;}

/*nextup*/
.new_pre{color:#66;width:calc(49% - 15px);float:left;background:#f0f0f0;padding-left:15px;overflow:hidden;line-height:50px;}
.new_pre a{color:#666;font-size:15px;}
.new_pre a:hover{color:#333}
.new_next{color:#666;float:right;width:calc(49% - 15px);background:#f0f0f0;padding-left:15px;overflow:hidden;line-height:50px;}
.new_next a{color:#666;font-size:15px;}
.new_next a:hover{color:#333}
.new_pn{padding:0px 0 10px 0; overflow:hidden;margin-top:4px;}
/*nextup*/

/*--news end--*/


/*--product---*/

.ProList{ width:auto; height:auto;margin-top:60px;overflow:hidden;padding-bottom:0px;}
.ProList ul{display:grid;grid-template-columns: repeat(4,1fr);gap:30px}
.ProList li{overflow:hidden;height:auto; position: relative;border:1px solid #e2e2e2;background:#fff; border-radius:12px;}
.ProList li .pro_pic{height:auto; overflow:hidden;padding:15px;}
.ProList li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ProList li .pro_txt{padding:5px 0 20px 0;text-align:center;overflow:hidden;font-size:18px;color:#666;}
.ProList li a:hover .pro_txt{color:#c90010;}
.ProList li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.ProList li:after {width: 0px;height: 2px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#c90010 ;transition: all .3s linear;}
.ProList li:hover:after{width: 100%;}

.cpmain{background:#fff; border-radius:12px;padding:40px 40px 30px 40px;margin:50px 0 20px 0;overflow:hidden;}
.cpmain1{background:#fff; border-radius:12px;padding:40px 40px 30px 40px;margin:0px 0 50px 0;overflow:hidden;}


/*prod_main*/
.pro_main{overflow:hidden;margin-bottom:30px;}
.pro_main .pr_lt{float:left;width:700px;overflow:hidden;height:auto;}

.pro_main .swiperBox {position: relative;float: left;width: 100%;box-sizing: border-box; z-index:9}
.pro_main .swiper-pagination {bottom:15px;left: 0;width: 100%;font-size: 0;}
.pro_main .swiper-pagination-bullet {width: 20px;height: 5px;background-color: #fff;opacity: 1;margin: 0 5px !important; border-radius:1px}
.pro_main .swiper-pagination-bullet-active {background-color: #11aeff;}




.pro_main .pr_rt{float:right;width:calc(100% - 750px);overflow:hidden}

.pro_main .pr_rt .pro_name{font-size:28px;color:#333;padding:5px 0 25px;}

.pro_tel{overflow:hidden;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:40px 5px;}
.pro_tel .lt{float:left;overflow:hidden;}
.pro_tel .rt{float:left;overflow:hidden;padding-left:30px;font-size:18px;color:#555;line-height:32px;}
.pro_tel a{color:#555;}

.qbwc{overflow:hidden;margin-top:50px;}
.qbwc ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.qbwc li{overflow:hidden;}
.dcpx{background:#003487; border-radius:20px;line-height:40px;text-align:center;}
.dcpx a{ display:block;color:#fff;font-size:16px;}
.fhsyy{background:#003487; border-radius:20px;line-height:40px;text-align:center;}
.fhsyy a{ display:block;color:#fff;font-size:16px;}
/*prod_main*/


.pro_info{width:auto;margin:0 auto;line-height:170%;padding:20px 0 50px 0;font-size:16px;color:#555; min-height:80px;overflow:hidden;height:auto;}
.pro_info img{ max-width:900px;clear:both;}
.pro_info strong{font-size:18px;font-weight:600;color:#222;background:url(/static/default/assets/img/zh_p_19.png) no-repeat 0px 15px;padding-left:18px;line-height:40px;overflow:hidden;margin-top:10px;display:block;}

.pro_info_txt{width:auto;font-size:20px;color:#333;margin:0 auto 0 auto;background:#fafafa;line-height:45px;font-weight:600;}
.pro_info_txt i{float:left;width:6px;height:20px;background:#0250ba;margin:13px 10px 0 10px;}



/*related_product*/
.related_txt{width:auto;font-size:20px;color:#333;margin:0 auto 0 auto;background:#fafafa;line-height:45px;font-weight:600;}
.related_txt i{float:left;width:6px;height:20px;background:#0250ba;margin:13px 10px 0 10px;}
.related_product{ width:auto; height:auto;margin-top:20px;overflow:hidden;padding:0 0 0 0; }
.related_product ul{display:grid;grid-template-columns: repeat(6,1fr);gap:20px}
.related_product li{ overflow:hidden;border:1px solid #ededed;position: relative;height:auto;}
.related_product li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.related_product li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.related_product li .pro_txt{color:#666;font-size:14px;padding:10px 10px 15px 10px;line-height:130%;text-align:center;height:30px;}
.related_product li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.related_product li a:hover .pro_txt{color:#009b4c;}
.related_product li:after {width: 0px;height: 3px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#009b4c ;transition: all .3s linear;}
.related_product li:hover:after{width: 100%;}
/*related_product*/

/*--product end---*/


.about-content { padding-top: 0.4rem; overflow: hidden; padding-bottom: 0.4rem; }
.ny-news-tit { width: 100%; height: auto; overflow: hidden; line-height: 35px; color: #000; font-size: .23rem; font-weight: bold; text-align: center; }
.ny-author { width: 100%; height: auto; line-height: 30px; overflow: hidden; color: #393939; border-bottom: 1px solid #f0f0f2; padding: 10px 0px 10px 0px; margin-bottom: 30px; text-align: center; }
.news-author { height: auto; overflow: hidden; }
.fontsize input { width: 15px; height: 15px; line-height: 15px; background-color: #ececec; cursor: pointer; border: 1px solid #d1d1d1; margin-left: 3px; outline: none; }
.share { width: 150px; height: auto; overflow: hidden; float: right; margin-top: -2px; }
.share ul li { float: left; width: 40px; height: 30px; overflow: hidden; padding-left: 10px; cursor: pointer; }
#share a { width: 40px; height: 30px; overflow: hidden; padding: 0px; margin: 3px; display: block; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#share a.bds_weixin { background: url(/images/share_webchat.png) no-repeat; }
#share a.bds_tsina { background: url(/images/share_weibo.png) no-repeat; }
#share a.bds_qzone { background: url(/images/share_qzone.png) no-repeat; }

.updown-div { width: 100%; line-height: 2; overflow: hidden; margin: 0 auto; padding: 50px 0px 20px 0px; }
#newsnr {font-size: 16px;line-height: 1.7;/* max-width: 1080px; */margin: 0 auto;}
#newsnr img{height:auto  !important;}

.aboutus{padding:0.2rem;overflow:hidden;line-height:1.65;min-height:4rem;}




.jsjs{margin-top:.59rem;overflow:hidden;}
.jsjs .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:.47rem;}
.jsjs .list li{background:#f9f9f9;overflow:hidden;}
.jsjs .list li a{display:grid;grid-template-columns: 3.92rem auto;}
.jsjs .list li a .jsjs_left{overflow:hidden;}
.jsjs .list li a .jsjs_right{overflow:hidden;padding: 0.2rem .25rem;}
.jsjs .list li a .jsjs_right .title{color:#008cd6;font-size: .22rem;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.jsjs .list li a .jsjs_right .content{
    font-size: 14px;
    color:#333333;
    margin-top:.15rem;
    line-height: 1.65;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.jsjs .list li a .jsjs_right .more{color:#a2a2a2;font-size: 14px;margin-top: .2rem;background:url(/static/default/assets/img/jiantou.png) no-repeat right center;display:inline-block;padding-right:.4rem;background-size: 0.2rem auto;transition: 0.3s ease padding;}
.jsjs .list li a:hover .jsjs_right .more{padding-right:.5rem;}


/*contact us*/
.lxwm{width:auto;padding:0px 0 0 0;height:auto;overflow:hidden;}
.lxwm_lt{float:left;width:50%;height:auto;overflow:hidden;background:#f6f6f6;}
.lxwm_rt{float:right;width:50%;height:auto;overflow:hidden;}


.lt_box{padding:8% 0 0 14% ;border-right:3px solid #C00;height:525px;overflow:hidden;}
.lxwm_con{font-size:20px;color:#555;line-height:180%;}
.lxwm_lt_ewm li{float:left;width:150px;height:auto;overflow:hidden;margin-right:15px;}
.lxwm_lt_ewm li .pic img{width:140px;height:auto;}
.lxwm_lt_ewm li p{font-size:13px;color:#666;text-align:center;padding-top:5px;}

@media screen and (max-width: 640px) {
.lt_box{height:auto;padding:8% 0 20px 8px ;}	
.lxwm_lt{width:100%;height:auto;}
.lxwm_rt{display:none;}
.lxwm_con{font-size:18px;line-height:160%;}

}
/*contact us*/




  /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/

 .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:0rem;margin:50px 0;}
 
 .page-link{position:relative;display:block;padding:10px 10px;margin-left:-1px;line-height:1;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
 .page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
 .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 0 rgba(0,123,255,.25)}
 .page-item:first-child .page-link{margin-left:0;border-top-left-radius:8px;border-bottom-left-radius:8px}
 .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
 .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
 .pagination-lg .page-link{padding:.1rem .1rem;font-size:20px;line-height:1}
 .pagination-lg .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px}
 .pagination-lg .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .pagination-sm .page-link{padding:.1rem .1rem;font-size:20px;line-height:1}
 .pagination-sm .page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px}
 .pagination-sm .page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px}
 .clean-block.clean-catalog .pagination{-ms-flex-pack:center;justify-content:center}
 
 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/
 
 /* ====== go top start ====== */
.gotop {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 70px;
	position: fixed;
	right: 20px;
	z-index: 10;
	width:45px;
	height:45px;
	display:none;
}
.gotop:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
	display: block;
	height: 40px;
	overflow: hidden;
	width: 45px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	line-height:40px;
}
.gotop a:hover{color:#FFF}
/* ====== go top end ====== */





/*---Æ®¸¡QQ--*/




.izl-rmenu{
	       margin-right: 0;
	       width:60px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(/static/default/assets/img/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center -120px;
    display: block;
    height: 60px;
    width: 60px;
}
.izl-rmenu .txqq{    
	background-image: url(/static/default/assets/img/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center -60px;
    display: block;
    height: 60px;
    width: 60px;
}

.izl-rmenu .book {    background-image: url(/static/default/assets/img/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 60px;
    width: 60px;
}

.izl-rmenu .book .zixun {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 100px;
    left: -100px;
    top: 0;
    line-height: 60px;
    color: #555;
    font-size: 14px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.book:hover .zixun{display:inline !important;}


.izl-rmenu .txqq .qqzx {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 125px;
    left: -125px;
    top: 60px;
    line-height: 60px;
    color: #555;
    font-size: 14px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.txqq:hover .qqzx{display:inline !important;}

.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 125px;
    left: -125px;
    top: 60px;
    padding:10px 0;
    color: #222;
    font-size: 14px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}


.izl-rmenu .cart {
    background-image: url(/static/default/assets/img/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
height:60px;
}
.izl-rmenu a.cart:hover .pic{display:block;}

.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -100px;
    top:70px;
    width: 100px;
    height: 118px;
    background:url(/static/default/assets/img/weixin.jpg);
}




.izl-rmenu .btn_top {
    background-image: url(/static/default/assets/img/float_top.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 60px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(/static/default/assets/img/float_top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(/static/default/assets/img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 66px;
    background-color: #FFF!important;
    z-index:999;
}
#udesk-feedback-tab1 {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -150px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(/static/default/assets/img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 66px;
    background-color: #FFF!important;
    z-index:999;
}

@media (max-width:768px){
.izl-rmenu{display:none;}
.izl-rmenu .consult{display:none;}
#udesk-feedback-tab{display:none;}
#udesk-feedback-tab1{display:none;}
#udesk-feedback-tab-left{display:none;}
.udesk-feedback-tab-left{display:none;}
}
 
 
 /*----tanchuzixun----*/
 
 
 .hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
				
.shang_box{width:540px;height:500px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
 .shang_close{float:right;display:inline-block;padding:10px 15px 0 0;}

.in_btm{width:500px;height:auto;overflow:hidden;margin:0 auto;padding:0 0 20px 0;}
.in_btm .box{ clear:both; overflow:hidden; margin-bottom:12px;}
.in_btm .txt{ width:100%; height:31px; line-height:31px; padding:0 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;border:1px solid #e5e5e5;}
.in_btm .txt1{ width:50%; height:31px; line-height:31px; padding:0 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;border:1px solid #e5e5e5;}
.in_btm .t_1{ float:left;}
.in_btm .t_2{ float:right;}
.in_btm .area{ width:100%; height:80px; line-height:20px; padding:5px 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif;border:1px solid #e5e5e5; }
.in_btm .btn{ float:left; width:100px;text-align:center; background-color:#d20910; color:#FFF; border-radius:5px; border:0; font-size:15px;overflow:hidden;line-height:40px;}
.in_btm .btn a:hover{color:#fff;}

.btm_tit{ color:#333; font-size:26px; line-height:1; padding:20px 0 20px 0;}
.btm_tit p{font-size:14px;color:#888;padding-top:12px;line-height:160%;}

@media (max-width: 768px) {
.shang_box{width:auto;height:auto;margin-left:-180px;margin-top:-180px;top:40%;padding:0px 0 0 0;}
.in_btm{width:100%;padding:0 0 0 10px;}
.in_btm .txt{width:300px;}
.btm_tit{padding:0 0 20px 0;}
.in_btm .area{width:90%;padding:5px 0;float:left;}
 .shang_close{padding:15px 15px 0 0;}
}

 /*----tanchuzixun end----*/