*{margin: 0;padding: 0;}
body{font-family: "微软雅黑",Arial, Helvetica;}
h1{font-size: 20px;color: #333;text-align: center;}
h3{font-size: 16px;line-height: 25px;color: #333}
p{font-size: 16px;line-height: 32px;color: #555}
li{list-style: none;}
b{display: block;}
img{width: 100%;box-sizing: 0;display: block;}
a{text-decoration: none;color: #555}
a:hover,a:fous{text-decoration: none}
a:hover{text-decoration: none;}
hr{height: 1px;border:none;background: #dedede82}
.clearfix::before,.clearfix::after{content: "";display: block;visibility: hidden;height: 0;}
.clearfix:after{clear: both;}
.clerfix{zoom:1;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;}
/*头部*/
.header{width: 100%;padding: 10px 0;background: #333;}
.header-con{max-width: 1200px;margin: 0 auto;}
.jq22-content{ width:70%; float: left; }
.jq22-content .word{display: inline-block!important;font-size: 14px;font-weight: 600;} 
.jq22-content .word2{display: inline-block;margin: auto 5% 0 0 !important;font-size:12px;}
.jq22-content .word4{font-size:12px;}
.header-con >a{float: right;font-weight: 600;color: #eee;font-size:14px;}
.top{margin: 0 auto;display: flex;display: -webkit-flex; position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  justify-content: center;;
  z-index: 3000;
min-height:80px; 
}
.top >img{display: flex;max-width:150px;z-index: 3000;position: absolute;left: 15%;top: 15px;}
/*导航*/
.navbar-nav {float: right;margin-top: 20px;}
.navbar-default {background: none; border: none;margin: 0;min-height: inherit;display: flex;position: absolute;right: 15%;width:70%}
ul.nav.navbar-nav.navbar-right {  margin: 0.6em 0 0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{color: #99abd5;background: none;}
.navbar-nav > li {float:left;}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
	font-weight: 300;
	min-width: 70px;
	text-transform:uppercase;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	text-decoration:none;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav li a.active {color: #1277ce;font-weight: 600;}
.navbar-collapse{padding: 0;width: 100%}
/*下拉菜单*/
.sub-menu{/*width:100%;*/visibility: hidden;position: absolute;top: 70px;left:0;right:0;z-index: 300;background: #fff;left:0;transition: all 0.4s ease;}
.sub-menu ul{max-width: 1200px;margin: 0 auto}
.sub-menu ul li{display: block;border:none;;width: 16%;float: left;padding: 2%;}
.sub-menu ul li a{display:block;width:94%;color: #333;border:none;font-size: 14px;font-weight: normal;padding: 3%;overflow: hidden;background: #eeeeeeba;}
.sub-menu ul li a img{width: 100%;display: block !important;}
.sub-menu ul li a h3{text-align: center;font-size: 14px;}
.sub-menu ul li:hover a h3{color: #1277ce}
.drow:hover .sub-menu{padding-top:30px;visibility:visible;}
/*banner*/
.banner{width: 100%;}
.banner img{width: 100%;}
.swiper-pagination-bullet{width: 30px;border-radius: 0;height: 4px;}
.swiper-slide img{width: 100%}
/*title*/
.title{width: 100%;text-align: center;position: relative;margin-top: 30px;}
.title h1{color: #eee;font-size: 3em;}
.title h2{color: #1277ce;font-size: 2em;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
/*product_index*/
.product_index ul{width: 80%;margin: 50PX auto;display: flex;flex-wrap: wrap;justify-content:space-between}
.product_index ul li{width:21%;padding: 30px 1%;box-shadow:0 0 10px 0px #ccc;/* display: flex;*/ }
.product_index ul li.gg{padding: 0 1% 20px;}
.product_index ul li a{display:block;width: 100%; }
.product_index ul li a img{width: 100%; }
.product_index ul li a h3{line-height: 20px;font-size: 16px;text-align: center;/*font-weight: normal ;*/}
.product_index ul li a span{display: inline-block;margin: 15px auto;border:solid 1px #ddd;padding:5px 15px;text-align: center;font-size: 14px;margin-left: 50%;transform: translateX(-50%);border-radius: 50px;}
.product_index ul li:hover a span{border-color: #1222ce;transition: all 0.4s ease}
.product_index ul li:hover{box-shadow:0 0 10px 0px #a2cef4;transition: all 0.4s ease}
/*.product_index ul .last-one a img{width: 30%;margin: 20% auto 15px;display: block;}*/
/*.product_index ul .last-one a h3{color: red;}*/
.product_index ul li a p{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-top: 15px;font-size: 14px;padding: 0 2%}
.product_index2{width: 80%;margin: 30px auto;display: flex;flex-wrap: nowrap;justify-content:space-between}
.product_left{width: 19%;padding-right: 2%;}
.product_right{width: 81%;display: flex;flex-wrap: wrap;justify-content:space-between}
.product_right li{width: 20.5%;padding: 30px 1%;box-shadow:0 0 10px 0px #ccc;}
.product_right li a{display:block;width: 100%; }
.product_right li a img{width: 100%; }
.product_right li a h3{line-height: 20px;font-size: 16px;text-align: center;font-weight: normal;margin-top: 15px;}
.product_right li.mt{margin-top: 15px;}
/*about 关于我们*/
.about{width: 100%;padding: 1px 0 30px;background:#eeefee54}
.about-con{width: 80%;margin:30px auto 0;display: flex;display: -webkit-flex;background: #fff;}
.about-con >img{width: 45%;}
.about-text{width: 45%;padding: 3% 5% 3% 5%;position: relative;}
.about-text p{font-size: 14px;margin-top: 15px;text-indent: 2em;}
.about-text >a{font-size: 14px;display: inline-block;padding: 8px 15px;border:1px solid #1277ce;border-radius: 100px 100px; color: #1277ce;position: absolute;bottom: 3%;transition: all 0.4s ease}
.about-text >a:hover{background: #1277ce;color: #fff}
/*case*/
.casebg{background:url(../images/bg.jpg) no-repeat center;}
.case2{ margin: 80PX 0;}
.case{width: 100%;padding: 30px 0 70px 0;}
.case-con{max-width: 1200px;margin:0 auto;}
.case-con li{width: 23%;padding:1%;float: left;overflow: hidden;transition: all 0.4s ease;margin-top:30px;}
.case-con li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.case-con li a{text-align: center; display: block;width: 94%;padding:3%;position: relative;background: #fff;}
.case-con li a div{display: block;width: 100%;overflow: hidden;}
.case-con li a div img{width: 99%;transition: all 0.4s ease;border: 1px solid #eee;}
.case-con li:hover a div img{transform: scale(1.2);}
.case-con li h3{color: #333;font-size: 18px;margin-top: 15px;max-height: 26px;overflow: hidden;}
.more{transform: translateX(-50%);margin-left: 50%;margin-top:30px;display: inline-block;padding: 8px 15px;border-radius: 100px 100px;border:1px solid #1277ce;color: #1277ce;transition: all 0.4s ease;}
.more:hover{color: #fff;transition: all 0.4s ease;background: #1277ce;}
/*page*/
.page{text-align:center;margin:20px 0;margin-top: 50px}
.page a{color:#666;padding:5px 10px;border:solid 1px #1277ce;margin:0 5px;font-size: 14px;color: #828282}
.page_disabled{padding:5px 10px;border:solid 1px #666;margin:0 5px;font-size: 14px;color: #828282}
.page_current{background-color:#1277ce;color:#fff;padding:5px 10px;margin:0 5px;font-size: 14px;}
/*footer*/
.footer_bg{width: 100%;margin-top: 30px;padding: 20px 0;background: #1277ce}
.footer_bg >p{margin-top: 15px; color: #eee;text-align: center;font-size: 14px;}
.footer{max-width: 1200px;margin: 0 auto;}
.productSort{width:15%;float: left;}
.productSort h3,.aboutShort h3,.content h3{color: #fff;margin-bottom: 8px;}
.productSort a{display: block;color: #eee;font-size: 14px;line-height: 24px;}
.aboutShort{width: 40%;margin: 0 5%;float: left;}
.aboutShort p{font-size: 14px;color: #eee;}
.content{width: 30%;float:right;}
.content p a{color: #eee;display: block;font-size: 14px;line-height: 25px;}
.content p .tel{display: inline-block;margin-right: 15px;}
/*news-detail*/
.bav{max-width: 1200px;margin: 10px auto;text-align: left;overflow: hidden;padding-left: 20px;background: url(../images/map.gif)no-repeat left;background-size: 16px 16px;font-size: 16px;}
.bav a{display: inline-block;margin-right:10px;color: #555}
.contain-text{width: 80%;margin: 30px auto 0;}
/*case-detail*/
.case-detail{width: 100%;text-align: center}
.case-detail h3{margin-bottom: 15px;}
.case-detail p{margin-bottom: 25px;text-indent: 2em;text-align: left;}
.case-detail .case-img{width:100%;}
.case-detail .case-img img{width:60%;margin:15px auto;text-align: center; }
/*about-detail*/
.about-detail{width: 100%;margin-top: 30px;}
.about-detail >img{width: 45%;display: inline-block;margin-right: 2%;float: left;}
.about-detail >p strong{display: block;margin-bottom: 15px;}
/*contact*/
.contact-con{width: 100%;margin-bottom: 30px;display: -webkit-flex;display: flex;flex-wrap: wrap-reverse;}
.contact-con li{width: 23%;float: left;margin-bottom: 20px;margin-right: 2%;border:1px solid #ddd;}
.contact-con li div{display: block;padding:2%;width: 95%;text-align: center;}
.contact-con li:nth-child(4n){margin-right: 0}
.contact-con li div img{width: 50px;transition: all 0.4s ease;margin:0 auto;}
.contact-con li:hover div img{transform: rotateY(180deg);}
.contact-con li div p{margin-top: 10px;text-align: center}
.contact-con li div a b{margin-top: 10px;text-align: center;font-size: 16px;font-weight: normal;}
.contact-con li div .tel2{display: inline-block;margin-right: 15px;}
/*porduct*/
/*.pro-nav{max-width:1200px;margin:0 auto 0;text-align: center}*/
/*.pro-nav a{display: block;font-size: 16px;font-weight: 700; transition: all 0.4s ease;width:16.5%;background: #eeefff;float: left;border-right: 1px solid #ddd;padding: 10px 0;border-bottom: 1px solid #ddd; }*/
/*.pro-nav a:hover{color: #1277ce}*/
/*.pro-nav a:last-child{border-right: none}*/
/*.pro-nav a.active{color: #1277ce}*/
.product{max-width: 100%;margin:50px auto 0}
.product li{width:31.5%;margin-right:2%;float: left;margin-bottom: 30px;border:1px solid #eeefee54;border-radius: 6px 6px 0 0;padding-bottom: 20px;background: #fff;box-shadow: 0px 5px 10px rgba(0,0,0,0.1) }
.product li:nth-child(3n){margin-right: 0}
.product li a{display: block;width: 100%;}
.product li a div{padding: 1% 5%;width: 90%;overflow: hidden;position: relative;}
.product li a div h3{text-align:center;overflow: hidden;max-height: 25px;}
.product li a div p{text-align:center;overflow: hidden;max-height: 64px;margin: 5px 0;opacity: 1}
.product li:hover a div p{transition: all 0.1s ease;opacity: 0}
.product li a div i{font-style: normal;transition: all 0.4s ease;position: absolute;top:100%;left:50%;opacity: 0;transform: translateX(-50%); }
.product li:hover a >div i{font-size: 13px;display: inline-block;margin-top: 50px; font-style: normal;text-align: center;border:1px solid #0065bb;border-radius:20px; padding: 5px 10px;box-shadow: 0px 0px 8px rgba(0,101,187,0.3);transform: translate(-50%,0);opacity: 1;transition: all 0.4s ease;top:10%;}
.product li a .img {width: 100%;overflow: hidden;padding: 0}
.product li a .img img{width: 100%;border-radius:6px 6px 0 0;transition: all 0.4s ease;}
.product li:hover a .img img{transform: scale(1.2);}.product a.more{font-size: 13px;display: inline-block;text-align: center;padding: 5px;border:1px solid #fff;border-bottom: 1px solid #dedede;font-style: normal;margin-left: 50%;transform: translateX(-50%);}
.product a.more:hover{border:1px solid #0065bb;padding: 5px 10px;box-shadow: 0px 0px 8px rgba(0,101,187,0.3)}
@media(max-width: 1334px){
	.product_index ul{width: 90%;}
	.product_index2{width: 90%;}
}
@media(max-width: 1200px){
/*header*/
.top >img{left: 5%}
.navbar-default{right: 5%}
.header-con{max-width: 960px;}
.prnav ul{max-width: 960px;margin: 0 auto}
/*关于我们*/
.about-con{max-width: 960px;}
/*case*/
.case-con{max-width: 960px;}
.bav{max-width:960px;}
/*news-detail*/
.news-text{width:65%;text-align: center;}
.footer{max-width: 960px;margin: 0 auto;}
.product_index ul li.gg{display: none;}
.product_index ul li{width: 30%;}
.product_left{display: none}
.product_right{width: 100%}
.product_right li{width: 21%}
}
@media(max-width: 960px){
/*header*/
.top >img{left: 0%;}
.navbar-default{right: 0%}
.header-con{width: 100%;}
.sub-menu ul{width: 100%;margin: 0 auto}
.title h1{font-size: 2em;}
.title h2{font-size: 1.5em;}
/*关于我们*/
.about-con{width:100%;}
.about-text >a{display: none}
.case-con{width:100%;}
.case-con li{width:48%;}
.news{width: 100%;}
.news li{width: 48%;}
.bav{width:100%;}
/*news-detail*/
.contain-text{width: 100%;margin: 30px auto 0;}
.contact-con li{width: 48.5%;float: left;margin-bottom: 20px;margin-right: 2%;border:1px solid #ddd;}
.contact-con li:nth-child(4n){margin-right: 0}
.contact-con li:nth-child(2n){margin-right: 0}
.footer{width: 100%;margin: 0 auto;}
.productSort{width:20%;float: left;}
.aboutShort{width: 40%;margin: 0 5%;float: left;}

.product_index ul li{width: 30%;}
.product_left{display: none}
.product_right{width: 100%}
.product_right li{width:46%;margin: 10px 0;}
}

@media(max-width: 768px){
.footer{max-width: 96%;margin: 0 auto;}
/*header*/
.header-con{width: 96%;margin: 0 auto}
.top{min-height: 70px;}
.top >img{width: 100px;}
.jq22-content{ width:100%; float: none; margin-bottom: 10px;}
.navbar-toggle{margin-top: 20px;}
/*.prnav{display: none}*/
/*导航*/
.navbar-default{width: auto;}
.navbar-nav{width: auto;padding:0 15px;margin-top: 0 !important}
.navbar-nav > li {margin: 10px auto;float: none; display: block;text-align: center;}
.navbar-default .navbar-nav > li > a{color: #fff;} 
.navbar-collapse{padding: 0;background: rgba(0,0,0,0.56);}
div#bs-example-navbar-collapse-1 {background: rgba(0, 0, 0, 0.83);	margin: 0; padding: 0 10px; position: absolute;
	width:auto;z-index: 999;border: 1px solid #fff;margin-top:0em;right:0;top: 70px;}
.sub-menu ul li{display: block;border:none;;width: 96%;float:none;padding: 2%;}
.sub-menu ul li a img{display:none !important;}
.sub-menu ul li a{background: none;}
.sub-menu ul li a h3{background: none;color:#1277ce;font-size: 14px;font-weight:normal;}
.sub-menu{display: none;position: static;top:0;background: none;}
.drow:hover .sub-menu{padding-top:0px;visibility:visible;}
/*产品中心*/
.product li{width:47.5%;margin-right:2%;float: left;margin-bottom: 30px;border:1px solid #eeefee54;border-radius: 6px 6px 0 0;padding-bottom: 20px;background: #eeefee54;box-shadow: 0px 5px 10px rgba(0,0,0,0.1) }
.product li:nth-child(3n){margin-right: 2%}
.product li:nth-child(2n){margin-right: 0}
.product li:hover a div p{transition: all 0.1s ease;opacity: 1}
.product li a div i{font-size: 13px; display: inline-block;margin-left:50%;border-radius:20px;padding: 5px 10px;box-shadow: 0px 0px 8px rgba(0,101,187,0.3);  font-style: normal;transition: all 0.4s ease;position:static;opacity:1;transform: translateX(-50%); }
.product li:hover a >div i{font-style: normal;text-align: center;transform: translateX(-50%);opacity: 1;transition:none;top:0;margin-top: 0}

/*关于我们*/
.about-con{width: 96%;display: block;}
.about-text >a{display:inline-block;margin-top:15px;text-align: center;color: #fff;background: #1277ce;position: static;}
.about-con >img{width: 100%;}
.about-text{width: 90%;}
/*case*/
.case-con{width: 96%;}
.case-con li{width: 100%;padding:0%;float: none;overflow: hidden;margin-top:30px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.case-con li:hover a div img{transform: scale(1);}
.case-con li p{line-height: 25px;height: 75px;overflow: hidden;margin: 10px 0;transition: all 0.4s ease;}
.case-con li span{position: static;bottom:auto;left: auto;transform: translateX(0%); display: inline-block;padding: 8px 15px;border-radius: 100px 100px;border:1px solid #1277ce;color: #1277ce;transition: all 0.4s ease;opacity: 1}
.case-con li:hover p{opacity: 1}
.case-con li:hover span{opacity: 1;bottom: 10%;}
.case-con li span:hover{color: #fff;background: #1277ce}
.more{transform: translateX(-50%);color: #fff;background: #1277ce;margin-left: 50%;margin-top:30px;display: inline-block;padding: 8px 15px;border-radius: 100px 100px;border:1px solid #1277ce;}
.bav{width: 90%}
/*news-detail*/
.contain-text{width: 96%;margin: 30px auto 0;}
.news-text{width:96%;text-align: center;}
.news-text img{width: 96%;}
.case-detail .case-img img{width:100%;display:inline-block;/*margin:15px 1%;*/text-align: left; }
.about-detail >img{width: 100%;display: inline-block;margin-right: 0%;float: none;margin-bottom: 20px;}
.productSort{width:30%;float: left;}
.aboutShort{display: none}
.content{ width: 60%;float: right;}
.product_index ul{width: 100%;}
.product_index2{width: 100%;}
.product_index ul li{width: 46%;margin: 10px 0}

}
@media(max-width: 480px){
.contact-con li{width: 99%;float: left;margin-bottom: 20px;margin-right: 0%;border:1px solid #ddd;}
.navbar-toggle{margin-top: 20px;}
.productSort{width:30%;float: left;display: none}
.aboutShort{display: none}
.content{ width: 100%;float: none;}
.content h3{display: none }
.content a{text-align: center; }
.footer_bg >p{margin-top: 0}
.product li{width:98%;margin-right:0%;float: none;margin-bottom: 30px;border:1px solid #eeefee54;border-radius: 6px 6px 0 0;padding-bottom: 20px;background: #eeefee54;box-shadow: 0px 5px 10px rgba(0,0,0,0.1) }
.product li:nth-child(3n){margin-right: 0%}
.product li:nth-child(2n){margin-right: 0}
.pro-nav a{font-size: 15px;} 
/*关于我们*/
.product_index ul li{width: 96%;margin:10px 1%}
.product_left{display: none}
.product_right{width: 100%}
.product_right li{width:96%;margin: 10px 0;margin:10px 1%}
}


/*产品详情*/

.wrapper { position:relative; margin:10px 0; width:50%; height:auto;float: left;margin-right: 5%}
.wrapper .smallBox { height:auto; width:19.4%; float:left;}
.wrapper .smallBox li { width:100%; margin-bottom:5px; cursor:pointer;}
.wrapper .smallBox li img { cursor:pointer; display:block; width:98%;border: 1px solid #ddd;}
.wrapper #Box {height:auto;width:80%;position:relative;float:right;}
#Box img {position:relative;width:100%;border:1px solid #ccc;}
.box_wrapper { height:auto; overflow:hidden; position:relative}
.box_wrapper ul { margin-top:0px; position:relative; transition:all 0.8s ease-in-out;}
.product-con-right{width:40%;float: left;}
.product-con-right h3{margin-top: 15px;}
.product-con-right p{margin: 10px 0;}
.product_detail > hr{width: 100%;margin: 20px 0 0;border:0;height: 1;background: #ddd}
.product_detail_text h3 b{display: inline-block;padding: 5px 10px;background: #1277ce;color: #fff;}
.product_detail_text h3{border-bottom: 1px solid #ddd;margin: 30px 0 20px;}
.product_detail_text p img{width: 30%;float: left;margin: 0 1%;}

@media(max-width: 1200px){
.wrapper .smallBox { height:auto; width:19.2%; float:left;}
}
@media(max-width: 960px){
.product_detail{width: 100%;margin: 0 auto;}
}
@media(max-width:768px){
.product_detail{width: 100%;margin: 0 auto;}
.wrapper {  width:100%; height:auto;float: none;margin-right:0%}
.product-con-right{width:100%;float: none;}
.wrapper .smallBox { height:auto; width:19.5%; }
.product_detail_text p img{width: 98%;float: left;margin: 20px 1%;}
.prnav{right:100px;}
.prnav ul li{display: block;border:none;;width: 96%;float:none;padding: 2%;}
.prnav ul li a img{display: none !important;}
}
@media(max-width:480px){
.wrapper .smallBox { height:auto; width:19%; }
.pro-nav a{width: 33%;}
.pro-nav a:last-child{border-right: 1px solid #ddd;}
}
.gszz{width: 100%;margin: 30px auto;}
.gszz img{width: 17.5%;padding:1%;display: inline-block;}
.hotProduct{width: 100%;margin: 50px auto 0;}
.hot{width: 100%;margin-top: 30px;}
.hot li{width: 23.5%;margin-right: 2%;float: left;}
.hot li:nth-child(4n){margin-right: 0%;}
.hot li a{display: block;width: 100%;}
.hot li h3{text-align: center;}
.hot li:hover h3{color: #1277ce}
.hot li a .lovely {width: 100%;position: relative;}
.hot li a .lovely img{width: 100%;}
.hot li a .lovely span{position:absolute;display: block;top: 0;bottom: 0;width: 100%;background: url(../images/search.png)no-repeat center rgba(0,0,0,0.3);background-size: 30px 30px;transform: scale(0.2);transition: all 0.4s ease;opacity: 0;}
.hot li:hover a .lovely span{transform: scale(1);opacity: 1;}
@media(max-width: 960px){
.hot li{width: 49%;margin-right: 2%;float: left;margin-bottom: 20px;}
.hot li:nth-child(4n){margin-right: 0%;}
.hot li:nth-child(2n){margin-right: 0%;}
}
@media(max-width: 768px){
	.hot li:hover a .lovely span{transform: scale(1);opacity: 0;}
.gszz img{width: 47%;padding:1%;}

}

.footer_bg >p >a{color: #eee;}

.inAbout >table{width:100%;margin: 0 auto ; border-collapse: collapse;border: 0;}
.inAbout >table tr:nth-child(1){background: #eee;}
.inAbout >table tr td{border:1px solid #666; padding:10px;text-align: center;}
.inAbout >table tr td div  span{color: #666; font-size: 7.5pt}
.inAbout >table tr:last-child{background: #eee;}

.img-icon{width: 100%;margin: 0 auto;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
.img-icon li{width: 19%;float: left;padding: 0.5%;}
.img-icon li img{width: 100%;display:block;}
.ad{width: 100%;margin: 30px auto;}
.ad >img{width: 80%;display: block;margin: 0 auto;}




@media(max-width: 768px){
.ad >img{width: 100%;}
.hot li{width:96%;margin-right: 2%;float: none;margin-bottom: 30px;margin-left: 2%;}
.product li a >div i{background: #0065bb;padding: 5px 10px;box-shadow: 0px 0px 8px rgba(0,101,187,0.3);color: #fff;border:none;}

}                                      

/*video*/
video{display: block;max-width:60%;margin: 0 auto ;}
@media(max-width:760px){
	video{max-width:100%;}
}
#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  /* the secondary navigation is covered by the main element */
  z-index: 1;
  width: 260px;
  background-color: #242e30;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#cd-lateral-nav a {
  display: block;
  line-height: 2em;
  padding: 0 16px 0 32px;
  color: #aab5b7;
}
#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #FFF;
}

@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  /* this is the right arrow to show that the item has a submenu  */
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:44px;height:44px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}


/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	width:80%;
	margin: 0 auto;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	/*background:#f6f6f6;*/
	white-space:nowrap;
}


.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}
.qn_test{margin-top: 30px;}
.str_wrap a{position: relative}
.str_wrap a h3{position: absolute;bottom:3px;left: 0;right: 0;font-size: 14px;font-weight: normal;background: rgba(0,0,0,0.7);color:#fff;display: block;text-align: center;}