.position {height: 42px;line-height: 42px;/* background: #fca30c; */color: #2d2d2d;padding-left: 15px;font-size: 21px;font-weight: 200;margin-bottom: 12px;}
.position p { float: right; height: 42px; }
.position p a { color: #2d2d2d; }
/**/
.Page { padding-right: 7px; padding-left: 7px; padding-bottom: 18px; margin: 3px; padding-top: 7px; text-align: center; margin-top: 20px; }
.Page a { padding: 5px 10px; margin: 0px 3px; color: #000000; border: 1px solid #9e8c8c; border-radius: 20px; }
.Page a:hover { color: #fff; background-color: #595959; padding: 5px 10px; }
.Page a:active { border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000 }
.Page span.current { border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #fff; padding-top: 2px; border-bottom: #000000 1px solid; background-color: #000000 }
.Page span.nolink { margin: 2px; color: #b4b4b4; border: 1px solid #cccccc; padding: 5px; }
.Page span { margin: 2px; color: #b4b4b4; border: 1px solid #b4b4b4; padding: 5px 10px; }
/*  */
.prolist { }
.prolist ul { }
.prolist ul li {width: 346px;float: left;margin: 7px 6px;border: 1px #cccccc solid;}
.prolist ul li div {width: 328px;height: 280px;overflow: hidden;margin: 0 auto;margin-bottom: 8px;margin-top: 10px;}
.prolist ul li img {/* width:100%; */ height: 100%; margin: 0 auto; display: block; }
.prolist ul li h3 { text-align: center; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #03A9F4; font-weight: 200; margin-bottom: 8px; }
.prolist ul li h3 a { color: #140601; }
.prolist ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
/*  */
.prolist2 { }
.prolist2 ul { }
.prolist2 ul li {width: 208px;float: left;margin: 7px 6px;border: 1px #cccccc solid;}
.prolist2 ul li div {width: 194px;height: 284px;overflow: hidden;margin: 0 auto;margin-bottom: 8px;margin-top: 7px;}
.prolist2 ul li img {/* width:100%; */ height: 100%; margin: 0 auto; display: block; }
.prolist2 ul li h3 { text-align: center; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #03A9F4; font-weight: 200; margin-bottom: 8px; }
.prolist2 ul li h3 a { color: #140601; }
.prolist2 ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
/*news*/

/**/

.listzai {/* border:1px solid #ddd; */ width: 96%; font-size: 13px!important; margin: auto; display: block; padding: 2px 12px; font-style: normal; margin-top: 1px; color: #009ce1; height: 94px; overflow: hidden; margin-bottom: 8px; }
.listzai span { color: red }
/**/
.about_con .tit { font-size: 22px; text-align: center; padding-top: 10px; color: #ff0000; font-weight: 200; }
.about_con .date {font-size: 16px;text-align: center;line-height: 42px;height: 42px;width: 600px;display: block;margin: 0 auto;margin-bottom: 5px;margin-top: 8px;}
.about_con .date span {margin-left: 58px;float: left;margin-right: 32px;}
.about_con .date span b {color: #040000;font-weight: 200;}
/*  */
/**/
.about_con2 .tit {font-size: 22px;text-align: center;padding-top: 36px;color: #ff0000;font-weight: 200;margin-bottom: 14px;}
.about_con2 .date {font-size: 16px;text-align: center;line-height: 38px;height: 38px;width: 600px;display: block;margin: 0 auto;margin-bottom: 12px;}
.about_con2 .date span {margin-left: 58px;float: left;margin-right: 32px;}
.about_con2 .date span b {color: #040000;font-weight: 200;}
.about_con2 .con img {margin: 0 auto;display: block;max-width: 100%;margin-bottom: 12px;}
.about_con2 .con h3 {/* text-align:center; */color: #e6420f;font-size: 19px;margin-bottom: 6px;height: 30px;margin-top: 6px;line-height: 30px;font-weight: 200;border-left: 6px solid #ff5722;padding-left: 15px;}
.about_con2 p{font-size: 15px;line-height: 36px;}
.about_con2 h2{
    text-align: center;
    color: #f7ab00;
    font-size: 18px;
    margin-bottom: 6px;
    margin-top: 6px;
    font-weight: 200;
    }
/**/
.proms { width: 100%; height: 275px; float: left; padding: 2px 10px; border-bottom: 1px solid #ffb560; }
.proms_l { width: 400px; height: 248px; float: left; margin-top: 8px;/* border:1px solid #d3d3d3; */ }
.proms_l img { width: 100%; height: 100% }
.proms_r { width: 518px; height: 260px; float: right; }
.proms_rh { margin-bottom: 12px; }
.proms_rh h1 { font-size: 28px; line-height: 30px; margin-bottom: 8px; color: #00bcd4; font-weight: 300; }
.proms_rh p { font-size: 14px; line-height: 30px; }
.proms_tell { width: 100%; height: 72px; }
.proms .bdsharebuttonbox { width: 274px; float: right; }
.bdsharebuttonbox { width: 222px; float: left; }
/**/
.about_con .con {width: 98%;line-height: 38px;margin-left: 10px;font-size: 15px;padding: 1px 0 0;}
.about_con .con p { margin-bottom: 4px; text-indent: 38px; }
.about_con .con h3 {/* text-align:center; */ color: #ff5722; font-size: 16px; margin-bottom: 6px; height: 30px; margin-top: 6px; line-height: 30px; font-weight: 200; border-left: 6px solid #ff5722; padding-left: 15px; }
.about_con .con img { margin: 0 auto; display: block; max-width: 100%; margin-top: 12px; }
.about_con a { color: #009CE1 }
.about_con .fanye { padding: 6px; width: 96%; font-size: 16px; height: 36px; line-height: 30px; margin: 2px auto; color: #140101; }
.about_con .con table { width: 100%; margin: 0 auto; text-align: center; margin-bottom: 12px; font-size: 13px; }
.fanye { font-size: 19px; }
.fanye ul li { float: left;/* margin-right: 60px; */ display: block; padding: 8px; }
.fanye ul li a {/* width: 45%; */ overflow: hidden; color: red; }
.fanye ul li:nth-child(even) { float: right }
.zaiyao { border: 1px solid #ddd; width: 96%; font-size: 14px; margin: auto; display: block; padding: 16px 12px; margin-bottom: 20px; font-style: normal; margin-top: 20px; color: #00bcd4; }
.zaiyao span { color: red }
/**/
.mright {float: right;width: 1080px;padding-bottom: 12px;}
.mright .con h2 { color: #00bcd4; margin: 10px 0 10px 0px; padding-left: 10px; font-size: 16px; font-weight: bold; border-left: 6px solid #f6b266;    /* clear: both; */ }
.mright .con h4 {font-size: 16px;color: red;font-weight: 500;}
/**/
.xgxw { border: 1px solid #D6D6D6; margin-top: 6px; margin-bottom: 12px; }
.tit-a { border-bottom: 1px solid #E0E0E0; color: #00812E; line-height: 48px; height: 48px; font-size: 0; background: url(../images/news_28.gif) no-repeat 12px center white; }
.tit-b { border-bottom: 1px solid #E0E0E0; color: #00812E; line-height: 48px; height: 48px; font-size: 0; background: url(../images/pro_28.jpg) no-repeat 12px center white; }
.xgxw ul li { background: url(../images/kh_jt2.png) no-repeat left center; line-height: 40px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 20px; margin-left: 10px; display: block; border-bottom: 1px dashed #ccc; color: #666; font-size: 14px; padding-left: 6px; padding-right: 12px; }
.xgcp { border: 1px solid #D6D6D6; margin-top: 6px; margin-bottom: 12px; }
.xgcp ul li { width: 173px; float: left; margin-left: 2px; text-align: center; line-height: 25px; margin-top: 10px;/* border:1px solid #ccc; */ padding: 5px; margin-bottom: 6px; }
.xgcp ul li img { width: 169px;/* border:1px solid #ccc; */ }
.xgcp ul li span { font-size: 13px; height: 27px; line-height: 30px; text-align: center; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xgcp ul li span a { color: #009ce1; }
/**/
table { border-collapse: collapse; width: 100%; }
table, td, th { border: 1px solid #c2d1e4; background: #faf5f5; }
tr { }
td { text-align: center; padding: 2px; }
.bg1 td {    /*background: #f3f3f3*/ }
.cp1 { width: 26%; height: 293px; float: left; margin-right: 12px; }
.cp1 img { width: 100%; height: 100% }
.bg1 td {    /*background: #f3f3f3*/ }
.cp2 { width: 30%; height: 240px; float: left; margin-right: 12px; }
.cp2 img { width: 100%; height: 100% }
.cp2t { font-size: 19px; line-height: 50px; padding-top: 12px; }
.cp2a { width: 67%; height: 152px; float: right; margin-right: 12px; margin-top: 9px; }
.cp2a img { width: 100%; height: 100% }
.cp2b { width: 36%; height: 220px; float: left; margin-right: 12px; }
.cp2b img { width: 100%; height: 100% }
/**/
.cp4 { max-width: 400px; }
.cp4 img { width: 100% }
.cp5 { max-width: 210px; float: left; margin-right: 22px; }
.cp5 img { width: 100% }
.bg { background: url(./../images/bg2.jpg) center;    /* background-size: 100% auto; */ padding-top: 36px; padding-bottom: 42px; background-size: contain; }
.bc { background: rgba(255,255,255,0.95); padding: 36px; }
.casebtn { border: 1px solid red; padding: 12px; display: block; width: 250px; height: 33px; text-align: center; font-size: 18px; margin: 28px auto; transition: all 0.5s ease-out; background: #fbfbfb; color: #353131!important; }
.casebtn:hover { background: red; color: white!important; }
/*newszy*/
.newszy { width: 98%; display: block; border: 1px solid #00bcd4; border-radius: 12px; padding: 8px; height: 172px; }
.newszy img { width: 275px; display: block; float: left; }
.newszy div { width: 64%; display: block; float: left; margin-left: 12px; line-height: 34px; margin-top: 12px; color: #434343; text-indent: 32px; }
.newszy div p { font-size: 15px; color: #009ce1; text-indent: 1px; line-height: 42px; }
/*  */
.aboutbg { }
.about1 { width: 576px; height: 345px; float: left; }
.about1 img { }
.about2 { }
.about2 h4 { }
.about2 p { }
/*  */
/*  */
.lm { width: 290px; overflow: hidden; border: solid 1px #ddd; box-sizing: border-box; padding-bottom: 16px; box-shadow: 0px 0px 10px #ccc; margin-bottom: 20px; }
.lm h3 { width: 290px; height: 90px; border-bottom: solid 5px #eee; box-sizing: border-box; font-size: 30px; line-height: 90px; text-align: center; font-weight: initial; color: #000; }
.lm ul li {width: 230px;height: 40px;border: 1px solid #e3dcdc;margin: 10px auto;text-align: left;line-height: 40px;font-size: 20px;padding-left: 20px;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
.lm ul li a {padding-left: 25px;color: #211919;font-size: 16px;display: block;}
.lm ul li:hover {background: #ef9f0d;}
.lm ul li:hover a { color: white }
/*  */
/*  */
.lianxi { width: 290px; overflow: hidden; border: solid 1px #ddd; box-sizing: border-box; padding-bottom: 20px; box-shadow: 0px 0px 10px #ccc; margin-bottom: 20px; }
.lianxi-t { height: 50px; margin-bottom: 10px; color: #888; border-bottom: solid #d1d1d1 1px; width: 100%; margin: 0 auto 10px; box-sizing: border-box; }
.lianxi-t h3 { font-size: 20px; color: #000; line-height: 50px; float: left; font-weight: bold; padding-left: 15px; }
.lianxi-t a { font-size: 14px; color: #ff5722; float: right; padding-top: 10px; padding-right: 10px; line-height: 33px; }
.lianxi-t a:hover { color: #d7a02b; }
.lianxi p { padding: 0px 20px; font-size: 16px; color: #333; line-height: 30px; }
/*  */
/*  */
.newslist {width: 1081px;display: block;float: right;padding-bottom: 22px;}
.newslist ul li { padding-right: 10px; margin-top: 25px; overflow: hidden; border: solid 1px #ddd; box-sizing: border-box; padding-bottom: 20px; box-shadow: 0px 0px 10px #ccc; margin-bottom: 20px; height: 236px; }
.newslist ul li a { color: #191818; }
.newslist ul li>a { display: block; width: 292px; height: 215px; float: right; margin-top: 8px;/* border: 1px solid red; */ overflow: hidden; }
.newslist ul li img { height: 100%; display: block; margin: 0 auto; float: right; }
.newslist ul li section {float: left;width: 742px;/* border: 1px solid red; */padding: 22px 16px;}
.newslist ul li h3 { font-size: 18px; color: #333; height: 30px; line-height: 30px; }
.newslist ul li h3 a { color: red; font-weight: 200; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; }
.newslist ul li p { font-size: 13px; line-height: 30px; margin-top: 12px; }
/*  */
.date-m { height: 31px; line-height: 29px; }
.date-m span { float: left; font-size: 14px; }
.date-m img { width: 130px !important; height: 32px !important; float: right; }
/*  */
.banner { }
.banner img { width: 100%; }
/*  */
/*  */
#preview { float: left; margin: 5px auto; width: 384px; }
.jqzoom { width: 354px; height: 350px; position: relative; }
.zoomdiv { left: 859px; height: 400px; width: 400px; }
.list-h li { float: left; }
.cc { margin-bottom: 12px; }
.cc ul li {float: left;width: 226px;text-align: center;padding: 8px 0;margin-right: 6px;border: 1px solid #edecf1;}
.cc ul li:hover, .cc .on {box-shadow: 0 0 10px rgba(0,0,0,0.5);background: #ffffff;}
.cc ul li img { display: block; margin: 0 auto; margin-bottom: 6px; width: 86%; }
.cc ul li span { width: 100%; font-size: 18px; line-height: 27px; color: #010101; font-weight: 200; }
/*  */
.qtcp2 { }
.qtcp2 h6 { font-weight: 200; color: red; font-size: 23px; margin-top: 29px; line-height: 36px; padding-left: 18px; }
/*  */
.qtcp2 ul li {width: 226px;float: left;margin: 7px 6px;border: 1px #cccccc solid;text-align: center;}
.qtcp2 ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5) }
.qtcp2 ul li div {width: 210px;height: 252px;overflow: hidden;margin: 0 auto;margin-bottom: 8px;margin-top: 7px;}
.qtcp2 ul li img {/* width:100%; */ height: 100%; margin: 0 auto; display: block; }
.qtcp2 ul li span { text-align: center; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #03A9F4; font-weight: 200; margin-bottom: 8px; display: block; }
.qtcp2 ul li span a { color: #ff5722 }
/*  */
.qtcp { }
.qtcp h6 { font-weight: 200; color: red; font-size: 23px; margin-top: 29px; line-height: 36px; padding-left: 18px; }
/*  */
.qtcp ul li { width: 286px; float: left; margin: 7px 6px; border: 1px #cccccc solid; text-align: center; }
.qtcp ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5) }
.qtcp ul li div { width: 270px; height: 143px; overflow: hidden; margin: 0 auto; margin-bottom: 8px; margin-top: 7px; }
.qtcp ul li img {/* width:100%; */ height: 100%; margin: 0 auto; display: block; }
.qtcp ul li span { text-align: center; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #03A9F4; font-weight: 200; margin-bottom: 8px; display: block; }
.qtcp ul li span a { color: #ff5722 }
/*  */
.cpbg{
  
}
.cpbg .t{
    padding: 30px 30px 0;
    overflow: hidden;
}
.cpbg .t h3{
    font-size: 54px;
    font-weight: bold;
    line-height: 54px;
    float: left;
}
.cpbg .t section{
    font-size: 14px;
    line-height: 27px;
    display: inline-block;
    width: 42%;
    margin-left: 50px;
}

/*  */
.cp{
    padding-top: 10px;
    overflow: hidden;
}
.cp ul li{border: 1px solid #d6d6d6;width: 24%;float: left;margin-bottom: 12px;transition: all 0.5s ease;margin-right: 1%;background: white;/* height: 589px; */}
.cp ul li:nth-child(4n){ margin-right:0 !important;}
.cp ul li:hover{box-shadow:0 0 20px rgba(0,0,0,0.2)}
.cp ul li img{width: 260px;height: 260px;margin: 0 auto;display: block;padding-bottom: 16px;}
/*  */
.cp .t h4{
    font-size: 15px;
    line-height: 30px;
    color: #333f47;
}
.cp .t p{
    font-size: 34px;
    line-height: 34px;
    color: #1b1b1b;
    font-family: Impact;
    height: 34px;
}
.cp .con{
    padding: 15px 35px;
}
.cp h5{
    color: #2f2f2f;
    font-size: 15px;
    line-height: 28px;
}
.cp .con p{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
    height: 22px;
}
.cp .imgbox{overflow: hidden;width: 86%;margin: 1px auto 10px;}
.cp .imgbox img{ transition: all 0.5s ease;}
.cp ul li:hover  .imgbox img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.cpmore{width: 615px;text-align:center;margin: 0 auto;}
.cpmore a{color:white;font-size: 21px;}
/*  */
 .more_box{text-align:center;margin-bottom: 15px;}
 .more_box .more{display:inline-block;padding:0 38px;height:41px;line-height:41px;text-align:center;border:1px solid #798186;font-size:16px;color:#333f47;position:relative;margin-left: 10px;}
 .more_box .more:first-child{margin-left:0px;}
 .more_box .more span{position:relative; z-index:3;}
 .more_box .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
 .more_box .more:hover{color:#f5a834; border-color:#333e46;}
 .more_box .more:hover:after{width:100%;}
/*  */
 .more_box{text-align:center;margin-bottom: 15px;}
 .more_box .more{display:inline-block;padding:0 38px;height:41px;line-height:41px;text-align:center;border:1px solid #798186;font-size:16px;color:#333f47;position:relative;margin-left: 10px;}
 .more_box .more:first-child{margin-left:0px;}
 .more_box .more span{position:relative; z-index:3;}
 .more_box .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
 .more_box .more:hover{color:#f5a834; border-color:#333e46;}
 .more_box .more:hover:after{width:100%;}
 /*  */
 .cp_a{
    padding: 52px 10px 9px;
    overflow: hidden;
}
 .cp_a h3{
    font-size: 20px;
    line-height: 38px;
    color: #806464;
    font-weight: bold;
    float: left;
    width: 140px;
}
 .cp_a ul{
    width: 1021px;
    float: left;
}
 .cp_a ul li{
    display: inline-block;
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    background: #f0f0f0;
    color: #666;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 13px;
}
 .cp_a ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
 .cp_a  .on, .cp_a ul li:hover{background: #fcb026;
    color: #323f47;}
 .cp_a ul li:hover a{color:white}
 /*  */
 .sanT{
    overflow: hidden;
}
 .sanT_a{
    width: 818px;
    float: left;
    /* border: 1px solid #e3e0e0; */
    padding: 42px 0px 29px;
    overflow: hidden;
    margin-bottom: 0px;
    position: relative;
}
 .sanT_b{
    width: 580px;
    float: right;
    background: #f6f6f6;
    height: 752px;
    overflow: hidden;
}
 .sanT_ac{
    width: 443px;
    margin-top: 17px;
    overflow: hidden;
    float: right;
    margin-right: 89px;
}
 .sanT_ac li{
    width: 115px;
    float: left;
    text-align: center;
    padding: 0 16px;
}
 .sanT_ac li h6{
    font-size: 15px;
    color: #333f47;
    font-weight: bold;
    line-height: 22px;
}
 .sanT_ac li p{
    font-size: 14px;
    color: #333f47;
    font-weight: lighter;
    line-height: 26px;
}
.line{border-left: 1px solid #999fa3;border-right: 1px solid #999fa3;}

/*  */
.picbox{overflow: hidden;border-bottom: 6px solid #fcb026;position: relative;}
.fo::after{    content: '';
    width: 1000px;
    background: #f6f6f6;
    height: 100%;
    position: absolute;
    left: 80%;
    top: 0;
    z-index: 2;}
/*  */
.box{
    padding-top: 60px;
    padding-left: 42px;
    position: relative;
    z-index: 3;
}
.box .title{
    font-size: 24px;
    color: #fcb026;
    font-weight: bold;
    height: 102px;
}
.box .title span{
    font-size: 64px;
    vertical-align: -5px;
    color: #333f47;
    font-family: Impact;
    margin-right: 30px;
}
.box .text{
    font-size: 15px;
    color: #333f47;
    line-height: 31px;
    margin-bottom: 15px;
}
.box .text p{}
.box .text strong{}
/*  */
.box .pro_download{position:relative; padding-bottom:17px;}
.box .pro_download:after{content:''; position:absolute; left:0; bottom:0; width:75%; height:1px; background:#c1c1c1;}
.box .pro_download a .icon{display:inline-block; width:16px; height:16px; background:url(../images/pro_add.png) no-repeat; position:absolute; left:5px; top:7px; transition:all 0.5s ease;}
.box .pro_download a:hover .icon{background-position:0 -16px;}
.box .pro_download a span{display:inline-block; font-size:18px; color:#2e2e2e; font-weight:bold; line-height:28px; padding-left:35px; transition:all 0.5s ease;}
.box .pro_download a:hover span{color:#fd8800;}
.box .pro_download i{ float: left;}
/*  */
.box .con{margin:15px 0;}
.box .con a{display:inline-block; margin-right:40px;}
.box .con a span{display:inline-block; vertical-align:middle;}
.box .con a span.icon{width:19px; height:19px; margin-right:10px;}
.box .con a span.icon img{display:none;}
.box .con a.con_a1 span.icon{background:url(../images/pro_detail01_ico1.png) no-repeat 0 -19px;;}
.box .con a.con_a1:hover span.icon{background-position:0 0}
.box .con a.con_a2 span.icon{background:url(../images/pro_detail01_ico2.png) no-repeat 0 -19px;}
.box .con a.con_a2:hover span.icon{background-position:0 0;}
.box .con a.con_a3 span.icon{background:url(../images/pro_detail01_ico3.png) no-repeat 0 -19px;}
.box .con a.con_a3:hover span.icon{background-position:0 0;}
.box .con a span.txt{font-size:16px;}
.pro_price_box{margin-top: 33px;}
.box .pro_price{width:36%; height:58px; line-height:58px; background:#333f47; text-align:center; font-size:18px; font-weight:bold; color:#fcb026; position:relative}
.box .pro_price a{position:relative; z-index:3; color:#fcb026; display:block;}
.box .pro_price:after{content:''; width:0; height:100%; background:#fcb026; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.box .pro_price a:hover{color:#333f47;}
.box .pro_price:hover:after{width:100%;}
/*  */
.off{display: none;}
.on{display: block;}