@charset "utf-8";
/* 312874880@qq.com */
@import 'icon.css';


* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #424242; min-width: 1200px; margin: 0 auto; position: relative; background: #fff; -webkit-text-size-adjust: none; }
html, body { width: 100%; height: 100% }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666; font-family: 'Microsoft Yahei'; }
i, em { display: inline-block; font-style: normal; }
*:focus { outline: none }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #424242; text-decoration: none; border: none; outline: none; transition: all 0.5s ease; }
a:hover { color: #0277c7; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.wrap { width: 1200px; margin: 0 auto; }
@font-face {
    font-family: HELVETICANEUELTPRO-THEX;
    src: url("../font/HELVETICANEUELTPRO-THEX.OTF") format("opentype");
}

/***头部***/

.headtop { height: 30px; overflow: hidden; line-height: 30px; background: #f0f0f0; }
.headtop .fl { font-size: 14px; color: #898989; }
.headtop .fr form { width: 190px; float: left; height: 25px; border-radius: 2px; margin-top: 8px; margin-right: 10px; background: #313131; position: relative; overflow: hidden; }
.headtop .fr form .intxt { border: 0px; background: none; width: 100%; height: 25px; line-height: 23px; font-size: 12px; position: absolute; top: 0px; left: 0px; padding-left: 30px; }
.headtop .fr form .sbtn { width: 30px; height: 25px; background: url(../img/search.png) no-repeat center; position: absolute; left: 0px; top: 0px; border: 0px; }
.headtop .fr a{margin-left: 10px;margin-right: 10px}
.headtop .fr .tel { float: right; background: url(../img/tel.png) no-repeat left center; padding-left: 20px; color: #898989; }
.headtop .fr .tel span { color: #0277c7; font-size: 18px; font-weight: bold; font-family:HELVETICANEUELTPRO-THEX; }
.head {height: 120px;overflow: hidden; }
.head .logo { float: left; height:70px; margin-top: 25px; }
.head .abbreviation{font-family:微软雅黑;font-style: italic;font-weight: 700;font-size: 30px;color: #050505;float: left}
.head .subtitle{font-family:微软雅黑;font-style: italic;font-weight: 700;font-size: 24px;color: #050505;float: left}
.head .fl{height: 120px;line-height: 120px;}
.head .fr{height: 120px;}
.head .icon-head-phone{width: 60px;height: 60px;background: url(../img/phone.png) no-repeat center;background-size: 60px 60px;margin-top: 30px}
.head .tel{font-size: 18px;font-weight: 300;height: 30px;margin-top: 30px;color:#050505 }
.head .tel_400{font-size: 24px;font-weight: 500;height: 30px;color:#050505 }
/***焦点图***/
.banner { overflow: hidden; position: relative; }
.banner .bd ul { }
.banner .bd ul li { float: left; width: 100%; }
.banner .bd ul li img { display: block; width: 100%;}
.banner .hd { position: absolute; width: 100%; text-align: center; bottom: 12px; left: 0px; z-index: 1; }
.banner .hd ul li { width: 12px; height: 12px; display: inline-block; overflow: hidden; line-height: -999px; cursor: pointer; margin: 0 5px; background: rgba(255,255,255,0.9); border-radius: 50%; }
.banner .hd ul li.on { background: #0277c7; }
.banner .next, .banner .prev { width: 22px; height: 38px; position: absolute; cursor: pointer; transition: all 0.5s ease; top: 50%; transform: translateY(-50%); }
.banner .next { background: url(../img/btnl.png) no-repeat; left: 30px; transform: translateX(-60px); }
.banner .prev { background: url(../img/btnr.png) no-repeat; right: 30px; transform: translateX(60px); }
.banner:hover .next { transform: translateX(0); }
.banner:hover .prev { transform: translateX(0); }
/*搜索*/
.search{height: 60px;background-color: #272636; }
.search .fl{line-height: 60px;height: 60px;color: #fff}
.search .fl h2{float: left}
.search .fl ul{float: left}
.search .fl ul li{float: left;margin-left: 40px;list-style-type:disc;}
.search .fl ul li a{color: #fff}
.search .fr{height: 60px;background-color: #0277c7;}
.search .fr form { width: 590px; float: left; height: 50px; border-radius: 2px; margin-top: 5px; margin-right: 10px; background: #0277c7; position: relative; overflow: hidden;color: #fff }
.search .fr form .intxt { border: 0px; background: none; width: 100%; height: 50px; line-height: 23px; font-size: 18px; position: absolute; top: 0px; left: 0px; padding-left: 30px;color: #fff }
.search .fr form  input::-webkit-input-placeholder{
            color:#FFF;
            font-size: 18px;
        }
.search .fr form  input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#FFF;
			font-size: 18px;
        }
.search .fr form  input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#FFF;
			font-size: 18px;
        }
.search .fr form  input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#FFF;
			font-size: 18px;

        }
.search .fr form .sbtn { width: 50px; height: 50px; background: url(../img/search-1.png) no-repeat center; position: absolute; right:  0px; top: 0px; border: 0px; }

/***导航***/
.headnav { overflow: hidden; height: 40px; overflow: hidden;background-color: #0277c7 }
/*.headnav .logo { float: left; height:50px; margin-top: 20px; }*/
.headnav ul { float: left; height: 90px; }
.headnav ul li { float: left; margin-left: 2px; }
.headnav ul li a { display: block; height: 40px; width: 148px; position: relative; line-height: 40px; font-size: 16px; text-align: center; }
.headnav ul li a span { width: 100%; position: absolute; height: 90px; background: #0277c7; display: block; top: 0px; left: 0px; color: #fff; transition: all 0.5s ease; z-index: 11; }
.headnav ul li a em { width: 100%; position: absolute; height: 90px; background: #178edf; display: block; top: 90px; left: 0px; color: #fff; transition: all 0.5s ease; z-index: 1; }
.headnav ul li a:hover span, .headnav ul li a.on span { -webkit-transform: rotateX(90deg) translateZ(45px); }
.headnav ul li a:hover em, .headnav ul li a.on em { top: 0px; }
.inwu { padding: 53px 0; margin-left: -18px; height: 230px; }
.inwu li { float: left; margin-left: 18px; }
.inwu li img { display: block; width: 225px; }
/***产品***/
.title { text-align: center; margin-top: 50px; }
.title h1 { font-size: 30px; font-weight: normal; font-family: HELVETICANEUELTPRO-THEX; color:#999;font-weight: 900; }
.title h2 { position: relative; text-align: center;  font-weight: normal; font-size: 24px; }
.product {  overflow: hidden; background: url(../img/bg.jpg) no-repeat center top; }
.cate { padding: 34px 0; text-align: center; overflow: hidden; }
.cate li { display: inline-block; margin: 0 10px; }
.cate li a { display: block; padding: 8px 15px; min-width:120px; text-align:center; border:1px solid #ddd; color:#888; border-radius:30px; color: #3d3d3d; font-size: 14px; }
.cate li a:hover { background: #0277c7; color: #fff; border:1px solid #0277c7; }
.cate li.on a {color: #fff; background: #0277c7;}
.plist { position: relative; overflow: hidden; margin-left: -50px; }
.plist li { float: left; width: 366px; margin-left: 50px; margin-bottom: 40px; position: relative; height: 230px; overflow: hidden; }
.plist li img { display: block; width: 100%; height: 100%; transition: all 2s ease; }
.plist li span { position: absolute; text-align: center; bottom: 0px; left: 0px; height: 45px; line-height: 45px; padding: 0 12px; width: 100%; color: #fff; background: rgba(0,0,0,0.8); font-size: 16px; }
.plist li:hover img { transform: scale(1.3); }
.more { display: block; margin: 0 auto; height: 35px; line-height: 35px; border-radius:30px; text-align: center; margin-top: 12px; border: 1px solid #4f4f4f; width: 125px; }
.more:hover { background: #0277c7; color: #fff; border: 1px solid #0277c7 }
/*****品牌*****/
.brand{margin-top: 50px}
.brand .title { color:#999;}
.brand .title h1{ font-family:微软雅黑;color: #333;font-weight: 900;}
.brand .title h2 {background: none;font-family:微软雅黑;z-index: -1;font-size: 18px; color:#666;text-align: center; }
.brand .plist{margin-top: 50px;padding: 0 50px;margin-left: 0px;}
.brand .plist li{width: 200px;height: 120px;overflow: hidden;border: 1px #ddd solid;margin-bottom: 0px;margin-left: 0px;margin-right: 50px}
.brand .next, .brand .prev { width: 40px; height: 120px; position: absolute; cursor: pointer; transition: all 0.5s ease;  transform: translateY(-50%);background: #000 }
.brand .next {background: url(../img/btnl.png) no-repeat #ccc center center ;left:60px;  transform: translateX(-60px);background-size: 30% 80% }
.brand .prev { background: url(../img/btnr.png) no-repeat #ccc center center ;right: 60px;  transform: translateX(60px);background-size: 30% 80% }
/*.brand:hover .next { transform: translateX(0); }
.brand:hover .prev { transform: translateX(0); }*/
/*******企业相册*******/
.album{margin-top: 50px}
.album .title { color:#999;}
.album .title h1{ font-family:微软雅黑;color: #333;font-weight: 900;}
.album .title h2 {background: none;font-family:微软雅黑;z-index: -1;font-size: 42px; color:rgba(195,195,195,0.2);text-align: center; font-weight:900;margin-top:-30px;}
.album .swiper-container{width: 100%}
.album img{width: 190px;height: 280px}
/*****热卖商品******/
.hotproduct{margin-top: 50px}
.hotproduct .fl{width: 350px; height: 150px;background-color: #0277c7}
.hotproduct .fl .title{margin-top: 30px}
.hotproduct .fl .title p{color: #fff;font-size: 18px;line-height: 30px}
.hotproduct .fl .title h1{color: #fff}
.hotproduct .fl .title h2{background: none;font-family:微软雅黑;z-index: -1;font-size: 40px; color:rgba(255,255,255,0.3);text-align: center;margin-top:-30px;font-weight: 900}
.hotproduct .fr{width: 850px;height: 150px;background-color: #f0f0f0;border-bottom: 1px #ddd solid;}
.hotproduct .fr li{float: left;width:25%;height: 75px;border-top: 1px #ddd solid;border-right:1px #ddd solid; text-align: left;line-height: 74px;font-size: 18px}
.hotproduct .fr a{margin-left: 20px}
.hotproduct .fr .icon-angle-down:before{width: 40px;height: 40px;margin-left: 10px;background-color:#0277c7;position: relative;font-size:20px;text-align: center;line-height: 40px;color: #fff;display: none}
.hotproduct .fr .hover a{ font-weight: bold; color:#0277c7;}
.hotproduct  .hover{background: none}
.hotproduct .fr .hover .icon-angle-down:before{display: block;}
.hotproduct .fr a:hover{font-weight: bold; color:#0277c7;}
.hotproduct .fr a:hover .icon-angle-down:before{display: block;}
.hotproduct .plist{overflow:inherit;margin-left: -13px;margin-top: 15px}
.hotproduct .plist li{width: 290px;height: 340px;margin-left:13px;border:1px #ddd solid;margin-bottom:15px;padding: 15px}
.hotproduct .plist li img{width: 260px;height: 250px;overflow: hidden;}
.hotproduct .plist li:hover img { transform: scale(1); }
.hotproduct .plist li span{background:none;color:#424242; text-align: left; }
.hotproduct .plist li span h1{font-size: 12px;font-weight: bold;float: left;font-weight: 100;height: 36px;overflow: hidden;line-height: 18px}
.hotproduct .plist li:hover span h1{}
.hotproduct .plist li span h2{float: right;font-weight:100;font-size: 12px;display: none;}
.hotproduct .plist li p{height: 30px;line-height: 30px;font-size: 18px;overflow: hidden}
#con_tow .hover{display: inherit;}
#con_tow div{display: none}

/***关于我们***/
.about { /*background: url(../img/bg2.jpg) no-repeat center top;*/ overflow: hidden; margin-top:40px; }
.about .title { color:#999;}
.about .title h1{ font-family:微软雅黑;color: #333;font-weight: 900;}
.about .title h2 {background: none;font-family:微软雅黑;z-index: -1;font-size: 18px; color:#666;text-align: right; }
.about .abox { width: 1218px; height: 330px; /*background: url(../img/k.png) no-repeat; */overflow: hidden; margin-left: -9px; }
.about .abox .fl { width:516px; height:457px; position: relative; margin-left:40px; margin-top:60px; }
.about .abox .fl img { width:516px; height:457px; display:block; }
.about .abox .fr { width: 569px; margin-top:60px; margin-right: 30px; }
.about .atit span{position: absolute;font-size: 70px;color: #0277c7;font-family:微软雅黑;font-weight: 900}
.about .abox .fr .atit h1,.about .abox .fl .atit h1 { font-size: 24px; font-family: Impact; color: #0277c7;margin-left: 100px;padding-top: 15px}
.about .abox .fr .atit .line,.about .abox .fl .atit .line { height: 1px; width: 200px; background: #ccc; overflow: hidden; margin: 5px 0;margin-left: 100px }
.about .abox .fr .atit h2,.about .abox .fl .atit h2 { font-weight: normal; font-size: 16px;color: #639a94;margin-left: 100px }
.about .abox .fr .aboxc,.about .abox .fl .aboxc {  overflow: hidden; font-size: 14px; line-height: 26px; color: #666; margin: 20px 0; margin-left: 100px}
.about .abox .fr ul { margin-left: -65px; margin-top: 15px; }
.about .abox .fr ul li { float: left; width: 75px; text-align: center; margin-left: 65px; }
.about .abox .fr ul li a { font-size: 14px; }
.about .abox .fr ul li img { display: block; margin: 0 auto; margin-bottom: 12px; }
.about .icon-head-phone{width: 60px;height: 60px;background: url(../img/phone.png) no-repeat center;background-size: 60px 60px;}
.slopingside{
		position: relative;
		top:65px;
		left: 30px;
    	height:0px;
    	border: 1px solid #0277c7;
    	width: 70px;
    	transform:rotate(125deg);
    	-o-transform:rotate(125deg);
    	-moz-transform:rotate(125deg);
    	-webkit-transform:rotate(135deg);
    	z-index: -1
    }

.about  .fr .tel { float: left;/* background: url(../img/tel.png) no-repeat left center; padding-left: 20px; */color: #050505; }
.about  .fr .tel span { color: #0277c7; font-size: 18px; font-weight: bold; font-family:HELVETICANEUELTPRO-THEX; }
.about .tel{font-size: 18px;font-weight: 300;height: 30px;color:#050505 }
.about .tel_400{font-size: 24px;font-weight: 500;height: 30px;color:#050505 }
.aboutus{margin-top:40px;width: 100%;background-color: #f0f0f0;height: 490px}
.aboutus .fl{width: 880px}
.aboutus .title{width: 100%;height: 50px}
.aboutus .certificate{margin-top:50px;width: 280px}
.aboutus .title h1{ font-family:微软雅黑;color: #333;font-weight: 900; float: left;}
.aboutus .title h2{background: none;font-family:微软雅黑;font-size: 40px; color:rgba(0,0,0,0.1);text-align: right; float: left;font-weight: 900;line-height: 40px;margin-left: -100px}
.aboutus .imgk{width: 455px;height: 270px;float: left;margin-top: 40px}
.aboutus .aboxc{float: right;width: 378px;margin-top: 40px;line-height: 30px;font-size: 14px}
.aboutus .aboxc .more{background: #0277c7;color:#fff;border-color:#0277c7;display: inline;float: right;width:100px;margin-top: 0px;height: 30px;line-height: 30px}
.certificate {  position: relative; }
.certificate .bd ul { }
.certificate .bd ul li { float: left; width: 100%; }
.certificate .bd ul li img { display: block; width: 100%;}
.certificate .hd { position: absolute; width: 100%; text-align: center; bottom: 12px; left: 0px; z-index: 1; }
.certificate .hd ul li { width: 12px; height: 12px; display: inline-block; overflow: hidden; line-height: -999px; cursor: pointer; margin: 0 5px; background: rgba(255,255,255,0.9); border-radius: 50%; }
.certificate .hd ul li.on { background: #0277c7; }
.certificate .next, .certificate .prev { width: 50px; height: 50px; position: absolute; cursor: pointer; transition: all 0.5s ease; top: 50%;margin-top: -25px; border-radius:50%;background-color: #000 }
.certificate .next { background: url(../img/btnl.png) no-repeat rgba(0,0,0,0.3) center center; left: -25px; background-size: 25% }
.certificate .prev { background: url(../img/btnr.png) no-repeat rgba(0,0,0,0.3) center center; right: -25px; background-size: 25%  }
.certificate:hover .next { transform: translateX(0); }
.certificate:hover .prev { transform: translateX(0); }

/***案例***/
.case {  overflow: hidden;position: relative; }
.case .title { margin-bottom: 30px; text-align: center;}
.brand .title h1,.product .title h1,.case .title h1{font-family:微软雅黑;color: #333;background: url(../img/x1.png) no-repeat center;}
.brand .title h2,.product .title h2,.case .title h2{background: none;font-weight: 900;font-family:微软雅黑;color:rgba(195,195,195,0.2);margin-top: -30px;z-index: -1;font-size: 42px;}
.product .plist{border-top: 1px #f0f0f0 solid;margin-left: 0px;}
.product .plist img{width: 220px;height: 130px;float: left;}
.product .plist li{width: 100%;height:100%;margin-left: 0px;margin-bottom: 0px;overflow: hidden;padding: 20px;border-bottom: 1px #f0f0f0 solid;}
.product .plist li span{float: left;position:static;width: auto;background: none;color:#666;text-align: left;line-height: 26px;font-size: 14px;padding: 10px 0px}
.product .fr{width: 900px}
.product .fl{width: 220px;height: 130px;overflow: hidden;} 
.product .plist li:hover{background-color: #f4f9fd}
.product .fr h1{font-family:微软雅黑;color: #333;font-size: 18px}
.case .more { margin-top: 0px; }
.case .cate {padding: 0px}
.case .cate li{width:150px;overflow: hidden;}
.hover{background: #0277c7; color: #fff;}
.case .cate span{ text-align: center;  height: 45px; line-height: 45px; padding: 0 12px; width: 100%; color: #000; background: none; font-size: 16px;float: left}
.case .cate li a{width:150px;height: 150px; border-radius:	0px;border:1px solid #0277c7; }
.case .cate li.hover span{color: #fff; }
.case .cate li .gaoxiaocaigou{width: 50px;height: 50px;background: url(../img/school.png) no-repeat center;background-size: 50px;margin-top: 10px}
.case .cate li.hover .gaoxiaocaigou{background: url(../img/school-on.png) no-repeat center;background-size: 50px;}
.case .cate li .keyancaigou{width: 50px;height: 50px;background: url(../img/keyancaigou.png) no-repeat center;background-size: 50px;margin-top: 10px}
.case .cate li.hover .keyancaigou{background: url(../img/keyancaigou-on.png) no-repeat center;background-size: 50px;}
.case .cate li .qishiyecaigou{width: 50px;height: 50px;background: url(../img/qishiyecaigou.png) no-repeat center;background-size: 50px;margin-top: 10px}
.case .cate li.hover .qishiyecaigou{background: url(../img/qishiyecaigou-on.png) no-repeat center;background-size: 50px;}
.case .cate li .qitacaigou{width: 50px;height: 50px;background: url(../img/qitacaigou.png) no-repeat center;background-size: 50px;margin-top: 10px}
.case .cate li.hover .qitacaigou{background: url(../img/qitacaigou-on.png) no-repeat center;background-size: 50px;}
.case .cate li .hover { background: #0277c7; color: #fff; border:1px solid #0277c7; }


.case .bd .plist{width: 1200px;margin:55px auto;height: 330px;padding-top: 30px;overflow: hidden;}
.case .bd .plist li .fl{font-family:微软雅黑;font-size: 90px;font-weight: 900;color:rgba(0,0,0,0.2);width: 180px;text-align: right;padding-top: 50px;padding-right: 20px}
.case .bd .plist li .fr{width: 380px;margin-top: 40px}
.case .bd .plist li .fr p{margin-right: 30px;font-size: 18px;line-height: 32px;letter-spacing:2px;}
.case .bd .plist li{background-color: #fff;margin-left: 0px;width: 590px;height: 290px;-moz-box-shadow:10px 10px 0px rgba(255,255,255,0.3); -webkit-box-shadow:10px 10px 0px rgba(255,255,255,0.3); box-shadow:10px 10px 0px rgba(255,255,255,0.3);}
.case .caselist { float: left; width: 366px; margin-left: 50px; margin-bottom: 40px; position: relative; height: 230px; overflow: hidden; }
.case .caselist img{width: 366px;float: left}
.case .caselist span { position: absolute; text-align: center; bottom: 0px; left: 0px; height: 45px; line-height: 45px; padding: 0 12px; width: 100%; color: #fff; background: rgba(0,0,0,0.8); font-size: 16px; }
.case .next, .banner .prev { width: 22px; height: 38px; position: absolute; cursor: pointer; transition: all 0.5s ease; top: 50%; transform: translateY(-50%); }

.case .next { background: url(../img/btnl.png) no-repeat; left: 30px; transform: translateX(-60px); }
.case .prev { background: url(../img/btnr.png) no-repeat; right: 30px; transform: translateX(60px); }
.case:hover .next { transform: translateX(0); }
.case:hover .prev { transform: translateX(0); }
/***新闻***/
.news { overflow: hidden;}
.news .title { margin-bottom: 50px;}
.news .title li{width: 280px;height: 40px;float: left;margin-right: 20px;line-height: 40px;font-size: 20px;font-weight: 400;color: #fff;background-color: #ccc}
#newcate .hover{background-color: #0277c7}
.news .more{background: #0277c7;color:#fff;border-color:#0277c7;display: inline;float: right;width:100px;margin-top: 0px;}

.news .newlist{display: none;background-color: #fff;margin-left: 0px;border-top:0px;}
.news .hover{display:block;}
.news .fl { width: 580px;padding: 40px;background-color: #f0f0f0 }
.news .fl .pic { overflow: hidden; position: relative; height: 190px;width: 500px; margin-top: 20px;margin-bottom: 20px}
.news .fl .date{line-height: 70px;height: 70px;font-size: 28px}
.news .fl .pic img { display: block; width: 500px; }
.news .fl h2 { font-size: 20px; overflow: hidden; padding: 10px 0; }
.news .fl .note { color: #888; font-size: 14px; line-height: 30px; }
.news .fl .mo { float: left; width: 170px; height: 55px; line-height: 55px; background: #ccc ; color: #fff; padding-left: 20px; font-size: 20px; }
.news .fl  i{margin-left: 30px}
.news .fr { width: 580px; border-top: 1px #f0f0f0 solid }
.news .fr ul li { position: relative; height: 180px; overflow: hidden;  }
.news .fr ul li .date {   text-align: center; }
.news .fr ul li .date p b { display: block; font-size: 18px;  font-family:HELVETICANEUELTPRO-THEX; }
.news .fr ul li .date p { font-size: 14px; color: #686868; }
.news .fr ul li .date .line { width: 30px; height: 1px; background: #ddd; display: block; margin: 0 auto; overflow: hidden; margin-top: 12px; }
.news .newlist li .note{width: 100%}
.news .newlist li{ border-bottom: 1px #f0f0f0 solid}
.news .fr ul li .note h2 { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align: left;width: 480px;float: left }
.news .fr ul li .note span{height: 30px;line-height: 30px;float: right;font-size: 18px}
.news .fr ul li .note p { font-size: 14px; color: #999; line-height: 22px;  width: 580px;margin-top: 20px}
.news .fr ul li .note i{float: right;font-size: 22px;}
.news .fr ul li:hover .date { background: #0277c7; color: #fff; }
.news .fr ul li:hover .date p b { color: #fff; }
.news .fr ul li:hover .date p { color: #fff; }
.adv { margin-top: 23px; }
.adv img { width: 1200px; height: auto; display: block; }
/***友情链接***/
.link .wrap{height: 180px;background-color: #f0f0f0;margin-top: 50px;margin-bottom: 60px}
.link .wrap .title{line-height: 85px;height: 85px;text-align: left;font-size: 24px;border-bottom: 1px #ccc dashed }
.link .wrap .title .line{height: 24px;border-left: 3px #0277c7 solid;width: 24px;line-height: 24px;position: relative;top:5px;}
.link .wrap ul{}
.link .wrap ul li{font-size: 16px;float: left;margin: 30px 25px;}
/***底部***/
.footnav { overflow: hidden; height: 40px; overflow: hidden;background-color: #0277c7 }
/*.headnav .logo { float: left; height:50px; margin-top: 20px; }*/
.footnav ul { float: left;  }
.footnav ul li { float: left; }
.footnav ul .li{border-left: 1px rgba(255,255,255,0.3) solid;height: 16px;float: left;margin-top: 12px}
.footnav ul li a {  height: 40px; width: 148px; position: relative; line-height: 40px; font-size: 16px; text-align: center; }
.footnav ul li a span { float: left;width: 148px; background: #0277c7; display: block; top: 0px; left: 0px; color: #fff; transition: all 0.5s ease; z-index: 11; }
.footnav ul li a em { width: 100%; height: 90px; background: #178edf; display: block; top: 90px; left: 0px; color: #fff; transition: all 0.5s ease; z-index: 1; }
/*.footnav ul li a:hover span, .headnav ul li a.on span { -webkit-transform: rotateX(90deg) translateZ(45px); }
.footnav ul li a:hover em, .headnav ul li a.on em { top: 0px; }*/
.footer { background: #f0f0f0; padding-top: 50px; border-top: 1px solid #eee;  }
.footer .ftel { font-size: 15px; color: #aaa; float: left; width: 300px;margin-top: 40px }
.footer .ftel h2 { color: #f60; font-weight: bold; font-size: 30px; padding-top: 10px; font-family: Microsoft Yahei; }
.footer .ftel .share { margin-top: 12px; }
.footer .ftel .share a { width: 50px; height: 50px; border-radius: 50%; float: left; margin-right: 12px; position: relative; color:#aaa; }
.footer .ftel .share a.a1 { background: url(../img/weixin.png) no-repeat center; background-size: 40px auto; }
.footer .ftel .share a.a2 { background: url(../img/weibo.png) no-repeat center; background-size: 35px auto; }
.footer .ftel .share a.a1:hover { background: #0277c7 url(../img/weixinon.png) no-repeat center; background-size: 40px auto; }
.footer .ftel .share a.a2:hover { background: #0277c7 url(../img/weiboon.png) no-repeat center; background-size: 35px auto; }
.footer .ftel .share a img { position: absolute; width: 150px; height: 150px; left: -50px; top: -160px; max-width: 180px; border: 1px solid #eee; background: #fff; position: absolute; transform: scale(0); opacity: 0; transform-origin: center top; transition: all 0.8s ease; box-shadow: #eee 0 0 10px; }
.footer .ftel .share a:hover img { transform: scale(1); opacity: 1; }
.footer .fr{overflow: hidden;width: 900px}
.footer .logo { float: left; height:70px;margin-right: 20px }
.footer .abbreviation{font-family:微软雅黑;font-style: italic;font-weight: 700;font-size: 30px;color: #050505;float: left;line-height: 70px}
.footer dl { float: left;  margin-left: 62px;width: 40% ;font-size: 24px;line-height: 30px}

.footer dl dd{ font-size: 16px; display: block; line-height: 35px; color: #aaa;}
.footer dl dd i{width: 35px;height: 24px;text-align: center;;margin-right: 10px;font-size: 24px;line-height: 35px;position: relative;top:3px;}
.footer dl dt a { font-size: 18px; display: block; margin-bottom: 10px; color:#fff; }
.footer dl dd a:hover { color: #0277c7; }
.footer .link { font-size: 14px; padding: 50px 0; overflow: hidden;color: #aaa; }
.footer .link a { margin: 10px 15px; color: #aaa; }
.footer .copyright { background: #f0f0f0; text-align: center; font-size: 16px; color: #888; line-height: 50px;height: 50px;border-top: 1px #ddd solid;margin-top: 50px}
.footer .copyright .fr,.footer .copyright .fl{width: 48%;text-align: left}
.footer .copyright .fr{text-align: right;}
.footer dl dd span{float: left;width: 50%;text-align: center;}
.footer dl dd span img{width: 115px;height: 115px}
/***产品列表***/
.topimg { height: 360px; overflow: hidden; }
.content {  overflow: hidden;margin-top: 30px }

.cate2 { height: 62px; line-height: 58px; text-align: center; overflow: hidden; background: #fff; /*box-shadow: #cccccc 0 0 12px;*/ margin-top: 40px;border-bottom: 1px #f0f0f0 solid }
.cate2 li { display: inline-block; /*background: url(../img/fg.png) no-repeat center right;*/ }
.cate2 li a { display: block; font-size: 16px; padding: 0 15px; padding-right: 19px;font-weight: 900 }
.cate2 li a.on { color: #0277c7; }
.cate2 li.on{border-bottom: 3px #0277c7 solid}
.cate2 li:last-child { background: none; }
.prolist { overflow: hidden; margin-left: -30px; }
.prolist li { float: left; width: 380px; margin-top: 30px; background: #fff; text-align: center; margin-left: 30px; }
.prolist li .pic { overflow: hidden; position: relative; }
.prolist li .pic img { display: block; transition: all 1s ease; }

.prolist li h2 { font-weight: normal; font-size: 16px; height: 45px; line-height: 45px; padding: 0 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.prolist li:hover img { transform: scale(1.4); -webkit-filter: brightness(50%); }
.prolist li .pic:after { width: 60px; height: 60px; background: url(../img/fdj.png) no-repeat center; background-size: 80% auto; content: ''; position: absolute; left: 0px; right: 0px; margin: auto; top: 50%; transform: translateY(-50%) scale(0); transition: all 0.6s ease; opacity: 0; }
.prolist li:hover .pic:after { transform: translateY(-50%) scale(1); opacity: 1; }
.content .fl{width: 245px}
.content .fr{width: 950px}
.content .fl .cate2{overflow:visible;border-bottom: none;border-left: 1px #f0f0f0 solid;border-right:1px #f0f0f0 solid;margin-top: 0px;width: 100%; height:100%}
.content .fl .cate2 a{font-weight: 100}
.content .fl .cate2 li{border-bottom:  1px #f0f0f0 solid;text-align: left;width: 245px;}
.content .fl .cate2 li ul li{border-bottom:none;border-top: 1px #f0f0f0 dashed}

.content .fl .cate2 li .icon-angle-right{float: right;font-size: 16px}
.content .fl .cate2 li ul li .icon-angle-right{float:left;margin-right: 10px;margin-left: 30px}
.content .fl .title{background-color: #0277c7;margin-top:0px;padding-top: 10px;padding-bottom: 10px}
.content .fl .title h1{color: #fff;text-align: left;margin-left:20px }
.content .fl .title h2{color: rgba(255,255,255,0.2);font-size: 40px;font-weight: 900;text-align: left;margin-left:20px;margin-top: -15px;}
.content .fl .aboutus{background-color: #fff;margin-top: 20px;}
.content .fl .aboutus h1{border-left: 5px #0277c7 solid;line-height: 60px;font-size: 22px;padding:0px 10px;border-top: 1px #f0f0f0 solid; border-right: 1px #f0f0f0 solid;border-bottom: 1px #f0f0f0 solid;}
.content .fl .aboutus h1 em{color: #ccc;font-size: 22px;margin-left: 10px}
.content .iphone{height: 80px;padding: 10px; border-right: 1px #f0f0f0 solid;border-bottom: 1px #f0f0f0 solid;border-left: 1px #f0f0f0 solid;}
.content .iphone .icon-head-phone{width: 60px;height: 60px;background: url(../img/phone.png) no-repeat center;background-size: 60px 60px;float: left;}
.content .iphone .tel{font-size: 18px;font-weight: 300;height: 30px;color:#050505;float: left;width: 160px }
.content .iphone .tel_400{font-size: 22px;font-weight: 900;height: 30px;color:#0277c7 }
.content .address{border-right: 1px #f0f0f0 solid;border-bottom: 1px #f0f0f0 solid;border-left: 1px #f0f0f0 solid;padding: 10px;font-size: 14px;color: #999;height: 180px}
.content .address dd{height: 30px;line-height: 30px}
.content .address i{font-size: 20px;width: 20px;text-align: center;margin-right:10px }
/*******经典案例**********/
.content .prolist{border-top: 1px #f0f0f0 solid;margin-left: 0px;}
.content .prolist img{width: 220px;height: 130px;float: left;}
.content .prolist li{width: 100%;height:100%;margin-left: 0px;margin-bottom: 0px;overflow: hidden;padding: 20px;border-bottom: 1px #f0f0f0 solid;margin-top: 0px}
.content .prolist li .fl{width: 220px;height: 130px;overflow: hidden;}
.content .prolist li .fr{width: 680px;}
.content .prolist li .fr h1{text-align: left;font-size: 20px;font-weight: 300;margin-top: 20px}
.content .prolist li span{float: left;position:static;width: auto;background: none;color:#666;text-align: left;line-height: 26px;font-size: 14px;padding: 10px 0px}
.content .prolist li:hover{background-color: #f4f9fd}
/*********热卖产品列表************/
.content .hotprolist { overflow: hidden;margin-left: 5px }
.content .hotprolist li { float: left; width: 290px;height: 280px;  background: #fff; text-align: center; margin-left: 25px;padding: 20px;border: 1px #f0f0f0 solid;margin-bottom: 25px;overflow: hidden;}
.content .hotprolist li .pic { overflow: hidden; position: relative; }
.content .hotprolist li .pic img { display: block; transition: all 1s ease; }
/*.content .hotprolist li h2 { font-weight: normal; font-size: 16px; height: 45px; line-height: 45px; padding: 0 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }*/
.content .hotprolist li:hover img { transform: scale(1.4); -webkit-filter: brightness(50%); }
.content .hotprolist li .pic:after { width: 60px; height: 60px; background: url(../img/fdj.png) no-repeat center; background-size: 80% auto; content: ''; position: absolute; left: 0px; right: 0px; margin: auto; top: 50%; transform: translateY(-50%) scale(0); transition: all 0.6s ease; opacity: 0; }
.content .hotprolist li:hover .pic:after { transform: translateY(-50%) scale(1); opacity: 1; }

.content .hotprolist li img{width: 260px;height: 190px;overflow: hidden;}
.content .hotprolist li:hover img { transform: scale(1); }
.content .hotprolist li span{background:none;color:#424242; text-align: left;}
.content .hotprolist li span h1{font-size: 16px;font-weight: bold;float: left;line-height: 24px;width: 100%;height: 24px;overflow: hidden;}
.content .hotprolist li:hover span h1{color:#0277c7;}
.content .hotprolist span h2{float: right;font-weight:100;font-size: 12px;display: none}
.content .hotprolist li p{height: 60px;line-height: 60px;text-align: left;margin-bottom: 10px}
/****企业资质******/
.qiyezz { overflow: hidden; margin-left: -50px; }
.qiyezz li { float: left; width: 262px; margin-top: 30px; background: #fff; text-align: center; margin-left: 50px; }
.qiyezz li .pic { overflow: hidden; position: relative; }
.qiyezz li .pic img { display: block; transition: all 1s ease; height: 363px}

.qiyezz li h2 { font-weight: normal; font-size: 16px; height: 45px; line-height: 45px; padding: 0 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.qiyezz li:hover img { transform: scale(1.4); -webkit-filter: brightness(50%); }
/*.qiyezz li .pic:after { width: 60px; height: 60px; background: url(../img/fdj.png) no-repeat center; background-size: 80% auto; content: ''; position: absolute; left: 0px; right: 0px; margin: auto; top: 50%; transform: translateY(-50%) scale(0); transition: all 0.6s ease; opacity: 0; }
.qiyezz li:hover .pic:after { transform: translateY(-50%) scale(1); opacity: 1; }*/
/****企业相册******/
.qiyexc { overflow: hidden; margin-left: -20px; }
.qiyexc li { float: left; width: 224px; margin-top: 30px; background: #fff; text-align: center; margin-left: 20px; }
.qiyexc li .pic { overflow: hidden; position: relative; }
.qiyexc li .pic img { display: block; transition: all 1s ease;height: 336px }

.qiyexc li h2 { font-weight: normal; font-size: 16px; height: 45px; line-height: 45px; padding: 0 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.qiyexc li:hover img { transform: scale(1.4); -webkit-filter: brightness(50%); }
/*.qiyexc li .pic:after { width: 60px; height: 60px; background: url(../img/fdj.png) no-repeat center; background-size: 80% auto; content: ''; position: absolute; left: 0px; right: 0px; margin: auto; top: 50%; transform: translateY(-50%) scale(0); transition: all 0.6s ease; opacity: 0; }
.qiyexc li:hover .pic:after { transform: translateY(-50%) scale(1); opacity: 1; }*/
/***分页***/
.page { overflow: hidden; text-align: center; padding: 40px 0; }
.page ul li { display: inline-block; }
.page ul li a, .page ul li span { padding: 10px 15px; background: #fff; display:block; color: #888; margin: 0 2px; }
.page ul li.active span { background: #0277c7; color: #fff; border-color: #0277c7 }
.page ul li:hover a { background: #0277c7; color: #fff; border-color: #0277c7 }
/***产品详情***/
.location { font-size: 14px; height: 50px; line-height: 48px; color: #686868; background: url(../img/home.png) no-repeat left center; padding-left: 40px; }
.location a { font-size: 14px; color: #686868; }
.location i { margin: 0 12px; color: #d6d6d6; }
.protop { background: #fff; overflow: hidden; }
.protop .fl { float: left; width: 750px; }
.protop .fl .bd { height: 460px; width: 750px; overflow: hidden; border: 1px solid #ddd; }
.protop .fl .bd ul li { height: 460px; position: relative; width: 750px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.protop .fl .bd ul li img { display: block; max-height: 100%; max-width: 100%; }
.protop .fl .bd ul li span { position: absolute; bottom: 0px; left: 0px; height: 45px; line-height: 45px; background: rgba(0,0,0,0.8); width: 100%; font-size: 16px; color: #fff; padding-left: 15px; }
.protop .fl .hd { height: 75px; overflow: hidden; margin-top: 14px; }
.protop .fl .hd ul { width: 760px; }
.protop .fl .hd ul li { float: left; width: 120px; margin-right: 6px; cursor: pointer; height: 75px; position: relative; overflow: hidden; }
.protop .fl .hd ul li img { width: 100%; height: 100%; }
.protop .fl .hd ul li.on:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0px; top: 0px; border: 2px solid #0277c7; box-sizing: border-box; }
.protop .fr { width: 378px; }
.protop .fr h1 { font-weight: normal; font-size: 24px; color: #0277c7;}
.protop .fr .p1 { font-size: 14px; color: #6b6b6b; padding-top: 10px; }
.protop .fr .note { border-top: 1px dashed #eee; margin-top: 15px; padding-top: 12px; font-size: 14px; line-height: 23px; color: #666; }
.protop .fr .note h2 { font-size: 16px; padding-bottom: 10px; }
.protop .fr .frbtn { margin-top: 25px; }
.protop .fr .frbtn a { display: block; width: 200px; height: 46px; background: url(../img/btn1.png) no-repeat; margin-bottom: 12px; }
.protop .fr .frbtn a.a2 { background: url(../img/btn2.png) no-repeat; }
.pdbox { padding: 20px 0; line-height: 26px; color: #666; font-size: 14px; }
.pdbox a { color: #0277c7; }
/***案例列表***/
.filter { overflow: hidden; background: #fff; padding: 25px 0; box-shadow: #ccc 0px 2px 10px; position: relative; z-index: 1; }
.filter dl { overflow: hidden; padding-bottom: 12px; border-bottom: 1px dashed #ddd; padding-left: 60px; position: relative; }
.filter dl dt { position: absolute; left: 0px; top: 17px; font-size: 14px; width: 60px; }
.filter dl dd a { float: left; padding: 5px 10px; margin-right: 20px; font-size: 14px; margin-top: 12px; }
.filter dl dd a.on, .filter dl dd a:hover { background: #0277c7; color: #fff; }
.filter dl:last-child { border: 0px; }
.yxtj { padding: 18px 0; font-size: 14px; overflow: hidden; }
.yxtj em { color: #0277c7; margin: 0 4px; }
.caselist { margin-left: -30px; }
.caselist li { float: left; width: 380px; margin-left: 30px; margin-bottom: 30px; }
.caselist li .pic { width: 380px; overflow: hidden; position: relative; }
.caselist li img { display: block; width: 380px; height: 247px; transition: all 2s ease; }
.caselist li em { width: 95px; height: 27px; font-size: 14px; line-height: 27px; background: url(../img/cbg.png) no-repeat; position: absolute; bottom: 0px; right: 0px; text-align: center; color: #fff; }
.caselist li .tit { height: 50px; line-height: 50px; background: #fff url(../img/r2.png) no-repeat 95% center; overflow: hidden; padding: 0 12px; font-size: 16px; }
.caselist li:hover img { transform: scale(1.4); -webkit-filter: brightness(50%); }
.caselist li .pic:after { width: 60px; height: 60px; background: url(../img/fdj.png) no-repeat center; background-size: 80% auto; content: ''; position: absolute; left: 0px; right: 0px; margin: auto; top: 50%; transform: translateY(-50%) scale(0); transition: all 0.6s ease; opacity: 0; }
.caselist li:hover .pic:after { transform: translateY(-50%) scale(1); opacity: 1; }
.cate2.n { margin: 0px; }
/***常见问题***/
.question{ margin-top:40px;}
.question .title{width: 100%;height: 50px}
.question .title h1{ font-family:微软雅黑;color: #333;font-weight: 900; float: left;}
.question .title h2{background: none;font-family:微软雅黑;font-size: 40px; color:rgba(0,0,0,0.1);text-align: right; float: left;font-weight: 900;line-height: 40px;margin-left: -100px}
.question .more{background: #0277c7;color:#fff;border-color:#0277c7;display: inline;float: right;width:100px;margin-top: 5px;}
.asktitle{height: 50px;font-size: 18px;overflow: hidden;line-height: 50px}
.asktitle i{width: 30px;height: 30px;text-align: center;font-size: 18px;font-weight: 900;color: #fff;background-color: #0277c7;line-height: 30px;border-radius:50%;font-family:微软雅黑;margin-right: 20px}
.answer p{font-size: 14px;line-height: 25px;height: 50px;overflow: hidden;width: 310px;float: left}
.answer i{width: 30px;height: 30px;text-align: center;font-size: 18px;font-weight: 900;color: #fff;background-color: #f0f0f0;line-height: 30px;border-radius:50%;font-family:微软雅黑;margin-right: 20px;float: left}
.question .swiper-container{border-top: 1px #ccc dashed}

/***新闻列表***/

.newlist { overflow: hidden;border-top: 1px solid #f0f0f0;margin-left: 20px }
.newlist li { position: relative;  overflow: hidden; border-bottom: 1px solid #f0f0f0; padding: 20px 0; }
.newlist li .date { width: 100px; height: 100px; left: 0px; top: 30px; background: #0277c7; position: absolute; text-align: center; color: #fff; font-size: 14px; }
.newlist li .date p b { display: block; font-size: 30px; padding-top: 7px; font-family:HELVETICANEUELTPRO-THEX }
.newlist li .date p.line { width: 25px; height: 1px; display: block; background: #fff; overflow: hidden; margin: 0 auto; margin-top: 12px; }
.newlist li .pic { float: left; width: 256px; height: 100px; margin-left: 128px; }
.newlist li .pic img { width: 256px; height: 165px; }
.newlist li .note { float: right; width: 100%;  overflow: hidden; }
.newlist li .note span{height: 30px;line-height: 30px;float: right;font-size: 18px}
.newlist li .note h2 { font-size: 18px; font-weight: normal;width: 80%;float: left; }
.newlist li .note .notec { font-size: 14px; line-height: 25px; color: #888; margin: 12px 0; }
.newlist li .note .mo { display: block; color: #0277c7; }
.newlist li .note p { font-size: 14px; color: #999; line-height: 22px;  width: 100%;margin-top: 20px}
.newlist li .note i{float: right;font-size: 22px;}
.newlist li:hover{background-color: #f4f9fd;padding-left: 20px;padding-right: 20px}
.newlist li:hover .note i{color: #0277c7}
.newbox { background: #fff; /*padding: 25px; */overflow: hidden; }
.newbox .newtit { text-align: center; border-bottom: 1px solid #eee; padding-bottom: 12px; }
.newbox .newtit p { font-size: 14px; color: #888; padding-top: 15px; }
.prevnext { font-size: 16px; padding: 20px 0px; overflow: hidden; color: #666; }
.prevnext .fl { width: 50%; overflow: hidden; }
.prevnext .fr { width: 50%;overflow: hidden; }
.prevnext a { color: #666; }
.prevnext a:hover { color: #0277c7; }
ee; }


.case2 { margin-bottom: 50px; }
.case2 .title { margin-bottom: 50px; }
.book{height: 280px}
.book .fl{width: 290px}
.book .fr{width: 600px}
.book p{width: 100%;}
.book p img{position: relative;top:-59px;width: 89px;height: 46px;left: 200px}
.book .intext{ padding:10px; width:210px;height: 48px; float:left; border:1px solid #eee;margin-bottom:12px;}
.book .intext.i2{ float:right;}
.book .intext.te{ float:none; width:100%; height:80px;}
.book .sbtn{ padding:10px; width:600px; border:0px; cursor:pointer; background:#0090da; color:#fff;}

.book em{height: 48px;line-height: 48px;border:1px #eee solid;float: left;border-right: 0px;width: 80px;text-align: center;margin-bottom:12px;}
.swiper-container{width: 100%;overflow: initial;margin-top: 10px}
.swiper-wrapper{padding: 20px 0px}
.swiper-slide{padding-right: 20px}
.swiper-normal{
    position: relative;

}
.swiper-normal .img-wrapper{
    overflow: hidden;
}
.swiper-normal .img-wrapper img:hover{
    transform: scale(1.1);
    transition: all .8s;
}
.swiper-normal .swiper-description{
    position: absolute;
    top: 12%;
    left: 12%;
    font-family: "Microsoft YaHei";

}
.swiper-normal .swiper-description h2{
    color: #fff;
}
.swiper-normal .swiper-description h5{
    color: #fff;
    overflow : hidden;
    margin-top: 5%;
    padding-right: 6%;
    line-height: 22px; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;   
}
.swiper-wrapper{overflow: hidden;}
.swiper-button-next{margin-right: -30px}
.swiper-button-prev{margin-left: -30px}
.swiper-button-next, .swiper-button-prev{width:44px;}

.swiper-button-black{background-color: #ccc;border-radius:50%;background-size:  50% 50%}
/***********图标*************/
.icon-phone-400{background: url(../img/icon-phone.png) no-repeat center;}
.icon-p-square{background: url(../img/icon-square.png) no-repeat center; }
.icon-p-s{background: url(../img/icon-p-s.png) no-repeat center; }
.icon-env{background: url(../img/icon-env.png) no-repeat center; }
.icon-qqq{background: url(../img/icon-qqq.png) no-repeat center; }
.icon-map-markerq{background: url(../img/icon-map-markerq.png) no-repeat center; }
.icon-dot-o{background: url(../img/icon-dot-o.png) no-repeat center;width: 12px;height: 12px }
.on .icon-dot-o{background: url(../img/icon-dot-o-on.png) no-repeat center;width: 12px;height: 12px }
.cate2 a:hover .icon-dot-o{background: url(../img/icon-dot-o-on.png) no-repeat center;width: 12px;height: 12px }
/*#content { width: 500px; height: 170px; margin: 100px auto; }*/
#imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; }

#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }