@charset "UTF-8";

@font-face {
    font-family: "element-icons";
    src: url(../fonts/element-icons.woff) format('woff'), url(../fonts/element-icons.ttf) format('truetype');
}

body {overflow-x: hidden;}
ul {padding:0px;margin:0px;list-style:none;}
a {color:#333; text-decoration:none; transition: all 0.4s;}
a:hover {color:#003787; text-decoration:none;}

.fl {float: left;}
.fr {float: right;}
.container {width:1230px; max-width: 1230px; margin-left: auto; margin-bottom: auto;}
.o {overflow: hidden;}
.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:2em}
.mbb3{margin-bottom:3em}
.pbt1{padding-top:1em}
.pbt2{padding-top:2em}
.pbt3{padding-top:3em}
.pbt4{padding-top:4em}
.pbb1{padding-bottom:1em}
.pbb2{padding-bottom:2em}
.pbb3{padding-bottom:3em}
.pbb4{padding-bottom:4em}


/* header */
.header {line-height:32px; height: 32px; background-color: #eeeeed; border-bottom: 1px #e7e7e7 solid;}
.header a {color: #fff;}
.header .right {float: right; display: inline-block; line-height: 32px;}

.hdmenu {padding:2rem 0;}
.hdmenu .logo {display: inline-block; float: left;}
.hdmenu .logo img {height:50px;}

.pcmenu {float:right; margin-bottom: 0;}
.pcmenu > li {display: inline-block; float: left; padding:0 20px; position: relative;}
.pcmenu > li > a {display: block; line-height: 55px; font-size: 16px;}
.pcmenu > li.act a {color: #e5222a;}
.pcmenu .pcsub {display: none; position: absolute; top:55px; left:0; z-index: 100; border-top:1px solid #e5222a; background-color: #fff; box-shadow:0 0 10px #eee;}
.pcmenu .pcsub > a {display: block; width:150px; line-height: 42px; text-align:center;}
.pcmenu .pcsub > a:hover {background-color: #e5222a; color: #fff}


.ibanner .swiper-slide {text-align: center;}



/* index */
.yycase {padding: 6rem 0; background-color: #f2f2f2;}
.yyswi img {max-width:100%;}



/* footer */
.footer {text-align: center; padding: 2.6rem 0 2rem; font-size: 13px; border-top: 1px solid #f0f2f5;}
.footer .footnav {padding-bottom: 1rem;}
.footer .footnav a {display: inline-block; padding: 0 1rem;}
.footer .footinfo {}
.footer .footinfo a {display: inline-block; padding: 0 1rem;}


/* page */
.p_banner {position: relative; text-align:center; height: 500px; overflow: hidden;}
.p_banner img {display:inline-block; opacity:0;}
.pb_btn {position: absolute; top: 50%; text-align: center; width: 100%; z-index: 100; margin-top:-40px;}
.pb_btn a {display:inline-block; margin: 0 10px; background-color:#008cf8; color: #fff; padding: 8px 20px; border-radius: 15px;}
.pb_btn h2 {color: #fff; font-size: 36px; margin-bottom: 25px;}

.pb_fix {position: absolute; z-index: 100; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.7);}
.pb_nav {display: flex; flex-wrap: wrap; margin-bottom:0;}
.pb_nav li {text-align: center; width:15%; border-right:1px solid #000;}
.pb_nav li a {display: block; line-height: 54px; font-size: 16px; color: #fff;}
.pb_nav li a.active, .pb_nav li a:hover {color: #fff; background-color: rgba(229,34,42,0.96);}



.conl {width:22%; float:right;}
.conr {width:75%; float:left;}

.bbax ul {margin-bottom: 0;}

.cp_box {}
.cp_box img {max-width: 100%;}
.cp_box p {line-height: 26px!important; text-align: justify;}

.pagenav {padding: 3rem 0;}
.pagenav .container {}
.pageul {text-align: center; border: 1px solid #e7eaf1; border-radius: 3px; box-shadow: 0 1px 5px rgba(0, 37, 55, 0.05);}
.pageul li {display: inline-block; padding:10px 15px;}
.pageul li a {display: block; line-height: 30px; font-size: 16px;}
.pageul li.active a {color: #e5222a;}

.tt {padding-bottom: 10px;;}
.tt span {font-size: 20px;}

.listpage {text-align: center;}

/* news */
.newslist {}
.newslist li {border-bottom:1px #ccc solid; overflow: hidden; padding:18px 18px; transition: all 0.5s;}
.newslist li p {font-size:14px; text-indent: 2em; line-height: 26px;}
/* .newslist li:first-child {padding-top: 0;} */
.newslist li:hover {box-shadow: 0 2px 15px rgba(0,0,0,.35);}
.newslist .pic {width:180px; height:120px; overflow: hidden; border:1px solid #eee; float:left; margin-right:2rem;}
.newslist .pic img {max-width:100%;}            
.newslist .con h4 a {}
.newslist .con h5 a:hover {color:#e5222a;}
.newslist .con span {float:right; font-size:13px;}
.newslist a:hover {text-decoration:underline;}
.newslist .con h5 {text-align: right;}

.con-title {text-align: center; font-size: 24px; line-height: 30px;}
.con-info {font-size: 13px; color: #999; text-align: center; margin: 10px 0 0; height: 20px; line-height: 20px;}
.con-con  {line-height: 24px; font-size: 14px;border-top: 1px solid #ddd; margin-top: 20px; padding:20px 0;}
.con-con img{max-width: 100%;}
.xgmore {border-top: 1px solid #ddd; padding-top:15px;}
.xgmore a {}


/* newscase */
.newcase {}
.caselist {width:104%;}
.caselist .item {width:23%; margin-right:2%; float:left;}
.caselist .item a {border:1px solid #edf2f9; padding: 6px; border-radius: 5px; display:block; box-shadow: 0px 0px 15px 0px rgba(1, 31, 74, 0.1); transition: all 0.4s; margin:2rem auto; }
.caselist .item .atimg {height:180px; overflow:hidden;}
.caselist .item .atimg img {max-width:100%;}
.caselist .item .atext {padding:6px 0px 0; text-align:center;}
.caselist .item .atext h4 {overflow: hidden; text-overflow:ellipsis; height: 20px; white-space: nowrap; font-size: 15px;}
.caselist .item a:hover {background-image: linear-gradient(360deg,#00a0e9,#21cdf3); transform: scale(1.04); box-shadow: 0px 0px 20px 0px rgba(1, 31, 74, 0.4);}
.caselist .item a:hover .atext {color: #fff;}


/* products content */
.lrdes {}
.lrdes .ldl {width: 40%;}
.lrdes .ldr {width: 57%;}
.lrdes .ldl img {max-width: 100%; box-shadow: 0 5px 15px rgba(0,0,0,0.3); border-radius:5px;}
.lrdes .ldrdes {padding: 15px 0 20px;}
.lrdes .telbox a {color: #e5222a; font-size: 28px;}
.lrdes .telbox p {margin-bottom: 0px;}

.lrcon {border-bottom: 1px solid #cacaca;}
.lrcon .lrtit {font-size: 24px; padding-bottom: 8px; border-bottom: 1px solid #cacaca; color: #e5222a;}

.lrmore {display: block; padding: 15px 0;}
.lrmore li {float: left; border: 1px solid #888; padding: 8px 15px;}
.lrmore li:last-child {float: right;}