@charset "utf-8";

.page {
    line-height: normal;
    font-size: 14px;
    margin: 20px 0;
}
.page span, .page a {
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0px;
    border: 1px solid #ccc;
    float: left;
    display: block;
    margin: 0 2px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #333;
}
.page input {
    color: #04316e;
    border: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
}
.show_tit {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    margin: 30px 0;
}
.show_tit::after {
    content: "";
    width: 30px;
    height: 5px;
    background: #125fba;
    display: block;
    margin: 10px auto 0;
    border-radius: 10px;
}
.news_body li h3 {
    color: #333;
}
.news_body li {
    padding-top: 10px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    border-bottom: 1px #ccc dashed;
    float: left;
    width: 45%;
    margin: 0 1.5% 30px;
    background: url(../images/y.png) no-repeat left 10%;
    padding-left: 20px;
}
.news_body {
    margin-top: 30px;
}
.data_news {
    font-size: 14px;
    color: #7d7d7d;
    margin-top: 10px;
}
.news_body li p {
    line-height: 32px;
    font-size: 16px;
    color: #7d7d7d;
    padding: 10px 0;
    margin-bottom: 10px;
}
.new_nav {
    width: 500px!important;
    margin: 0 auto;
}
.new_nav li {
    float: left;
    line-height: 50px;
    font-size: 18px;
    border: 1px solid;
    width: 200px;
    text-align: center;
    border-radius: 5px;
    margin: 0 20px;
}
.new_nav li a{
    display: block;
}
.news_body li:hover {
    transform: translateX(10px);
    box-shadow: 15px 20px 20px 0px rgb(8 6 3 / 18%);
}
.pch_body .col-2{
    background: #f3f5f7;
    box-shadow: 0 0 15px #c7cdea;
    border-radius: 15px;
    border: 1px solid #eee;
    float: left;
    width: 22%;
    margin: 15px 0.45%;
    padding: 10px 0.9% 0;
}
.pch_body .col-2:hover{
    background: #125fba;
}

.pch_body .col-2:hover p{
    color: #fff;
}
.pch1 .pch_body .col-2:hover{
    background-image: radial-gradient( #fff, #deefff);
}

.pch1 .pch_body .col-2:hover p{
    color: #125fba;
}
.pch_body .col-2 p{
    line-height: 45px;
    font-size: 18px;
    margin-left: 4%;
    padding-left: 25px;
    background: url(../images/y.png) no-repeat left center;
	white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tou h2 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin: 30px 0 20px 0;
}
.info {
    border-top: 1px solid #eee;
    line-height: 30px;
    height: 30px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.daodu {
    height: 110px;
    line-height: 53px;
    font-size: 20px;
    border-radius: 15px;
    margin-top: 20px;
    background: #f3f3f3;
}
.daodu1 {

    margin-left: 2%;
x
}
.daodu a {
    height: 45px;
    float: right;
    margin-right: 30px;
    background: #ec2626;
    width: 159px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    border-radius: 5px;
}
.neirong {
    margin-top: 30px;
    line-height: 35px;
    font-size: 18px;
}
.xiayige .next {
    float: right;
}
.nyban{
    height: 600px;
    background: url(../images/9955095.jpg) no-repeat;
}
.mb .wrap {
    background: url(../images/home.png) no-repeat left center;
    padding-left: 25px;
}
.mb {
    line-height: 50px;
    background: #eee;
}
.left_pro a {
    background: url(../images/mr.png) no-repeat left center;
    padding-left: 40px;
    font-size: 25px;
}
.rig_pro a{
        font-size: 16px;
        background: #e22319;
        color: #fff;
        width: 90px;
        line-height: 30px;
        display: block;
        border-radius: 5px;
        text-align: center;
    
}
.pro_head{
    margin: 30px 0;
}
.pro_body .col-25{
    background: #f3f5f7;
    box-shadow: 0 0 15px #c7cdea;
    border-radius: 15px;
    border: 1px solid #eee;
    float: left;
    width: 22%;
    margin: 0 0.45%;
    padding: 10px 0.9% 0;
}
.pro_body .col-25 p{
    line-height: 45px;
    font-size: 18px;
    margin-left: 4%;
    padding-left: 25px;
    background: url(../images/y.png) no-repeat left center;
}
.pro_body .col-25:hover p{
    color: #125fba;
}
.pro_body .col-25:hover{
    background-image: radial-gradient( #fff, #deefff);
}
.xiayige {
    margin: 30px 0;
}
.lxLeft, .lxRig {
    float: left;
    width: 48%;
    line-height: 32px;
}
.tishi {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.tishi a {
    padding: 1px 15px;
    display: inline-block;
    background: #0860c9;
    color: #fff;
    border-radius: 5px;
    margin: 20px 0;
}
.lxRig img {
    float: right;
}
.txt {
    width: 31.3333%;
    margin: 0 1% 2%;
    display: inline;
    float: left;
    background-color: #f5f5f5;
    display: inline;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.txt a {
    display: block;
    padding: 20px;
    overflow: hidden;
}
.txt h3 {
    font-size: 18px;
    text-align: left;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ab_p p{
    line-height: 35px;
    font-size: 18px;
    text-align: justify;
    text-indent: 2rem;
}
.txt:hover {
    transform: translateY(-10px);
    -moz-box-shadow: 0px 0px 20px #666;
    -webkit-box-shadow: 0px 0px 20px #666;
    box-shadow: 0px 0px 20px #666;
}
.bottom{margin-top: 30px;}
.ab_pro .col-3 {
    box-shadow: 0 0 15px #c7cdea;
    border-radius: 15px;
    border: 1px solid #eee;
    float: left;
    text-align: center;
    display: inline;
    width: 22%;
    margin: 10px 0.45%;
    padding: 10px 0.9% 0;
} 
.neib h4 {
    font-size: 28px;
    margin-bottom: 25px;
}
.neib1 {
    clear: both;
    line-height: 30px;
    background: url(../images/proleftbg.jpg);
    padding: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    border-radius: 10px;
}
.coushu {
    box-shadow: 0px 4px 20px rgb(0 0 0 / 20%) inset;
    border-radius: 10px;
    padding: 20px;
}
.neib1 p {
    line-height: 25px;
    font-size: 16px;
}
.xiaoren {
    background: url(../images/kf1.png) no-repeat left center;
    line-height: 60px;
    padding-left: 50px;
    font-size: 20px;
    float: left;
}
.dhua a {
    background-image: linear-gradient(
90deg
, #f05c05 30%, #f39c04 50%, #f05c05);
    background-size: 200% 100%;
    transition: background-position .6s ease;
    display: block;
    width: 212px;
    font-size: 20px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: red;
    border-radius: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.nei span {
    color: red!important;
    font-weight: bold;
    font-size: 35px;
    margin: 0 5px;
}
.neia, .neib {
    float: left;
    width: 50%;
}
.dhua{
    width: 30%;
    float: left;
}
.pro_title span {
    width: 200px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    background: #125fba;
    display: block;
    border-radius: 15px 15px 0 0;
}
.pro_title {
    border-bottom: 1px solid #eee;
    margin-top: 10px;
    margin-bottom: 10px;
}
.product_body p{
    font-size: 18px;
    line-height: 35px;
}
.nei{
    margin-bottom: 25px;
}
table {
    word-break: break-all;
    font-size: 16px!important;
    line-height: 32px;
}
table tr:nth-child(odd) {
    background: #eee;
}
table td, table th {
    border: 1px solid #eee;
}
table tr:hover, table tr:hover p {
    background: #125fba;
    color: #fff;
}
.neia img{
	width:550px;
	height:400px;
    border: 10px solid #eee;
}
.product_{
    margin-top: 30px;
}
.Related_pro .col-2{
    background: #f3f5f7;
    box-shadow: 0 0 15px #c7cdea;
    border-radius: 15px;
    border: 1px solid #eee;
    float: left;
    width: 22%;
    margin: 20px 0.45%;
    padding: 10px 0.9% 0;
}
.Related_pro .col-2 p {
    line-height: 45px;
    font-size: 18px;
    margin-left: 4%;
    padding-left: 25px;
    background: url(../images/y.png) no-repeat left center;
}
.Related_case .col-2{
    background: #f3f5f7;
    box-shadow: 0 0 15px #c7cdea;
    border-radius: 15px;
    border: 1px solid #eee;
    float: left;
    width: 22%;
    margin: 20px 0.45%;
    padding: 10px 0.9% 0;
}
.Related_case .col-2 p {
    line-height: 45px;
    font-size: 18px;
    margin-left: 4%;
    padding-left: 25px;
    background: url(../images/y.png) no-repeat left center;
	white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cp_dad {
    background: #eee;
}
.pro_cp {
    background: url(../images/sj.png) no-repeat left;
    line-height: 50px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    padding-left: 25px;
}
.Related_pro, .Related_case {
    border: 1px solid #eee;
    margin: 20px 0;
}
.glass_a {
   margin:15px 0;
}
@media screen and (max-width:1420px){
    .wrap{width: 95%;}
    .xiaoren,.dhua{float: none;}
    .neia{width: 45%;margin-right: 5%;}
}
@media screen and (max-width:1200px){
    .tel{display: none;}
    .nav_li{width:80%;}
    .logo{width: 20%;}
    .news_body li {width: 44%;}
}
@media screen and (max-width:1000px) {
    .neib1{display: none;}
    .daodu{display:none;}
    .xiayige .next{float:none;display:block;margin:15px 0;}
    .glass_a{display:none;}
}
@media screen and (max-width:800px) {
    .neirong {    line-height: 25px;    font-size: 14px;}
    .nyban {display: none;}
    .mb .wrap a {color: #fff;}
    .mb .wrap {background: none;line-height: 25px;padding: 0;}
    .mb {background: #3A59FF;color: #fff!important;text-align: center;border-radius: 0 0 30px 30px;}

    .shouhou {background: #3A59FF;display:none;color: #fff;border-radius: 0 0 30px 30px;border-top: 1px solid #fff;line-height: 25px !important;}
    .xiaoren,.dhua{display: none;}
    .neib h4{margin:0;text-align: center;}
    .neia img{width:50%;border: 0;}
    .neib{width: 100%;}
    .neia{width: 100%;text-align: center;margin:0;}
    .product_body p{font-size: 14px;line-height: 25px;}
    .nav{position: static;background: #3A59FF;}
    .nav .wrap{width: 100%;}
    .logo img{margin: 5px 0;}
    .logo {float: none;width: 100%;text-align: center;}
    .nav_li a{line-height: 35px;border: 1px solid #fff;margin-bottom: -1px;margin-left: -1px;;}
    .nav_li li{width: 33.3%;}
    .nav_li{width: 100%;}
    .Related_case .col-2{width: 46%;margin: 10px 2%;padding: 0;border: 0;}
    .Related_pro .col-2{width: 46%;margin: 10px 2%;padding: 0;border: 0;}
    .ab_pro .col-3{width: 46%;margin: 10px 2%;padding: 0;border: 0;}
    .pro_body .col-25{width: 46%;margin: 10px 2%;padding: 0;border: 0;}
    .pch_body .col-2{width: 46%;margin: 10px 2%;padding: 0;border: 0;}
    .news_body li {width: 95%;}
    .new_nav li {width: 40%;margin: 0 4%;line-height: 35px;}
    .new_nav {width: 100%!important;}
    .lxRig {display: none;}
    .lxLeft {width: 100%;padding-top: 20px;}
    .lxLeft h2 {font-size: 18px;}
    .tishi {margin-top: 15px;padding-top: 15px;}
    .ab_p p {line-height: 25px;font-size: 14px;}
    .txt {width: 46%;margin: 0 2% 10px;}
    .show_tit {font-size: 28px;margin: 25px 0;}
}
@media screen and (max-width:600px) {
    .txt {width: 96%;margin: 0 2% 10px;}
}
@media screen and (max-width:500px) {
    .Related_case .col-2 p{line-height: 25px;font-size: 14px;background: none;text-align: center;padding:0;margin: 0;}
    .Related_pro .col-2 p{line-height: 25px;font-size: 14px;background: none;text-align: center;padding:0;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .ab_pro .col-3 p{line-height: 25px;font-size: 14px;background: none;text-align: center;padding:0;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .pro_body .col-25 p{line-height: 25px;font-size: 14px;background: none;text-align: center;padding:0;margin: 0;}
    .pch_body .col-2 p{line-height: 25px;font-size: 14px;background: none;text-align: center;padding:0;margin: 0;}
    .news_body li {padding: 0;background: none;}
    .news_body li p{line-height: 20px;}
    .show_tit {font-size: 25px;margin: 15px 0;}
    .neia img { width: 100%;height:320px;}
	
}