.pro-nav li a:hover{text-decoration:none;}


.pro_show{padding-bottom:2rem;}
.pro_show img{border: 1px solid #ddd;}
.title-content {height: 50px;clear: both;margin: 1.1rem 0;}
.title-content h1{font-size: 1.8rem;float: left;margin: 0;font-weight: bold;}
.title-content .proPhone {width: 122px;float: left;line-height: 30px;text-align: center;margin-left: 20px;border: 1px solid #eee;background-color: #fafafa;font-size: 14px;position: relative;border-radius: 4px;color: #0154a6;}

.pro_show .intro {background-color: #f5f5f5;overflow: hidden;padding: 30px;line-height: 2.2em;font-size: 0.895rem;}
.pro_show .contact {padding: 20px 0;overflow: hidden;}
.pro_show .contact .pro_show-btn {background-color: #fc7019;line-height: 2.5rem;border-radius: 6px;text-align: center;}
.pro_show .contact .pro_show-btn a {color: #fff;font-size: 1.1rem;}
.pro_show .contact .pro_show-hotline {color: #f60;line-height: 2.5rem;border-radius: 6px;text-align: center;border: 1px solid #f60;}
.pro_show .contact .pro_show-hotline b {font-size: 1.3rem;border-radius: 6px;text-align: center;}

.pro-all {background-color: #f5f5f5;padding: 4rem 0;}
.pro-nav{margin-left: -15px;margin-right: -15px;}
.pro-nav.fixed {position: fixed;top: 80px;width: 855px;z-index: 9999;background-color: #eee;}
.pro-nav ul{margin: 0 auto;overflow: hidden;background: #eee;}
.pro-nav li:active{background-color: #fff;border-color: #fc7019;}
.pro-nav li {float: left;width: 14%;text-align: center;line-height: 60px;border: none;background-color: #eee;}
.pro-nav li a{color: #333;font-size: 1.1rem;display: block;}
.pro-nav li a:hover {background-color: #fff;color: #fc7019;border-top: 2px solid #fc7019;}
.pro-nav ul .on{background-color: #fff;border-top: 2px solid #fc7019;}
.pro-nav ul .on a {color: #fc7019;}

.pro-left{background-color: #fff;}
.tab-content{padding: 0 1% 2rem;}
.tab-content p{padding: 0.5rem 0;font-size: 0.895rem;}
.pro-left .subject {margin: 30px 0;border-bottom: 1px solid #eaeaea;}
.tab-content h2{border-bottom: 1px solid #fc7019;line-height: 40px;display: inline-block;margin-bottom: -1px;font-weight: bold;color: #3b3b3b;font-size: 1.1rem;}
.tab-content .tabs table{width: 100%;overflow-x: scroll;}
.tab-content .tabs .firstRow{font-weight: bold;}
.tab-content .tabs td{border: 1px solid #eaeaea;line-height: 2rem;padding-left: 1rem;font-size: 0.895rem;white-space: nowrap;}

.pro-list .picture {position: relative;}
.pro-list .picture .mask {position: absolute;left: 10px;top: 10px;color: #fff;background-color: rgba(0, 0, 0, .6);padding: 5px 10px;font-size: 14px;text-align: center;z-index: 1;border-radius: 5px;}
.tab-content .tabs img{max-width: 100%;transition: all 2s;}
.tab-content .tabs .picture img{transition: all 2s;}
.tab-content .tabs .picture img:hover{transform: scale(1.1);transition: all 0.6s;}
.pro-list .content {position: relative;z-index: 7;transition: all 0.5s;}
.pro-list .content p{text-align: center;}
.pro-list .across{transition: all .5s;overflow: hidden;}
.pro-list .across:hover {background-color: #f5f5f5;border-color: #fff;box-shadow: 0px 2px 20px 0 rgba(0, 0, 0, .08); }
.pro-list .across:hover .content p{background-color: #fff;}

.pro_anli .box{margin-bottom: 1rem;}
.pro_anli .box:hover{ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.pro_anli .box:after{ content:'';Position: absolute;bottom:0;height:5px;width:0;background:#4163c7;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.pro_anli i:hover .box:after{ width:100%;}
.pro_anli .img img{width:100%;}
.pro_anli .desc{padding: 1rem;border-top:0;border: 1px solid #f5f5f5;}
.pro_anli .desc h3{font-size: 1rem;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.pro_anli .desc h3:hover{text-decoration:none;}
.pro_anli .desc p{ margin-top:0;height:20px;line-height:20px;font-size:13px;color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.service .box{margin-bottom: 1rem;}
.service .box a{padding: 20px;text-align: center;background-color: #eee;position: relative;transition: all .5s;display: block;}
.service .box a:hover{margin-top: -10px;box-shadow: 0 0 5px #ccc;}
.service .ion{display: block;width: 80px;height: 80px;margin: 0 auto;background-color: #0154a6;border-radius: 50%;}
.service .ion img{display: block;margin: 0 auto;padding-top: 0.5rem;width: 55px;}
.service p {line-height: 40px;margin: 0;}
.service p:hover{color: #fc7019;text-decoration:none;}

.am-form-group.width100 {width: 100%;margin-bottom: 15px;}
.pro-right{width: 285px;}
.pro-right .pro-right-info {background-color: #fff;padding: 1.5rem 1.5rem 2rem 1.5rem;}
.pro-right h2 {margin: 0.7rem 0;font-size: 1.2rem;font-weight: normal;}
.pro-right .pro-right-info .content {padding: 1.1rem 0;overflow: hidden;font-size: 0.895rem;}
.pro-right .pro-right-info .pro-right-btn {width: 100%;line-height: 40px;padding: 0;background-color: #fc7019;border-radius: 5px;border: 0;}
.pro-right .pro-right-info .pro-right-btn a{color: #fff;}

@media screen and (max-width: 1200px){
    .pro_show{padding-top: 2rem;}
    .title-content h1{font-size: 1.3rem;}
    .title-content .proPhone{display: none;}
    .pro-nav.fixed{position: unset;width: auto;}
    .pro-nav li{width: 25%;line-height: 35px;}
    .pro-nav ul .on{line-height: 33px;}
    .pro-nav li a{font-size: 0.895rem;}
    .pro-all{padding: 0 0 2rem;}
    .pro-right{display: none;}
    .title-content{height: auto;overflow: hidden;}
    .pro_show .intro{padding: 25px;}
    .pro_show .contact .pro_show-hotline b{display: none;}
    .tab-content .tabs table{display: flex;}
}