.pro-nav.fixed {position: fixed;top: 0;right: 0;left: 0;z-index: 9999;background-color: #eee;}
.location{height: 3rem;line-height: 3rem;padding: 1rem 0 1rem;font-size: .875rem;}
.location a{color:#474747;padding: 0 5px;}
.location a:last-child{color: #415e9e;}
/**/
.bg{padding: 4rem 0;overflow: hidden;}
.bg:nth-child(even){background: #f5f5f5;}
.pro-title{margin-bottom: 2rem;}
.pro-title h2{font-size: 30px;text-align: center;float: none;padding-bottom: 1rem;}
.pro-title i{display: block;width: 7%;height: 2px;background: linear-gradient(270deg,#4667aa, #388eef);margin: 0 auto;font-size: 0;}
.pro-title p{text-align:center;}
/**/
.pro-top{overflow: hidden;height: 480px;margin: 0 auto;background: url("/chanpin/topbg.jpg") no-repeat center;background-size: 100% 100%;}
.pro-top .fl {width: 45%;}
.pro-top .fl .pic img{border-radius: 10px;}
.pro-top .fr{width: 52%;}
.pro-top .fr h1 {font-size: 30px;}
.pro-top .fr p {color: #666;line-height: 28px;margin: 20px 0 60px;}
.pro-top .fr ul{display: flex;-webkit-justify-content: space-between;}
.pro-top .fr ul li span {display: block;font-size: 24px;line-height: 28px;color: #246ACE;margin-bottom: 10px;}
/**/
.pro-nav{height:80px;margin: 0 auto;background-color:#F5F5F5;border-radius:0px 0px 30px 30px;line-height: 80px;}
.pro-nav ul{width: 50%;display: flex;flex-direction: row;-webkit-justify-content: space-between;}
.pro-nav ul li a{display: block;color: #666;font-size: 16px;}
.pro-nav ul li:hover a,.pro-nav ul li a.on{color: #246ace;border-bottom: 1px solid #246ace;}
.pro-nav .wxzixun {height: 80px;display: flex;align-items: center;}
.pro-nav .wxzixun span{margin-right: .5rem;color: #4766aa;}
.pro-nav .wxzixun .form-control {border-radius: 20px 0 0 20px;height: 40px;border: 1px solid #e6e6e6;padding-left: 20px;box-sizing: border-box;width: 180px;}
.pro-nav .wxzixun .btn-default {background: linear-gradient(270deg,#4667aa, #388eef);border-radius: 0px 20px 20px 0px;height: 40px;border: none;width: 80px;color: #fff;}
/**/
.pro-yuanli{text-align: center;line-height: 2rem;margin-top: 2rem;font-size: 1rem;}
.pro-yuanli .picimg{margin-top: 2rem;text-align: center;overflow: hidden;}
.pro-yuanli .picimg span{width: 430px;height: 310px;display: inline-flex;background: #f5f5f5;}
.pro-yuanli .picimg span:first-child{margin-right: 3rem;}
.pro-youshi ul {margin-top: 2rem;display: flex;-webkit-justify-content: space-between;}
.pro-youshi ul li{box-sizing: border-box;text-align: center;transition: all .3s;background: #fafafa;width: 23%;padding: 1.5rem;}
.pro-youshi ul li h3{margin:1rem auto}
.pro-youshi ul li p {font-size: 14px;color: #666;line-height: 28px;}
.pro-youshi ul li i {display: block;width: 99px;height: 98px;margin: 0 auto;line-height: 91px;text-align: center;font-size: 32px;color: #246ACE;background: url(/chanpin/tedian.png)no-repeat center;background-position-y: 0px;transition: all .3s;    font-size: 0;}
.pro-youshi ul li .xn-icon{background: url(/chanpin/tedian.png)no-repeat center;background-position-y: -98px;}
.pro-youshi ul li .ld-icon{background: url(/chanpin/tedian.png)no-repeat center;background-position-y: -196px;}
.pro-youshi ul li .xl-icon{background: url(/chanpin/tedian.png)no-repeat center;background-position-y: -294px;}
.pro-youshi ul li:hover i {width: 99px;height: 98px;transition: all .3s;background: url(/chanpin/tedian2.png)no-repeat center;background-position-y: 0px;}
.pro-youshi ul li:hover .xn-icon{background: url(/chanpin/tedian2.png)no-repeat center;background-position-y: -98px;}
.pro-youshi ul li:hover .ld-icon{background: url(/chanpin/tedian2.png)no-repeat center;background-position-y: -196px;}
.pro-youshi ul li:hover .xl-icon{background: url(/chanpin/tedian2.png)no-repeat center;background-position-y: -294px;}
/**/
.pro-canshu table{width:100%;margin:0 auto;border-collapse: collapse;color: #858585;}
.pro-canshu table,.pro-canshu table tr,.pro-canshu table tr td,.pro-canshu table tr th{border:#ccc solid 1px;padding: .5rem;text-align: center;}
.pro-canshu table tr th{color: #818181;}
.pro-canshu table tr th:first-child{background-color: #4667aa;color: #fff;}
.pro-canshu p{color: #888;font-size: 12px;margin-top: .5rem;}
.pro-canshu p i{color: #E62129;font-style: inherit;padding-right: 3px;}
.pro-canshu .botn{width: 16%;font-size: 1rem;border-radius: 5px;background: linear-gradient(270deg,#4667aa, #388eef);color: #fff;height: 2.3rem;line-height: 2.3rem;text-align: center;margin: 0 auto;margin-top: 1.2rem;}
.pro-canshu a{color:#fff;}
/**/
.pro-imgs .fl{overflow: hidden;padding: 0 15px;position: relative;}
.pro-imgs .fl dl{position:absolute;;background: rgb(70 103 170 / 0.7);height: 498px;padding:0 2rem;display:flex;-webkit-justify-content:center;-webkit-align-items:center;-webkit-flex-direction:column;width: 307px;}
.pro-imgs .fl dl dt{display:block;}
.pro-imgs .fl dl dt{font-size:22px; color:#fff; font-weight:bold;}
.pro-imgs .fl dl dd{color:#fff;text-align:center;margin:15px 0;overflow:hidden;line-height: 2rem;}
.pro-imgs .fl:hover .flh498{top:0;transition:all 0.3s;}
.pro-imgs .fl .h240{overflow: hidden;position: relative;margin-bottom: 1rem;}
.pro-imgs .fl .h240 dl{height: 240px;}
.pro-imgs .fl .h240:hover .frtop1{top:0;transition:all 0.3s;}
.pro-imgs .fl .h240:hover .frbot1{top:0;transition:all 0.3s;}
.pro-imgs .fl .h240:hover .frtop3{top:0;transition:all 0.3s;}
.pro-imgs .fl .h240:hover .frbot4{top:0;transition:all 0.3s;}
/**/
.tijiao {margin: 0rem auto;text-align: center;}
.tijiao ul li{width: 20%;display: inline-block;}
.tijiao .select,.tijiao .textbox{border: 1px solid #e6e6e6;height: 2.8rem;line-height: 2.8rem;border-radius: 5px;color: #246ACF;}
.tijiao ul li:last-child {clear: both;width: 100%;margin-top: 2rem;}
.tijiao .bssubmit{width: 12%;font-size: 1.2rem;border: none;border-radius: 5px;background: linear-gradient(270deg,#4667aa, #388eef);color: #fff;padding: 5px 0px;}
.tijiao ul li span{display: inline-block;border: 1px solid #246acf;border-radius: 5px;background-color: #fff;color: #246ACE;padding: 0 10px;line-height: 2.3rem;font-size: 1rem;margin-left: 2rem;}
/**/
.pro-anli ul {display: flex;-webkit-justify-content: space-between;}
.pro-anli ul li {width: 23%;height: auto;box-sizing: border-box;padding: 10px 10px 20px;background: #fff;border: 1px solid #e6e6e6;border-radius: 10px;}
.pro-anli ul li a {display: block;}
.pro-anli ul li a img {width: 100%;border-radius: 10px;}
.pro-anli ul li .anli-tit a {margin-top: 30px;font-size: 1.1rem;color: #333;font-weight: bold;padding-left: 6px;text-overflow: ellipsis;white-space: nowrap;}
.pro-anli ul li .anli-tit span {display: block;font-size: 14px;color: #666;margin: 15px 0;padding-left: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-anli ul li i {display: block;margin-left: 6px;width: 60px;height: 18px;font-size: 12px;line-height: 18px;color: #fff;background: linear-gradient(270deg,#4667aa, #388eef);border-radius: 3px;text-align: center;}
.pro-anli .more{line-height: 2.5rem;color: #fff;width: 20%;text-align: center;margin: 2rem auto 0;border-radius: 20px;background: linear-gradient(270deg,#4667aa, #388eef);}
.pro-anli .more a{color:#fff;}
/**/
.pro-tese ul{display: flex;-webkit-justify-content: space-between;}
.pro-tese ul li{width: 48.5%;overflow: hidden;}
.pro-tese ul li .tit{width: 100%;overflow: hidden;height: 172px;background: url(/chanpin/tese1.jpg) no-repeat;font-size: 30px;color: #fff;line-height: 172px;margin: 0 auto;text-align: center;border-radius: 10px 10px 0 0;}
.pro-tese ul li+li .tit{background: url(/chanpin/tese2.jpg) no-repeat;}
.pro-tese ul li .text{width: 100%;border-radius:0px 0px 10px 10px;box-sizing: border-box;padding: 40px;background-color: #fafafa;color: #666;line-height: 24px;height: 210px;}
.pro-tese ul li .text .zxkefu {text-align: center;margin-top: 25px;}
.pro-tese ul li .text .zxkefu a {display: inline-block;padding: 5px 15px;color: #fff;background: linear-gradient(270deg,#4667aa, #388eef);border-radius: 5px;}
.pro-tese ul li .text .zxkefu a:last-child {margin-left: 15px;color: #E62129;border: 1px solid #e62129;border-radius: 5px;padding: 4px 15px !important;background: #fafafa;}
/**/
.pro-wenti{overflow: hidden;line-height:2rem;}
.pro-wenti .row{display: flex;align-items: center;}
.pro-wenti .row .img{width: 50%;}
.pro-wenti .row .img.fl {text-align: left;}
.pro-wenti .row .img.fr {text-align: right;}
.pro-wenti .row .text{width: 50%;}
.pro-wenti .row .text h3{ font-size:1.2rem; padding-bottom:1rem;color: #333;}
.pro-wenti .row .text p{font-size: 1rem;padding: .5rem 0;}
.pro-wenti .row .text font{color:#246ace;}
/**/
.pro-news dl{width: 43.5%;float: left;margin-bottom: 35px;padding: 2rem 2rem;background-color: #Fff;border-radius: 10px;}
.pro-news dl dt:hover a{color: #246ACE;}
.pro-news dl:nth-child(odd){float: right;}
.pro-news dl dt{width: 85%;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 1rem;}
.pro-news dl dt a{font-size: 16px;color: #333;font-weight: bold;}
.pro-news dl dt i{width: 2rem;height: 2px;margin-top: 1rem;background: #ddd;display: block;}
.pro-news dl dd{color: #666;font-size: .875rem;line-height: 1.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.pro-news ul li{width: 24.2%;float: left;margin-right: 1%;}
.pro-news ul li:last-child{margin-right: 0;}
.pro-news ul li a{background:#fff;display: block;}
.pro-news ul li:last-child a{margin-right:0;}
.pro-news li .desc{padding:20px 20px 30px 20px;border: solid 1px #ddd;border-top:0;box-sizing: border-box;}
.pro-news ul li .desc h3{border-bottom: solid 1px #ddd;padding-bottom:20px;margin-bottom:20px;height:28px;line-height:28px;font-size:18px;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-news ul li .desc p{margin-top:0;height:20px;line-height:20px;font-size:13px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro-news ul li .box:hover{ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
/**/
.botsms {background: #fcfcfc url(/chanpin/botsms-bg.png) no-repeat 55% center;margin: 0;padding: 2rem 1rem;}
.botsms .select {height: 42px;line-height: 42px;}
.botsms .textbox {height: 42px;line-height: 42px;}
.botsms ul li {margin-bottom: 10px;}
.botsms span {font-size: 16px;}
.botsms .smscontact {border: none;margin-top: 0;}
.botsms .smscontact dl{padding:0}
.botsms .smscontact dl dd {padding: 10px 0 0;}
.botsms .smscontact .right{padding-right: 3rem;}
.botsms .smscontact .right .top{position:relative;padding: 2rem 1.5rem;margin-bottom:20px;}
.botsms .smscontact .right .top:after, .right .top:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background: url(/chanpin/botsms-icon.jpg) repeat;}
.botsms .smscontact .right .top:before{top:auto; bottom:0;}
.botsms .smscontact .right .top .t1{font-size:14px;}
.botsms .smscontact .right .top .t2{font-size:22px; color:#ff7800; font-weight:bold; margin-top:10px;}
.botsms .smscontact .right ul li{line-height: 30px;height: 30px;text-align: left;padding: 0;}
.botsms .smscontact .right ul li a{display: inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #333;font-size: .875rem;}
.botsms .smscontact .right ul li .date{color: #999;font-size: 14px;float: right;width: auto;}
.botsms .smscontact .right ul li i{color:#999; margin-right:5px; font-size:16px;}
.botsms .smscontact .right ul li a:hover .info{color:#ff7800;}