@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#333; font-family:"Arial","微软雅黑"; }
#main { }
.float_clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.display_none { display:none; }
img { border:0; vertical-align:top; }
.red { color:red; }
.must_input { font-weight:bold; color:red; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }
.clear { clear:both; }
.highlight { color:#FFF; background:red; padding:1px; }
/* a */ 
a { color:#333; text-decoration:none; text-decoration:none; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
a:visited {  }
a:active, a:hover { text-decoration: none; color:#212B5A; }
a:focus { outline: none; }
p { line-height:22px; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; letter-spacing:1px; }
:focus { outline:0; text-decoration:none; }
a:focus {outline:0; text-decoration:none; color:#212B5A;}
/* 顶部 */
header {  }
#top_menu { background:#CCC; }
.top_menu { line-height:32px; color:#333; width:1200px; margin:0 auto; }
.top_menu_left { float:left; }
.top_menu_right { float:right; }
.top_menu_right li { float:right; }
.top_menu_right li a { display:block; color:#333; padding:0 0 0 10px; margin:0 0 0 10px; }
.top_menu_right li:last-child a { padding:0; margin:0; background:none; }

.top_main { width:1200px; margin:0 auto; padding:20px 0; color:#212B5A; }
.top_logo { float:left; }
.top_logo img { height:88px; padding-left: 10px;}
.top_name { margin:0 0 0 10px; float:left; text-align:center; }
.top_name span { font-size:32px; padding:3px 0 0; display:block;  font-weight: 800;}
.top_name em { font-size:22px; font-style:normal; display:block;  }
.top_tel { float:right; font-size:18px;    padding-top: 22px; }
.top_tel span { display:block; }
.top_tel i { padding:0 5px 0 0; }
.top_tel em { color:#f00; font-weight:bold; font-style:normal; }

nav { background:#212B5A; border-bottom:1px solid #494a4f; border-top:1px solid #5d5c62; }
nav ul { width:1200px; margin:0 auto; }
nav li { float:left; padding:0 0 0 10px; width:11.1111111111%; box-sizing:border-box; }
nav li:first-child { padding:0; }
nav li a { display:block; color:#fff; text-align:center; line-height:55px; font-size:18px; }
nav li a:hover { background:#FFF; color:#212B5A; }
nav .current { background:#FFF; color:#212B5A; }

.header { position:fixed; width:100%; left:0; z-index:1000; height:55px; background:rgba(255,255,255,0.9); box-shadow:0 0 10px #333; top:0; }
.header #top_menu { display:none; }
.header .top_main { width:auto; margin:0; padding:0; position:absolute; left:20px; }
.header .top_main .top_logo img { height:45px; padding:5px 0; }
.header .top_main .top_name span { font-size:20px; padding:4px 0 0; }
.header .top_main .top_name em { font-size:16px; }
.header .top_main .top_tel { display:none; }
.header nav { position:absolute; right:0; background:none; border:0; }
.header nav ul { width:auto; margin:0; }
.header nav li { width:auto; padding:0; margin:0 0 0 10px; }
.header nav li:first-child { margin:0; }
.header nav li a { background:#212B5A; padding:0 10px; }
.header nav li a:hover { background:#000; color:#fff; }
.header nav .current { background:#000; color:#fff; }


/*首页CSS*/
#jp_index #blank { display:none; }
.ititle{    width: 559px;
    margin: 0 auto;
    box-shadow: 0 0 1px #333;
    border-radius: 41px;
    margin-bottom: 45px;

}
.ititle h2 { line-height:47px; text-transform:uppercase; text-align:center; font-size:32px; }
.ititle h2 i { display:inline-block; color:#212B5A; }
.ititle h2 em { padding:0 10px; font-style:normal; display:inline-block; }
.ititle h2 span { display:inline-block; }

#iabout { margin:80px 0 60px; }
#iabout img { display:block; margin:20px auto; height:196px; }
.iabout { width:1200px; margin:0 auto; padding:10px; box-shadow:0 0 2px #333; box-sizing:border-box; }
.iabout p { font-size:16px; margin:5px 0; text-indent:2em; line-height:26px; }

#ibrand { padding:50px 0; background:url(../images/ipro_bg.jpg) no-repeat fixed center; background-size:100% auto; }
.ibrand { width:1220px; margin:0 auto; }
.ibrand h2 { color:#fff; text-shadow:1px 2px 2px rgba(0,0,0,0.8); }
.ibrand h2 i { color:#fff; }
.ibrand ul { margin:10px 0 0; }
.ibrand li { float:left; width:16.66666667%; padding:10px; box-sizing:border-box; }
.ibrand dl { position:relative; padding:10px; text-align:center; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; cursor:pointer; background:#fff; border-radius:100%; box-shadow:0 0 2px #333; }
.ibrand dl a { display:block; overflow:hidden; }
.ibrand dt img { width:100%; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; border-radius:100%; }
.ibrand li:hover dt img { -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter: grayscale(1); filter:grayscale(1); filter:gray; -webkit-filter:gray; -ms-filter:gray; -o-filter:gray; -webkit-transform:translateZ(0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; transform:rotatey(360deg); -o-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); }
.ibrand dd { position:absolute; top:50%; left:0; width:100%; background:#212B5A; line-height:48px; font-size:22px; margin:-24px 0 0; content: ''; 
-webkit-transform:translate3d(0,80px,0); transform: translate3d(0,80px,0); opacity:0; -webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s; -o-transition:opacity 0.35s,-o-transform 0.35s; -ms-transition:opacity 0.35s,-ms-transform 0.35s; -moz-transition:opacity 0.35s,-moz-transform 0.35s; }
.ibrand dl:hover dd { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); color:#fff; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }

#ipro { padding:50px 0; }
#ipro ul { width:1220px; margin:10px auto 0; text-align:center; text-transform:capitalize; }
#ipro li { float:left; padding:10px; box-sizing:border-box; width:16.6666667%; position:relative; }
#ipro li dl { position:relative; box-sizing:border-box; box-shadow:0 0 2px #333; }
#ipro li dl a { display:block; overflow:hidden; }
#ipro li dt { opacity:1; transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -moz-transition:all 0.6s; z-index:3;}
#ipro li dt img { width:100%; height:auto; box-shadow:0 0 10px #333; transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -moz-transition:all 0.6s; } 
#ipro li dd { position:absolute; left:50%; top:50%; width:0; height:0; z-index:2; overflow:hidden; transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; -ms-transition:all 0.4s; -moz-transition:all 0.4s; border-radius:100%; }
#ipro li:hover dt { transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -moz-transition:all 0.6s; z-index:1; -moz-transform:rotate3d(1,1,1,360deg); -webkit-transform:rotate3d(1,1,1,360deg); -ms-transform:rotate3d(1,1,1,360deg); -o-transform:rotate3d(1,1,1,360deg); transform:rotate3d(1,1,1,360deg); }
#ipro li:hover dt img { filter: grayscale(1); -webkit-filter:grayscale(1); -webkit-transform:translateZ(0); -ms-filter:grayscale(1); -o-filter:grayscale(1); -ms-transform:translateZ(0); filter:gray; transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -moz-transition:all 0.6s; opacity:0.4; }
#ipro li:hover dd { left:0; top:0; width:100%; height:100%; transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -moz-transition:all 0.6s;border-radius:0; }
#ipro li dd h3 { position:absolute; width:100%; left:0; top:50%; padding:5px 0; transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; -ms-transition:all 0.4s; -moz-transition:all 0.4s; margin:-16px 0 0; }
#ipro li:hover h3 { background:#212B5A; color:#fff; font-size:22px; }


#iso { padding:50px 0; background:url(../images/iso_bg.jpg) no-repeat fixed center; background-size:100% auto; }
.iso { width:1220px; margin:0 auto; z-index:10; position:relative; }
.iso h2 { color:#fff; text-shadow:1px 2px 2px rgba(0,0,0,0.8); }
.iso h2 i { color:#fff; }
.iso ul { margin:10px 0 0; }
.iso li { position:relative; height:166px; width:132.5px; overflow:hidden; margin:0 10px; transform:rotate(120deg); -ms-transform:rotate(120deg); -moz-transform:rotate(120deg); -webkit-transform:rotate(120deg); float:left; }
.iso dl { position:relative; height:166px; width:132.5px; overflow:hidden; transform:rotate(-60deg); -ms-transform:rotate(-60deg); -moz-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); }
.iso dt { position:relative; overflow:hidden; transform:rotate(-60deg); -ms-transform:rotate(-60deg); -moz-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); }
.iso dt img { width:166px; height:166px; }
.iso li a { display:block; }
.iso dd { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transform:rotate(-60deg); -ms-transform:rotate(-60deg); -moz-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); text-align:center; vertical-align:middle; text-shadow:1px 1px 5px #000; color:#fff; }
.iso li a:hover dd { background:rgba(255,255,255,0.8); color:#000; }
.iso dd h3 { display:table; width:100%; height:100%; transition:all 0.6s ease 0s; vertical-align:middle; font-size:22px; text-align:center; }
.iso dd h3 span { display:table-cell; vertical-align:middle; }



.iso li:nth-child(9){ margin:-35px 10px 0 85px; }
.iso li:nth-child(10){ margin:-35px 10px 0; }
.iso li:nth-child(11){ margin:-35px 10px 0; }
.iso li:nth-child(12){ margin:-35px 10px 0; }
.iso li:nth-child(13){ margin:-35px 10px 0; }
.iso li:nth-child(14){ margin:-35px 10px 0; }
.iso li:nth-child(15){ margin:-35px 10px 0; }
.iso li:nth-child(16){ margin:-35px 10px 0; }
.iso li:nth-child(17){ margin:-35px 10px 0; }
.iso li:nth-child(18){ margin:-35px 10px 0; }
.iso li:nth-child(19){ margin:-35px 10px 0; }
.iso li:nth-child(20){ margin:-35px 10px 0; }
.iso li:nth-child(21){ margin:-35px 10px 0; }
.iso li:nth-child(22){ margin:-35px 10px 0; }
.iso li:nth-child(23){ margin:-35px 10px 0; }
.iso li:nth-child(24){ margin:-35px 10px 0 85px; }
.iso li:nth-child(25){ margin:-35px 10px 0; }
.iso li:nth-child(26){ margin:-35px 10px 0; }
.iso li:nth-child(27){ margin:-35px 10px 0; }
.iso li:nth-child(28){ margin:-35px 10px 0; }
.iso li:nth-child(29){ margin:-35px 10px 0; }
.iso li:nth-child(30){ margin:-35px 10px 0; }

.isve { padding:50px 0; width:1200px; margin:0 auto; }
.isve ul { margin:0 -10px; }
.isve h3 { font-size:22px; }
.isve li { float:left; width:33.3333334%; padding:70px 10px 10px; box-sizing:border-box; text-align:center; }
.isve dl { border:1px solid #ccc; padding:70px 10px 10px; position:relative; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.isve dl dt { position:absolute; width:110px; height:110px; border:1px solid #ccc; background:#fff; border-radius:100%; box-sizing:border-box; top:-55px; left:50%; margin:0 0 0 -55px; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.isve dl dt a {display:block; border:4px solid #fff; width:100%; height:100%; border-radius:100%; box-sizing:border-box; overflow:hidden; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.isve dl dt span,.isve dl dt i { height:100px; width:100px; display:block; line-height:100px; font-size:50px; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.isve dl:hover dt a { background:#212B5A; }
.isve dl:hover dt span { margin:-100px 0 0; transform:rotatey(360deg); -o-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); }
.isve dl:hover dt i { transform:rotatey(360deg); -o-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); color:#fff; }
.isve dl:hover dt,.isve dl:hover { border:1px solid #212B5A; }

.map { height:300px; width:100%; }
.iw_poi_title { color:#212B5A; font-size:16px; font-weight:bold; overflow:hidden; padding-right:13px; white-space:nowrap; }
.iw_poi_content { font-size:14px; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word; }

/* 版权信息 */
.copy { background:#212B5A; color:#fff; padding:20px 0; text-align:center; }
.copy a { color:#fff; }

/*通用属性*/
#banner { }
#banner img { width:100%; height:auto; }

.common_title  { margin:0 0 20px; border-bottom:2px solid #212B5A; line-height:42px; padding:0 0 10px; text-align:center; }
.common_title h2 { text-transform:uppercase; font-size:32px; letter-spacing:2px; }
.common_title h2 i { color:#212B5A; vertical-align:top; font-size:34px; display:inline-block; }
.common_title h2 em { font-style:normal; display:inline-block; padding:0 5px; }

.common_table { border-collapse:collapse; width:100%; }
.common_table td { padding:5px; border:1px solid #ccc; }
.common_table th { text-align:center; border:1px solid #ccc }
.common_table .title { font-size:16px; color:#fff; background:#212B5A; }

.common_table .detail { cursor:pointer; }
.common_table .detail:hover { color:#fff; background:#212B5A; }
.common_table .detail:hover a{color: #f00;}
.common_table .current { color:#fff; background:#212B5A; }

.common_table .tdetail { display:none; }
.common_table .tdetail td { padding:20px; }
.common_table .tdetail p { line-height:26px; }

.common_table tr:nth-child(4n) { background:#f1f1f1; }
.common_table tr:nth-child(4n).current { color:#fff; background:#212B5A; }

.cate { width:1200px; margin:-20px auto 0; box-sizing:border-box; }
.cate ul { margin:0 -10px; }
.cate li { float:left; padding:0 10px 20px; box-sizing:border-box; }
.cate li a { display:block; border:2px solid #212B5A; border-top:0; line-height:32px; font-size:16px; text-align:center; color:#212B5A;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.cate li a:hover { background:#212B5A; color:#fff; }
.cate .current { background:#212B5A; color:#fff; }

#common_search { position:relative; margin:0 auto 20px; width:920px; }
#common_search form {  }
#common_search li { float:left; margin:0 10px 0 0; }
#common_search li label { float:left; line-height:32px; font-size:16px; width:40px; }
#common_search li select{width: 145px;height: 30px; line-height: 30px;border: 1px solid #ddd;}
#common_search li:last-child { margin:0; }
#common_search #search_key { float:left; width:100px; padding:0 10px; border:1px solid #ccc; background:none; line-height:30px; height:32px; box-sizing:border-box; float:left; }
#common_search #search_btn { position:relative; width:80px; border:1px solid #ccc;  background:#212B5A; color:#fff; font-size:18px; z-index:1; height:32px; float:right; cursor:pointer; box-sizing:border-box; }
#common_search p { padding:10px 0 0; font-size:15px; text-align:center; color:#f00; }
 



#jb_pro #common_search { width:920px; }

#cate1 li { width:12.5%; }
#cate1 li a { border-radius:0 0 8px 8px; }
/*品牌展示*/
#brand { padding:50px 0; }

.brands { width:1200px; margin:0 auto; }
.brands ul { margin:0 -10px; }
.brands li { float:left; width:20%; padding:10px; box-sizing:border-box; }
.brands dl { position:relative; box-shadow:0 0 5px #666; }
.brands dl a { display:block; position:relative; }
.brands dt { position:relative; }
.brands dt img { width:100%; padding:10px; box-sizing:border-box; }
.brands dd { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(33,43,90,0.9); color:#fff; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; opacity:0; }
.brands dd i { font-size:100px; position:absolute; top:50%; left:0; margin:-50px 0 0 0; display:block; text-align:center; line-height:normal; height:auto; width:100%; size:50px; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s;  }
.brands dl a:hover dd { opacity:1; }
.brands dl a:hover dd i { transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); }

.brandd { width:1200px; margin:0 auto; }

/*产品分类*/
#pro { padding:50px 0; }

#cate2 { box-shadow:0 0 5px #666; padding:10px; margin:0 auto 20px; }
#cate2 ul { margin:0; }
#cate2 li { width:16.666667%; padding:5px 10px; }
#cate2 li a { border:0; box-shadow:0 0 3px #666; border-radius:5px; }


.pros { width:1200px; margin:0 auto; }
.pros ul { margin:0 -10px; }
.pros li { float:left; width:20%; position:relative; padding:10px; box-sizing:border-box; }
.pros dl { position:relative; }
.pros dl a { display:block; position:relative; }
.pros dt { overflow:hidden; }
.pros dt img { width:100%; -webkit-transition:0.4s; -ms-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; }
.pros dd { background:rgba(0,0,0,.6); position:absolute; top:100%; right:0; bottom:0; left:0; -webkit-transition:0.6s; -ms-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; transition:0.6s; height:0; overflow:hidden; }
.pros dd h3 { display:table; width:100%; height:100%; -webkit-transition:0.6s; -ms-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; transition:0.6s; vertical-align:middle; line-height:40px; font-size:22px; text-transform:uppercase; text-align:center; color:#fff; }
.pros dd h3 span { display:table-cell; vertical-align:middle; }
.pros dl a:hover dd { top:0; height:100%; overflow:auto; }
.pros dl a:hover dt img { transition-delay: .3s; -moz-transition-delay: .3s; -webkit-transition-delay: .3s;  -o-transition-delay: .3s; -ms-transition-delay: .3s; transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); }

.prod { margin:0 auto; width:1200px; }
.prod ul { margin:0 -10px; }
.prod li { width:33.3333334%; padding:0 10px 20px; box-sizing:border-box; float:left; }
.prod dl { padding:10px; border-radius:8px; box-shadow:0 0 5px #666; position:relative; cursor:pointer; -webkit-transition:0.6s; -ms-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; transition:0.6s;  }
.prod dt { float:left; width:100px; position:absolute; left:10px; z-index:2; }
.prod dt img { width:100%; height:100%; -webkit-transition:0.6s; -ms-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; transition:0.6s;  }
.prod dd { float:left; width:100%; padding:0 0 0 110px; box-sizing:border-box; position:relative; z-index:3; }
.prod dd h3 { font-size:15px; line-height:32px; height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prod dd p { line-height:26px; font-size:14px; height:26px; overflow:hidden; }
.prod dd p span { display:inline-block; width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prod dd a { font-style:normal; display:block; line-height:16px; font-size:13px; text-align:right; color:#212B5A; -webkit-transition:0.6s; -ms-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; transition:0.6s; }
.prod dl:hover { background:#212B5A; color:#fff; }
.prod dl:hover dt img { border-radius:100%; }
.prod dl:hover dd a { color:#f00; }

.prod .current {  }
.prod .current dl { background:#212B5A; color:#fff; }
.prod .current dl dt img { border-radius:100%; }
.prod .current dl dd i { color:#fff; }

#iframe { z-index:10000; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
#pro_detail { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10001; background:none; }
.pro_detail { position:absolute; top:50px; bottom:50px; left:50%; margin:0 0 0 -600px; width:1200px; background:#fff; overflow-x:hidden; overflow-y:scroll; padding:20px; box-sizing:border-box; }
.pro_detail em { top:25px; font-size:30px; z-index:5; display:block; cursor:pointer; position:fixed; right:50%; margin:0 -625px 0 0; border-radius:100%; width:40px; height:40px; text-align:center; line-height:40px; box-shadow:0 0 10px #333; border: 5px solid #FFF; background:#000; color:#FFF; }
.pro_detail .pic { text-align:center; margin:0 0 20px; }
.pro_detail .pic img { max-width:100%; }
.pro_detail .pdetail td { padding:20px; }
.pro_detail .pdetail h2 { font-size:26px; }
.pro_detail .pdetail h3 { font-size:20px; margin:20px 0 0; line-height:30px; color:#212B5A; }
.pro_detail .pdetail h4 { font-size:18px; line-height:26px; color:#212B5A; }
.pro_detail .pdetail h5 { font-size:16px; line-height:26px; color:#212B5A; }
.pro_detail .pdetail p span { color:#212B5A; text-transform:lowercase; }
.pro_detail tr:nth-child(4n).plink { background:#212B5A; color:#fff; text-align:center; font-size:15px; font-weight:bold; }

.pro_detail .common_table { margin:0 0 20px; }
.pro_detail .pinfo { cursor:pointer; }
.pro_detail .pinfo:hover { background:#212B5A; color:#fff; }



/*解决方案*/
#so { padding:50px 0; }

.ss { width:1200px; margin:0 auto; }
.ss ul { margin:0 -10px; }
.ss li { float:left; width:20%; position:relative; padding:10px; box-sizing:border-box; }
.ss dl { border-radius:100%; width:224px; height:224px; border:8px solid #ccc; box-sizing:border-box; position:relative; overflow:hidden; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.ss dl a { display:block; position:relative;height: 100% ;}
.ss dt { position:relative;height: 100%; }
.ss dt img { width:100%;height: 100%; border-radius:100%; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.ss dd { position:absolute; top:100%; right:0; bottom:0; left:0; -webkit-transition:0.6s; -ms-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; transition:0.6s; height:0; overflow:hidden; }
.ss dd h3 { display:table; width:100%; height:100%; -webkit-transition:0.6s; -ms-transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; transition:0.6s; vertical-align:middle; line-height:40px; font-size:22px; text-transform:uppercase; text-align:center; color:#fff; }
.ss dd h3 span { display:table-cell; vertical-align:middle; }
.ss dl:hover { background:#212B5A; border:8px solid #4a5380; box-shadow:0 0 5px #333 inset; -o-box-shadow:0 0 5px #333 inset; -ms-box-shadow:0 0 5px #333 inset; -webkit-box-shadow:0 0 5px #333 inset; -moz-box-shadow:0 0 5px #333 inset; }
.ss dl:hover dd { top:0; height:208px; overflow:auto; }
.ss dl:hover dt img { margin:-100% 0 0; transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); }

.so .header { display:none; }
.so .cate { position:fixed; z-index:1001; width:100%; height:auto; left:0; top:0; margin:0; background:rgba(255,255,255,0.9); box-shadow:0 0 5px #666; }
.so #cate3 ul { border:0; }
.so #cate3 li { width:auto; }
.so #cate3 li a { padding:0 15px; }

#cate3 ul { padding:10px; border:2px solid #212B5A; border-top:0; margin:0; }
#cate3 li  { width:16.6666667%; padding:10px; }
#cate3 li a { border:2px solid #212B5A; }
#so #common_search { margin:20px auto; }

.sd { margin:20px auto; width:1200px; }
.sd ul { margin:0 -10px; }
.sd li { float:left; padding:10px; width:25%; box-sizing:border-box; }
.sd .list { position:relative; border:1px solid #ccc; cursor:pointer; text-align:center; padding:10px; }
.sd .list .lazy_img { width:263px; height:263px; }
.sd .list figcaption { position:absolute; bottom:10px; left:10px; right:10px; line-height:20px; padding:5px; font-size:16px; background:rgba(0,0,0,0.7); color:#fff; }
.sd .list_dot { text-align:center; display:none; height:20px; }
.sd .list_add { display:none; position:absolute; left:50%; width:1200px; margin:0 0 0 -600px; z-index:10; text-transform:uppercase; box-sizing:border-box; background:#F2F2F2; padding:20px; box-shadow:0 10px 10px #000; }
.sd .c_c { border:1px solid #212B5A; background:#212B5A; }
.sd .c_c figcaption { background:rgba(33,43,90,0.8); }

.sd .list_add .list_off { position:absolute; right:10px; top:10px; } 
.sd .list_add .list_off span { font-size:50px; cursor:pointer; color:#212B5A; display:block; line-height:50px; height:50px; }
.sd .list_add iframe { width:1160px; }

#jb_solution {  }
.solution_title { font-size:24px; line-height:28px; padding:10px 30px; color:#212B5A; text-align:center; border-bottom:2px solid #212B5A; margin:0 0 20px; }
.solution_info {  }
.solution_info p { margin:0 0 10px; }
.solution_info img { display:block; margin:0 auto 10px; max-width:100%; }

/*客户案例*/
#case { padding:50px 0; }

.case { width:1200px; margin:0 auto; }
.case ul { margin:10px -10px; -webkit-column-width:240px; -moz-column-width:240px; -o-colum-width:240px; column-width:240px; -ms-column-width:240px; -webkit-column-gap:1px; -moz-column-gap:1px; -o-column-gap:1px; column-gap:1px; -ms-column-gap:1px; }
.case li { display:inline-block; width:100%; padding:10px; box-sizing:border-box; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.case dl {  position:relative; border:1px solid #212B5A; padding:10px 10px 0; text-align:center; background:#fff; }
.case dl a { display:block; color:#212B5A; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.case dt { position:relative; }
.case dt img { width:100%; }
.case dt span { width:0; height:0; position:absolute; background:rgba(0, 0, 0, 0.7) url(../images/search.png) no-repeat center; background-size:40px;;left:50%; top:50%; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.case dd { line-height:20px; font-size:16px; padding:4px 0; }
.case li:hover { box-shadow:0 0 10px #666; background:#212B5A; }
.case li:hover a { }
.case li:hover dt span { width:100%; height:100%; left:0; top:0; }

/*服务支持*/
#cate5 li { width:16.6666667%; }
#cate5 li a { border-radius:0 0 8px 8px; }

#service { padding:50px 0; }

.service { margin:10px auto; width:1200px; padding:20px; box-sizing:border-box; border-radius:22px; box-shadow:0 0 10px #333; }
.service ul {  }
.service li { margin:0 0 20px; padding:0 0 20px; border-bottom:1px dotted #212B5A; }
.service li:last-child { border:0; }
.service dl { clear: both; padding:10px; margin:0 0 20px; border:1px solid #ccc; }
.service h3 { font-size:20px; color:#212B5A; }
.service h4 { font-size:18px; color:#212B5A; }
.service p { text-indent:2em; margin:0 0 5px; }
.service dt { float:left; margin:0 20px 0 0; }

.service .ul1 li:first-child dl { padding:0; margin:0; border:0; }
.service .ul1 li:first-child img { width:300px; }
.service .ul1 li:nth-child(2) { border:0; padding:0; margin:0; }
.service .ul1 dl:last-child { margin:0; }

.service .ul2 li:first-child dl { padding:0; margin:0; border:0; }
.service .ul2 li:first-child img { width:300px; }
.service .ul2 li:nth-child(2) { border:0; }
.service .ul2 li:nth-child(2) dl {  }

.service .ul3 li:first-child dl { padding:0; margin:0; border:0; }
.service .ul3 li:first-child { border:0; padding:0; margin:0; }
.service .ul3 li:first-child img { float:left; width:300px; padding:0 20px 10px 0; }

.service .ul4 img { width:100%; }
.service .ul4 li:nth-child(4) { border:0; padding:0; margin:0; }

.service .ul5 img { width:100%; }
.service .ul5 li:nth-child(1) { border:0; padding:0; margin:0; }
.service .ul5 li:nth-child(3) { border:0; padding:0; margin:0; }

.service .ul6 li { padding:10px; margin:0 0 20px; border:1px solid #ccc; clear:both; height:226px; }
.service .ul6 li:nth-child(3) { margin:0; }
.service .ul6 li img { float:left; margin:0 10px 0 0; }
.service .ul6 li p { line-height:26px; font-size:16px; }

/*搜索*/
#jb_sou #common_search { width:920px; }
#sou { padding:50px 0; }

.sou { width:1200px; margin:0 auto; }
/*新闻*/
#news { padding:50px 0; }

.news { width:1200px; margin:0 auto;min-height: 320px; }
.news ul { margin:10px -10px; }
.news li { float:left; width:590px; padding:0 10px; line-height:32px; font-size:16px; box-sizing:border-box; margin:0 10px; border-bottom:1px dotted #ccc;  }
.news li a { display:inline-block; }
.news li:hover { background:#212B5A; color:#fff; }
.news li:hover a { color:#fff; }

/*关于我们*/
#jb_about h2 { line-height:47px; text-transform:uppercase; text-align:center; font-size:32px; }
#jb_about h2 i { display:inline-block; color:#212B5A; font-size:36px; }
#jb_about h2 em { font-style:normal; display:inline-block; padding:0 10px; }
#jb_about h2 span { color:#666; }

#about { padding:50px 0; background:url(../images/banner_about.jpg) no-repeat fixed center / auto 100%; }
.about { width:1200px; margin:0 auto; position:relative; padding:30px 20px; z-index:10; background:rgba(255,255,255,0.8); color:#333; box-sizing:border-box; border-radius:22px; box-shadow:0 0 10px #000; }

.about h3 { font-size:24px; margin:10px 0; }
.about p { text-indent:2em; line-height:32px; margin:0 0 5px; font-size:16px; }
.about img { float:left; width:360px; margin:0 32px 0 0; }

.team { padding:50px 0; }
.team ul { width:1220px; margin:10px auto 0; }
.team li { float:left; width:33.3333334%; padding:10px; box-sizing:border-box; }
.team dl { padding:10px; position:relative; text-align:center; border:10px solid #ccc; cursor:pointer; }
.team dl span { display:block; font-size:80px; }
.team dl dt { font-size:24px; margin:0 0 5px; }
.team dl dd p { font-size:16px; }
.team dl:hover { color:#212B5A; border:10px solid #212B5A; }

.culture { padding:50px 0; background:#f1f1f1; }
.culture ul { width:1220px; margin:10px auto 0; padding:0 0 20px; }
.culture li { float:left; width:33.3333334%; padding:10px; box-sizing:border-box; }
.culture dl { box-shadow:0 0 3px #666; position:relative; text-align:center; background:#fff; }
.culture dt { padding:10px 0 0; }
.culture dt span { width:100px; height:100px; line-height:100px; margin:0 auto; font-size:60px; background:#212B5A; border-radius:100%; display:block; color:#fff; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.culture dd { font-size:20px; padding:5px 0; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.culture p { font-size:16px; padding:0 0 20px; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.culture dl a { display:block; z-index:1; position:relative; }
.culture dl a:before { background:#ccc; bottom:0; content:""; height:0; left:0; position:absolute; right:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease 0s; width:100%; z-index: -1; }
.culture dl a:after { background:#212B5A; bottom:0; content:""; height:0; left:0; position:absolute; right:0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease 0s; width:100%; z-index:-1; }
.culture dl a:hover:before { height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; top:0; }
.culture dl a:hover:after { height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s; top:0;  }
.culture dl a:hover dt span { transform:rotatey(360deg); -o-transform:rotatey(360deg); -moz-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; background:#fff; color:#212B5A; }
.culture dl a:hover dd { color:#fff; }
.culture dl a:hover p { color:#fff; }

#cons { padding:50px 0; background:url(../images/banner_cons.jpg) no-repeat fixed center / 100% auto; }
.cons { width:1200px; margin:0 auto; position:relative; padding:20px; z-index:10; background:rgba(0,0,0,0.6); color:#fff; box-sizing:border-box; box-shadow:0 0 10px #fff; }
#jb_about .cons h2 { color:#fff; }
#jb_about .cons h2 i { color:#fff; }
#jb_about .cons h2 span { color:#fff; }
.cons img { max-width:100%; padding:20px; box-sizing:border-box; }

.partner { padding:50px 0; width:1200px; margin:0 auto; }
.partner ul { margin:10px -10px; text-transform:uppercase; }
.partner li { float:left; width:20%; padding:10px; box-sizing:border-box; }
.partner dl { position:relative; border:1px solid #ccc; padding:5px; text-align:center; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; cursor:pointer; }
.partner dt img { width:100%; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
.partner li:hover dt img { -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter: grayscale(1); filter:grayscale(1); filter:gray; -webkit-filter:gray; -ms-filter:gray; -o-filter:gray; -webkit-transform:translateZ(0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; transform:rotatey(360deg); -o-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); }
.partner dd { position:absolute; top:50%; left:0; width:100%; background:#212B5A; line-height:48px; font-size:22px; margin:-24px 0 0; content: ''; 
-webkit-transform:translate3d(0,80px,0); transform: translate3d(0,80px,0); opacity:0; -webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s; -o-transition:opacity 0.35s,-o-transform 0.35s; -ms-transition:opacity 0.35s,-ms-transform 0.35s; -moz-transition:opacity 0.35s,-moz-transform 0.35s; }
.partner dl:hover dd { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); color:#fff; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }

/*联系我们*/
#contact { padding:50px 0; }

.contact { padding:20px; width:1200px; margin:10px auto; box-sizing:border-box; box-shadow:0 0 10px #333; }
.contact h3 { font-size:22px; line-height:30px; color:#212B5A; }
.contact h4 { font-size:20px; line-height:26px; color:#212B5A; }
.contact h5 { font-size:18px; line-height:26px; color:#212B5A; }
.contact p span { color:#212B5A; text-transform:lowercase; font-size:16px; line-height:26px; }

/*信息*/
#info { padding:50px 0; background:#f1f1f1; }
#info .info { width:1200px; margin:10px auto; box-sizing:border-box; padding:20px; border-radius:22px; box-shadow:0 0 10px #333; background:#fff; }
#info_name { font-size:32px; color:#212B5A; }
#info_intro { border-bottom:1px solid #333; }
#info_content { padding:12px 0; min-height: 320px;}
#info_content p { text-indent:2em; margin:0 0 10px; }
#info_content img { display:block; max-width:100%; margin:0 auto 20px; }
#info_around { margin:20px 0 0; padding:5px 10px; border-radius:8px; border:1px solid #212B5A; color:#212B5A; }
#info_around a { color:#212B5A; }
/*表格相关*/
input { font-family:"arial","微软雅黑"; font-size:14px; }
/*分页样式*/
.pagination { padding:20px 0 0; float: right; clear: both;display: flex; }
.pagination a, .pagination span { float:left; display: block; border: 1px solid #212B5A; padding:4px 8px; margin-left:4px; line-height:16px; color:#212B5A; font-size:16px; }
.pagination a:link, .pagination a:visited { text-decoration: none; }
.pagination a:hover, .pagination a.c { background: #212B5A; color: #FFF; }
.page_turner { padding:20px 0 0; float: right; clear: both; }
.page_turner a, .page_turner span { float:left; display: block; border: 1px solid #212B5A; padding:4px 8px; margin-left:4px; line-height:16px; color:#212B5A; font-size:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #212B5A; color: #FFF; }
#total { color: red; }
#gotop { width:50px; height:50px; line-height:50px; right:5px; bottom:5px; position:absolute; font-size:50px; color:#212B5A; }

/* 漂浮的客服 */
#online_support_main { z-index:9999; position:absolute; display:block; overflow:hidden; width:112px; zoom:1; font-size:12px; color:#fff; }
#online_support_label { text-align:center; }
#online_support_label i { display:block; font-size:40px; color:#212B5A; line-height:40px; }
#online_support_title { background:#212B5A; border-radius:8px 8px 0 0; padding:5px 0; border-bottom:1px solid #323e76; }
#online_support_title span { display:block; text-align:center; line-height:18px; font-size:12px; }

#online_support_body { background:#212B5A; }
#online_support_body a { color:#fff; display:block; }
#online_support_body p { border-bottom:1px solid #323e76; border-top:1px solid #09102f; padding:0 0 0 10px; }
#online_support_body p span { display:inline-block; padding:0 5px 0 0; }

#online_contact { background:#212B5A; padding:0 0 10px; border-radius:0 0 8px 8px; }
#online_contact p { border-bottom:1px solid #323e76; border-top:1px solid #09102f; padding:5px 0 5px 10px; }
#online_contact p:last-child { border-bottom:0; }
/*响应式开始*/
@media screen and (max-width:1440px){
nav li:nth-child(10){ z-index:10010; position:relative;}
}


@media screen and (max-width:1320px){
	
/*首页*/
nav ul { width:960px;}
.top_menu { width:960px;}
.top_main { width:960px;}
nav li a { line-height:45px;font-size:16px;}
.header {height:45px;  }
.header .top_main .top_name span { font-size:16px; padding:0; }
.header .top_main .top_logo img { height:40px; padding:3px 0; }
#iabout img { height:110px;}
.iabout { width:960px; }
.iabout p { line-height:24px; font-size:18px; }
.ibrand { width:960px; }
.ibrand dd { font-size:28px;}
#ipro ul { width:980px;}
.isve { width:960px;}

.iso { width:980px; }
.iso li { position:relative; height:128px; width:102.5px; margin:0 10px; }
.iso dl { position:relative; height:128px; width:102.5px; }
.iso dt img { width:102.5px; height:128px; }
.iso li:nth-child(9){  margin:-25px 10px 0 72px; }
.iso li:nth-child(10){ margin:-25px 10px 0; }
.iso li:nth-child(11){ margin:-25px 10px 0; }
.iso li:nth-child(12){ margin:-25px 10px 0; }
.iso li:nth-child(13){ margin:-25px 10px 0;  }
.iso li:nth-child(14){ margin:-25px 10px 0; }
.iso li:nth-child(15){ margin:-25px 10px 0; }
.iso li:nth-child(16){ margin:-25px 10px 0; }
.iso li:nth-child(17){ margin:-25px 10px 0; }
.iso li:nth-child(18){ margin:-25px 10px 0; }
.iso li:nth-child(19){ margin:-25px 10px 0; }
.iso li:nth-child(20){ margin:-25px 10px 0; }
.iso li:nth-child(21){ margin:-25px 10px 0; }
.iso li:nth-child(22){ margin:-25px 10px 0; }
.iso li:nth-child(23){ margin:-25px 10px 0; }
.iso li:nth-child(24){ margin:-25px 10px 0 72px;  }
.iso li:nth-child(25){ margin:-25px 10px 0; }
.iso li:nth-child(26){ margin:-25px 10px 0; }
.iso li:nth-child(27){ margin:-25px 10px 0; }
.iso li:nth-child(28){ margin:-25px 10px 0; }
.iso li:nth-child(29){ margin:-25px 10px 0; }
.iso li:nth-child(30){ margin:-25px 10px 0; }
.iso dd h3 { font-size:20px;}

/*品牌展示*/
.banner { width:960px;}
.search { width:288px;}
.content { width:610px}
.search li label { font-size:18px;}
.content h2 { font-size:40px;}
.content p { font-size:18px;}
.common_title h2 { font-size:40px;}
.brands { width:960px;}
.brands dd i {size:46px;}
/*产品分类*/
.pros { width:960px;}
.pros dd h3 { font-size:34px;}
/*解决方案*/
.ss { width:960px;}
.ss dl { width:176px; height:176px;}
.ss dd h3 { font-size:32px;}
.ss dl:hover dd { height:176px; }
/*客户案例*/
.case { width:960px;}
/*服务支持*/
.cate { width:960px;}
.service { width:960px;}
.service h3 { font-size:22px;}
.service .ul1 li:first-child img { width:320px;}
/*型号查询*/
.sou { width:960px;}
.news { width:960px;}
.news li { width:470px;}
/*关于我们*/
.about { width:960px;}
#jb_about h2 { font-size:45px;}
.about img { width:320px;}
.about h3 { font-size:26px;}
.about p { font-size:19px;}
.team ul { width:980px; }
.culture ul { width:980px;}
.cons { width:960px;}
.partner { width:960px;}
.partner dd { line-height:44px;font-size:22px;}
/*联系我们*/
.contact { width:960px;}
.contact h3{  font-size:26px;}
.contact h4{ font-size:24px;}
.contact h5{ font-size:22px;}
.contact p{ font-size:20px;}
}
@media screen and (max-width:1250px){
.header nav li {margin: 0px 0px 0px 5px;}
}
@media screen and (max-width:1200px){
nav li a {font-size:18px;}
}
@media screen and (max-width:1120px){
nav li a { line-height:35px;font-size:16px;}
.header {height:35px;  }

.header .top_main .top_name span { font-size:18px; line-height:18px;}
.header .top_main .top_name em { font-size:16px; line-height:16px;}
.header .top_main .top_logo img { height:30px;}
}
@media screen and (max-width:1000px){
.header nav li a {padding: 0px 7px;}	
		
}
.proinfo{width: 1200px;margin: 10px auto;box-sizing: border-box;padding: 20px;border-radius: 22px;box-shadow: 0 0 10px #333;background: #fff;}
.proinfo .dat1{width: 100%;overflow: hidden;}
.proinfo .dat1 .pic{float: left;width: 320px;}
.proinfo .dat1 .pic img{width: 100%;}
.proinfo .dat1 .dlist{float: left;margin-left: 30px;width: 330px;}
.proinfo .dat1 .dlist li{line-height: 30px;border-bottom: 1px dashed #ddd;padding-left: 15px;}
.proinfo .dat1 .dlist li.bt{font-weight: bold;font-size: 18px;line-height: 50px;border-bottom: 0px;}
.proinfo .dat2{margin-top: 30px;width: 100%;}
.proinfo .dat2 .xqbt{width: 100%;height: 40px;border-bottom: 1px solid #ddd;}
.proinfo .dat2 .xqbt span{display: block;width: 120px;text-align: center;font-size: 16px;line-height: 40px;background: #212b5a;color: #fff;}
.proinfo .dat2 .xqcon{margin-top: 15px;text-align: justify;line-height: 24px;}
.focus{height:415px;width:485px;float: left;}
.focus .left{float:right; width:325px; height:415px; position:relative;}
.focus .left li{position:absolute; left:0; top:0; width:842px; height:415px; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .left li img{width: 290px;height: 415px;}
.focus .left li.active{z-index:2;}
.focus .left li p{display:none;}

.focus .right{float: left;; width:150px;}
.focus .right li{height:200px; overflow:hidden; margin-bottom:21px;cursor: pointer;}
.focus .right #lis{background-size: 100%;background:url(../images/z_s1.jpg)no-repeat !important;background-repeat: round !important;}
.focus .right #lis1{background-size: 100%;background:url(../images/z_s2.jpg)no-repeat !important;background-repeat: round !important;}