.product-banner{background-image:url(../images/product/banner.jpg);background-size:cover;padding-top:80px;padding-bottom:80px;}
.product-banner h1{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;position: relative;color:#ffffff;font-size:36px;margin-left:46px;font-weight: bold;}
.product-banner h1:before{content:'';position:absolute;width: 32px;height: 32px;border: solid 1px #fde02d;border-radius:32px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.product-banner h1:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#fde02d;border-radius:16px;left:-34px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.product-banner small{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;color:#ffffff;font-size:24px;letter-spacing: 2px;line-height: 1;display:block;margin-top:30px;}

.product-mill .title{padding-top:40px;padding-bottom:40px;}
.product-mill .title h2.circle{display: inline-block;margin-left:44px;position:relative;}
.product-mill .title h2.circle:before{content:'';position:absolute;width: 24px;height: 24px;background-color: #c5cae9;border-radius:24px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.product-mill .title h2.circle:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#3f51b5;border-radius:16px;left:-38px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.product-mill .title span{margin-left:10px;color:#757575;}
.product-mill .title:after{content:"";clear:both;}
.product-mill .body{margin-left:-15px;margin-right:-15px;}
.product-mill .body i.hot{left:15px;top:-1px;}
.product-mill .slide .img{display:block;padding-left:15px;padding-right:15px;}
.product-mill .body .slick-initialized .slick-slide{padding-left:15px;padding-right:15px;}
.product-mill .body .item > div{position:relative;}
.product-mill .body .more{-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;bottom: 0;height: 2px;position: absolute;overflow: hidden;width: 100%;}
.product-mill .body .more div{margin-left:15px;margin-right:15px;}
.product-mill .body .more span{position:relative;text-align:center;width:50%;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:14px;vertical-align: top;}
.product-mill .body .more span a{display: block;color:#ffffff;}
.product-mill .body .more span:first-child{background-color:#3f51b5;}
.product-mill .body .more span:last-child{background-color:#ffc107;}
.product-mill .body .more i{font-style: normal;letter-spacing: 1px;margin-left: -22px;}
.product-mill .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.product-mill .body .item:hover .more{height:36px;}
.product-mill .body h4{line-height: 1.5;padding-left:15px;padding-right:15px;letter-spacing: 1px;font-size:18px;padding-top:15px;;}
.product-mill .body h4 a{color: #212121;}
.product-mill .body p{line-height:1;margin-top:15px;margin-bottom:0;padding-left:15px;letter-spacing: 1px;padding-bottom:35px;}
.product-mill .body.slide .slick-arrow {position:absolute;content:'';border:0;width:24px;height:24px;cursor:pointer;z-index:9999; background-image:url(../images/more-ico.png);font-size: 0;background-color: transparent;top: -70px;padding: 0;right: 15px;}
.product-mill .body.slide .slick-prev {background-position: 0 100%;margin-right: 38px;}
.product-mill .body.slide .slick-prev:hover {background-position:0 34%;}
.product-mill .body.slide .slick-next {background-position: 0 66%;}
.product-mill .body.slide .slick-next:hover {background-position:0 0;}


.product-crusher{background-color:#f0f2fd;}
.product-crusher .title{padding-top:40px;padding-bottom:40px;}
.product-crusher .title h2.circle{display: inline-block;margin-left:44px;position:relative;}
.product-crusher .title h2.circle:before{content:'';position:absolute;width: 24px;height: 24px;background-color: #c5cae9;border-radius:24px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.product-crusher .title h2.circle:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#3f51b5;border-radius:16px;left:-38px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.product-crusher .title span{margin-left:10px;color:#757575;}
.product-crusher .title .more{position: relative;float:right;margin-right:28px;}
.product-crusher .title .more a{color:#ffc107;}
.product-crusher .title .more i{font-style: normal;letter-spacing: 1px;}
.product-crusher .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:20px;height:20px;background-position: 26.5% 0;;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.product-crusher .title:after{content:"";clear:both;}
.product-crusher .body{margin-left:-15px;margin-right:-15px;}
.product-crusher .body .img{display:block;padding-left:15px;padding-right:15px;font-size: 0;}
.product-crusher .body > div > div{position:relative;}
.product-crusher .body .more{-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;bottom: 0;height: 2px;position: absolute;overflow: hidden;width: 100%;}
.product-crusher .body .more div{margin-left:15px;margin-right:15px;}
.product-crusher .body .more span{position:relative;text-align:center;width:50%;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:14px;vertical-align: top;}
.product-crusher .body .more span a{display: block;color:#ffffff;}
.product-crusher .body .more span:first-child{background-color:#3f51b5;}
.product-crusher .body .more span:last-child{background-color:#ffc107;}
.product-crusher .body .more i{font-style: normal;letter-spacing: 1px;margin-left: -22px;}
.product-crusher .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.product-crusher .body > div:hover .more{height:36px;}
.product-crusher .body h4{line-height: 1.5;padding-left:15px;letter-spacing: 1px;font-size:16px;padding-top:15px;padding-bottom:35px;}
.product-crusher .body h4 a{color: #757575;}
.product-crusher .body > div:hover h4 a{color:#212121;}


.product-list .title{padding-top:40px;padding-bottom:40px;}
.product-list .title h2.circle{display: inline-block;margin-left:44px;position:relative;}
.product-list .title h2.circle:before{content:'';position:absolute;width: 24px;height: 24px;background-color: #c5cae9;border-radius:24px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.product-list .title h2.circle:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#3f51b5;border-radius:16px;left:-38px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.product-list .title span{margin-left:10px;color:#757575;}
.product-list .title:after{content:"";clear:both;}
.product-list .body{margin-left:-15px;margin-right:-15px;}
.product-list .body .img{display:block;padding-left:15px;padding-right:15px;font-size: 0;}
.product-list .body > div > div{position:relative;}
.product-list .body .more{-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;bottom: 0;height: 2px;position: absolute;overflow: hidden;width: 100%;}
.product-list .body .more div{margin-left:15px;margin-right:15px;}
.product-list .body .more span{position:relative;text-align:center;width:50%;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:14px;vertical-align: top;}
.product-list .body .more span a{display: block;color:#ffffff;}
.product-list .body .more span:first-child{background-color:#3f51b5;}
.product-list .body .more span:last-child{background-color:#ffc107;}
.product-list .body .more i{font-style: normal;letter-spacing: 1px;margin-left: -22px;}
.product-list .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.product-list .body > div:hover .more{height:36px;}
.product-list .body h4{line-height: 1.5;padding-left:15px;letter-spacing: 1px;font-size:16px;padding-top:15px;padding-bottom:35px;}
.product-list .body h4 a{color: #757575;}
.product-list .body > div:hover h4 a{color:#212121;}
.product-list .body i.hot{left:15px;top:-1px;}
.product-list .body.mill h4{font-size:18px;padding-bottom:0;}
.product-list .body.mill h4 a{color:#212121;}
.product-list .body.mill p{line-height:1;margin-top:15px;margin-bottom:0;padding-left:15px;letter-spacing: 1px;padding-bottom:35px;}

.product-nav{border-bottom:1px solid #c5cae9;background-color:#f0f2fd;}
.product-nav .container{text-align:center;}
.product-nav .container .item{cursor:pointer;}
.product-nav .container .item a{display:block;padding-top:20px;padding-bottom:20px;}
.product-nav .container .item span{letter-spacing: 1px;color: #757575;font-size:20px;}
.product-nav .container .item.active,.product-nav .container .item:hover{border-bottom:2px solid #3f51b5;}
.product-nav .container .item.active span,.product-nav .container .item:hover span{color:#3f51b5;font-weight:bold;}
.product-nav .container .chat{padding-top:20px;padding-bottom:20px;letter-spacing: 1px;font-size:20px;font-weight:bold;color: #ffc107;}
.product-nav .container .chat a{color: #ffc107;}

.product-deails .main{padding-right:40px;}

.product-title{padding-top:40px;padding-bottom:40px;}
.product-title .img{font-size: 0;}
.product-title .slider .slick-arrow {position:absolute;content:'';border:0;width:30px;height:90px;cursor:pointer;z-index:9999; background-image:url(../images/ico.png);font-size: 0;background-color: transparent;bottom: -100px;padding: 0;}
.product-title .slider .slick-prev {background-position:0 24%;left:0;}
.product-title .slider .slick-prev:hover {background-position:0 46.5%;}
.product-title .slider .slick-next {background-position:4% 24%;right:0;}
.product-title .slider .slick-next:hover {background-position:4% 46.5%;}
.product-title .slider-nav{padding-left:35px;padding-right:35px;margin-top:10px;}
.product-title .slider-nav li{position:relative;display: inline-block;margin-right:5px;margin-left:5px;cursor:pointer;}
.product-title .slider-nav li i{display:block;position:absolute;background-color:#000000;opacity:0.3;width:100%;height:100%;}
.product-title .slider-nav li.slick-current i{opacity:0;}
.product-title .slider-nav li img{height:90px;}
.product-title .slider .video.item > div{position:absolute;width: 100%;}
.product-title .slider .video.item .videoimg{z-index:9;cursor: pointer;}
.product-title .slider .video.item .videoimg img{width:100%;}
.product-title .slider .video.item .videoimg i{position:absolute;margin:0;top:0;bottom:0;left:0;right:0;margin: auto;width: 72px;height: 72px;}
.product-title .slider .video.item .videoimg i:before{position:absolute;content:"";width:72px;height:72px;background-image:url(../images/ico.png);background-position: 13.5% 59.5%;left: 0;}
.product-title .slider .video.item video,
.product-title .slider .video.item object{height:438.75px !important;}
.pv-cover > span{left:0 !important;right:0 !important;margin-left:auto !important;margin-right:auto;}
.pv-cover > span:before{position:absolute;content:"";width:72px;height:72px;background-image:url(../images/ico.png);background-position: 13.5% 59.5%;left: 0;}
.product-title .slider-nav .video-ico span{display:block;position:absolute;background-color:#000000;opacity:0.3;width:100%;height:100%;}
.product-title .slider-nav .video-ico.slick-current span{opacity:0;}
.product-title .slider-nav .video-ico i{width:16px;height:18px;opacity:1 !important;background-color: transparent;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.product-title .slider-nav .video-ico i:before{position:absolute;content:"";width:16px;height:18px;background-image:url(../images/ico.png);background-position:27.5% 100%; left:0;right:0;top:0; bottom:0; margin:auto;}

.product-title .words{padding:30px 20px 0;background-color:#f0f2fd;}
.product-title .words .body{margin-top:30px;line-height: 1.6;}
.product-title .words h1{font-size:36px;font-weight:600;letter-spacing: 4px;color:#212121;line-height:1.5;}
.product-title .words .slogan > div{display:inline-block;margin-right:30px;margin-top:30px;margin-bottom:10px;}
.product-title .words .slogan > div span{display:inline-block;margin-left:34px;vertical-align:middle;line-height:1;letter-spacing: 2px;color: #3f51b5;font-weight:600;position:relative;font-size:20px;}
.product-title .words .slogan > div span:before{position:absolute;content:"";width:24px;height:28px;background-image:url(../images/ico.png);background-position:39.3% 100%;left:-34px;top: 0;bottom: 0;margin-top: auto;margin-bottom:auto;}

.product-title .words .col-3{color:#757575;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
.product-title .words .col-9{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;}
.product-title .words .more{margin-top:30px;}
.product-title .words .more .chat{padding-right:10px;}
.product-title .words .more .chat a{display:block;color:#ffffff;padding-top:15px;padding-bottom:15px;background-color: #ffc107;border:1px solid #ffc107;border-radius: 2px;line-height:1;text-align: center;border-top-right-radius:0;border-bottom-right-radius:0;}
.product-title .words .more .chat i{display:inline-block;width:20px;height:20px;vertical-align: middle;position:relative;}
.product-title .words .more .chat i:before{position:absolute;content:"";width:20px;height:20px;background-image:url(../images/ico.png);background-position:30.8% 100%;left:0;}
.product-title .words .more .chat span{display:inline-block;margin-left:15px;vertical-align: middle;}
.product-title .words .more .tel{padding-right: 10px;margin-left: -10px;}
.product-title .words .more .tel a{display:block;padding-left:20px;padding-right:20px;border-radius: 2px;border: solid 1px #ffc107;text-align: center;font-size: 0;height:100%;position: relative;border-top-left-radius:0;border-bottom-left-radius:0;}
.product-title .words .more .tel a img{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:70%;}
.product-title .words .more .album{padding-left:10px;}
.product-title .words .more .album a{display:block;color:#757575;padding-top:15px;padding-bottom:15px;border: solid 1px #c5cae9;border-radius: 2px;line-height:1;text-align: center;}
.product-title .words .more .album i{display:inline-block;width:24px;height:20px;vertical-align: middle;position:relative;}
.product-title .words .more .album i:before{position:absolute;content:"";width:24px;height:20px;background-image:url(../images/ico.png);background-position:34.7% 100%;left:0;}
.product-title .words .more .album span{display:inline-block;margin-left:15px;vertical-align: middle;}
.product-title .words .more .album .img{padding: 15px;position: absolute;bottom: 0;left: 10px;right: 0;background: #fff;opacity: 0;transition: all ease 0.5s;-webkit-box-shadow: 0px -2px 8px rgba(102,102,102,0.35);box-shadow: 0px -2px 8px rgba(102,102,102,0.35);}
.product-title .words .more .album .img img{width:100%;}
.product-title .words .more .album .img span{font-size:16px;line-height:1.4;color:#333333;margin-bottom:10px;display:block;margin-left: 0px;text-align:center;}
.product-title .words .more .album:hover .img{bottom:52px;opacity: 1;}


.product-deails .advantage{padding-top:40px;}
.product-deails .advantage h2{position:relative;display:table;text-align:center;margin-left:auto;margin-right:auto;float:none;margin-bottom:40px;}
.product-deails .advantage h2:before {position:absolute;content:"";width:48px;height:12px;background-image:url(../images/ico.png);background-position:0 0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:-68px;}
.product-deails .advantage h2:after {position:absolute; content:"";width:48px;height:12px;background-image:url(../images/ico.png);top:0;bottom:0;margin-top:auto; margin-bottom:auto;margin-left:20px;background-position:7% 0;}
.product-deails .advantage .body{display:table;background-color:#f0f2fd;width:100%;}
.product-deails .advantage .body .img{width:50%;float: right;margin-left:15px;}
.product-deails .advantage .body .img img{display:table;}
.product-deails .advantage .body .words > div{margin-top:20px;margin-bottom:20px;padding-left:20px;padding-right:20px;}
.product-deails .advantage .body .words img,.product-deails .advantage .body .words h4{display:inline-block;vertical-align: middle;}
.product-deails .advantage .body .words img{width:36px;height:36px;}
.product-deails .advantage .body h4{font-size:24px;margin-left: 20px;}
.product-deails .protables{overflow-x:auto;}


.product-deails .protable{padding-top:40px;padding-bottom:40px;overflow: unset;}
.product-deails .protable h2{position:relative;display:table;text-align:center;margin-left:auto;margin-right:auto;float:none;margin-bottom:40px;}
.product-deails .protable h2:before {position:absolute;content:"";width:48px;height:12px;background-image:url(../images/ico.png);background-position:0 0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:-68px;}
.product-deails .protable h2:after {position:absolute; content:"";width:48px;height:12px;background-image:url(../images/ico.png);top:0;bottom:0;margin-top:auto; margin-bottom:auto;margin-left:20px;background-position:7% 0;}
.product-deails .protable .body.container{min-width:auto;}

.related-case .title{padding-bottom:20px;margin-top: 40px;border-bottom: 1px solid #c5cae9;}
.related-case .title h2{display: inline-block;font-size:24px;}
.related-case .title .more{position: relative;float:right;margin-right:28px;}
.related-case .title .more a{color:#ffc107;}
.related-case .title .more i{font-style: normal;letter-spacing: 1px;}
.related-case .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:22px;height:20px;background-position: 26.5% 0;top:2px;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;}
.related-case .title:after{content:"";clear:both;}
.related-case .body{margin-left:-15px;margin-right:-15px;padding-top:40px;}
.related-case .slide .img{display:block;padding-left:15px;padding-right:15px;}
.related-case .body .slick-initialized .slick-slide{padding-left:15px;padding-right:15px;}
.related-case .body .item > div{position:relative;}
.related-case .body .more{-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;bottom: 0;height: 2px;position: absolute;overflow: hidden;width: 100%;}
.related-case .body .more div{margin-left:15px;margin-right:15px;}
.related-case .body .more span{position:relative;text-align:center;width:50%;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:14px;vertical-align: top;}
.related-case .body .more span a{display: block;color:#ffffff;}
.related-case .body .more span:first-child{background-color:#3f51b5;}
.related-case .body .more span:last-child{background-color:#ffc107;}
.related-case .body .more i{font-style: normal;letter-spacing: 1px;margin-left: -22px;}
.related-case .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.related-case .body .item:hover .more{height:36px;}
.related-case .body h4{line-height: 1.5;padding-left:15px;padding-right:15px;letter-spacing: 1px;font-size:16px;padding-top:15px;padding-bottom:35px;}
.related-case .body h4 a{color: #757575;}
.related-case .body .item:hover h4 a{color:#212121;}
.related-case .slick-dots{margin-top:-30px;}
.related-case .slick-dots li button{width: 30px;height: 8px;}
.related-case .slick-dots li button:before{width: 30px;height: 8px;border-radius: 2px;}


.product-deails .side-top{margin-top:40px;background-color:#f0f2fd;}
.product-deails .side-top h2{color:#ffffff;font-size:24px;font-weight: normal;padding-top:20px;padding-bottom:20px;background-color:#3f51b5;text-align:center;}
.product-deails .side-top ul{padding-bottom:20px;}
.product-deails .side-top ul li{margin-top:20px;padding-left:20px;padding-right:20px;text-align:center;}
.product-deails .side-top ul li span{display:block;line-height:1;margin-top:10px;}
.product-deails .side-more{margin-top:40px;background-color:#f0f2fd;}
.product-deails .side-more h2{color:#ffffff;font-size:24px;font-weight: normal;padding-top:20px;padding-bottom:20px;background-color:#3f51b5;text-align:center;}
.product-deails .side-more ul{padding-top:20px;padding-bottom:40px;}
.product-deails .side-more ul li{margin-top:20px;padding-left:40px;padding-right:40px;}
.product-deails .side-more ul li a{display: block;text-align:center;border-radius: 2px;border: solid 1px #3f51b5;padding-top:20px;padding-bottom:20px;color:#3f51b5;line-height: 1;}
.product-deails .side-more ul li a:hover{color:#ffffff;background-color:#3f51b5;}
.product-deails .side-conversion .phone{background-color: #3f51b5;}
.product-deails .side-conversion .phone a{padding:20px; display: block;line-height: 1;text-align: center;}