﻿@charset "utf-8";

*{padding:0;margin:0;font-family: "微软雅黑";}
body{overflow-x: hidden;min-width: 1200px;}
body,html,ul,li,a,ol,dl,dt,dd,span,mark,h1,h2,h3,h4,h5,address{list-style: none;text-decoration: none;font-style:normal;background:none;border:none;font-weight:normal;}
.flash{position:relative;width: 100%;overflow: hidden;height:450px;}
 .flash img{position: absolute;}
img {border: none;transition:all 0.3s ease-in 0s;}
a{color:#666;}
.wrap{width:100%;}
.main{/*margin-top:40px;margin-bottom:40px;*/padding-bottom:40px;float:left;}
#main{margin:0;padding:0;background:#fafafa;}
.container{margin:0 auto;width:1200px;}
.indexContainer{margin:0 auto;width:1254px;}
input {border: none;background: none;}
input, textarea {outline: 0;font-size: 14px;-webkit-appearance: none;}
.clear{clear:both;float:none}
.pl {float: left;}
.pr {float: right;}
.hide{display:none;}
.show{display:block;}
.mt5{margin-top:50px;}
.ml17{margin-top:170px;}
.mr8{margin-right:80px;}


header{width:100%;height:198px;}
.headerTop{height:96px;overflow:hidden;}
nav{width:100%;height:78px;float:left;border:2px solid #ececec;border-right:none;border-left:none;}
nav ul{height:78px;display:block;}
nav ul li{width:150px;height:78px;float:left;text-align:center;}
nav ul li a{width:148px;height:78px;border-right:2px solid #ececec;display:block;font-size:14px;color:#333;line-height:78px;transition:all 0.3s ease-in 0s;}
nav ul li span,nav ul li mark{display:block;float:left;overflow:hidden;}
nav ul li img{display:block;-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;}
nav ul li:nth-child(1) mark{margin:31px 10px 0 32px;width:16px;height:16px;}
nav ul li:nth-child(1) a{width:146px;border-left:2px solid #ececec;}
nav ul li:nth-child(2) mark{margin:31px 10px 0 33px;width:12px;height:16px;}
nav ul li:nth-child(3) mark{margin:29px 10px 0 32px;width:17px;height:18px;}
nav ul li:nth-child(4) mark{margin:29px 10px 0 32px;width:19px;height:18px;}
nav ul li:nth-child(5) mark{margin:33px 10px 0 32px;width:14px;height:14px;}
nav ul li:nth-child(6) mark{margin:31px 10px 0 32px;width:16px;height:16px;}
nav ul li:nth-child(7) mark{margin:31px 10px 0 32px;width:13px;height:17px;}
nav ul li:nth-child(8) mark{margin:31px 10px 0 32px;width:16px;height:16px;}
nav ul li:hover a,nav ul li.hover a{background:#707070;color:#FFF;}
nav ul li:hover img,nav ul li.hover img{margin-top:-16px;}
nav ul li:nth-child(5):hover img,nav ul li:nth-child(5).hover img{margin-top:-14px;}
nav ul li:nth-child(7):hover img,nav ul li:nth-child(7).hover img{margin-top:-17px;}
nav ul li:nth-child(3):hover img,nav ul li:nth-child(4):hover img,nav ul li:nth-child(3).hover img,nav ul li:nth-child(4).hover img{margin-top:-18px;}


/**头部**/
.WholeTop{width:100%;text-align:center;margin-top:74px;float:left;}
.OtherTop{margin-bottom:50px;}
.WholeTop h3{font-size:35px;color:#363636;font-weight:bold;}
.WholeTop mark{width:90px;height:2px;background:#ccc;margin:20px auto;display:block;}
.WholeTop p{font-size:14px;color:#888;}



/**合作伙伴**/
.service{width:1194px;overflow:hidden;border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;margin:60px auto;float:left;}
.service ul li{float:left;width:198px;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.service ul li a{display:block;height:100%;border:5px solid #ffffff;text-align:center;padding:15px 0;box-sizing:border-box;}
.service ul li a:hover{border-color:#eeeeee;}
.service ul li a img{margin:auto;}





footer{clear: both;float: none;height:120px;background: #f7f7f7;padding-top:60px;}
.footerTop{height:330px;}
.footerTop div{margin-top:60px;}
.footerTop dl{float:left;margin-right:116px;}
.footerTop dl dt{font-size:16px;color:#444;}
.footerTop dl dd a{font-size:14px;color:#999;display:block;line-height:30px;}
.footerTop dl dd{margin-top:20px;}

.footerTel{width:230px;}
.footerTel h3{font-size:24px;font-weight:bold;color:#444;}
.footerTel p{font-size:14px;color:#999;line-height:30px;margin:5px 0;}
.footerTel .follow{width:100%;margin-top:10px;border-top:1px solid #999;}
.footerTel mark{display:block;color:#FFF;width:100%;font-size:18px;margin:20px 0 10px;}
.footerTel span{float:left;margin-right:20px;}

.copybottom{height:60px;line-height:60px;font-size:12px;background:#444;color:#FFF;}
.link a{margin:0 10px;color:#ddd;}
.copyright p,.copyright p a{color:#ddd;font-size:12px;}


.imglist li{width:340px;height:280px;margin:0 30px 30px 30px;float:left;overflow:hidden;}
.imglist li.active{margin-right:0;}
.imglist li mark{width:338px;height:228px;border:1px solid #ccc;margin-bottom:14px;display:block;}
.imglist li mark a{width:310px;height:200px;margin:14px;display:block;float:left;overflow:hidden;vertical-align:middle; display:table;}
.imglist li img{height:100%;display:block;margin:0 auto;}
.imglist li h3{width:100%;height:33px;line-height:33px;background:#f0f0f0;text-align:center;color:#585656;font-size:16px;}
.more{width:153px;height:49px;background:#f5f5f5;text-align:center;line-height:49px;color:#9b9b9b;display:block;margin:30px auto;}


.sidebar{width:300px;float: left;}

.product_list{width:900px;float: right;}

.breadcrumb-item{float:left}
.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;content:'/';color:#ccd5db;padding:0 5px}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}
.breadcrumb-item.active{color:#76838f}


 .card-shadow{box-shadow: 0 0px 10px rgba(0,0,0,.2);}
 .card{position:relative;display:block;border-radius:.215rem;background-color:#fff;margin-bottom:2.143rem}
.card-block{padding:1.429rem}.card-block::after{display:table;clear:both;content:''}
.card-title{margin-bottom:.858rem;margin-top:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}
.card-link+.card-link{margin-left:1.429rem}
.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.215rem;border-top-right-radius:.215rem}
.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.215rem;border-bottom-left-radius:.215rem}
.card-header{margin-bottom:0;padding:.858rem 1.429rem;border-bottom:1px solid #e4eaec;background-color:#f3f7f9}
.card-header::after{display:table;clear:both;content:''}
.card-header:first-child{border-radius:-webkit-calc(.215rem - 1px) -webkit-calc(.215rem - 1px) 0 0;border-radius:calc(.215rem - 1px) calc(.215rem - 1px) 0 0}
.card-footer{padding:.858rem 1.429rem;border-top:1px solid #e4eaec;background-color:#f3f7f9}
.card-footer::after{display:table;clear:both;content:''}
.card-footer:last-child{border-radius:0 0 -webkit-calc(.215rem - 1px) -webkit-calc(.215rem - 1px);border-radius:0 0 calc(.215rem - 1px) calc(.215rem - 1px)}
.card-img{border-radius:-webkit-calc(.215rem - 1px);border-radius:calc(.215rem - 1px);border-radius:0}
.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.429rem}
.card-img-top{border-top-left-radius:-webkit-calc(.215rem - 1px);












