@charset "utf-8";
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear: both;height:0;}
.clearfix{*zoom:1;}
.clear{ clear:both; height:0px; width:0px; line-height:0px; visibility:hidden; }
/*清除浮动*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, em {padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
body { margin: 0; padding: 0; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;  overflow-x: hidden; }
td, div { font-size: 12px; color: #444; }
a { color: #333; text-decoration: none; }
a:hover { color: #f30; }
img{ border:0;}
.clear { clear: both; }
.dis { display: none; }
.w { width: 1200px; margin: 0 auto; clear: both; overflow: hidden; }
.mt10 { margin-top: 10px; }
.m10 { margin: 10px auto; }
ul, li, dl, dt, dd,p,h1,h2,div { margin: 0; padding: 0; list-style: none; }

@keyframes myfirst
{
from {background:#fff;}
to {background:#55afdb;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {background:#fff;}
to {background:#55afdb;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {background:#fff;}
to {background:#55afdb;}
}



@-o-keyframes myfirst /* Opera */
{
from {background:#fff;}
to {background:#55afdb;}
}
@font-face {
  font-family: 'beba';
  src: url("../fonts/BEBAS.eot");
  src: url("../fonts/BEBAS.eot") format("embedded-opentype"), url("../fonts/BEBAS.woff") format("woff"), url("../fonts/BEBAS.ttf") format("truetype"), url("../fonts/BEBAS.svg#BEBAS") format("svg");
}

 

#topbar { background: #f6f6f6; height: 32px; line-height: 32px; display:none }
#topbar .w span { float: right; background: #fff; padding: 0 15px; color: #ddd; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
#topbar .w span a { font-family: arial; }
#topbar .w { color: #999; }
#tophead { height: 80px; padding: 15px 0; border-bottom: 1px solid #ebebeb; -webkit-box-shadow: #eee 0px 0px 8px; -moz-box-shadow: #eee 0px 0px 8px; box-shadow: #eee 0px 0px 8px; position: relative; z-index: 100 }
#tophead .w{ overflow:visible;}
#tophead .logo { background: url(../images/logo.png) no-repeat center; width: 226px; height:68px; float: left; margin-top:5px; }
#tophead form { float: right; margin-top: 20px; }
#tophead form .input { border: 1px solid #ddd; padding: 10px 15px; vertical-align: middle; border-right: 0; color: #555; }
#tophead form .bnt { background: #2194D3; border: 1px solid #2194D3; padding: 10px 25px; vertical-align: middle; color: #fff; }
#tophead.fixed { position: fixed; width: 100%; top: 0; background:#fff; z-index:200 }
#topnav { height: 80px; float: left; padding-top:10px; margin-left:80px }
#topnav .w { width: auto; overflow: visible; }
#topnav .w ul { margin: 0; padding: 0; list-style: none; padding-top:10px }
#topnav .w ul li { float: left; margin:0 5px;  position: relative; }
#topnav .w ul li a { height: 40px; line-height: 40px; font-size: 16px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; color: #333; padding: 0 20px; display: block; border-radius:8px;
transition: color, background 0.6s;
-moz-transition: color, background 0.6s;	/* Firefox 4 */
-webkit-transition: color, background 0.6s;	/* Safari 和 Chrome */
-o-transition: color, background 0.6s;	/* Opera */
}
.head_tel{ float:right; margin-top:10px}
.head_tel i{ float:left; font-size:60px}
.head_tel .text{ float:left; margin-left:10px}
.head_tel .text p{ font-size:16px;}
.head_tel .text h1{ font-size:30px; font-family:'beba'; color:#e50012}
#topnav .w ul li a:hover { background: #0068b6; }
#topnav .w ul .hover a { background: #0068b6; height: 40px; line-height: 40px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; color: #fff;  display: block; }
#topnav .w ul li dl { position: absolute; z-index: 999; margin: 0; display: none; width: 180px; overflow:hidden; text-align:center; margin-left:-38px; }
#topnav .w ul li dl .fa{font-size: 36px;line-height: 13px;text-align: center; color:#0068b6;}
#topnav .w ul li dl .erlist{ background:#0068b6; padding:8px; border-radius:8px;}
#topnav .w ul .hover dl dd a { background: #0068b6; border-bottom: 1px solid #187EC6; height: 40px; line-height: 40px; display: block; font-size: 14px;   }
#topnav .w ul .hover dl dd a:hover { background: #fff; color: #333; display: block; }
#banner { height: 700px; }
#full-screen-slider { width: 100%; height: 700px; position: relative; z-index: 10; }
#slides { display: block; width: 100%; height: 700px; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute }

#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#pagination { display: block; list-style: none; position: absolute; bottom: 10px; z-index: 2000; padding: 15px 0; margin: 0 ; text-align:center;  left:50% }
#pagination li { display: inline-block; list-style: none; width: 30px; height: 3px; text-align:center;  border-radius: 5px; background: #fff; margin:0 5px; }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current {background:#cd0003  ;}
#full-screen-slider .prev, #full-screen-slider .next {
width: 80px;
height: 80px;
background-image: url("../images/Sprites.png");
position: absolute;
top: 300px;
display: block;
z-index: 1000;
cursor: pointer;
}
#full-screen-slider .prev{ background-position:80px -1px; left:-100px;}
#full-screen-slider .next{background-position:80px -80px; right:-100px;}
/*推荐商品*/
.tjcp-wrap { padding:50px 0; }
.tjcp-wrap .title { padding-top:0; padding-bottom:20px;}
.tjcp-wrap .title .tit { height: 24px; line-height: 24px; font-size: 24px; color: #333; text-align: center; }
.tjcp-wrap .title .line { width: 36px; height: 1px; line-height: 1px; background: #cd0003; margin: 15px auto; }
.tjcp-wrap .title .desc { text-align: center; font-size: 14px; line-height: 20px; }
.tjcp-wrap { position: relative; }
.tjcp-wrap .part4 .in { position: relative; height: 220px; }
.tjcp-wrap .part4 li { position: absolute; width: 385px; text-align: center; }
.tjcp-wrap .part4 li.li_01{ top:0; left:0;}
.tjcp-wrap .part4 li.li_02{ top:0; left:408px;}
.tjcp-wrap .part4 li.li_01{ top:0; left: auto; right:0}

/*tingshow*/
.i-tingshow { padding: 50px 0; background:#F5F5F5 }
.i-tingshow .title { width: 100%; }
.i-tingshow .title .tit { height: 24px; line-height: 24px; font-size:30px; color: #333; text-align: center; font-weight:bold  }
.i-tingshow .title .line { width: 36px; height: 1px; line-height: 1px; background: #CD0003; margin: 15px auto; }
.i-tingshow .title .desc { text-align: center; font-size: 12px; line-height: 20px; }

.dm_cases{width:100%;min-width:1200px;background:#f5f5f5;overflow:hidden;}
.cases_list{width:100%;margin:20px 0 0 0;}

.cases_ul{width:100%;margin-bottom:30px;}
.cases_ul li{width:268px;float:left;position:relative; background-color:#ffffff; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); _border: solid 1px #ebebeb; border: solid 1px #ebebeb; padding: 30px 10px 10px 10px; border-radius:5px;;-webkit-transition: all .4s ease;transition: all .4s ease; margin-right:13.333px}
.cases_ul li  .onsale { display: inline-block; padding: 0 9px 0 12px; height: 30px; line-height: 30px; font-size: 13px; position: absolute; text-transform: uppercase; top: 15px; margin: 0; border-radius: 0 2px 2px 0; font-weight: normal; z-index: 1; left: -5px; color: #fff;  } 


.cases_ul li:nth-child(4n){margin:0px 0px 30px 0px;}
.cases_ul li .yt_brandlist{width:100%;height:100%;display:block;}
.cases_ul li .img{ width:268px;height:201px;overflow:hidden;background: url("../images/loading.gif") no-repeat center center #FFFFFF;position: relative;overflow: hidden; }
.cases_ul li .img img{width:268px;height:201px;display:block;display:none;}
.yt-h5{padding:0 15px;background:#fff;overflow:hidden;position:relative;text-align:left; display:block}
.yt-h5 h5{font-size:18px;line-height:22px;height:22px;overflow:hidden;color:#333;margin:18px 0; float:left}
.yt-h5 p{line-height:22px;color:#848484;overflow:hidden;font-size:14px;}
.yt-h5 span{width:24px;height:11px;display:block;background:url(../images/morej.png) 0 center no-repeat; float:right; margin-top:20px}
.cases_ul li:hover{-webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px)}
.cases_ul li:hover .yt-h5{background:#d81713;}
.cases_ul li:hover .yt-h5 h5,.cases_ul li:hover .yt-h5 p{color:#fff;}
.cases_ul li:hover .yt-h5 span{background-position:-90px center;}
.w_disno{display:none}

/*** caselist */
.caselist { width: 1170px; margin: 0 auto; position: relative; padding:15px 0; }
.caselist .sPrev, .caselist .sNext { position: absolute; left: -15px; top: 10px; display: block; width: 30px; height: 94px; border: 1px solid #ddd; background: url(images/icoLeft.gif) center center no-repeat #f4f4f4; display:none; }
.caselist .sNext { left: auto; right: -15px; background: url(images/icoRight.gif) center center no-repeat #f4f4f4; }
.caselist .sPrev:hover, .caselist .sNext:hover { border-color: #f60; }
/* 荣誉资质 */
.i-honor { padding: 50px 0; height: 360px; }
.i-honor .title { position: absolute; width: 100%; }
.i-honor .title .tit { height: 24px; line-height: 24px; font-size: 24px; color: #333; text-align: center; font-weight: bold; }
.i-honor .title .line { width: 36px; height: 1px; line-height: 1px; background: #999; margin: 15px auto; }
.i-honor .title .desc { text-align: center; font-size: 12px; line-height: 20px; }
/* 本例子css */
.picScroll-left { overflow: hidden; position: relative; top: 120px; width: 1200px; margin: 0 auto; }
.picScroll-left .hd { height: 1px; padding: 0; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; width: 33px; height: 33px; float: right; overflow: hidden; cursor: pointer; font-size: 24px; color: #51a8d2; border: 1px solid #51a8d2; text-align: center; line-height: 33px; top: 110px; left: 0; position: absolute; }
.picScroll-left .hd .next { left: auto; right: 0; position: absolute; }
.picScroll-left .hd .prev i, .picScroll-left .hd .next i{ line-height:33px; font-size:16px;}
.picScroll-left .hd  a:hover{ background:#51a8d2; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.picScroll-left .hd  a:hover i{ color:#fff;}
.picScroll-left .hd .prevStop { background-position: -60px 0; }
.picScroll-left .hd .nextStop { background-position: -60px -50px; }
.picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; }
.picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on { background-position: 0 0; }
.picScroll-left .bd { width: 1048px; margin: 0 auto; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { margin: 0 10px; float: left; _display: inline; overflow: hidden; text-align: center; -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, .1); -moz-box-shadow: 0 0 10px rgba(204, 204, 204, .1); box-shadow: 0 0 10px rgba(204, 204, 204, .1); border: 1px solid #ebebeb; position: relative; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 240px; height: 240px; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.picScroll-left .bd ul li .title { line-height: 24px; }
.picScroll-left .bd ul li a.Mask { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; background: rgba(88,171,212,.8); display: none; }
.picScroll-left .bd ul li .inner { border: 2px solid #fff; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; text-align: center; color: #fff; }
.picScroll-left .bd ul li .ht { padding-top: 80px; font-size: 24px; text-align: center; margin-bottom: 12px; }
.picScroll-left .bd ul li .ht span { display: inline-block; padding-bottom: 12px; border-bottom: 1px solid #fff; color: #fff; font-size: 16px }
.picScroll-left .bd ul li p { font-size: 18px; font-family: Arial; line-height: 18px; margin: 0 0 43px 0; }
.picScroll-left .bd ul li .more { display: inline-block; width: 70px; height: 70px; background: url(../images/more.png); margin: 0 auto; float: none; display: none; }
/* about us */
.i_about { background: url(../images/i_about.jpg) center center no-repeat; height: 480px; }
.i_about .title { width: 100%; }
.i_about .title .tit {  font-size: 24px; color: #333; text-align: center;   font-size: 36px;
color: white;
line-height: 66px;
margin-top: 89px;  font-weight:bold}
.i_about .title .desc  {
width: 100%;
font-size: 16px;
color: white;
line-height: 32px;
margin: 18px  0px;
max-height: 96px;
overflow: hidden;
text-align:center;
}
/* 跳到数字 */
.dm_years{padding:20px 50px 80px;}
.dm_years ul li{width:32.33%;float:left;text-align:center;min-height:114px;}
.dm_years ul li+li{border-left:1px dotted #fff;}
.dm_years ul li .number{font-size:20px;color:#fff;margin-bottom:10px }
.dm_years ul li span{font-size:72px;margin-right:6px;font-family:'beba';line-height:72px; }
.dm_years ul li p{font-size:18px;line-height:22px;opacity:.8;color:#fff;}


/* news */
.i-news { padding: 50px 0; background:#fff }
.i-news .title { width: 100%; }
.i-news .title .tit { height: 24px; line-height: 24px; font-size: 30px; color: #333; text-align: center; font-weight:bold  }
.i-news .title .line { width: 36px; height: 1px; line-height: 1px; background: #CD0003; margin: 15px auto; }
.i-news .title .desc { text-align: center; font-size: 14px; line-height: 20px; }

.news_list{width:100%; margin: 20px 0;}
.news_list ul li{width:390px;height:428px;background:#fff;overflow:hidden;float:left;-webkit-transition: all .4s ease;transition: all .4s ease;}
.news_list ul li+li{margin-left:15px;}
.news_list ul li a{width:100%;display:block;}
.news_list ul li .img1{width:100%;height:260px;overflow:hidden;background: url("../images/loading.gif") no-repeat center center #FFFFFF;}
.news_list ul li .img1 img{width: 100%;}
.news_list .info{padding:0 18px;text-align:left;  }
.news_list .info_title{border-bottom:1px dotted #ccc;padding:13px 0;margin-bottom:14px; height:auto;}
.news_list .info_title h3{color:#1a1a1a;line-height:22px;height:22px;overflow:hidden;font-size:18px;margin-bottom:6px;  font-weight:bold}
.news_list .info_title h6{color:#333;line-height:22px;font-size:12px;opacity:.8; margin-bottom:5px}
.news_list .info  p{line-height:22px;word-wrap:break-word;color:#848484;font-size:14px; border:none;}
.news_list ul li:hover{-webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); background:#0068b6 !important}
.news_list ul li:hover .info_title h3{color:#fff;}
.news_list ul li:hover .info_title h6{color:#fff;}
.news_list ul li:hover .info  p{color:#fff;}
/* partners  品牌中心 */
.i-partners { padding: 50px 0; background:#fff }
.i-partners .title { width: 100%; }
.i-partners .title .tit { height: 24px; line-height: 24px; font-size: 24px; color: #333; text-align: center;  }
.i-partners .title .line { width: 36px; height: 1px; line-height: 1px; background: #CD0003; margin: 15px auto; }
.i-partners .title .desc { text-align: center; font-size: 12px; line-height: 20px; }

.multipleColumn{ overflow:hidden; position:relative; width:100%;margin-top:40px;padding-bottom:20px;}
.multipleColumn .hd{ overflow:hidden;height:30px; background:#fff;width:100%;position:absolute;bottom:-10px;left:0;text-align:center;}
.multipleColumn .hd ul li{border-radius:100%;width:10px; height:10px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer;background:#e7e7e7;z-index:102;display:inline-block;}
.multipleColumn .hd ul li.on{ background:#d81713; }

.multipleColumn .bd{ padding:10px; overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin-right:0px;width:20%; height:150px; float:left; _display:inline; overflow:hidden; text-align:center;margin-bottom:30px;position:relative;}
.multipleColumn .bd ul li img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: gray;max-width:100%;  border:1px solid #ccc}
.multipleColumn .bd ul li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: null;}


/* 联系方式 */
.contact_bot{width:100%;background:#f2f2f2;min-width:1200px;overflow:hidden;padding:50px 0 45px;}
.contact_bot ul li{float:left;margin-right:70px;font-size:16px;color:#333;opacity:.8;overflow:hidden;}
.contact_bot ul li span{display:block;width:30px;height:30px;background:url(../images/iconb.png) 0 0 no-repeat;margin-right:6px;float:left;}
.contact_bot ul li span.iconb2{background-position:8px -72px;}
.contact_bot ul li span.iconb3{background-position:0 -132px;}



.subject { color: #0068b6; font-size: 18px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; height: 41px; line-height: 40px; border-bottom: 1px solid #ddd; }
.subject b { display: inline-block; font-weight: normal; border-bottom: 2px solid #0068b6; height: 40px; line-height: 40px; }
.subject span { color: #bbb; display: inline-block; font-size: 16px; font-family: verdana; padding-left: 10px; }
.subject a {  font-size: 12px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.pro_width { width: 1012px; height: 370px; overflow: hidden; }
.prolist { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; width: 29999px; }
.prolist li { float: left; width: 240px; margin: 0 13px 13px 0; }
.prolist li a { border: 1px solid #eee; display: block; padding: 15px; }
.prolist li a img { border: 1px solid #eee; }
.prolist li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.prolist li a .intro { line-height: 18px; color: #999; word-break: break-all; min-height: 55px; }
.prolist li a .more { display: block; margin: 15px auto 10px auto; text-align: center; background: #e5e5e5; width: 90px; line-height: 24px; }
.prolist li a:hover { border: 1px solid #ddd; }
.prolist li a:hover .title { color: #0068b6; }
.prolist li a:hover .more { background: #0068b6; color: #fff; }
.topcase { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.topcase li { float: left; width: 240px; margin: 0 13px 13px 0; }
.topcase li a { text-align: center; display: block; position: relative; height: 160px; overflow: hidden; }
.topcase li img { border: 1px solid #eee; width: 240px; height: 180px; display: block; margin-bottom: 10px; }
.topcase li a div { position: absolute; background: #333; width: 100%; line-height: 40px; height: 40px; color: #fff; display: block; bottom: -40px; left: 1px; opacity: 0.7 }
.bg_black { background: #eee; padding: 15px 0; }
.subject_news { color: #333; font-size: 18px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; height: 41px; line-height: 40px; border-bottom: 1px solid #ddd; }
.subject_news b { display: inline-block; font-weight: normal; border-bottom: 2px solid #0068b6; height: 40px; line-height: 40px; }
.subject_news span { color: #bbb; display: inline-block; font-size: 16px; font-family: verdana; padding-left: 10px; }
.subject_news a { float: right; font-size: 12px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.newslist { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.newslist li { float: left; width: 480px; margin: 0 20px 20px 0; }
.newslist li a img { float: left; margin-right: 10px; border: 1px solid #eee; }
.newslist li a .title { font-size: 16px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height: 30px; }
.newslist li a .date { font-size: 12px; color: #444; font-family: arial; line-height: 20px; }
.newslist li a .intro { line-height: 18px; color: #999; }
.newslist li a:hover .title { color: #f30; }
.link { padding: 15px; }
.link img { margin: 3px 8px 5px 0; }
.link ul { clear: both; margin: 0; padding: 0; list-style: none; }
.link ul li { float: left; width: 93px; height: 25px; overflow: hidden; }
.lefter { width: 260px; margin-right: 20px; float: left; display:none; }
.righter { float:  ; width: 1200px;}
.leftnav { background:url(../images/leftnav_bg.jpg) center center no-repeat;color: #fff; font-size: 18px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; height:87px; }
.p20{ padding:20px;}
.leftnav h3{ font-size:18px; color:#fff; height:18px; margin:0; padding:0; margin-bottom:7px; line-height:18px;}
.leftnav em{ color:#86b0ce; font-style:normal; font-size:14px; line-height:14px; height:14px;}
.subnav { border: 1px solid #eee; margin: 0; padding: 0; list-style: none;}
.subnav li {}
.subnav li a { display: block; padding-left: 20px; background: #fff url(../images/left_li.png) 220px center no-repeat; font-size: 14px; line-height: 58px; height: 58px; border-bottom: 1px dotted  #eee;  border-top: 1px solid #eee; }
.subnav li a:hover { color: #0068b6; font-weight: bold; background: #f3f3f3 url(../images/left_li_hover.png) 220px center no-repeat;}
.subnav .hover a { display: block; padding-left: 20px; color: #0068b6; font-weight: bold; background: #f3f3f3; font-size: 14px; border-bottom: 1px solid #eee;background: #f3f3f3 url(../images/left_li_hover.png) 220px center no-repeat; }
.subnav dl { margin: 0; padding: 0; list-style: none; *margin-top:-12px;
}
.subnav dl dt { }
.subnav dl dt a { background: #fff; display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; padding-left: 20px; font-size: 12px; }
.subnav dl dt a:hover { background: #fff; font-size: 12px; font-weight: normal; color: #f30; }
.subnav li dl .hover a { color: #f30; font-size: 12px; font-weight: normal; background: #fff; }
.left_border { border: 1px solid #eee; border-top: 0; padding: 10px 15px; line-height: 25px; }
.left_border p { margin: 0; padding: 0; }
.left_border b { font-size: 14px; }
.container { line-height: 25px; font-size: 14px; padding: 15px 0; }
.container p { margin: 5px 0; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-size: 14px; }
.artshow { line-height: 25px; font-size: 14px; padding: 0 0 15px 0; }
.artshow .title {text-align: center; font-size: 30px; line-height: 30px; font-variant: normal; margin: 0; padding: 15px 0; color: #333;  color: #332c2b; font-weight: 700; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.artshow .info { text-align: center; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; color: #999; padding: 0 0 15px 0; font-size: 14px; }
.artshow p { font-size: 14px; }
.artshow .pre { margin: 5px 0 5px 0; color: #999; }
.artshow .next { margin: 0 0 5px 0; color: #999; }
.prowidth { width: 1200px; overflow: hidden; }
.pro_list { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; width:1230px; }
.pro_list li { float: left; width: 282px; margin: 0 20px 21px 0; background:#fff;box-shadow:4px 4px #ebebeb; }
.pro_list li:nth-child(4n){ margin:0px 0px 21px 0}
.pro_list li.mr0{ margin-right:0;}
.pro_list li a { border: 1px solid #eee; display: block; padding:15px  10px; text-align:center }
.pro_list li a div.pic{ width:255px; height:190px; overflow:hidden; border: 1px solid #eee; overflow:hidden; margin:0 auto;}
.pro_list li a img {
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out; }
.pro_list li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; margin-top:15px; color:#555 }
.pro_list li a .intro { line-height: 18px; color: #999; word-break: break-all; min-height: 55px; }
.pro_list li a .more { display: block; margin: 5px auto 0px auto; text-align: center; background: #e5e5e5; width: 120px; line-height: 30px; }
.pro_list li:hover{box-shadow:5px 5px #f3f3f3;  }
.pro_list li a:hover { border: 1px solid #ddd; }
.pro_list li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pro_list li a:hover .title { color: #0068b6; }
.pro_list li a:hover .more { background: #0068b6; color: #fff;}
.pic_list { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; width:940px;}
.pic_list li { float: left;  width: 292px; margin: 0 20px 21px 0; background:#fff;box-shadow:4px 4px #ebebeb;  }
.pic_list li.mr0{ margin-right:0}
.pic_list li a { border: 1px solid #eee; display: block; padding: 15px; }
.pic_list li a div.pic{ width:255px; height:255px; overflow:hidden;}
.pic_list li a img { border: 0; width:255px; height:255px;}
.pic_list li a div.pic{ width:255px; height:255px; overflow:hidden; border: 1px solid #eee; overflow:hidden; margin:0 auto;}
.pic_list li a img {
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out; }

.pic_list li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.pic_list li a:hover { border: 1px solid #ddd; }
.pic_list li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pic_list li a:hover .title { color: #0068b6; }
.casewidth { width: 780px; overflow: hidden; }
.case_list { margin: 20px 0; padding: 0; list-style: none; }
.case_list li { width: 240px; margin: 0 20px 30px 0; float: left; text-align: center; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.case_list li img { display: block; margin-bottom: 15px; }
.case_list li a { color: #666; font-size: 13px; }
.case_list li a:hover { color: #f30; }
.joblist { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.joblist li { float: left; width: 480px; margin: 0 20px 20px 0; border-bottom: 1px dashed #eee; padding-bottom: 15px; }
.joblist li a .title { font-size: 16px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height: 30px; }
.joblist li .line { padding: 0; margin: 0; line-height: 22px; }
.joblist li .line b { float: left; width: 70px; color: #555; }
.joblist li .line .intro { margin-left: 70px; }
.joblist li a:hover .title { color: #f30; }
.job_list { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.job_list li { float: left; width: 285px; margin: 0 20px 20px 0; border-bottom: 1px dashed #eee; padding-bottom: 15px; }
.job_list li a .title { font-size: 16px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; line-height: 30px; line-height: 40px; margin-bottom: 10px; }
.job_list li .line { padding: 0; margin: 5px 0; line-height: 24px; text-indent: 0; }
.job_list li .line b { float: left; width: 70px; }
.job_list li .line .intro { margin-left: 70px; }
.job_list li .line .intro p { margin: 0 0 5px 0; padding: 0; }
.job_list li a:hover .title { color: #f30; }
 
 
.rss_list { margin: 0; padding: 0; list-style: none; }
.rss_list li { border-bottom: 1px dotted #ddd; line-height: 40px; color: #999; }
.rss_list li a { font-size: 14px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
/*list*/
.list_page { text-align: center; margin: 10px; display: block; }
.list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.list_page ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: bottom; }
.list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 4px; }
.list_page ul a { color: #333; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; font-size:16px; }
.page_group ul { border-right: solid 1px #ddd; border-radius: 4px; }
.page_group ul li { border-right: none; border-radius: 0; float: left; }
.page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; }
.page_group ul li:first-child { border-radius: 4px 0 0 4px; }
.page_group ul li:last-child { border-radius: 0 4px 4px 0; }
.page_group ul .active a { background: #f3f3f3; border-radius: 0; }
.comment { overflow: hidden; clear: both; margin: 10px 0; }
.comment .line { clear: both; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.comment .line .base { font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-weight: bold; line-height: 30px; font-size: 14px; }
.comment .line .base span { margin: 0 0 0 10px; color: #999; font-weight: normal; float: right; font-size: 12px; }
.comment .line .content { line-height: 20px; word-wrap: break-word; overflow: hidden; }
.comment .line .reply { font-family: verdana; word-wrap: break-word; overflow: hidden; }
.comment .line .reply strong { color: #f60; float: left; }
.comment_more { text-align: center; padding: 10px 0; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-size: 14px; }
.comment_more a { color: #999; }
.comment_more a:hover { color: #f30; }
.commentadd { margin: 10px 0; clear: both; }
.commentadd .text {}
.commentadd .text .div { padding: 0 5px 0 0; border: 1px solid #E4E2E2; border-bottom:0; }
.commentadd .text .div textarea { width: 98%; height: 70px; overflow: auto; border: 0; padding: 10px; }
.commentadd .input { margin: 0; font-size: 14px; background: #fafafa; border: 1px solid #EDECEC; overflow: hidden; padding: 0px 5px 5px 15px; line-height: 40px; height: 40px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.commentadd .input .send { float: right; border: 1px solid #0068b6; background: #0068b6; color: #fff; padding: 8px 25px; margin: 5px 0 0; vertical-align: middle; cursor: pointer; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.bookadd { margin: 20px 0; }
.bookadd div { margin-bottom: 15px; }
.bookadd .label { float: left; width: 100px; text-align: right; padding-right: 10px; clear: both; }
.bookadd .label span { color: #f30; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.bookadd .enter { margin-left: 120px; }
.bookadd .enter .ip { border: 1px solid #ddd; padding: 10px 10px; vertical-align: middle; overflow: hidden; border-radius: 10px 0 10px 0; }
.bookadd .enter .bnt { border: 1px solid #0068b6; background: #0068b6; padding: 8px 20px; vertical-align: middle; color: #fff; cursor: pointer; }
.bookadd .enter label { display: block; }
.job_h1 { font-size: 14px; line-height: 35px; border-bottom: 1px solid #eee; margin: 10px 0; }
.info_title { font-size: 14px; font-weight: bold; border-bottom: 1px solid #f0f0f0; line-height: 30px; height: 30px; margin: 0 0 15px 0; }
.info_intro { padding: 0 0 20px 0; line-height: 22px; color: #666; }
.info_intro p { margin: 0 0 5px 0; padding: 0; }
.info_intro .red { color: #f30; margin: 0 5px; }
#goodsshow { margin: 20px 0; overflow: hidden; width: 900px; }
#goodsshow img { border: 0; }
#goodsshow .left { float: left; width: 350px; margin: 0 50px 0 0; }
#goodsshow .right { float: left; }
#goodsshow .shop_big { border: 1px solid #ededed; padding: 2px; background: #ff6
f; width: 360px; cursor: pointer; }
#goodsshow .shop_plist { clear: both; width: 360px; }
#prolist { width: 310px; float: left; overflow: hidden; height: 68px; position: relative; margin: 10px 0 0 0; }
#prolist ul { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 20000px; position: relative; }
#prolist ul li { float: left; cursor: pointer; position: relative; background: url(../images/pro_none.gif) no-repeat center top; height: 68px; }
#prolist ul li img { height: 60px; width: 60px; margin: 6px 8px 0 8px; padding: 0px; border: 0; }
#prolist .hover { background: url(../images/pro_bg.gif) no-repeat center top; height: 68px; }
#goodsshow .shop_plist a.prev { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_left.gif) no-repeat center; line-height: 68px; margin-top: 12px; }
#goodsshow .shop_plist a.next { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_right.gif) no-repeat center; margin-top: 12px; }
#goodsshow .right { width: 500px; }
#goodsshow .right h1 { font-size: 18px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-weight: normal; margin: 0 0 10px 0; padding: 0; }
#goodsshow .right .intro { color: #999; min-height: 80px; }
#goodsshow .right .sno { border-bottom: 1px solid #eee; line-height: 35px; }
#goodsshow .right .price { color: #999; line-height: 30px; padding: 10px 0; }
#goodsshow .right .price span { color: #f60; font-size: 16px; }
a.inquiry { display: inline-block; background: #0068b6; padding: 8px 30px; color: #fff; margin: 10px 0; font-size: 16px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; border-radius: 4px; }
a:hover.inquiry { color: #fff; background: #f60; }
/* 公共底部 */
.footer { background: #f5f5f5; padding: 35px 0 0 0; }
#footer_l { float: left; height: 190px; position: relative; width: 560px; border-right: 1px solid #dcdcdc; }
#footer_l .logo { height: 60px; line-height: 60px; margin-bottom: 10px; }
.i_contact { line-height: 24px; font-size: 14px; color: #333; }
.erweima { position: absolute; width: 200px; height: 120px; right: 40px; top: 60px; }
#bg_foot_nav { text-align: center; float: right; }
.foot_nav { height: 40px; line-height: 40px; color: #fff; }
.foot_nav dl { width: 159px; float: left; height: 230px; text-indent: 40px; }
.foot_nav dl dt { height: 60px; line-height: 60px; font-size: 14px; text-align: left; }
.foot_nav dl dt a { color: #333; font-weight: bold; }
.foot_nav dl dd { line-height: 24px; text-align: left; }
.foot_nav dl dd a { color: #666; }
#bg_copyright { padding: 20px 0; border-top: 1px solid #dcdcdc; }
.copyright { color: #666; line-height: 25px; text-align: left; }
.copyright a { color: #666; }
.copyright a:hover { color: #ff0; }
#webcount { float: left; padding: 1px 5px; }
.page_banner_34{ height:400px; background: #f4f4f4 url(../images/page_banner34.jpg) center center no-repeat;}
.page_banner_37{ height:400px; background: #f4f4f4 url(../images/page_banner37.jpg) center center no-repeat;}

.page_banner_36{ height:400px; background: #f4f4f4 url(../images/page_banner36.jpg) center center no-repeat;}
.page_banner_29{ height:400px; background: #f4f4f4 url(../images/page_banner29.jpg) center center no-repeat;}
.page_banner_39{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_38{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_35{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_41{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_45{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_46{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_47{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_48{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_49{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_50{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_51{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_51{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_35{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}
.page_banner_42{ height:400px; background: #f4f4f4 url(../images/page_banner34.jpg) center center no-repeat;}
.page_banner_43{ height:400px; background: #f4f4f4 url(../images/page_banner34.jpg) center center no-repeat;}
.page_banner_52{ height:400px; background: #f4f4f4 url(../images/page_banner39.jpg) center center no-repeat;}

.page_banner h2{ color:#fff; font-size:30px; font-weight:bold; margin-top:150px}
.page_banner h2::after { content: '';  width: 70px; height: 2px; display: block; background: #fff; transition:0.6s all ease-in-out; opacity:0.5; margin-top:20px}
.righter .top-hr { height: 5px; background: #0358AB; margin-left: -5px; display: none; }
.righter .subject { padding: 20px 0; line-height:30px; border:none; height:35px; }
.righter .subject b { color: #0068b6; font-size: 15px; font-style: normal; padding:0; margin:0; border:0; line-height:30px; height:30px; }
.righter .subject b i { margin-right: 10px; font-weight: bold; }
.righter .subject .bottom-hr { margin-top: 17px; background: #e4e4e4; height: 1px; width: 100%; position: relative; }
.righter .subject .bottom-hr .hr { height: 1px; width: 28px; background: #0068b6; }
.righter .subject .bottom-hr .arrow { width: 12px; height: 7px; background: url(../images/arrow.png); position: absolute; left: 60px; top:0 }
.righter > .container { font-size: 13px; line-height: 24px; }
.righter > .prowidth {font-size: 13px; line-height: 24px; }
/* 面包屑 */
#position { margin: 0 auto; overflow: hidden; line-height: 30px; float: right; }


.sd-subject{color:#0068b6;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.sd-subject b{display:inline-block;font-weight:normal;border-bottom:2px solid #0068b6;height:40px;line-height:40px;}
.sd-subject span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.sd-subject a{float:right;font-size:12px;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }

/*更多按钮*/
.morej{width:178px;height:42px;display:block;border:1px solid #5c5c5c;margin:auto;font-size:16px;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; text-indent:40px;line-height:46px;text-align:left;position:relative;-webkit-transition: all .5s ease;transition: all .5s ease;-moz-transition: all .5s ease;}
.morej i{width:24px;height:11px;display:block;position:absolute;left:114px;top:50%;margin-top:-6px;background:url(../images/morej.png) 0 center no-repeat;}
.morej:hover{background:#d81713;border-color:#d81713;color:#fff;}
.morej:hover i{background-position:-90px center;}

/* 品牌列表 */
.Brand_list  { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; width:1240px; }
.Brand_list  li { float: left;  width: 223px; margin: 0 20px 21px 0; background:#fff;box-shadow:4px 4px #ebebeb;  }
.Brand_list  li.mr0{ margin-right:0}
.Brand_list  li a { border: 1px solid #eee; display: block; padding: 15px; }
.Brand_list  li a img { border: 0; width:170px; height:69px;}
.Brand_list  li a div.pic{ width:170px; height:69px; overflow:hidden; overflow:hidden; margin:0 auto;}
.Brand_list  li a img {
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out; }

.Brand_list  li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }
.Brand_list  li a:hover { border: 1px solid #ddd; }
.Brand_list  li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.Brand_list  li a:hover .title { color: #0068b6; }

/* cases_ul2 */
.cases_ul2 { margin-bottom:0;}
.cases_ul2 .yt-h5{ background:#f3f3f3;}




/* 公共底部 */
.dm_footer{width:100%;min-width:1200px;background:#232323;}
.dm_footer .w{ overflow:visible;}
.menus_ft{width:100%;padding:22px 0;border-bottom:1px solid #393939;}
.menus_l{float:left;margin-top:8px;}
.menus_l ul li{float:left;margin-right:40px;height:24px;line-height:24px;}
.menus_l ul li a{display:block;font-size:16px;color:#fff;opacity:.8;}
.menus_l ul li a:hover,.menus_l ul li a.current{opacity:1;}
.dm_copyRight{padding:20px 0;text-align:left;}
.dm_copyRight span,.dm_copyRight a{color: #fff;font-size:14px;}
.dm_copyRight span,.dm_copyRight{color: #fff;margin-right: 20px;opacity:.8;font-size:14px;}
.dm_copyRight a:hover{text-decoration:underline;}
/* 分享 */
.share{ position:relative; float:right}
.share a,.share a span{display: inline-block;background-image: url("../images/dmicon.png");background-repeat: no-repeat;width:25px;height: 25px;}
.share a{margin: 10px 4px 0px;}
.share a span{filter:alpha(opacity=0);opacity: 0;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.share a:hover span{filter:alpha(opacity=100);opacity: 1;}
.share a.sina{background-position: 0 0;}
.share a.sina span{background-position: 0 -25px;}
.share a.tblog{background-position: 0 -50px;}
.share a.tblog span{background-position: 0 -75px;}
.share a.wechat{background-position: 0 -100px;}
.share a.wechat span{background-position: 0 -125px;}
.share a.in{background-position: 0 -150px;}
.share a.in span{background-position: 0 -175px;}
.sharetext{ color:#bdbdbd; position:absolute; left:-135px; top:14px; }
.share .weixin{position: absolute;right: -65px;top: -160px;z-index: 101;width:168px; height:173px;display: none; background:url("../images/QR.png?") no-repeat;}
.share .weixin h3{position: relative;font-weight: bold;color: #000000;}
.share .weixin h3 em{position: absolute;right: 0px;top: -5px;font-style: normal;color: #666666;font-weight: normal;font-size: 1.5em;cursor: pointer;}
.share .weixin div{text-align: center;margin: 20px 0;}

.canshu{ width:33%}
.canshu1{ width:48%}

.widget-ourcompany { padding-bottom:48px;
    
    background: rgba(252, 252, 252, 1);
    background: -webkit-linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(255, 255, 255, 1));
    background: -o-linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(255, 255, 255, 1));
    background: linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(255, 255, 255, 1));
}

.ourcompany_bg {
  
   
    position: relative;
    background-size: contain;
}

.ourcompany_bg .sub_title {
    font-size: 50px;font-family:'beba';
    font-weight: 400;
    font-style: italic;
    color: rgba(227, 228, 228, 1);
    line-height: 130px;
    position: absolute;
   
    text-transform: uppercase;
    top: 0px;
}
.ourcompany_bg span{ font-size:20px; color:#e50012; line-height:30px; position:absolute; left:40%}

.ourcompany_bg .content {
 
   
    
    width: 570px;
    
    position: absolute;
    right: 72px;
    top: 10px;
}
.ourcompany_bg .content p{   font-size: 14px;
    font-weight: 500; line-height:28px;; margin-bottom:5px; text-indent:2em; color:#333; }
.widget-vision {
    height: 900px;
}

.widget-vision .left {
    width: 40%;
    height: 100%;
    background: rgba(23, 41, 106, 1);
    background: -webkit-linear-gradient(0deg, rgba(23, 41, 106, 1), rgba(12, 89, 183, 1));
    background: -moz-linear-gradient(0deg, rgba(23, 41, 106, 1), rgba(12, 89, 183, 1));
    background: -o-linear-gradient(0deg, rgba(23, 41, 106, 1), rgba(12, 89, 183, 1));
    background: linear-gradient(0deg, rgba(23, 41, 106, 1), rgba(12, 89, 183, 1));
    background-image: url(../images/vison.png);
    float: left;
    padding-left: 60px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
}

.widget-vision .right {
    background-image: url(../images/vison_right.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 60%;
    height: 100%;
    float: right;
    position: relative;
}

.widget-vision .right_top {
    float: left;
    width: 100%;
}

.widget-vision .right_top img {
    max-width: 100%;
}

.widget-vision .right_bottom {
    position: absolute;
    bottom: 0;
    padding: 140px;
}

.widget-vision .right_bottom .item {
    display: table;
}

.widget-vision .right_bottom .item+.item {
    margin-top: 96px;
}

.widget-vision .right_bottom .item .num {
    display: table-cell;
    font-size: 36px;
    font-weight: 400;
    color: rgba(255, 255, 255, .5);
    line-height: 30px;
    margin-right: 74px;font-family:'beba';
    vertical-align: middle;
}

.widget-vision .right_bottom .item .text {
    font-size: 20px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    margin-left: 74px;
}
.widget-vision .right_bottom .item .text1 {
    font-size: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    line-height: 30px; margin-top:10px;
    margin-left: 74px; font-weight:lighter; font-family:initial
}
.widget-vision .left .title {
    font-size: 36px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    position: relative;
    padding: 122px 94px 148px;
    line-height: 46px;
    text-transform: uppercase;
}

.widget-vision .left .line-blue:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 74px;
    background: rgba(27, 166, 255, 1);
    top: 129px;
    left: 64px;
}

.widget-vision .left .title_en {
    font-size: 28px;font-family:'beba';
    font-weight: 400;
    display: block;
}

.widget-vision .left .des {
    padding: 122px 22px 148px 98px;
    position: relative;
    text-transform: uppercase;
    bottom: -40px;
}

.widget-vision .left .des .title_cn {
    font-size:38px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 72px;
}

.widget-vision .left .des .title_en {
    font-size: 16px;
    font-family: 'beba';
    font-weight: 200;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    margin-top: 34px;
}

.widget-vision .left .des:before {
    content: '';
    position: absolute;
    color: #fff
    font-size: 72px;
    left: 58px;
    top: 109px;
    background: url(../images/icon_quote.png) no-repeat;
    width: 27px;
    height: 23px;
}
.widget-title {
    font-size: 36px;
    /* font-family: Source Han Sans CN; */
    font-weight: bold;
    color: rgba(48, 49, 51, 1);
    margin-top: 48px;
    margin-bottom: 48px;
    text-align: center;
}

.product-section {
	padding-bottom: 50px;
	position: relative;
	background: url(../images/productBase-features-bag.jpg) no-repeat;
	background-size: cover
}
.product-title {
	padding: 50px 10px 30px;
	font-weight: normal;
	font-size: 36px;
	line-height: 46px;
	color: #252b3a;
	text-align: center;
	color: #ffffff
}
.product-wrapper {
	max-width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.product-features .product-body {
	margin: 0px 25px
}
.product-features .product-body:after {
	content: "";
	width: 100%;
	height: 3px;
	background: url(../images/productBase-features-model.png) no-repeat;
	background-size: 100% auto;
	background-position: center;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 0
}
/*li*/
.features-item {
	position: relative;
	float: left
}
.features-slide .features-item>* {
	text-align: center
}
.features-item h3 {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 50px;
	color: #ffffff;
	opacity: 0.7;
	transition: all 0.1s
}
.features-item i {
	position: absolute;
	width: 75%;
	height: 33px;
	background: url(../images/productBase-features-timeline.png) no-repeat;
	background-size: contain;
	background-position: right center;
	left: -25%;
	margin-left: 10px;
	top: 35px;
	z-index: 3
}
.features-item .features-info {
	display: block;
	margin: 0 auto;
	padding: 20px 53px;
	transition: all 0.3s;
	border-radius: 2px
}
.features-item .features-info .features-info-i {
	font-size: 14px;
	color: #A0A2A8;
	line-height: 22px;
	margin-bottom: 10px
}
.features-item .features-info .features-info-s {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 24px;
	overflow: hidden
}
.features-item.dark i {
	background: url(../images/productBase-features-timeline-dark.png) no-repeat;
	background-size: contain;
	background-position: right center
}
/*鼠标悬浮效果*/
.features-item:hover h3 {
	font-size: 22px;
	line-height: 28px;
	opacity: 0.9
}
.features-item:hover i {
	width: 75%;
	margin-left: 13px;
	background: url(../images/productBase-features-timeline-hover.png) no-repeat;
	background-size: contain;
	background-position: right center
}
.features-item:hover a {
	background: url(../images/productBase-features-info.png) no-repeat;
	background-size: 100% 100%
}
/*左右按钮*/
.product-features .swiper-button-prev {
	width: 30px;
	height: 40%;
	left: -15px;
	top: 60%;
	background: none
}
.product-features .swiper-button-prev:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background: url(../images/productBase-features-left.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px
}
.product-features .swiper-button-next {
	width: 30px;
	height: 40%;
	right: -15px;
	top: 60%;
	background: none
}
.product-features .swiper-button-next:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background: url(../images/productBase-features-right.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px
}
.bread-crumbs {
  font-size: 16px;;
background:#f3f5f8;
  line-height: 1.6;
  height: 60px;
  zoom: 1;
}

.bread-crumbs:after,
.bread-crumbs:before {
  content: '';
  display: table;
}

.bread-crumbs:after {
  clear: both;
}

.cur-pos {
  float: left;
}

.cur-pos span {
  
  display: inline-block;
}

.cur-pos a {
  margin: 0 5px; line-height:60px
}

.tab-bread {

  font-size: 14px;
}

.tab-bread a {
  position: relative;
  display: inline-block; line-height:60px;  padding:0px 12px ; font-size:16px
}

.tab-bread a:last-child {
  margin-right: 0;
}

.tab-bread a:last-child:after {
  display: none;
}


.tab-bread a:hover{ color:#0068b6}
.tab-bread a.on {
 
  color: #fff; background:#0068b6
}

.tab-bread a.on:before {
  opacity: 1;
}


.cp-row{  padding:40px 0px}
.hz{ margin-bottom:40px}
.hz ul li img{ width:180px; height:108px; border:1px solid #ccc;}
.hz ul li{ float:left; margin:10px 21px 10px 0px}
.hz ul li:nth-child(6n){ margin:10px 0px 10px 0px}
.news-cat{ padding:40px 0px}

.contact-list2 { padding-bottom:60px
 
}
.contact-list2 form{ padding:30px; background:#fff}
.contact2-items {
  font-size: 0;
}

.contact2-item {
  width: 48.2%;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 25px;
}

.contact2-item input {
  width: 100%;
  border: none;
  padding: 25px 0;
  font-size: 16px;
}

.contact2-item input::-webkit-input-placeholder {
  color: #888;
}

.contact2-item2, .ct2-tjly {
  margin-right: 3.6%;
}

.contact2-item {
  width: 48.2%;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 25px;
  color: #cfab6f;
}

.contact2-item2, .ct2-tjly {
  margin-right: 3.6%;
}

.contact-list2 .pre {
  position: relative;
}
.contact-list2 .pro {
  position: absolute;
}
.contact-list2 input{
    width: 49%;
    border:none;
    padding: 25px 0;
    font-size: 16px;
	
	 
    border-bottom: 1px solid #999; background:#fff;
    margin-bottom: 30px;outline:none;
    
    
   
   
    height: 50px; float:left; color:#333
}
.contact-list2 textarea{ width:100%; border-bottom:1px solid #999; height:100px; border-left:none; border-right:none; border-top:none; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; 
	outline:none;}
.contact2-item input::-webkit-input-placeholder{
    color:#888;
}
.form-group{ overflow:hidden}
.contact-list2 button{padding: 0;
    border:none;
    background:none;
    outline: none;
    width: 500px;
    height: 58px;
    background: #fff;
    border: 1px solid #e8e8e8;
    text-align: center;
    line-height: 58px;
    color: #999;
    transition: all .2s ease;
    display: inline-block;
    font-size: 15px;
    transition:.5s ease-in-out; margin:20px auto}
	.contact-list2 button:hover{color:#68a231;
      border-color:#68a231;
      transition:.5s ease-in-out;}
	     .con-fenl{ padding-bottom:60px}
	  .cts_list li i{ font-size:50px; color:#333; line-height:50PX; text-align:center; margin-bottom:20px}
	   .cts_list li em{ display:block; width:20px; height:2px ; background-color:#333; margin-bottom:20px}
	   	   .cts_list li p{ text-align:center; font-size:18px; color:#666}
	   .cts_list li h3{ font-size:18px; letter-spacing:0.6px; line-height:24px; color:#333; font-weight:400}
	   .cts_list li article{ font-size:14px; letter-spacing:0.4px; line-height:26px; color:#0068b6}
	   .cts_list li article p{ }
	   	   .con-fenl ul{ overflow:hidden}
	   .con-fenl ul li{ float:left; width:25%; text-align:center}
	   .contact-list2{ background:#F5F5F5}
	   
	   .diy-title {
	height: 50px;
	line-height: 50px;
	background-color: #eeeeee;
	margin: 15px 0 !important;
}
.diy-title strong::before {
	content: "";
	border-top: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #0068b6;
	border-left: 25px solid #0068b6;
	position: absolute;
	right: -50px;
	z-index: 1;
}
.diy-title strong::after {
	content: "";
	border-top: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	border-left: 25px solid #ffffff;
	position: absolute;
	top: 0;
	right: -55px;
	z-index: 0;
}

.diy-title strong {
	display: inline-block;
	min-width: 160px;
	padding: 0 20px 0 20px;
	position: relative;
	font-size: 20px;
	color: #fff;
	background: #0068b6;
	color: #fff;
	position: relative;
	border-right: 5px solid #ffffff;
}
.k-cp-con table{border:1px solid #ccc;}
.k-cp-con table tr td{ border:1px solid #ccc; padding:10px 10px; color:#333;border-collapse:collapse; font-size:14px}
.k-cp-con table tr th{ border:1px solid #ccc; padding:10px 10px; color:#333;border-collapse:collapse; background:#ddd; font-size:16px; font-weight:bold}
.index_ys{ width:100%; padding:70px 0; background:#f8f8f8; overflow:hidden;}
.index_ys .title { width: 100%; margin-bottom:20px }
.index_ys .title .tit { height: 24px; line-height: 24px; font-size: 30px; color: #333; text-align: center; font-weight:bold }
.index_ys .title .line { width: 36px; height: 1px; line-height: 1px; background: #CD0003; margin: 15px auto; }
.index_ys .title .desc { text-align: center; font-size: 14px; line-height: 20px; }
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-right:20px;width:370px;height:450px;float:left;background:#fff}
.cloud-product-ul li:nth-child(3){margin-right:0;}

.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:70px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.bg-product-pic i{ display:block; margin:0 auto;width:50px;height:50px; line-height:50px; border-radius:50px; text-align:center;background:#e50012; color:#fff; font-size:24px; font-style:normal;}
.active-inner .bg-product-pic i{width:54px;height:54px; line-height:54px; border-radius:54px; border:2px solid #fff; color:#fff; font-size:32px;}
.product-introduce-title{ padding:0 10px; height:50px;line-height:25px;font-size:18px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}

.product-introduce-list{margin:0 auto;padding:20px 0;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{line-height:30px;font-size:14px;color:#999;text-align:center}
.product-introduce-pic{ margin:20px; height:150px; overflow:hidden;}
.product-introduce-pic img{ width:100%;height:100%;object-fit: cover;}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%; background:#e50012;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}

.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:420px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active-product-introduce-title{color:#fff; font-size:20px;}
.active .product-introduce-list{padding-top:22px;border-color:rgba(255,255,255,0.5);}
.introduce-list-large{margin:0 auto;width:320px;line-height:30px;color:#fff;font-size:14px}
.active .product-introduce-pic{margin:20px 30px; height:130px; overflow:hidden;}
.active .product-introduce-pic img{ width:100%; height:100%;object-fit: cover;}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:0 auto;width:84%;height:40px;line-height:40px;background:#fff;color:#e50012;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; text-align:center;}
.buy-link-btn:hover{background:#0068b6; color:#fff;}
.map{ height:600px;}

.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd; padding-bottom:10px}
.other p { padding:5px 0; _height:16px; margin:0;color: #e50012; font-size:18px;}
.msgserver { text-align:center;margin-top:10px}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}