* {margin: 0;padding: 0;text-decoration: none;list-style: none;font-size: 16px; font-family: "Microsoft YaHei";box-sizing: border-box; color: #333;}
.productTop img{width:100%;}
.proSlider{width:20%;background:#fff;}
.proSlider ul li a{display: block;line-height:5rem;font-size:16px;color:#493C30;border-bottom: 1px solid #efefef;}
.proSlider ul li a:hover,.proSlider ul li a.on{color:#00BBD1;background:#F3F3F3;}
.proSlider ul li a i{display: inline-block;width:40px;height: 40px;margin:0 15px 0 35px;vertical-align: middle;background-size:100% 100%;background-repeat: no-repeat; background-position: center center;}
.proSlider .iconP1{background-image:url("./imgs/product_icon_1.png");}
.proSlider .iconP2{background-image:url("./imgs/product_icon_5.png");}
.proSlider .iconP3{background-image:url("./imgs/product_icon_6.png");}
.proSlider .iconP4{background-image:url("./imgs/product_icon_9.png");}
.proSlider .iconP5{background-image:url("./imgs/product_icon_8.png");}
.proSlider .iconP6{background-image:url("./imgs/product_icon_2.png");}
.proSlider .iconP7{background-image:url("./imgs/product_icon_4.png");}
.proSlider .iconP8{background-image:url("./imgs/product_icon_3.png");}
.proSlider .iconP9{background-image:url("./imgs/product_icon_7.png");}



.proContain{width:78%;}
.proContain h1{line-height:3rem;margin:2%;font-size: 26px;text-indent:2rem;border-left: 3px solid #00BBD1;font-weight: normal;}
.proContain ul li{position:relative;float: left;width:31.3%;height:20rem;margin:2% 1%;border:1px solid #efefef;background: #fff;}
.proContain ul li a{display: block;width:100%;height:20rem;}
.proContain ul li a>img{display:block;width:90%; height:75%;margin:5% auto; animation:mymove 1s ease; -webkit-animation:mymove 0.5s ease; -moz-animation :mymove 0.5s ease; -o-animation: mymove 0.5s ease; }
@-webkit-keyframes mymove{ from {margin:3% auto 7%;} to {margin:5% auto;} }
@-moz-keyframes mymove{ from {margin:3% auto 7%;} to {margin:5% auto;} }
@-o-keyframes mymove{ from {margin:3% auto 7%;} to {margin:5% auto;} }
.proContain ul li a p{line-height:2rem;font-size: 16px;text-align: center;}
.proContain ul li a hr{position:absolute;width:20%;left:40%;bottom: 0;height:3px;border:none;border-bottom:3px solid #00BBD1;display: none;}
.proContain ul li a:hover img{margin:3% auto 7%; animation:mymove1 1s ease; -webkit-animation:mymove1 0.5s ease; -moz-animation :mymove1 0.5s ease; -o-animation: mymove1 0.5s ease; }
@-webkit-keyframes mymove1{ from {margin:5% auto;} to {margin:3% auto 7%;} }
@-moz-keyframes mymove1{ from {margin:5% auto;} to {margin:3% auto 7%;} }
@-o-keyframes mymove1{ from {margin:5% auto;} to {margin:3% auto 7%;} }
.proContain ul li a:hover p{color:#00BBD1;}
.proContain ul li a:hover hr{display: block;}


.FFF{background:#fff;}
.proMain>img{width:100%;}
.proMain>h3{line-height:5rem;margin:0 0 3%;font-size: 30px;font-weight: 100;border-bottom: 1px solid #ccc;}
.proImg{float: left;width:40%;}
.proImg>img{display:block;width:80%;margin:auto;background: #f8f8f8;}
.proTxt{float:right;width:60%;}

.proTxt>div{padding:5% 0;border-bottom: 1px solid #ccc;}
.proTxt h4{float: left;width: 20%;font-size: 18px;font-weight: normal;}
.proTxt p{float: right;width: 80%;line-height:1.5rem;font-size: 12px;}