/*pro*/
.subNavBox{
    background-color: #fff;padding:0;
    -webkit-box-shadow: 0 6px 30px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 30px 1px rgba(0, 0, 0, 0.05);
    height: auto;width: 100%;
}
.subNav{
    border-bottom:solid 1px #eee;
    cursor:pointer;
    font-size:16px;
    color:#333333;
    line-height:20px;padding: 10px 0 10px 30px;
    background:url(../images/jt1.png) no-repeat;
    background-position:10px 50%;
}
.subNav:hover{text-decoration: none;}
.curdd{color:#ffa200;}
.curdt{background-image:url(../images/jt.png);background-color:#ffa200;color: #fff;overflow: hidden;
    -moz-box-shadow:0px 10px 10px rgba(241, 103, 35, 0.12);
    -webkit-box-shadow:0px 10px 20px rgba(241, 103, 35, 0.12);
    box-shadow:0px 10px 10px rgba(241, 103, 35, 0.12);
}
.navContent{display: none;border-bottom:solid 1px #eee;
    background-color: #fff;padding:0;
    -webkit-box-shadow: 0 6px 30px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 30px 1px rgba(0, 0, 0, 0.05);
}
.subNav:last-child{border-bottom: none;}
.navContent:last-child{border-bottom: none;}
.navContent li a{display:block;font-size:13px;line-height:20px;color:#888;padding: 6px 0 6px 20px;position: relative;}
.navContent li a:hover,.navContent li a.cur{color:#ffa200;text-decoration: none!important;}
.pro-title{padding:10px 0 60px 0;}
  .pro-seracrh{}
  .pro-seracrh form{width:100%;text-align: center;font-size: 18px;}
  .pro-seracrh form i{font-size: 2.2rem;}
  .pro-seracrh form input{width: 250px;display: inline-block;border: none;background-color: #eee;line-height: 45px;padding: 0 20px;margin: 0 10px;font-size: 18px;font-weight: 500;outline: none;}
  .pro-seracrh form button{background-color: #ffa200;border: none;color: #fff;display: inline-block;line-height: 45px;padding: 0 20px;font-size: 18px;font-weight: 500;}
 
.pro{padding: 30px 0;background-color: #f4f4f4;}
.pro .container{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    -ms-justify-content:space-around;
    -o-justify-content:space-around;
    justify-content: space-around;
    width: 1200px;margin: 0 auto;padding: 0;
}
.pro .pro-sidebar{width: 23%;margin-right: 2%;}
.pro .sub-pro{width: 74%;background-color: #fff;padding: 20px;}
.pro .prolist{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    -ms-justify-content:flex-start;
    -o-justify-content:flex-start;
    justify-content:flex-start;
    margin:10px;
}
.pro .prolist .pro-item{width:24.25%;margin-right: 1%;margin-bottom: 1%;padding: 10px;}
.pro .prolist .pro-item:nth-child(4n){margin-right: 0;}
.pro .prolist .pro-item a{display: block;}
.pro .prolist .pro-item a .info{text-align: center;font-size:14px;color:#666;line-height: 20px;padding: 10px 5px;}
.pro .prolist .pro-item a .img{width:100%;overflow: hidden;height: 210px;}
.pro .prolist .pro-item a .img img{width:100%!important;}
.pro .prolist .pro-item a:hover{text-decoration: none;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.pro .prolist .pro-item a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.pro .prolist .pro-item a:hover .info{color:#ffa200 }
.pro .section-title{font-size:22px;letter-spacing: 1px; font-weight:500;padding: 0;margin: 0 0 10px 0;text-indent:16px; position: relative;font-family: Montserrat-Regular,"Microsoft Yahei";text-transform: uppercase}
.pro .section-title:before{
    content: '';
    width: 100%;height: 1px;left: 0;bottom: -10px;position: absolute;
    background-color:#eee;}
.pro .section-title:after{
    position: absolute;
    content: '';
    width: 6px;
    height: 25px;
    background-color: #ffa200;
    left:-20px;top:4px;}

.loc{text-align: right;line-height: 40px;background-color: rgba(0,0,0,0.02);padding: 0 10px;margin-bottom: 20px;color: #bbb}
.loc a{color: #bbb!important;font-weight: 300!important;}
.loc a:hover{color: #ffa200!important;text-decoration: none;}

.buy{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    -ms-justify-content:flex-start;
    -o-justify-content:flex-start;
    justify-content:flex-start;
    padding: 10px 0 0 0;
}
.buy a{display:block;width: 160px;line-height: 30px;text-align: center;color: #fff;font-size: 16px;text-decoration: none;margin-right: 15px;font-family: Montserrat-Regular,"Microsoft Yahei";text-transform: uppercase}
.buy a i{font-size: 2.5rem;margin-right: 10px;}
.buy a:last-child{color: #ec6303;border:1px solid #ec6303;}
.buy a:hover{}

/*showpro*/
.showpro{
    -webkit-box-shadow: 0 5px 10px 1px rgba(79, 172, 254, 0.1);
    box-shadow: 0 5px 10px 1px rgba(79, 172, 254, 0.1);
    padding: 50px 0 0 0;
}
.showpro .showpro-div{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
    margin: 0 0 50px 0;
}
.showpro .showpro-div .showpro-img{width: 32%;text-align:left;}
.showpro .showpro-div .showpro-img img{width:100%;height: auto;}
.showpro .showpro-div .showpro-info{width: 62%;text-align:left;}
.showpro .showpro-div .showpro-info h3{font-size: 22px;color: #666;line-height:28px;border-bottom: 1px solid #eee;padding:0 0 10px 0;margin: 0 0 10px 0}
.showpro .showpro-div .showpro-info p{font-size: 14px;color: #999;line-height: 30px;}
.showpro .showpro-div .showpro-info p span{font-size: 14px;color: #333;}
.showpro .showpro-div .showpro-info p a{color: #888;}
.showpro .showpro-div .showpro-info p a:hover{color: #666}
.showpro .showpro-div .showpro-info .proclass{}
.showpro .showpro-div .showpro-info .prono{}

.showpro-title{font-size:22px;color:#333;font-weight:500;padding: 0;margin: 0 0 30px 0;text-indent:10px; position: relative;}
.showpro-title:before{
    content: '';
    width: 100%;height: 1px;left: 0;bottom: -10px;position: absolute;
    background-color:#eee;}
.showpro-title:after{
    position: absolute;
    content: '';
    width: 6px;
    height: 25px;
    background-color: #666;
    left:-20px;top:4px;}
.showpro-cont{font-size: 14px;line-height: 25px;color: #888!important;text-align:justify; text-justify:inter-ideograph;}
.showpro-cont strong{font-size: 16px;color: #777;}
.showpro-cont img{width: 100%;}

/*tj-pro*/
.tj-pro{
    padding:10px 20px 20px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 30px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 30px 1px rgba(0, 0, 0, 0.05);
}

.tj-pro .tj-pro-title{line-height: 35px;font-size: 16px;border-bottom: 1px solid #eee;margin-bottom: 10px;color: #222;text-decoration: none;padding:0 20px;display: block;position: relative;
    font-family: Montserrat-Regular,"Microsoft Yahei";text-transform: uppercase
}
.tj-pro .tj-pro-title:after{
    content: '';
    position: absolute;left: 0;top:10px;
    width: 4px;height: 20px;background-color: #aaa;
}
.tj-pro .tj-pro-ul{margin: 0;padding: 10px 0;}
.tj-pro .tj-pro-ul li{margin-bottom: 20px;}
.tj-pro .tj-pro-ul li a{color: #666;display: block;border: 1px solid #eee;padding: 10px;}
.tj-pro .tj-pro-ul li a .img{width: 80%;margin: 0 auto;overflow: hidden;}
.tj-pro .tj-pro-ul li a .img img{width: 100%;}
.tj-pro .tj-pro-ul li a .txt{font-size: 14px;color: #666;}
.tj-pro .tj-pro-ul li a:hover{color: #1ec0ff;text-decoration: none;
    -webkit-box-shadow: 0 6px 30px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 30px 1px rgba(0, 0, 0, 0.05);
}
.tj-pro .tj-pro-ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.nav-tabs{margin: 0px 0 30px 0;}
.nav-tabs li{}
.nav-tabs li a{font-size: 18px;padding: 10px 25px;color: #666;font-weight:500;font-family: Montserrat-Regular,"Microsoft Yahei";text-transform: uppercase}
.nav-tabs li.active a{
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
}