body{background-color:#fff;color: #000;font-size: 14px;line-height: 26px;}
a{color: #000;}
a:hover{color:#185fb7;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.main-color{color:#185fb7}
h1{font-size:26px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:16px}

ul{padding: 0;margin: 0;}

.pro-des{display: inline-block;width: 100%;}
/*common*/
.top-bar{font-size:12px;color: #555;background-color: #f0f7ff;position:relative;z-index:101;/* padding: 13px 0; */line-height: 35px;height: 35px;overflow: hidden;}
.top-bar .top-bar-left{display:inline-block;float:left;font-size: 13px;width: 52%;}
.top-bar .top-bar-right{display:inline-block;float:right;}
.top-bar .top-bar-right .bar-right-ico { padding:0 0 0 20px; background-repeat:no-repeat; background-position: 0 2px; }
.top-bar .top-bar-right li{float:left;line-height: 35px;display: inline-block;width: inherit;}
.top-bar li{float:left;line-height: 35px;display: block;width: 100%;}
.top-bar a {color:#555;margin: 0 12px;font-size: 12px;text-transform:uppercase;}
.top-bar a img{margin-right:7px;height: 20px;}
.top-bar a:hover {color:#014189;}

.top-main{background-color: #ffffff;height: 66px;padding: 27px 0;}
.top-main .logo{
    padding: 0;
}
.top-main .logo img{height: 65px;}
.top-main .logo p img{height:2px;padding-right: 8px;}
.top-main .logo a{display:inline-block;float: left;}
.top-main .logo p{float:left;color: #333;font-size: 24px;font-weight:bold;line-height: 29px;margin-top: 21px;letter-spacing: 1px;}
.top-main .logo p strong{color: #dc2420;font-size: 32px;}
.top-main .top-tel{margin-top: -3px;}
.top-main .top-tel img{float: left;height: 42px; margin-top: 15px;}
.top-main .top-tel p{color: #8a8a8a;font-size: 13px;float: left;margin-left: 10px;}
.top-main .top-tel p em{display:block;font-style:normal;font-family:"impact";color:#dc2420;font-size: 22px;}
.top-main .top-tel p em b{font-weight: 500;letter-spacing: 0.2px;}

.top-nav{background:#185fb7}
.main-nav{ _float:left; }
.sf-menu{line-height:1.0;}
.sf-menu, .sf-menu * {margin:0;	padding:0;list-style:none;}
.sf-menu span { font-weight:normal; }
.sf-menu em { font-style:normal; }
.sf-menu li{float:left;position:relative;}

/*1*/
.sf-menu li {margin-left: 1px;background-color:transparent;display: block;}
.sf-menu a{display:block;border:none;padding-bottom:0;}
.sf-menu .first-level{line-height: 50px;padding: 0 38px;height: 50px;color: #fff;}
.sf-menu .first-level em{font-size: 12px;font-family: Helvetica;color: #fff;display: block;line-height: normal;position: relative;top: 50px;-webkit-transform: scale(0.8);text-align: right;}
.sf-menu .first-level span{position: relative;font-size: 15px;}
.sf-menu li.current, 
.sf-menu li.current .first-level,
.sf-menu li.current .first-level:visited{ color: #fff;background: #004294;}
.sf-menu li.current .first-level em{ color:#fff; }
.sf-menu li:hover,.sf-menu li.nav-hover{background-color: #004294; color: #fff;}
.sf-menu li:hover .first-level em,.sf-menu li:hover .first-level span,
.sf-menu li.nav-hover .first-level em,.sf-menu li.nav-hover .first-level span{ color: #fff; }
.sf-menu .first-level .sf-sub-indicator {display: none;top:3em;}
/*2*/
.sf-menu ul{position:absolute;top:-999em;width:190px;z-index:999;}
.sf-menu ul li{width:100%;}
.sf-menu ul li a{ color:#fff}
.sf-menu ul li span.second-level{font-size: 14px;width:100%;padding:15px 0 15px 20px; top:0;display: block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul { top:56px;}
.sf-menu ul li { margin-left:0; background-color:#004294; border-right:none;color:#fff;}
.sf-menu ul li:hover, 
.sf-menu li.sfHover li.sfHover,
.sf-menu li.sfHover li.sfHover > a,
.sf-menu ul li a:focus, 
.sf-menu ul li a:hover, 
.sf-menu ul li a:active { background-color:#dc2420;color:#fff}
.sf-menu li.last{border-right:none;}

.serch-m{padding: 15px 0 0 0;text-align: center;float: left;width: 100%;}
.serch-m .inputc{border:none;background-color: #dbdbdb;height: 27px;line-height: 30px;padding: 3px 5px;color: #fff;border-radius: 2px 0 0 2px;width: 76%;}
.serch-m .inputb{border: none; height: 33px; padding: 0 10px; border-radius: 0 2px 2px 0; background: #575757; color: #fff; font-size: 16px;width: 18%;}
.serch-m input::-webkit-input-placeholder {color:#333;}  
.serch-m input::-moz-placeholder{color:#333;}  
.serch-m input::-moz-placeholder {color:#333;}  
.serch-m input::-ms-input-placeholder {color:#333;}

.touch-top {display: block;background: #ffffff;}
.touch-top .touch-logo {margin:0;float: left;padding: 10px 0; */;}
.touch-top .touch-logo img { height:50px; display:block; }
.touch-top .touch-navigation { display:block; float: right;}
.touch-toggle li {float:left;height:70px;/* padding: 0 10px; */text-align:center;border:none;}
.touch-toggle li a { display:block; font-size:12px; height: 70px;}	
.touch-toggle li i {display:inline-block;width: 50px;height:32px;overflow:hidden;margin-top:20px;font-size: 23px;line-height: 32px;color: #272727;}
.touch-toggle li span { display:none; text-align:center; }

.drawer-section { background-color: #1a1a1a; padding: 20px; display:none; }	
.drawer-section-menu {padding:20px 20px 35px;overflow\: inherit;overflow: hidden;}
.touch-language li { width:49.9%; float:left; }
.touch-language li a { display:block; padding:7px 0 7px 5px; color:#fff; font-size: 16px;height: 25px;      line-height: 25px;}	
.touch-language li a:hover, .touch-language li a:active { background-color:#185fb7; }	
.touch-menu{float:left;overflow:hidden;width: 100%;}
.touch-menu ul li {position:relative;border-bottom: 1px solid #373a3d;width: 100%;}
.touch-menu ul li a { color:#fff; display:block; font-size: 16px; height: 48px; line-height: 48px; padding-left:10px; }
.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#121212; }	
.touch-menu ul li i { position:absolute; top: 3px; right:5px; display:block; width: 30px; height: 28px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; font-size: 19px;color: #fff;}
.touch-menu ul ul { display:none; margin:0; padding: 0 20px 15px 20px; }
.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; }
.touch-menu ul ul li a { padding:0; padding-left:5px; font-size: 16px; height: 38px; line-height: 38px; }		
.touch-menu ul ul li i { top:13px; }


/* pc-slider*/
.index-slider{ width:100%; height: 570px; overflow:hidden; position:relative;}
.index-slider .hd{clear:both;position:absolute;z-index:2;bottom: 24px; text-align:center;display: block;margin: 0 auto;width: 100%;}
.index-slider .hd ul{ display:inline-block;_display:inline;_zoom:1;}
.index-slider .hd ul li{display: inline-block;margin: 0 5px;width: 37px;height: 7px;background: #014189;font-size: 0;vertical-align: middle;}
.index-slider .hd ul li.on{background: #dc2420;}
.index-slider .bd{ position:relative; height:570px; z-index:0;   }
.index-slider .bd ul{margin:0;width: 100% !important;}
.index-slider .bd li{zoom:1;vertical-align:middle;width: 100% !important;height: 570px;}
.index-slider .bd li a{width:100%; height:570px;background-position: top center;background-repeat:no-repeat;display:block;background-size: auto 100%;text-indent: -999em;}
.index-slider .prev{ position:absolute; left:3%; top:45%; margin-top:-25px;width: 64px; height: 64px;filter:alpha(opacity=30);opacity:0.6;transition:all 0.3s;}
.index-slider .next{ position:absolute; right:3%; top:45%;  width: 64px; height: 64px;filter:alpha(opacity=30);opacity: 0.6;transition:all 0.3s;}
.index-slider .next:hover,.index-slider .prev:hover{filter:alpha(opacity=100);opacity:1;}
.index-slider i{font-size: 24px;width:40px;height:40px;border-radius: 5px;border: 1px solid #fff;padding: 12px;color: #fff;}


/*m-slider*/
.index-focus{ width:100%;margin:0 auto; position:relative; overflow:hidden;}
.index-focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom: 12px; text-align:center;  }
.index-focus .hd ul{ display:inline-block; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; vertical-align:top;margin: 0;}
.index-focus .hd ul li{display: inline-block;margin-left: 7px;width: 12px;height: 12px;border-radius: 50%;background: #ccc;font-size: 0;vertical-align: middle;float: left;}
.index-focus .hd ul .on{background: #185fb7;}
.index-focus .bd{ position:relative; z-index:0; }
.index-focus .bd ul{margin:0;padding:0;}
.index-focus .bd li img{ width:100%; background:url(../images/loading.gif) center center no-repeat;  }
.index-focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);display: block;}

/*footer*/
.footer{overflow: hidden;background-color: #282b2d;}
.footer a{color: #d6d6d6;margin-right: 5px;display: inline-block;}
.footer a:hover{color:#fff}

.footer_box{background:#282b2d;border-bottom: 1px solid #282b2d;display: inline-block;}
.line_top_box{width: 100%;float: left;border-bottom: 1px solid #5a5a5a;margin-top: 8px;text-align: center;}
.line_top_box ul{display:inline-block;width: 84%;}
.line_top_box li{margin: 0 2%;float: left;padding: 27px 0 18px 0;width: 21%;text-align: center;}
.line_top_box img{float: left;width: 30px;height: 30px;}
.line_top_box p{font-size: 15px;float: left;color: #afafaf;text-align: center;padding-left: 15px;line-height: 30px;}
.line_top_box a:hover p{color:#fff}

.line_bottom{width: 96%;margin: 30px auto 20px auto;float:left;color: #d6d6d6;padding: 0 3%;}
.line_bottom ul{width:100%;display:inline-block}
.line_bottom li:nth-child(1){width: 27%;/* float: left; *//* padding-right: 8%; */}
.line_bottom li:nth-child(3){width: 25%;float: right;margin-right: 0;}
.line_bottom li{width: 36%;float: left;margin-right: 6%;}
.line_bottom li h6{font-size: 15px;line-height: 45px;margin: 0;}
.botcon{font-size: 13px;width: 100%;display: inline-block;}
.botcon a{margin-right: 26px;display: inline-table;}
.botcon dl{line-height: 30px;float: left;width: 100%;}
.botcon dl dt{float: left;margin-right: 3%;width: 17%;}
.botcon dl dd{float: left;width: 64%;}
.botcon dl:nth-child(3) img{
    margin-bottom: 29px;
    margin-right: 14px;
}
.botcon dl dd img{float:left;margin-top: 8px;}
.botconimg{width: 100%;overflow: hidden;}
.botconimg .botpp{
    width: 42%;
    /* background:#fff; */
    /* padding: 2%; */
    float:left;
    margin-right: 9%;
    text-align: center;
}
.botconimg .botpp img{
    border-radius: 3px;
    padding: 3%;
    background: #fff;
    max-width: 94%;
}
.botconimg .botpp em{font-style:normal;width: 100%;display: block;}
.botconimg .botpp:nth-child(2){margin-right:0}

.footer .flink{overflow:hidden;float: left;height: 27px;width: 88%;display: inline-block;color: #d6d6d6;padding: 0 6%;margin: 16px 0;}
.footer .flink a{margin-left:10px;}
.footer .footer-copy{color: #909090;font-size: 13px;margin: 0 auto;height: 60px;text-align: center;font-size: 13px;line-height: 60px;background: #171a1c;}
.footer-copy .copyright a{color: #909090;margin-left: 0;}
.footer-copy .copyright a:hover{color:#fff}


@media (max-width:767px){
.footer .footer-copy{line-height: 24px;}
.line_top_box ul{width: 100%;}
.line_top_box li{margin: 0 1%;float: left;padding: 6px 0;width: 48%;text-align: center;}

.line_bottom{width: 96%;margin: 15px auto;padding: 0 3%;}
.line_bottom li:nth-child(1){width: 100%;/* float: left; */}
.line_bottom li:nth-child(3){width: 100%;float: left;/* margin-right: 0; */}
.line_bottom li{width: 100%;float: left;margin-right: 0;}
.line_bottom li h6{font-size: 15px;line-height: 45px;margin: 0;}
.botcon dl dt{float: left;margin-right: 1%;width: 24%;}
.botcon dl dd{float: left;width: 75%;}
}
@media(min-width:768px) and (max-width:991px){
.line_bottom{width: 96%;margin: 15px auto;padding: 0 3%;}
.line_bottom li:nth-child(1){width: 100%;/* float: left; */}
.line_bottom li:nth-child(3){width: 100%;float: left;/* margin-right: 0; */}
.line_bottom li{width: 100%;float: left;margin-right: 0;}
.line_bottom li h6{font-size: 15px;line-height: 45px;margin: 0;}
.botcon dl dt{float: left;margin-right: 1%;width: 10%;}
.botcon dl dd{float: left;width: 75%;}
}
@media(min-width:992px) and (max-width:1366px){
.line_bottom{width: 100%;margin: 30px auto 20px auto;float:left;color: #d6d6d6;padding: 0;}
.line_bottom li:nth-child(1){width: 25%;/* float: left; *//* padding-right: 8%; */}
.line_bottom li:nth-child(3){width: 25%;float: right;margin-right: 0;}
.line_bottom li{width: 35%;float: left;margin-right: 5%;}
}





.footer-mobile-nav{display: block;position: fixed;height: 60px;width: 100%;left: 0;bottom: 0;box-sizing: border-box;z-index: 9;background: #1A1A1A;color: #FFFFFF;font-size: 13px;}
.footer-mobile-nav .m-nav-menu{width: 100%;height: 60px;}
.footer-mobile-nav .m-nav-menu li{float: left;display: inline-block;width: 25%;height: 54px;text-align: center;padding: 3px 0;}
.footer-mobile-nav .m-nav-menu li a{overflow: hidden;display: block;margin-top: 0;}
.footer-mobile-nav .m-nav-menu li .iconfont{color: #fff;font-size: 29px;display: inline-block;margin-top: 3px;}
.footer-mobile-nav .m-nav-menu li .m-nav-text{line-height: 20px;color: #fff;margin-top: -3px;}
.footer-mobile-nav .m-nav-menu li.current{background-color: #185fb7;}
.footer-mobile-nav .m-nav-menu li.current .iconfont,.footer-mobile-nav .m-nav-menu li.current .m-nav-text{color:#fff}

.gotop-wrapper { position:fixed; bottom:50px; right:15px; z-index:1001; background-color:rgba(0,0,0,0.3); background-color:#969696\9; }
.gotop-wrapper:hover { background-color:rgba(0,0,0,0.6); background-color:#6d6d6d\9; } 
.gotop-wrapper a { display:none; _display:none !important;width:55px; height:55px; overflow:hidden;text-align: center;}
.gotop-wrapper i{color: #fff;font-size: 36px;line-height: 55px;}

.content-title{text-align:center;display:block;width: 100%;}
.content-title h2{line-height:40px;font-weight: bold;font-size: 24px;color:#014189;padding: 0;margin-top: 0px;letter-spacing: 2px;}
.content-title p{font-size: 14px;color: #333;line-height: 20px;letter-spacing: 1px;}


@media (max-width:767px){
.content-title h2{line-height: 35px;font-size: 22px;}
.content-title p{font-size: 14px;}

}
@media(min-width:768px) and (max-width:991px){
.content-title h2{line-height:40px;font-size: 27px;}
.content-title p{font-size: 14px;}

}
#chatnb{position: fixed;right: 0;top: 260px;z-index: 2000;}
#chatnb a{-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;}
#chatnb a{width:66px;height: 66px;background-color: #185fb7;color: #FFF;background-position:center 10px;background-repeat:no-repeat;float:right;clear:both;margin-bottom: 1px;text-align: center;}
#chatnb a i{width: 34px;height: 40px;display: inline-block;font-size: 28px;margin: 3px 16px 0px 16px;line-height: 40px;}
#chatnb a p{width:100%;text-align:center;line-height: 18px;}
#chatnb a:hover{border-right:15px #666 solid;}
#chatnb .cc4{width:66px;background-position:center 10px;color:#fff;text-align:center;position:relative;background-color: #666;}
#chatnb .cc4 i{font-size: 30px;line-height: 42px;}
#chatnb .cc4 span{position:absolute;right:10px;top:0;line-height:66px;color:#fff;font-size: 22px;z-index:10;height:66px;width:175px;background-color: #666;display:none;}
#chatnb .cc4:hover{background-position:23px 10px;text-align:left;text-indent:10px;width:200px;background-image:none;color: #666;border-right: 15px #666 solid;}
#chatnb .cc4:hover span{display:block;color:#fff;} 
/*common*/

/*serch*/
.search{background: #f0f7ff;width: 100%;height: 35px;padding: 10px 0;}
.search-keywords{font-size:14px;line-height: 35px;}
.serch-keywords strong{color:#333}
.search-keywords a{margin-right:17px;color: #666;}
.search-keywords a:hover{color:#185fb7}
.search-input{}
.search-input .inputc{box-sizing: border-box;width: 285px;height: 35px;line-height: 26px;border: none;float: left;padding: 5px 40px 5px 15px;border-radius: 13px;background: url(../images/ser1.png) no-repeat left center;}
.search-input .inputb{border: 0;background: url(../images/ser2.png) no-repeat -13px 0;width: 100px;height: 35px;float: left;margin-left: -35px;cursor: pointer;text-indent:-999em}


.casevideo{width: 100%; overflow: hidden; background: #000;}
.video-left{width: 68%; float: left; background: #000; padding: 2%;}
.video-right{width: 28%; float: right; background: #2d2d2d;}
.video-right .video-tit{width: 100%; background: #262626;}
.video-right .video-tit em{font-style:normal;width: 50%;text-align: center;color: #3386ed;line-height: 40px;display: inline-block;font-size: 16px;border-bottom: 2px solid #3386ed;}
.video-right .video-list{padding: 6% 9%; overflow: hidden;}
.video-right .video-list li{width: 100%; float: left; margin: 4% 0;}
.video-right .video-list li img{width: 39%; float: left;}
.video-right .video-list li .titv01{width: 53%;float: right;font-size: 13px;color: #fff;height: 26px;overflow: hidden;}
.video-right .video-list li .titv02{float: right;font-size: 12px;color: #9f9f9f;width: 53%;line-height: 20px;height: 40px;overflow: hidden;}


@media (max-width:767px){
.video-left{width: 96%;padding:0;padding: 2%;}
.video-right{width:100%;}
.video-right .video-list{padding: 3% 5%;}
.video-right .video-list li{ margin: 2% 0;}
}
@media(min-width:768px) and (max-width:991px){
.video-left{width: 96%;padding:0;padding: 2%;}
.video-right{width:100%;}
.video-right .video-list{padding: 3% 5%;}
.video-right .video-list li{ margin: 2% 0;}
}




.proo-con{position:relative;}
.proo-con .prev,.proo-con .next{position:absolute;top: 28%;display:inline-block;width: 30px;height: 105px;-ms-transition-duration: 0s;transition-duration: 0s;z-index:99;cursor:pointer;line-height: 105px;}
.proo-con .prev .iconfont,.proo-con .next .iconfont{font-size: 26px;}
.proo-con .prev{left: 0;color: #ddd;border: 1px solid #ddd;border-radius: 3px;text-align: center;}
.proo-con .next{right: 0;color: #e1e1e1;border: 1px solid #e1e1e1;border-radius: 3px;text-align: center;}
.proo-con .prev:hover,.proo-con .next:hover{border: 1px solid #185fb7;color: #185fb7;}
.proo-con .bd{overflow:hidden;position: relative;margin: 0 4%;width: 92%;}
.prooList{position:relative;}
.prooList dl{width: 20%;float:left;}
.prooList dl dt{margin: 0 6px;}
.prooList dl .produ{border: 1px solid #ddd;width: 94%;margin: 0 3%;}
.prooList dl .produ:hover{border: 1px solid #185fb7;}
.prooList dl dd{text-align:center;font-size: 16px;line-height: 40px;font-weight: bold;margin-top: 15px;height: 40px;}
.prooList dl:nth-child(2n) .produ{background:#f8fdff}
.prooList dl:nth-child(2n+1) .produ{background:#fff8f8}

@media (max-width:767px){
   .proo-con .prev,.proo-con .next{width: 20px;height:85px;line-height: 85px;top: 20%;}
   .proo-con .prev .iconfont,.proo-con .next .iconfont{font-size: 18px;}
   .proo-con .bd{overflow:hidden;position: relative;margin: 0 8%;width: 82%;}
   .prooList dl{width: 50%;float:left;}
   .prooList dl dt{margin: 0 6px;}
}
@media(min-width:768px) and (max-width:991px){
	.proo-con .prev,.proo-con .next{width: 20px;height:85px;line-height: 85px;top: 20%;}
    .proo-con .prev .iconfont,.proo-con .next .iconfont{font-size: 24px;}

}
@media(min-width:992px) and (max-width: 1199px){
	.proo-con .prev,.proo-con .next{width: 20px;height:85px;line-height: 85px;top: 20%;}
    .proo-con .prev .iconfont,.proo-con .next .iconfont{font-size: 24px;}
}


.supdown{width:100%;float: left;overflow: hidden;}
.supdownlist{width:100%;float: left;overflow: hidden;}
.suplist{width:100%;float: left;overflow: hidden;background: #185fb7;}
.suplist .content-title h2{color:#fff;}
.suplist .content-title p{color: #fff;}


.supllist{width: 92%;overflow: hidden;margin: 0 auto;}
.supllist ul{width: 100%;margin:0 auto;}
.supllist li{width:27.33%;margin: 3% 3% 0 3%;float:left;text-align:center;}
.supllist li h5{color:#fff;font-size:18px;font-weight:bold;margin: 18px 0 10px 0;}
.supllist li p{color:#fff;/* text-indent:2em; */margin-top: 20px;}
.supfaq{width:100%;float: left;overflow: hidden;}
.supfaqlist{width:100%;float: left;overflow: hidden;}

.suppic{width: 32%;float: left;}
.supright{width: 68%;float: left;}
.supright li{overflow: hidden;float: left;width: 100%;/* margin-left: 4%; *//* line-height: 57px; *//* height: 57px; *//* display: inline-flex; *//* background: #185fb7; *//* margin-bottom: 18px; */}
.supright li a{float: left;width: 46%;margin-left: 4%;line-height: 57px;height: 57px;display: table-column;background: #185fb7;margin-bottom: 18px;}
.supright li a:nth-child(2n){float:right;}
.supright li p{color: #fff;line-height: 57px;float: left;padding: 0 9px;}
.supright li em{background: url(../images/dianji.jpg) no-repeat;background-size: 100%;float: left;width: 76px;height: 57px;}
.supright .hd li{width:10px;height:10px;text-indent:-99em;}
.supright .hd li.on{background:red}

@media (max-width:767px){
.suppic{display:none}	
.supright{width: 100%;}
.supright li a{width: 100%;margin-left:0;}
.supllist li{width:100%;margin:5% 0 0 0;}
.supllist li h5{font-size:14px;margin: 8px 0 5px 0;}
.supllist li p{margin-top:10px;}
}
@media(min-width:768px) and (max-width:991px){
.suppic{display:none}	
.supright{width: 100%;}
.supllist ul{width:100%;margin:0 auto;}
.supright li a{margin:0 2% 2% 2%}
}
@media(min-width:992px) and (max-width: 1199px){
.suppic{display: block;}	
.supright{/* width: 49%; */}
.supllist ul{width:100%;margin:0 auto;}
.supright li{margin:0 2% 2% 2%;width: 98%;}
.supright01{width: 49%;}
.supllist01 ul{width:48%;margin:0 auto;}
.supright01 li{margin:0 2% 2% 2%;width: 98%;}
}

.contactlist{}
.contactlist li{width: 16.5%;margin: 1%;float: left;text-align: center;border: 1px solid #ddd;padding: 3%;}
.contactlist li:hover{border: 1px solid #185fb7;}
.contactlist li img{width:92px;}
.contactlist li h6{font-size:14px;font-weight:bold;}
.contactlist li p{line-height: 20px;height: 40px;overflow: hidden;}

@media (max-width:767px){
.contactlist li{width: 43%;margin: 1%;padding: 2%;}
.contactlist li img{width:72px;}
}
/*index-products*/
.products{width: 100%;overflow: hidden;}
.pro_list{text-align: center;width: 100%;overflow: hidden;}
.pro_list ul{display: inline-block;}
.pro_list ul li{line-height: 35px;float: left;display: block;}
.pro_list ul li a{padding: 0 14px;border: 1px solid #ddd;margin: 0 6px;font-size: 14px;display: inline-block;position: relative;z-index: 1;}
.pro_list ul li a:hover{border: 1px solid #185fb7;color:#000;}
.pro_list ul li em{width: 9px;height:5px;background: url(../images/xiasanjiao.jpg) top center no-repeat;z-index: 5;display: inline-block;position: absolute;bottom: -5px;left: 45%;display: none;}
.pro_list ul li.on a{border: 1px solid #185fb7;color:#000;}
.pro_list ul li.on em{display: block;}
.pro_list ul li a:hover em{display: block;}
.pro_pic{width: 100%;overflow: hidden;}
.pro_pic ul{width: 103%;overflow: hidden;}
.pro_pic li{width: 22%;margin: 0 3% 1% 0;float: left;}
.pro_pic li div{border: 1px solid #ddd;display: inline-block;float: left;}
.pro_pic li:hover div{border: 1px solid #185fb7;}
.pro_pic li:hover a{color:#185fb7;}
.pro_pic li p{text-align: center;line-height: 40px;font-size: 13px;color:#333;float: left;width: 100%;height: 40px;overflow: hidden;}

.pro_pic01{width: 100%;overflow: hidden;}
.pro_pic01 ul{width: 102%;overflow: hidden;}
.pro_pic01 li{width: 18%;margin: 0 2% 1% 0;float: left;}
.pro_pic01 li div{border: 1px solid #ddd;display: inline-block;float: left;}
.pro_pic01 li:hover div{border: 1px solid #185fb7;}
.pro_pic01 li:hover a{color:#185fb7;}
.pro_pic01 li p{text-align: center;line-height: 40px;font-size: 13px;color:#333;float: left;width: 100%;height: 40px;}


.pro_pic02{width: 96%;overflow: hidden;margin: 0 2%;}
.pro_pic02 ul{width: 100%;overflow: hidden;}
.pro_pic02 li{width: 100%;margin: 0 0 1% 0;float: left;}
.pro_pic02 li div{border: 1px solid #ddd;display: inline-block;float: left;}
.pro_pic02 li:hover div{border: 1px solid #185fb7;}
.pro_pic02 li:hover a{color:#185fb7;}
.pro_pic02 li p{text-align: center;line-height: 40px;font-size: 13px;color:#333;float: left;width: 100%;height: 40px;}



.ggbanner{background:#185fb7;display: inline-block;width: 100%;}

@media (max-width:767px){
.height40{width: 100%;display: block;height: 20px;line-height: 20px;}
.height30{width: 100%;display: block;height: 15px;line-height: 15px;}
.height10{width: 100%;display: block;height: 5px;line-height: 5px;}
.pro_list ul li{line-height: 30px;}
.pro_list ul li a{padding: 0 10px;margin: 0 5px;font-size: 14px;margin-top: 5px;}
.pro_pic li{width: 47%;margin: 0 3% 1% 0;}
.pro_pic li p{line-height:35px;height: 35px;}
.pro_pic01 li{width: 47%;margin: 0 3% 1% 0;}
.pro_pic01 li p{line-height:35px;height: 35px;}
.pro_pic02{width:100%;margin: 0;}
.pro_pic02 ul{width:102%}
.pro_pic02 li{width: 48%;margin: 0 2% 1% 0;float: left;}

.search{display:none}
.ggbanner{/* padding: 0; */}
}
@media(min-width:768px) and (max-width:991px){
.pro_list ul li{line-height: 30px;}
.pro_list ul li a{padding: 0 10px;margin: 0 5px;font-size: 16px;margin-top: 5px;}
.search{display:none}
}


.honolist{background: #f0f7ff;}

.outaacon{width: 94%;overflow: hidden;margin: 2% auto;}
.outaacon .outaapic{ width: 48%;}
.outaacon .outpp{ width: 48%;margin-top: 20px;}
.outaacon .outpp p{text-indent: 2em;font-size: 14px;line-height: 30px;}

@media (max-width:767px){
.outaacon .outaapic{ width: 100%;}
.outaacon .outpp{ width: 100%;margin-top: 0;}	
}


.adv-index{width: 100%;overflow: hidden;}
.adv_top{background: url(../images/ys_top.jpg) no-repeat bottom center;font-size: 20px;color: #fff;font-weight: 100;text-align: center;height: 142px;padding-left: 87px;letter-spacing: 3px;}
.adv_top h4{font-size: 34px;font-weight: bold;color: #0066cb;line-height: 63px;letter-spacing: 0;margin: 0;}
.adv_content{width: 100%;display: inline-block;}
.adv_pic{width: 49%;text-align: center;}
.adv_con{width: 49%;}

.zys{margin: 0 0 30px 0;overflow: hidden;}
.zys h2{font-size: 21px;color: #fff;padding-left: 100px;padding-top: 3px;margin-bottom: 20px;padding-bottom: 0;line-height: 28px;height: 73px;}
.zys h2 i{font-size:12px;font-weight:100;font-style:normal;text-transform: uppercase;line-height: 28px;height: 22px;overflow:hidden;width: 100%;display: inline-block;margin-top: 5px;}
.zys p{font-size: 14px;color: #333;background: url(../images/list_ico.gif) no-repeat 0px 7px;padding-left: 22px;line-height: 26px;margin-left: 82px;margin-top: 4px;list-style: none;}
.zys p span{color:#dc2420;}
.ys1 h2{background:url(../images/01.jpg) no-repeat left top #0066cb;}
.ys2 h2{background:url(../images/02.jpg) no-repeat left top #0066cb;}
.ys3 h2{background:url(../images/03.jpg) no-repeat left top #0066cb;}
.ys4 h2{background:url(../images/04.jpg) no-repeat left top #0066cb;}



@media (max-width:767px){
.adv_top{font-size: 16px;height: 108px;padding-left: 0 !important;letter-spacing: 3px;}
.adv_top h4{font-size: 19px;line-height: 26px;}
.adv_pic{width: 100%;}
.adv_con{width: 100%;}
.zys{margin: 0 0 22px 0;}
.zys h2{font-size: 16px;padding-top: 3px;margin-bottom: 10px;padding-left: 87px;line-height: 24px;}
.zys h2 i{line-height: 35px;}
.zys p{font-size: 14px;padding-left: 22px;line-height: 24px;margin-left: 1px;margin-top: 4px;}
}
@media(min-width:768px) and (max-width:991px){
.adv_pic{width: 100%;}
.adv_con{width: 100%;}
.zys{margin: 0 0 22px 0;}
.zys h2{font-size: 21px;padding-top: 3px;margin-bottom: 12px;}
.zys li{font-size: 14px;padding-left: 22px;line-height: 24px;margin-left: 82px;margin-top: 4px;}
}
@media(min-width:992px) and (max-width:1200px){
.zys{margin: 0 0 22px 0;}
.zys h2{font-size: 21px;padding-top: 3px;margin-bottom: 12px;}
.zys li{font-size: 14px;padding-left: 22px;line-height: 24px;margin-left: 82px;margin-top: 4px;}
}

/*index-aboutus*/
.aboutus{width: 100%;overflow: hidden;background: #f0f7ff;}
.aboutus-con{overflow: hidden;}
.aboutus-left{float:left;width: 43%;}
.aboutus-right{float: left;width: 55%;margin-left:2%;}
.aboutus-right .aboutus-tit{margin-bottom: 19px;padding-top: 5px;}
.aboutus-right .aboutus-tit h3{font-size:16px;font-weight:bold;margin: 0;padding: 0;line-height: 33px;}
.aboutus-right .aboutus_p{line-height: 24px;/* margin-bottom:50px; */text-indent: 2em;}
.c_more{color:#fff;padding: 4px 35px;margin-right:8px;float: left;background:#0c3388;}
.v_more{color:#fff;padding: 4px 35px;margin-right:8px;float: left;background:#ed8200;}
.a_more{color:#fff;padding: 10px 9px 9px 9px;margin-right:8px;/* float: left; */background: #185fb7;font-size: 21px;line-height: 21px;border-radius: 3px;display: inline-block;}
.a_more i{
    font-size: 38px;
    margin-top: 4px;
    float: left;
    margin-right: 4px;
}
.c_more:hover{background: #2d62d4;color:#fff;}
.v_more:hover{background: #ff9b21;color:#fff;}
.a_more:hover{background: #ff9b21;color:#fff;}
@media (max-width:767px){
.aboutus-left{width: 100%;}
.aboutus-right{width: 100%;margin-left:0%;}
.aboutus-right .aboutus-tit{margin-bottom: 10px;padding-top: 14px;}
.aboutus-right .aboutus-tit h3{font-size: 15px;font-weight:bold;line-height:32px;line-height: 26px;}
.aboutus-right .aboutus_p{line-height: 23px;margin-bottom: 10px;}
.aboutus-right  a{color:#fff;padding: 0px 20px;}
}
@media(min-width:768px) and (max-width:991px){
.aboutus-left{width: 100%;}
.aboutus-right{width: 100%;margin-left:0%;}
.aboutus-right .aboutus-tit{margin-bottom: 15px;padding-top: 11px;}
.aboutus-right .aboutus-tit h3{font-size:16px;font-weight:bold;line-height:32px;line-height: 33px;}
.aboutus-right .aboutus_p{line-height: 24px;margin-bottom:30px;}
.aboutus-right  a{color:#fff;padding: 5px 30px;}
}
@media(min-width:992px) and (max-width: 1199px){
.aboutus-right .aboutus-tit{margin-bottom: 10px;padding-top: 0;}
.aboutus-right .aboutus-tit h3{font-size:15px;line-height:26px;line-height: 26px;}
.aboutus-right .aboutus_p{line-height: 24px;margin-bottom: 10px;}
.aboutus-right  a{color:#fff;padding: 3px 24px;}

}


@media (max-width:767px){
.c_more{color:#fff;padding: 0px 20px;}
.v_more{color:#fff;padding: 0px 20px;}
.a_more{color:#fff;padding: 11px 12px;}
}
@media(min-width:768px) and (max-width:991px){
.c_more{color:#fff;padding: 5px 30px;}
.v_more{color:#fff;padding: 5px 30px;}
.a_more{color:#fff;padding: 10px 19px 9px 9px;}
}
@media(min-width:992px) and (max-width: 1199px){
.c_more{color:#fff;padding: 3px 24px;}
.v_more{color:#fff;padding: 3px 24px;}
.a_more{color:#fff;padding:10px 19px 9px 9px;}
}











.seiv-adv-con{position:relative;}
.seiv-adv-con .prev,.seiv-adv-con .next{position:absolute;top: 37%;display:inline-block;width: 45px;height: 45px;-ms-transition-duration: 0s;transition-duration: 0s;z-index:99;cursor:pointer;line-height: 45px;}
.seiv-adv-con .prev .iconfont,.seiv-adv-con .next .iconfont{font-size: 26px;}
.seiv-adv-con .prev{left: 0;color: #185fb7;border: 1px solid #185fb7;border-radius: 50%;text-align: center;}
.seiv-adv-con .next{right: 0;color: #185fb7;border: 1px solid #185fb7;border-radius: 50%;text-align: center;}
.seiv-adv-con .prev:hover,.seiv-adv-con .next:hover{opacity:0.7}
.seiv-adv-con .bd{overflow:hidden;position: relative;margin: 0 7%;width: 86%;}
.seivList{position:relative;}
.seivList dl{width: 20%;float:left;}
.seivList dl dt{margin: 0 6px;}
.seivList dl dt img{border: 1px solid #ededed;}
.seivList dl dt img:hover{border: 1px solid #42a5f5;}
.seivList dl dd{text-align:center; font-size:14px; line-height:50px;}

@media (max-width:767px){
   .seiv-adv-con .prev,.seiv-adv-con .next{top: 37%;width:30px;height: 30px;background-size: 100%;line-height: 30px;} 
   .seiv-adv-con .prev .iconfont,.seiv-adv-con .next .iconfont{font-size: 18px;}
   .seiv-adv-con .bd{overflow:hidden;position: relative;margin: 0 8%;width: 82%;}
   .seivList dl{width: 50%;float:left;}
   .seivList dl dt{margin: 0 6px;}
}
@media(min-width:768px) and (max-width:991px){
.seiv-adv-con .prev,.seiv-adv-con .next{width: 40px;height: 40px;background-size: 100%;line-height: 40px;}
.seiv-adv-con .prev .iconfont,.seiv-adv-con .next .iconfont{font-size: 24px;}

}
@media(min-width:992px) and (max-width: 1199px){
.seiv-adv-con .prev,.seiv-adv-con .next{width: 40px;height: 40px;background-size: 100%;line-height: 40px;}
.seiv-adv-con .prev .iconfont,.seiv-adv-con .next .iconfont{font-size: 24px;}
}

/*index-case*/
.case{width: 100%;overflow: hidden;}
.case_pic{width: 100%;overflow: hidden;}
.case_pic ul{width: 102%;}
.case_pic li{text-align: center;width: 23%;margin: 0 2% 1% 0;float: left;}
.case_pic li a{position:relative}
.case_pic li a i{position:absolute;background:url(../images/vedio.png) center no-repeat;z-index:5;width: 100%;height: 100%;left: 0;}
.case_pic li p{line-height: 40px;font-weight: bold;height: 40px;overflow: hidden;}

.case_pic01{width: 100%;overflow: hidden;}
.case_pic01 ul{width: 102%;}
.case_pic01 li{text-align: center;width: 23%;margin: 0 2% 2% 0;float: left;}
.case_pic01 li a{position:relative;border: 1px solid #ddd;padding: 2%;}
.case_pic01 li a i{position:absolute;background:url(../images/vedio.png) center no-repeat;z-index:5;width: 100%;height: 100%;left: 0;}
.case_pic01 li p{line-height: 40px;font-weight: bold;margin-top: 10px;display: inline-block;}
.case_pic01 li p a{border:none;padding: 0;line-height: 30px;width: 100% !important;float: left;height: 30px;}
.case_pic01 li.imghover a{width: 95%;}
.case_pic01 li p em{font-style:normal;width: 100%;line-height: 20px;display: inline-block;float: left;}


@media (max-width:767px){
.case_pic li{text-align: center;width:48%;margin: 0 2% 1% 0;}
.case_pic01 li{text-align: center;width:48%;margin: 0 2% 1% 0;}
}
@media(min-width:768px) and (max-width:991px){

}




/*index-newsfaq*/
.newsfaq{width: 100%;overflow: hidden;}
.home-nf{width: 100%;overflow: hidden;}
.home-news{width:60%;float: left;}
.home-news-title{height: 39px;position:relative;border-bottom: 1px solid #dadada;}
.home-news-title li{float:left;height:40px;text-align:center;font-size:16px;line-height:40px;color:#fff;cursor:pointer;margin-right: 2px;background-color:#333;padding: 0 24px;}
.home-news-title li.on{ color:#fff; background-color:#185fb7;}
.home-news-title a{ display:inline-block; float:right; font-weight:normal; text-transform:uppercase; font-size:12px; line-height:22px; margin-top:9px; position:relative; padding-right:10px;}
.home-news-title a em{ width:4px; height:7px; position:absolute; right:0; top:50%; margin-top:-3px; background:url(../images/jiao-b-2.png) no-repeat right 50%;}
.home-news-title a:hover{ color:#185fb7; padding-right:8px;}
.home-news-list{ width:100%; margin-top:20px;}
.home-news-list0{ width:100%; margin-top:20px;}
.home-news-list dl dt{width: 43%;float:left;}
.home-news-list dl dd{float:left;width: 54%;margin-left: 3%;position:relative;}
.home-news-list dl dd h3{font-weight:700;font-size:18px;line-height:30px;color:#333;padding: 0;height: 30px;overflow: hidden;}
.home-news-list dl dd p.co{font-size: 13px;line-height:24px;color:#666;padding-top:10px;height: 72px;overflow: hidden;}
.home-news-list dl dd p.time{font-size:12px;line-height: 26px;color:#888;border-bottom:1px dotted #ddd;}
 p.more{margin-top: 14px;float: left;}
 p.more a{ font-size:12px; line-height:26px; color:#fff; background-color:#185fb7; display:inline-block; padding:0 15px;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
 p.more span{ font-size:12px; line-height:26px; color:#fff; background-color:#185fb7; display:inline-block; padding:0 15px;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.home-news-list dl a:hover dd h3{ color:#185fb7; }
.home-news-list dl a:hover dd p span{ background-color:#185fb7;}
.home-news-list ul{padding-top:15px;display: inline-block;width: 102%;}
.home-news-list ul li{width: 48%;float:left;position:relative;border-bottom:1px dotted #ccc;margin-right: 2%;}
.home-news-list ul li a{font-size: 13px;line-height:44px;position:relative;display:block;padding-left:18px;height: 44px;overflow: hidden;} 
.home-news-list ul li a em{ width:11px; height:11px; position:absolute; left:0; top:50%; margin-top:-5px; background:url(../images/jiaob.png) no-repeat left bottom;}
.home-news-list ul li a:hover{color:#185fb7;margin-left:5px;}
.home-news-list ul li:nth-child(2n){margin-left:0px;}

.home-faq{width: 37%;margin-left: 3%;float: left;}
.faqMarquee{position:relative;overflow:hidden;margin-top: 20px;}
.home-faq-list dl{ padding:23px 0; border-top:1px solid #989898;}
.home-faq-list dl dt,.home-faq-list dl dd{ position:relative; padding-left:30px;}
.home-faq-list dl dt{ font-weight:700; font-size:14px; line-height:26px; color:#333;height:26px;overflow:hidden}
.home-faq-list dl a:hover dt{ color:#185fb7; text-decoration: underlines;}
.home-faq-list dl dd{ font-size:13px; line-height:23px; margin-top:0; color:#666;height:46px;overflow:hidden}
.home-faq-list dl dt span,.home-faq-list dl dd span{ position:absolute; left:0; width:22px; height:26px; }
.home-faq-list dl dt span{ top:0px; background:url(../images/faq-q.png) no-repeat left 1px;}
.home-faq-list dl dd span{ top:0px; background:url(../images/faq-a.png) no-repeat left 0px;}

.faqMarquee01{position:relative;overflow:hidden;margin-top: 20px;}
.home-faq-list01 dl{display: inline-block;width: 100%;/* margin: 0 3%; */}
.home-faq-list01 dl a{border-top: 1px solid #ddd;display: inline-block;float: left;padding: 23px 0;width: 44%;margin: 0 3%;}
.home-faq-list01 dl dt,.home-faq-list01 dl dd{ position:relative; padding-left:30px;}
.home-faq-list01 dl dt{ font-weight:700; font-size:14px; line-height:26px; color:#333;height:26px;overflow:hidden}
.home-faq-list01 dl a:hover dt{ color:#185fb7; text-decoration: underlines;}
.home-faq-list01 dl dd{ font-size:13px; line-height:23px; margin-top:0; color:#666;height:46px;overflow:hidden}
.home-faq-list01 dl dt span,.home-faq-list01 dl dd span{ position:absolute; left:0; width:22px; height:26px; }
.home-faq-list01 dl dt span{ top:0px; background:url(../images/faq-q.png) no-repeat left 1px;}
.home-faq-list01 dl dd span{ top:0px; background:url(../images/faq-a.png) no-repeat left 0px;}

@media (max-width:767px){
.home-faq-list01 dl{width: 100%;margin: 0%;}
.home-faq-list01 dl a{width:100%;margin: 0;}
}


.pro-dec-title{height: 39px;position:relative;border-bottom: 1px solid #989898;}
.pro-dec-title li{float:left;height:40px;text-align:center;font-size:16px;line-height:40px;color:#fff;cursor:pointer;margin-right: 2px;background-color:#333;padding: 0 24px;}
.pro-dec-title li.on{color:#fff;background-color:#185fb7;cursor: pointer;}
.pro-dec-title a{ display:inline-block; float:right; font-weight:normal; text-transform:uppercase; font-size:12px; line-height:22px; margin-top:9px; position:relative; padding-right:10px;}
.pro-dec-title a em{ width:4px; height:7px; position:absolute; right:0; top:50%; margin-top:-3px; background:url(../images/jiao-b-2.png) no-repeat right 50%;}
.pro-dec-title a:hover{ color:#185fb7; padding-right:8px;}
@media (max-width:767px){
.pro-dec-title{height: 33px;}
.pro-dec-title li{height: 34px;font-size:14px;line-height: 33px;padding: 0 14px;}
}

.backlist{width: 100%;display: block;margin-top: 4%;font-size:18px;color:#c40000;}
.backlist a{color:#c40000;}
.backlist a:hover{color:#c40000;}
.backlist .iconfont{color:#c40000;border: 1px solid #c40000;border-radius: 50%;text-align: center;display:inline-block;width: 30px;height: 30px;-ms-transition-duration: 0s;transition-duration: 0s;cursor:pointer;line-height: 30px;}
.backlist .iconfont{font-size: 19px;margin-right: 10px;}



.seiv-adv-con .prev{left: 0;color: #185fb7;border: 1px solid #185fb7;border-radius: 50%;text-align: center;}
.seiv-adv-con .next{right: 0;color: #185fb7;border: 1px solid #185fb7;border-radius: 50%;text-align: center;}
.seiv-adv-con .prev:hover,.seiv-adv-con .next:hover{opacity:0.7}

@media (max-width:767px){
.home-news{width:100%;}
.home-faq{width: 100%;margin-left: 0%;}

.home-news-title{height: 33px;}
.home-news-title li{height: 34px;font-size:14px;line-height: 33px;padding: 0 14px;}

.home-news-list dl dt{width: 48%;}
.home-news-list dl dd{width: 48%;margin-left: 2%;}
.home-news-list dl dd h3{font-size: 14px;line-height: 24px;height: 24px;}
.home-news-list dl dd p.co{font-size: 12px;line-height: 20px;padding-top: 6px;height: 60px;}
.home-news-list dl dd p.time{display: none;}
.home-news-list dl dd p.more{display: none;}
.home-news-list dl dd p.more span{ font-size:12px; line-height:26px;padding:0 15px;}

.home-news-list ul{padding-top: 10px;width: 100%;}
.home-news-list ul li{width: 100%;margin-right: 0;}
.home-news-list ul li a{font-size: 13px;line-height: 35px;height: 35px;} 
.home-news-list ul li a em{ width:11px; height:11px;}

.home-faq-list dl{ padding:12px 0; }
.home-faq-list dl dd{line-height:20px;height:40px;font-size:12px;}
}
.share-toolbar SPAN{float:left}

@media(min-width:768px) and (max-width:991px){
.home-news{width:100%;}
.home-faq{width: 100%;margin-left: 0%;}
.home-faq-list dl{ padding:15px 0; }
.home-faq-list dl dd{line-height:20px;height:40px;}
}

/*index-patener*/
.patener{width: 100%;overflow: hidden;background: #f0f7ff;}
.paten_pic{width: 100%;overflow: hidden;}
.paten_pic ul{width: 102%;}
.paten_pic li{text-align: center;width: 15.16%;/* margin: 0 2% 1% 0; */float: left;border: 1px solid #ddd;margin:0 5px;}
.paten_pic li a{/* position:relative; *//* border: 1px solid #ddd; *//* width: 99% !important; */}
.paten_pic li a img{width: 100%;}
.paten_pic li a i{position:absolute;background:url(../images/vedio.png) center no-repeat;z-index:5;width: 100%;height: 100%;left: 0;}
.paten_pic li p{line-height: 40px;font-weight: bold;}
@media (max-width:767px){
.paten_pic li{text-align: center;width: 30.5%;/* margin: 0 2% 1% 0; */}
}

.flink{width: 100%;overflow: hidden;padding:20px 0;}
.flink h5{font-size: 16px;font-weight: bold;float: left;line-height: 40px;color: #185fb7;margin: 0;}
.flink a{font-size: 13px;float: left;margin-right: 15px;line-height: 40px;margin-top: 1px;}

@media (max-width:767px){
.flink{display:none}
}






.listConts{width: 100%;overflow: hidden;}
.lanrenzhijia{width: 40%;height:auto;overflow:hidden;float:left;}
.lanrenzhijia p{border: 1px solid #e5e5e5;padding:3px;}
.lanrenzhijia p img{width:100%}
.proinfo{width: 53%;float:right;}

.proinfo dt{font-size:24px;height:50px;line-height:50px;border-bottom: 1px dotted #b6b6b6;}
.proinfo dd{padding:10px 0;font-size: 14px;width: 100%;}
.proinfo dd p{/* border-bottom: 1px dotted #b6b6b6; */}
.proinfo dd p strong{line-height:40px}
.proinfo dd.censd{/* text-align:center; */display: inline-block;}

.bdsharebuttonbox  span{float:left;}

@media (max-width:767px){
.lanrenzhijia{width: 100%;}
.proinfo{width: 100%;}
.proinfo dt{ font-size:18px;}
.proinfo dd{ padding:10px 0; font-size:14px;}
}
@media(min-width:768px) and (max-width:991px){
.lanrenzhijia{width: 45%;}
.proinfo{width: 53%;}
.proinfo dt{ font-size:18px;}
.proinfo dd{ padding:10px 0; font-size:14px;}
.proinfo dd p{line-height:22px;font-size:13px}
}


.contact { margin-top: 20px;  }
.contact .pic { display: block; position: relative; height: 96px; overflow: hidden; }
.contact .pic .text { position: absolute; top: 50%; margin-top: -32px; width: 80%; height: 64px; background: #a00b04; background: rgba(33, 33, 33, 0.5); line-height: 32px; }
.contact .pic .text span { display: block; padding-left: 16px; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #FFF; }
.contact .contact-list {padding: 16px 18px;border: 1px solid #ddd;background: #fff;overflow: hidden;}
.contact .contact-list li{float:left;line-height: 35px;}
.contact .contact-list li:nth-child(4) i{
    margin-bottom: 10px;
}
.contact-list i{color:#185fb7;font-size: 22px;margin-right: 5px;float: left;}




.products{width: 100%;overflow: hidden;}
.productcont{width: 100%;overflow: hidden;}
.pro-left{width: 20%;float: left;background: #efefef;}
.pro-left-title{padding: 30px 8px 30px 73px;color: #fff;font-weight: bold;background: #990003 url(../images/cate.png) 37px 35px no-repeat;font-size: 20px;}
.pro-left-list{padding: 5px 20px 30px 20px;}
.pro-left-list li{background: url(../images/lll.png) left bottom repeat-x;padding-left: 8px;}
.pro-left-list li a{display: block;padding: 14px 15px 9px 16px;line-height: normal;/* color: #333;*/background: url(../images/left-list-ircon.png) 1px 18px no-repeat;font-size: 15px;}
.pro-right{width: 78%;float: right;}
.pro-right-title{background: #efefef;padding: 18px;line-height: 25px;height: 25px;font-size: 19px;margin-bottom: 20px;}
.pro-right-title h5{margin: 0;display: inline-block;float: left;font-weight: bold;border-left: 4px solid #990006;padding-left: 12px;height: 24px;line-height: 23px;}
.pro-right-title a{background:#000;border-radius:20px;color:#fff;font-family:"simsun";font-size:14px;height: 24px;line-height: 24px;displayinline-blockn;float: right;padding: 0 16px;}
.pro-right-list ul{width: 102%}
.pro-right-list li{padding: 0 2% 2% 0;}
.pro-right-list li p{text-align: center;line-height: 43px;}


.aboutus{width: 100%;overflow: hidden;}
.about-pic{width: 41%; float: left;text-align: center;}
.about-pic img{}
.about-cont{width: 49%; float: right; background: url(../images/aboutbg.png) 0 0 no-repeat; padding: 1% 3% 2% 3%;}
.about-cont h2{font-size: 26px; font-weight: bold; letter-spacing: 2px; margin-bottom: 0;}
.about-cont h5{margin-top: 0;}
.about-cont p{line-height: 26px;}
.about-cont a{display:inline-block}
.about-cont .more{color: #1a4799; border: 1px solid #1a4799; line-height: 40px; display: inline-block; padding: 0 42px; margin-top: 25px;transition: all 0.5s ease 0s;}
.about-cont .more:hover{background:#1a4799;color:#fff}
.swiper-pagination-bullet-active{background: #fff !important;}

.music{width:20px;cursor:pointer;background: #000;      border-radius: 5px;      padding: 1px 3px;float: left;display: inline-block;}
.play{-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite;background: #000;border-radius: 5px;padding: 1px 3px;}
.dn{display:none}
.pause{display:none}

.case{width: 100%;overflow: hidden;}
.caselist{width: 100%;display: inline-block;}
.caselist ul{width: 102%}
.caselist li{padding: 0 2% 2% 0;}
.caselist li a{border: 2px solid #e4e4e4;}

.advlist{width: 100%;overflow: hidden;}
.advpic-left{width: 50%;height:240px;overflow: hidden;background:url(../images/advpic.jpg) right top no-repeat;background-size: auto 100%;}
.advpic-right{width: 50%;height:240px;overflow: hidden;background:url(../images/advright.jpg) left top no-repeat;background-size: auto 100%;}
.advpic-right a{display:block;width: 100%;height: 100%;}

.youshi{width: 100%;overflow: hidden;}
.youshititle{height:199px;background: url(../images/liyoubg.jpg) top center no-repeat;background-size: auto 100%;}
.youshicont{background: #fcfdff;}


.news{overflow: hidden;width: 100%;}
.newslist{overflow: hidden;}
.newslist .col-5{margin:5px 0}
.newslist li.newsfrist{padding: 0;overflow: hidden;margin-bottom: 15px;background: none;height: auto;}
.newslist li.newsfrist a{padding: 0;background: none;display: inline-block;float: left;line-height: 30px;height: auto;overflow: hidden;width: 30%;float: left;}
.newslist li.newsfrist img{border: 1px solid #d0d0d0;}
.newslist li.newsfrist img:hover{border: 1px solid #990006;}
.newslist li.newsfrist .news-h3{float: right;width: 67%;      }
.newslist li.newsfrist .news-h3 h3{padding: 0;width: 100%;display: inline-block;line-height: 30px;margin-bottom: 0;}
.newslist li.newsfrist .news-h3 h3 a{width: 100%;}
.newslist li.newsfrist .news-h3 p{font-size: 12px;line-height: 24px;overflow: hidden;height: 73px;}
.newslist li{background: url(../images/lll.png) left bottom repeat-x;padding-left: 8px;height: 41px;overflow: hidden;}
.newslist li a{font-size: 16px;background: url(../images/newsircon.jpg) 0px 6px no-repeat;padding-left: 28px;line-height: 41px;height: 41px;}


/*in-content*/
.about-banner{background-position: top center;width: 100%;height:350px;overflow: hidden;background-repeat: no-repeat;}
.mobile-about-banner{overflow: hidden;width: 100%;}
.mobile-about-banner img{width:100%}

.page-title-inner{background: none;/* border-bottom: 1px solid #989898; */padding: 0;/* margin-bottom: 20px; */line-height: 49px;overflow: hidden;}
.page-title{display: inline-block;float: left;}
.page-title h2{font-size:16px;font-weight:bold;padding: 0;line-height: 50px;}
.page-title-inner .breadcrumbs{padding-left: 16px;background: url(../images/icon-home.png) no-repeat left center;float: left;}
.breadcrumbs{color: #333;font-size: 14px;}
.breadcrumbs a{color: #333;font-size: 14px;}
.breadcrumbs a:hover{color:#1c79c1;text-decoration:underline;}
.breadcrumbs strong{color: #333;font-weight: normal;}

.page-title-inner01{background: none;border-bottom: 1px solid #ddd;padding: 0;margin-bottom: 20px;line-height: 50px;overflow: hidden;}

.content{overflow: hidden;}
.content-right{width: 72%;float: left;overflow: hidden;}
.content-right01{width: 70%;float: left;overflow: hidden;border: 1px solid #ddd;padding: 2% 2% 4% 2%;}
.content-sidebar{width: 21%;float: right;border: 1px solid #ddd;padding: 0 1%;}
.sidebar-title{color: #fff;font-size: 18px;font-weight: normal;background: #004294;}
.sidebar-title h3{font-size: 18px;font-weight: normal;line-height: 32px;padding: 15px 8px 15px 34px;color: #fff;font-weight: bold;}

.sidebar-cate{/* background-color: #efefef; */}
.sidebar-cate li{/* margin-bottom: 1px; */border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.sidebar-cate li a{display: block;padding: 14px 20px 14px 54px;line-height: normal;background: url(../images/left-list-ircon.png) 35px 20px no-repeat;font-size: 15px;}
.sidebar-cate li.current,.sidebar-cate li:hover{background-color: #185fb7;color: #fff;}
.sidebar-cate li.current a,.sidebar-cate li:hover a{color:#fff;background: url(../images/left-list-ircon01.png) 35px 20px no-repeat;}

.about-content{overflow: hidden;}
.about-content p{margin-bottom: 10px}

.honor-list{overflow: hidden;}
.honor-list .honor-item-img{margin-bottom: 2%;}
.honor-list p{text-align:center}
.honor-item-img .opacity-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;background-color:#000;opacity:0;filter:alpha(opacity=0);_height:expression( (this.parentElement.clientHeight) +'px');-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.honor-item-img .iconfont{display:block;z-index:11;color: #fff;font-size: 27px;text-align: center;position: absolute;top: 45%;width: 100%;}
.honor-item-img a:hover .opacity-overlay{filter:alpha(opacity=70);opacity:0.7;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

.case-list{overflow: hidden;}
.case-list a{border:2px solid #eee;width: 97%;}
.case-list .honor-item-img{margin-bottom: 2%;}
.case-list p{text-align:center}
.case-item-img .opacity-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;background-color:#000;opacity:0;filter:alpha(opacity=0);_height:expression( (this.parentElement.clientHeight) +'px');-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.case-item-img .iconfont{display:block;z-index:11;color: #fff;font-size: 27px;text-align: center;position: absolute;top: 45%;width: 100%;}
.case-item-img a:hover .opacity-overlay{filter:alpha(opacity=70);opacity:0.7;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

.advlist{border-bottom: 12px solid #2a54a0;width: 100%;overflow: hidden;}
.advpic-left{width: 50%;float: left}
.advpic-right{width: 50%;float: left;}
.goods-list{overflow: hidden;}
.goods-list ul{width: 102%}
.goods-list .goods-list-item{padding: 0 2% 2% 0;}
.goods-list .goods-list-item p{text-align: center;line-height: 30px;height: 30px;overflow: hidden;}

.content-page{text-align: center;overflow: hidden;width: 100%;margin: 20px 0 10px 0;}
.content-page a{padding: 5px 12px;text-decoration: none;color: #000;background: #fff;display: inline-block;line-height: 24px;border: 1px solid #ddd;}
.content-page a:hover{color: #fff;background: #185fb7;}
.content-page a:hover em{color:#fff}
.content-page a.on{color: #fff;background: #185fb7;}
.content-page a.up em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 8px 0 0;color: #000;font-weight: 700;}
.content-page a.down em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 0 0 8px;color: #000;font-weight: 700;}
.content-page .up:hover em{color: #fff;}
.content-page .down:hover em{color: #fff;}

.content-page-m{text-align: center;overflow: hidden;margin: 20px 0 10px 0;}
.content-page-m a{color: #000;background: #fff;margin: 0 1%;padding: 5px 0;text-decoration: none;display: inline-block;width: 26%;display: inline-block;float: left;line-height: 24px;border: 1px solid #ddd;}
.content-page-m a:hover{color: #fff;background: #185fb7;}
.content-page-m a:hover em{color:#fff}
.content-page-m a.on{background: #1C79C1;color: #fff}
.content-page-m a.up em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 5px 0 0;color: #fff;font-weight: 700;}
.content-page-m a.down em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 0 0 5px;color: #fff;font-weight: 700;}
.content-page-m .up:hover em{color:#fff}
.content-page-m .down:hover em{color:#fff}
.content-page-m select{width: 42%;border: #d5d5d5 1px solid;padding: 6px 2%;text-decoration: none;border-radius: 3px;float: left;}


.product-detail .product-img { text-align:center; margin-bottom:15px; }
.product-detail .product-name { text-align:center; margin-bottom:30px;font-weight: bold;}

.download-list li{padding:8px 0; *vertical-align:text-top; border-bottom:1px solid #e5e5e5;float: left;width: 100%;}
.download-list li .file-download{float: right;background:url(../images/icon-download.gif) no-repeat left center; padding-left:18px; font-size:12px; color:#fca206;}
.download-list li .download-list-title{float:left;padding-left:15px;display:inline-block;background: url(../images/icon-dot.gif) no-repeat 0 11px;}

.news-list01{/* overflow:hidden; */}
.news-list01 ul{/* overflow:hidden; */width: 103%;}
.news-list01 .news-item-pic{width: 47%;float:left;margin-right:3%;}
.news-list01 .news-list-item{margin-bottom: 3%;/* overflow: hidden; *//* border-bottom: 1px dotted #d9d9d9; *//* padding-bottom: 3%; */width: 45%;float: left;margin-right: 3%;padding: 1%;background: #fff;box-shadow: 0 0 10px #dbdbdb;}
.news-list01 .news-list-item .news-list-img{float:left;}
.news-list01 .news-list-item .news-item-cont{float:left;width: 50%;}
.news-list01 .news-list-item .news-item-cont h4{float:left;display:inline-block;height:24px;overflow:hidden;width:100%;margin: 5px 0 10px 0;font-weight: bold;font-size: 15px;line-height: 24px;overflow: hidden;}
.news-list01 .news-list-item .news-item-cont .news-summary{float:left;color: #666;height: 44px;overflow:hidden;line-height: 22px;font-size: 12px;}

@media (max-width:767px){
.news-list01 ul{/* overflow:hidden; */width: 100%;}
.news-list01 .news-list-item{margin-bottom: 3%;width: 98%;margin-right: 0%;padding: 2%;}
.news-list01 .news-list-item .news-item-cont h4{float:left;display:inline-block;height: 18px;overflow:hidden;width:100%;margin: 0 0 2px 0;font-weight: bold;font-size: 14px;line-height: 18px;overflow: hidden;}
.news-list01 .news-list-item .news-item-cont .news-summary{float:left;color:#808080;height: 44px;overflow:hidden;line-height: 22px;font-size: 10px;}
.news-list01 .news-item-pic{width: 37%;margin-right:3%;}
.news-list01 .news-list-item .news-item-cont{width: 60%;}
 p.more{margin-top: 7px;float: left;}
}

.news-list02{overflow:hidden;}
.news-list02 ul{width: 104%;}
.news-list02 .news-list-item{margin-bottom: 3%;width: 46%;float: left;margin-right: 4%;/* background: #b2b2b2; */}
.news-list02 .news-list-item .news-item-left{
    float: left;
    width: 17%;
    margin-right: 3%;
    background: #185fb7;
    text-align: center;
    color: #fff;
}
.news-list02 .news-list-item .news-item-left .news-item-left01{
    border-bottom: 1px solid #0e4e9e;
    font-size: 34px;
    font-weight: bold;
    line-height: 4rem;
}
.news-list02 .news-list-item .news-item-left .news-item-left02{
    border-top: 1px solid #287adf;
    font-size: 14px;
    line-height: 3rem;
}
	        
.news-list02 .news-list-item .news-item-cont{float:left;width: 80%;}
.news-list02 .news-list-item .news-item-cont h4{float:left;display:inline-block;height:24px;overflow:hidden;width:100%;margin: 5px 0 5px 0;font-weight: bold;font-size: 15px;line-height: 24px;overflow: hidden;}
.news-list02 .news-list-item .news-item-cont .news-summary{float:left;color: #666;height: 44px;overflow:hidden;line-height: 22px;font-size: 12px;}

@media (max-width:767px){
.news-list02 .news-list-item .news-item-cont h4{margin:0 0 5px 0;font-size: 14px;}
.news-list02 .news-list-item .news-item-cont .news-summary{height: 40px;line-height: 20px}
.news-list02 .news-list-item{margin-bottom: 3%;width: 100%;float: left;margin-right: 0;}
.news-list02 .news-list-item .news-item-left .news-item-left01{
    font-size: 30px;
    line-height: 4rem;
}
.news-list02 .news-list-item .news-item-left .news-item-left02{
    line-height: 2rem;
}
}
p.moreaa{margin-top: 10px;float: left;}
p.moreaa a{ font-size:12px; line-height:24px;border:1px solid #ddd;display:inline-block; padding:0 15px;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
p.moreaa a:hover{border:1px solid #185fb7;}


.article-title{width:100%;text-align:center}
.article-title h1{width:100%;font-size:20px;font-weight: bold;}
.entry-meta{display: inline-block;margin: 0 auto;}
.entry-meta span{ color: #666;font-size: 12px;display:inline-block;float: left;margin: 0 5px;}
.entry-meta span a{color: #999;}
.entry-meta span strong{font-weight:normal}
.entry-meta .share-toolbar{display:inline-block;}
.entry-meta .share-toolbar span{ float: left;}

.article-page{width: 100%;display: block;margin-top: 3%;}
.article-page a{width: 100%;display: block;line-height: 30px;height: 30px;overflow: hidden;}

.faqfold .item{ position:relative;margin-bottom: 5px;}
.faqfold .item h4{margin:0;font-weight:bold;position:relative;border-top: 1px solid #fff;font-size:15px;line-height:45px;padding: 0 10px;cursor:pointer;padding-right:30px;background-color: #F2F2F2;color: #333;}
.faqfold .item h4 b{position:absolute;display: block; cursor:pointer;top: 0;width: 40px;height: 45px; text-align:center; line-height:45px;right: 0;border-left: 1px solid #fff;font-size: 18px;font-family: "simsun";}
.faqfold .item h4.selected{background-color: #666666;color: #fff;}
.faqfold .item .info{display:none;padding:10px}
.faqfold .item h4:hover{background-color: #185fb7;color: #fff;}
.cus-content{overflow: hidden;}
.message{width: 69%;overflow:hidden;float: left;}
.meaasge-input{overflow: hidden;width: 102%;}
.meaasge-input .inputtext{background-color:#eff1f2;border-left: 5px solid #5da1f5;border-radius:0px;width: 46%;margin: 0 1% 2% 0;float: left;}
.meaasge-input input:nth-child(3){margin-right:0;width: 96%;}
.meaasge-input input{border:none;color:#4c4c4c;padding: 2% 1%;}
.message-textarea textarea:focus{box-shadow:inset 0 1px 1px rgba(0, 95, 213),0 0 3px rgba(0,0,0,0.6)!important;border-color:rgba(0, 95, 213) !important}
.message-textarea .textareat{background-color:#eff1f2;border-left: 5px solid #5da1f5;border-radius:0px;width:98.4%;}
.message-textarea textarea{border:none;color:#4c4c4c;padding:11px 5px;}
.message-button .me-button{background: #368cf6;float: left;padding:5px;border: none;color: #fff;padding: 2% 7%;}
.messa{width: 26%;float: right;padding-top: 3%;}

@media (max-width:767px){
.message{width: 100%;}
.messa{display:none}
}


@media ( max-width : 1300px) {
	.sf-menu .first-level{padding: 0 40px;}
	.meaasge-input .inputtext{width:100%;margin:0 0 1% 0;}
}
@media (max-width:767px){
	.content-title .mark-left,.content-title .mark-right{display:none}
	.newslist li a{font-size: 14px;}
	
	.content-title h2{font-size:20px;}
	.content-title span{font-size:14px;line-height: 20px;}
	.aboutus-right{margin-top: 2px;}

	.content-right{width: 100%;}
    .content-sidebar{width: 100%;border: none;padding: 0;}
    .content-right01{width: 95%;padding: 2% 2% 4% 2%;}


	.touch-top .touch-logo img { height: 46px;}
	.touch-toggle li {height:60px;}
	.touch-toggle li i {margin-top:15px;}
	.touch-toggle li a { height:60px; }
    
    .meaasge-input .inputtext{width:100%;margin:0 0 1% 0;}
	.message-textarea .textareat{width:100%;}
	.meaasge-input{margin-bottom:0;}
	.newslist li.newsfrist{margin-bottom: 5px;}


	.pro-right{width: 100%}
	.pro-right-title{background: #efefef;padding: 10px 18px 7px 18px;line-height: 25px;height: 25px;font-size: 17px;margin-bottom: 20px;}
	.pro-right-title h5{padding-left: 12px;height: 20px;line-height: 19px;}
	.pro-right-title a{font-size: 11px;height: 24px;line-height: 24px;padding: 0 12px;}
	.pro-right-list li p{line-height: 40px;}

	.about-pic{width:100%; float: left;}
	.about-cont{width: 94%;text-align: center;background: none;}
	.about-cont h2{font-size: 18px;padding: 10px 0 5px 0;}
	.about-cont p{text-align: left;}
	.advpic-left{width: 45%;float: left}
    .advpic-right{width: 55%;float: left;}
	.advpic-left{height: 80px;}
	.advpic-right{height: 80px;}
	.youshititle{height: 68px;background-size: auto 100%}
	.newslist li.newsfrist a{width: 40%;line-height: 17px;}
	.newslist li.newsfrist .news-h3 p{line-height: 20px;height: 60px;}
    .newslist li.newsfrist .news-h3{width: 53%;      }
    .music{display: none !important;}

}
@media(min-width:768px) and (max-width:991px){
	.about-pic{width:100%; float: left;}
	.about-cont{width: 94%;text-align: center;background: none;}
	.about-cont h2{font-size: 18px;padding: 10px 0 5px 0;}
	.about-cont p{text-align: left;}
	.pro-right{width: 100%;}
	.content-title .mark-left,.content-title .mark-right{display:none}
	.advpic-left{width:45%;float: left}
    .advpic-right{width:55%;float: left;}
	.advpic-left{height: 150px;}
	.advpic-right{height: 150px;}
	.youshititle{height:100px;background-size: auto 100%}
	.music{display: none !important;}

}


.goods-photos{display:inline-block;width: 40%;overflow:hidden;}
.goods-photos-pic{overflow:hidden;border: 1px solid #d2d2d2;}
.goods-photos-pic .goods-photos-slide{width:100%;padding:0 0 100%;position:relative;}
.goods-photos-pic .goods-photos-slide a{line-height:1;top:0!important;left:0!important;display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;overflow:hidden;}
.goods-photos-pic .goods-photos-slide a i{display:block;width: 25px;height: 25px;position:absolute;right: 3px;bottom: 3px;font-size: 23px;color:#DEDEDE;}
.goods-photos-pic .goods-photos-slide a img{display:inline-block;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;position:absolute;top:0;left:0;right:0;bottom:0;}
.goods-photos-pic .goods-photos-slide a:first-child{display:block;}
.goods-photos-list{position:relative;width:100%;/* height: 87px; */overflow:hidden;margin-top: 10px;}
.goods-photos-list-box{width: 101%;position:relative;text-align: center;}
.goods-photos-list-box-item{display:inline-block;margin: 0 2% 0 0;vertical-align:top;filter:alpha(opacity=60);opacity:0.8;width: 23%;}
.goods-photos-list-box-item.hide{display:none;}
.goods-photos-list-box-item-src{max-width: 85px;max-height: 85px;vertical-align:middle;border: 1px solid #d2d2d2;width: 99%;}
.goods-photos-list-box-item:hover{filter:alpha(opacity=100);opacity:1;}

@media (max-width:767px){
    .goods-photos{;width: 100%;}
}