/*reset*/
*{margin:0;padding:0;}
html,body{
font-size:12px;
font-family: Arial,Helvetica,sans-serif;
text-align:left;
color:#666;
background-color: #fafafa;
}
ul,li,ol {list-style:none outside}
a{
text-decoration:none;
color:#3e3e3e;
margin: 0px;
padding: 0px;
}
img {border:none}
input,textarea {background:none}
h1,h2,h3,h4,h5{color:#3e3e3e}
h1 *,h2 *,h3 *,h3 *,h5 *{color:#3e3e3e}
.clear{clear:both}
/*header*/
.header{height:auto;margin:0 auto;width:100%;}
#top1{
width: 100%;
background-color: #f7f7ef;
position: fixed;
z-index: 99999;
line-height: 34px;
}
#top1 .top1c{
max-width:1200px;
width:100%;
margin:0 auto;
overflow:hidden;
color: #c1c1c1;
}
#top1 .top1c i{
font-size: 16px;
display: contents;
}
#top1 .top1c_l a{
color: #333;
}
#top1 .top1c a:hover{
color: #0ab2d2;
}
#top1 .top1c_l{
float: left;
font-size: 12px;
}
#top1 .top1c_l li{
float: left;
display: inline-block;
margin-right: 5px;
}
.top_bread {
display:none;
}
.top_bread a {color:#9e9e9e}
.top_bread ul li {float:right;margin-left:10px;height:15px;padding-left:15px;margin-bottom:4px;line-height:15px}
.top1c_l .website-phone {
margin-left: 5px;
}
.top_bread ul li.en{display:none}
.top_bread select {width:110px;height:20px;margin-left:8px}
.top_bread .m{
display:none;
padding-bottom: 10px;
overflow: hidden;
}
.header_fenxiang{
float: right;
margin-top: 4px;
}
.header_fenxiang dt{
line-height: 22px;
float: left;
height: 22px;
width: 22px;
margin: 1px 2px;
}
.header_fenxiang dt a{
color: #FFF;
background-color: #999;
text-align: center;
height: 100%;
width: 100%;
display: block;
border-radius: 2px 2px 2px 2px;
margin: 0px;
padding: 0px;
}
.header_fenxiang dt a:hover{
text-decoration: none;
background-color: #000;
}
.header_fenxiang dt i{
font-size: 18px;
}
#fun1{display:none;}
.sear{
overflow: hidden;
float: right;
}
.sear form{
overflow: hidden;
}
.sear input{
float: left;
}
.sear .text{
line-height: 20px;
float: left;
width: 280px;
overflow: hidden;
height: 20px;
text-indent: 10px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
background-color: #FFF;
}
.sear .sub{
float: left;
height: 20px;
width: 19px;
overflow: hidden;
padding: 0px;
background-color: #FFF;
}
.menu .branch{
margin-top: 5px;
height: 22px;
border-radius: 2px 2px 2px 2px;
border: 0px solid #CCC;
}
/*右侧漂浮替换样式*/
.im{position:fixed;right:2px;top:auto;bottom:40px;z-index:11}.im-l{color:#fff;width:32px;height:60px;cursor:pointer;background-color:#ff8c00;box-shadow: 0 0 8px #eaf0f6;border-radius:4px 0 0 4px;display:block;text-align:center;line-height:60px;float:left}.im-l i{font-size:20px}#select{display:none}.im .box{float:right;width:60px;background-color:#ff8c00;border-radius:0 4px 4px 4px;display:none}.im .box ul{background-color:#fff;list-style-type:none;margin:5px}.im .box ul li{height:50px;width:50px;overflow:hidden;text-align:center;line-height:50px}.im .box ul li a{text-decoration:none;display:block}.im .box ul li i{font-size:24px;color:#f39d22}.im .box ul li i.img-skype{color:#00aff0}.im .box ul li i.img-whatsapp{color:#00d51b}.im .box ul li i.img-user{color:#F66}.im .box ul li i.img-skype,.im .box ul li i.img-envelope{font-size:28px}.im .box ul li a:hover i{color:#343537}#select:checked+.box{display:block}#cus_ser1 .msn{background-image:url(../images/c.jpg);background-repeat:no-repeat;height:50px;width:50px}.im .skype{background-image:url(../images/c.jpg);background-repeat:no-repeat;background-position:-47px 0;height:50px;width:47px}.im .mail{background-image:url(../images/c.jpg);background-repeat:no-repeat;background-position:-94px 0;height:50px;width:47px}.im .kefu_01{background-image:url(../images/kefu_01.png);background-repeat:no-repeat;background-position:center center;height:50px;width:50px;overflow:hidden;background-color:#FFF}.im .whatsapp{background-image:url(../images/kefu_02.png);background-repeat:no-repeat;background-position:center center;height:50px;width:50px;overflow:hidden;background-color:#FFF}@media screen and (min-width:768px){.im{width:92px;position:fixed;right:-60px;top:250px;transition:right .5s;bottom:auto;z-index:11}.im:hover{right:0}.im .box{position:absolute;display:block;width:60px;right:0;top:0}}
/*导航栏*/
.sm{box-sizing:border-box;position:relative;z-index:10;-webkit-tap-highlight-color:rgba(0,0,0,0)}.sm,.sm ul,.sm li{list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left}.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right}.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0}.sm ul{display:none}.sm li,.sm a{position:relative}.sm a{display:block}.sm a.disabled{cursor:default}.sm::after{content:"";display:block;height:0;font:0/0 serif;clear:both;overflow:hidden}.sm *,.sm *::before,.sm *::after{box-sizing:inherit}.sm>li>a{text-transform:capitalize}.main-nav{width:100%}.sm-blue{background-color:#333}.main-nav:after{clear:both;content:"\00a0";display:block;height:0;font:0/0 serif;overflow:hidden}.nav-brand{float:left;margin:0}.nav-brand a{display:block;padding:10px 10px 10px 20px;color:#fff;font-size:22px;font-weight:normal;line-height:29px;text-decoration:none}#main-menu{clear:both;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#main-menu:before{content:'';display:block;height:1px;overflow:hidden;background:#333}@media(min-width:768px){#main-menu:before{display:none}}.main-menu-btn{float:right;margin:10px;position:relative;display:inline-block;width:29px;height:29px;text-indent:29px;white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.main-menu-btn-icon,.main-menu-btn-icon:before,.main-menu-btn-icon:after{position:absolute;top:50%;left:2px;height:2px;width:24px;background:#fff;-webkit-transition:all .25s;transition:all .25s}.main-menu-btn-icon:before{content:'';top:-7px;left:0}.main-menu-btn-icon:after{content:'';top:7px;left:0}#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon{height:0;background:transparent}#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#main-menu-state{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}#main-menu-state:not(:checked) ~ #main-menu{display:none}#main-menu-state:checked ~ #main-menu{display:block}@media(min-width:768px){.main-menu-btn{position:absolute;top:-99999px}#main-menu-state:not(:checked) ~ #main-menu{overflow:inherit;display:table;width:100%;max-width:1200px}}.demo-text{margin:3em 22px}.demo-text p{margin-bottom:1em}.demo-text a{color:#999}.sm-blue{max-height:400px;background:transparent;overflow:auto}.sm-blue li a{padding:10px}.sm-blue a,.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active{font-size:16px;line-height:23px;text-decoration:none}.sm-blue a.current{color:#fff}.sm-blue a.disabled{color:#a1d1e8}.sm-blue a .sub-arrow{position:absolute;top:50%;margin-top:-17px;left:auto;right:4px;width:34px;height:34px;overflow:hidden;font:bold 16px/34px monospace!important;text-align:center;text-shadow:none;background:rgba(0,0,0,0.1);border-radius:4px}.sm-blue a .sub-arrow::before{content:'+'}.sm-blue a.highlighted .sub-arrow::before{content:'-'}.sm-blue>li:last-child>a.highlighted,.sm-blue>li:last-child>*:not(ul) a.highlighted,.sm-blue>li:last-child>ul>li:last-child>a.highlighted,.sm-blue>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted{border-radius:0}.sm-blue ul{background:#fff}.sm-blue ul ul{background:rgba(102,102,102,0.1)}.sm-blue ul a,.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active{background:transparent;color:#2b82ac;font-size:16px;text-shadow:none;border-left:8px solid transparent}.sm-blue ul a.current{background:#006892;background-image:linear-gradient(to bottom,#006188,#006f9c);color:#fff}.sm-blue ul a.disabled{color:#b3b3b3}.sm-blue ul ul a,.sm-blue ul ul a:hover,.sm-blue ul ul a:focus,.sm-blue ul ul a:active{border-left:16px solid transparent}.sm-blue ul ul ul a,.sm-blue ul ul ul a:hover,.sm-blue ul ul ul a:focus,.sm-blue ul ul ul a:active{border-left:24px solid transparent}.sm-blue ul ul ul ul a,.sm-blue ul ul ul ul a:hover,.sm-blue ul ul ul ul a:focus,.sm-blue ul ul ul ul a:active{border-left:32px solid transparent}.sm-blue ul ul ul ul ul a,.sm-blue ul ul ul ul ul a:hover,.sm-blue ul ul ul ul ul a:focus,.sm-blue ul ul ul ul ul a:active{border-left:40px solid transparent}
.sm-blue ul li{border-top:1px solid rgba(0,0,0,0.05)}.sm-blue ul li:first-child{border-top:0}@media(min-width:768px){.main-nav{width:80%;float:right}.sm-blue ul{position:absolute;width:12em;background:#333}.sm-blue>li>ul{top:93px}.sm-blue>li{display:table-cell;height:93px;vertical-align:middle;padding:0 10px;text-align:center;font-weight:normal}.sm-blue>li:hover{height:50px;background:#a75999}.sm-blue>li:hover>a{color:#fff}.sm-blue>li:hover span{border-color:#fff transparent transparent transparent}.sm-blue>li>a{padding:0;color:#fff}.sm-blue.sm-rtl li{float:right}.sm-blue ul li,.sm-blue.sm-rtl ul li,.sm-blue.sm-vertical li{float:none}.sm-blue ul a,.sm-blue.sm-vertical a{white-space:normal}.sm-blue .sm-nowrap>li>a,.sm-blue .sm-nowrap>li>:not(ul) a{white-space:nowrap;color:#333}.sm-blue a{color:#fff}.sm-blue .current{color:#fff;position:relative;background:#a75999}.sm-blue>li.current>a{color:#fff}.sm-blue>li.current>a>span{border-color:#fff transparent transparent transparent}.sm-blue a.disabled{color:#FF0}.sm-blue a .sub-arrow{position:static;width:0;height:0;border-width:5px;border-style:solid dashed dashed dashed;border-color:#fff transparent transparent transparent;background:transparent;border-radius:0;display:inline-block;margin-left:5px}.sm-blue a .sub-arrow::before{display:none}.sm-blue>li:first-child{border-left:0}.sm-blue ul{padding:7px 0;background:#fff;border-radius:0 0 4px 4px!important;box-shadow:0 5px 12px rgba(0,0,0,0.2)}.sm-blue ul ul{border-radius:4px!important;background:#fff}.sm-blue ul a,.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted{border:0!important;padding:9px 23px;background:transparent;color:#333;border-radius:0!important}.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted{color:#000}.sm-blue ul a.current{color:#000}.sm-blue ul a.disabled{background:#fff;color:#b3b3b3}.sm-blue ul a .sub-arrow{top:50%;margin-top:-5px;bottom:auto;left:auto;margin-left:10px;right:10px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #666}.sm-blue ul li{border:0}.sm-blue .scroll-up,.sm-blue .scroll-down{position:absolute;display:none;visibility:hidden;overflow:hidden;background:#fff;height:20px}.sm-blue .scroll-up-arrow,.sm-blue .scroll-down-arrow{position:absolute;top:-2px;left:50%;margin-left:-8px;width:0;height:0;overflow:hidden;border-width:8px;border-style:dashed dashed solid dashed;border-color:transparent transparent #2b82ac transparent}.sm-blue .scroll-down-arrow{top:6px;border-style:solid dashed dashed dashed;border-color:#2b82ac transparent transparent transparent}.sm-blue.sm-rtl.sm-vertical a .sub-arrow{right:auto;left:10px;border-style:dashed solid dashed dashed;border-color:transparent #a1d1e8 transparent transparent}.sm-blue.sm-rtl>li:first-child>a,.sm-blue.sm-rtl>li:first-child>:not(ul) a{border-radius:0 8px 8px 0}.sm-blue.sm-rtl>li:last-child>a,.sm-blue.sm-rtl>li:last-child>:not(ul) a{border-radius:8px 0 0 8px!important}.sm-blue.sm-rtl>li:first-child{border-left:1px solid #2b82ac}.sm-blue.sm-rtl>li:last-child{border-left:0}.sm-blue.sm-rtl ul a .sub-arrow{right:auto;left:10px;border-style:dashed solid dashed dashed;border-color:transparent #a1d1e8 transparent transparent}.sm-blue.sm-vertical{box-shadow:0 1px 4px rgba(0,0,0,0.2)}.sm-blue.sm-vertical a{padding:9px 23px}.sm-blue.sm-vertical a .sub-arrow{top:50%;margin-top:-5px;bottom:auto;left:auto;margin-left:0;right:10px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #a1d1e8}.sm-blue.sm-vertical>li:first-child>a,.sm-blue.sm-vertical>li:first-child>:not(ul) a{border-radius:8px 8px 0 0}.sm-blue.sm-vertical>li:last-child>a,.sm-blue.sm-vertical>li:last-child>:not(ul) a{border-radius:0 0 8px 8px!important}.sm-blue.sm-vertical>li{border-left:0!important}.sm-blue.sm-vertical ul{border-radius:4px!important}.sm-blue.sm-vertical ul a{padding:9px 23px}}
/*banner*/
.slides{text-align:center}.flex-container a:active,.flexslider a:active{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flexslider{width:100%;margin-right:auto;margin-left:auto;overflow:hidden;background-color:#FFF}.flexslider .slides>li{display:none}.flexslider .slides img{width:100%;display:block;text-align:center;overflow:hidden;margin-right:auto;margin-left:auto}.flexslider .slides li span{font-size:40px;line-height:44px;color:#b66ca9;display:inline-block;position:absolute;top:13%;right:15%;font-family:Georgia,"Times New Roman",Times,serif}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{background:#fff;position:relative;zoom:1}.flexslider .slides{zoom:1}.flexslider .slides>li{position:relative}.flex-container{zoom:1;position:relative}.flex-caption{background:0;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom:1}.flex-caption{width:96%;padding:2%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px}.flex-direction-nav li a{width:50px;height:50px;margin:-13px 0 0;display:block;position:absolute;top:50%;cursor:pointer;text-indent:-9999px}.flex-direction-nav li a.next{background-position:0 center;right:5px;background-image:url(../images/hover_right.png);background-repeat:no-repeat}.flex-direction-nav li a.prev{background-position:0 0;left:5px;background-image:url(../images/hover_left.png);background-repeat:no-repeat}.flex-direction-nav li a.disabled{opacity:.3;filter:alpha(opacity=30);cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;overflow:hidden;height:20px}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1;*display:inline}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}@media screen and (max-width:900px){.flexslider .slides li span{top:10%;font-size:30px}}@media screen and (max-width:700px){.flexslider .slides img{width:120%;display:block;text-align:center;overflow:hidden;margin-right:auto;margin-left:-10%}.flex-direction-nav li a{max-width:30px;background-size:30px}.flexslider .slides li span{font-size:24px;line-height:30px;right:5%;top:8%;padding:10px 14px 10px 14px}}
/*轮播图*/
.picScroll-left{overflow:hidden;position:relative;width:96%;margin-right:auto;margin-left:auto;max-width:1202px;margin-bottom:10px}.picScroll-left h2,.picScroll-left span{display:block;font-size:28px;line-height:50px;color:#7b6557;width:100%;margin-top:10px;font-weight:normal}.picScroll-left .hd{overflow:hidden;position:absolute;top:30%;width:100%}.picScroll-left .hd .prev,.picScroll-left .hd .next{overflow:hidden;cursor:pointer;background-image:url(../images/TB2Z.png);background-repeat:no-repeat;display:block;width:29px;height:56px;opacity:.7;filter:alpha(opacity=70)}.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{opacity:1;filter:alpha(opacity=100)}.picScroll-left .hd .next{background-position:0 0;float:left}.picScroll-left .hd .prev{background-position:0 -61px;float:right}.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-color:#F60}.picScroll-left .hd ul li.on{background-position:0 0}.picScroll-left .bd{position:relative;border:1px solid #b9a695;border-radius:10px;background-color:#f7f3f2}.picScroll-left .bd .picList{overflow:hidden;width:100%}.picScroll-left .bd ul{overflow:hidden;zoom:1;text-align:left;font-size:0}.picScroll-left .bd ul li{_display:inline;overflow:hidden;text-align:center;vertical-align:top;display:inline-block;width:300px;padding-bottom:10px}.picScroll-left .bd ul li .pic{text-align:center;width:90%;margin-right:auto;margin-left:auto;margin-top:10px}.picScroll-left .bd ul li .pic img{width:100%;display:block}.picScroll-left .bd ul li .pic a:hover img{border-color:#999}.picScroll-left .bd ul li h3{line-height:30px;height:30px;font-size:16px;overflow:hidden;width:90%;margin-right:auto;margin-left:auto}.picScroll-left .bd ul li h3 a{color:#444}.picScroll-left .bd ul li p{line-height:28px;font-size:14px;color:#aea292;overflow:hidden;width:90%;margin-right:auto;margin-left:auto}
/*Menu*/
.menu {
width: 100%;
background-color: #2e75d4;
}
.menu_c{
width:100%;
max-width:1200px;
height: 93px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position: relative;
padding-top: 34px;
}
.menu_c_logo{
top: 0px;
height: 93px;
width: 20%;
float: left;
position: absolute;
display: table;
top:34px;
}
.menu_c_logo a{
width: 100%;
overflow: hidden;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.menu_c_logo a img{
vertical-align:middle;
max-width: 100%;
max-height: 100%;
display: inline-table;
}
.menu ul.nav {
height:93px;
float: right;
line-height: 93px;
font-family: Georgia, "Times New Roman", Times, serif;
width: 80%;
font-size: 0px;
display: table;
}
.menu li.primary {
position:relative;
z-index:2;
vertical-align: middle;
display: table-cell;
font-size: 14px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
line-height: 22px;
}
.menu .cur {
background: #3187f9;
}
.primary > a {
display:block;
text-decoration:none;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
margin: 0px;
color: #FFF;
}
.primary:hover{
background-color: #3187f9;
}
/**second menu**/
.primary ul {
position:absolute;
top:93px;
z-index:999999;
line-height:24px;
display:none;
padding-bottom: 10px;
left: 0px;
text-align: left;
background-color: #f7f7ef;
}
.primary ul li {
line-height:38px;
overflow: hidden;
}
.primary ul li a {
padding:0 25px 0 25px;
white-space: nowrap;
display: block;
}
.primary ul li a:hover{
color: #2e75d4;
}
.primary ul.pcenter {
left:0px;
height:auto;
padding-bottom: 10px;
top: 93px;
}
.primary ul.pcenter dl a {
line-height: 38px;
padding:0 25px 0 25px;
}
.primary ul.pcenter a {text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;padding:0}
.primary ul.pcenter a:hover {
text-decoration: none;
color: #2e75d4;
}
.primary ul.pcenter dt a {
font-size:16px;
font-weight: bold;
}
.primary ul.pcenter dd a {
font-size:14px;
font-weight:normal;
}
#searchform{
float: right;
overflow: hidden;
font-size: 0px;
margin-top: 5px;
margin-right: 5px;
height: 24px;
margin-bottom: 5px;
}
#searchform > fieldset{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
display: block;
}
#searchform > fieldset > input[name="keys"] {
height: 20px;
width: 150px;
padding-top: 0;
padding-right: 5px;
padding-bottom: 0;
padding-left: 5px;
background-color: #FFF;
border: 1px solid #666;
border-radius: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
border-radius: 0;
}
#searchform > fieldset > input[type="submit"] {
cursor: pointer;
height: 22px;
color: #fff;
background-color: #666;
padding-right: 5px;
padding-left: 5px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.small_ban{
max-width:1200px;
width:96%;
overflow:hidden;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.small_ban h2,.top_slider h2,.small_ban span,.top_slider span{
display: block;
font-size: 28px;
line-height: 50px;
color: #015198;
width: 100%;
margin-top: 30px;
font-weight: normal;
}
.small_ban i,.wmdys i,.top_slider i{
font-size: 16px;
line-height: 30px;
color: #999;
text-align: center;
width: 100%;
height: 30px;
display: block;
}
/*small_ad*/
.small_ad{
overflow: hidden;
text-align: center;
border: 1px solid #ddd;
border-radius: 10px;
background-color: #f8f8f8;
font-size: 0px;
}
.small_ad li{
width:22%;
overflow:hidden;
display: inline-block;
padding-bottom: 10px;
margin-top: 2%;
margin-right: 1.5%;
margin-bottom: 0;
margin-left: 1.5%;
vertical-align: top;
}
.small_ad .item{
width:100%;
position:relative;
height:auto;
overflow:hidden;
display: block;
}
.small_ad .item img{
max-height:inherit !important;
max-width:inherit !important;
width:100%;
display: block;
}
.small_ad li h3,.small_ad li h2{
font-size: 18px;
line-height: 24px;
text-align: left;
width: 100%;
margin: 8px 0;
overflow: hidden;
font-weight: normal;
}
.small_ad li h3 a,.small_ad li h2 a{
color: #666;
font-weight: normal;
}
.small_ad a:hover,.wmdys_p a:hover,.slider_item a:hover,.wmdys_n2 ul li h3 a:hover,.wmdys_img .litem a h3:hover,.wmdys_n2 ul li .th a:hover,.wmdys_img .litem a .th:hover{
color: #2e75d4;
text-decoration: none;
}
.small_ad li p{
font-size: 14px;
line-height: 20px;
color: #aea292;
text-align: left;
width: 100%;
max-height:40px;
overflow: hidden;
}
.small_ad li e{
font-size: 16px;
line-height: 30px;
height: 30px;
overflow: hidden;
float: left;
}
.small_ad li e a{
color: #2e75d4;
}
.wmdys{
max-width:1200px;
width:96%;
overflow:hidden;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
text-align: center;
}
.wmdys h2,.wmdys span{
display: block;
font-size: 28px;
line-height: 50px;
color: #015198;
width: 100%;
margin-top: 20px;
text-align: left;
overflow: hidden;
font-weight: normal;
}
.wmdys_l{
width: 51%;
display: inline-block;
overflow: hidden;
vertical-align: top;
margin-top: 2%;
margin-bottom: 2%;
float: left;
}
.wmdys_r{
width: 45.2%;
display: inline-block;
overflow: hidden;
vertical-align: top;
margin-top: 2%;
margin-bottom: 2%;
float: right;
}
.wmdys_p{
overflow: hidden;
padding: 3% 3% 0 3%;
margin-bottom: 20px;
float: left;
border-radius: 10px;
border: 1px solid #ddd;
background-color: #f8f8f8;
}
.wmdys_p a img{
float: left;
width: 100%;
}
.wmdys_p h3,.wmdys_p .th{
width:100%;
max-width:740px;
line-height: 42px;
height: 42px;
overflow: hidden;
font-size: 23px;
font-weight: normal;
float: left;
background-color: #444;
text-indent: 15px;
}
.wmdys_p h3 a,.wmdys_p .th a{
color: #FFF;
display: block;
}
.wmdys_p h3 a:hover,.wmdys_p .th a:hover{
color: #FFF;
background-color: #2e75d4;
}
.wmdys_p p{
line-height: 24px;
height: 48px;
overflow: hidden;
font-size: 16px;
color: #aea292;
float: left;
width:100%;
max-width:740px;
margin-top: 15px;
margin-bottom: 10px;
}
.wmdys_p span{
overflow: hidden;
line-height: 30px;
float: left;
font-size: 18px;
}
.wmdys_p span a{
color: #2e75d4;
}
.wmdys_p span a:hover{
color: #333;
text-decoration: none;
}
.wmdys_n2{
overflow: hidden;
border-radius: 0px 0px 10px 10px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #ddd;
border-left-color: #ddd;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
background-color: #f8f8f8;
}
.wmdys_n2 ul{
padding: 0px;
overflow: hidden;
margin-top: 10px;
}
.wmdys_n2 ul li{
width: 94%;
overflow: hidden;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
text-align: left;
padding-top: 22px;
padding-right: 3%;
padding-bottom: 22px;
padding-left: 3%;
}
.wmdys_n2 ul li:nth-child(3) {border-bottom:0px solid #cdcdcd}
.wmdys_n2 ul li img{
float: left;
width: 34%;
min-width:150px;
margin-right: 10px;
display: block;
}
.wmdys_n2 ul li h3,.wmdys_n2 ul li .th{
font-size: 16px;
line-height: 34px;
height: 34px;
overflow: hidden;
font-weight: normal;
}
.wmdys_n2 ul li h3 a,.wmdys_n2 ul li .th a{
color: #444;
}
.wmdys_n2 ul li p{
color: #aea292;
font-size: 14px;
line-height: 22px;
height: 44px;
overflow: hidden;
margin-bottom: 4%;
}
.wmdys_n2 ul li e{
float: right;
color: #999;
}
.wmdys_n{
overflow: hidden;
padding: 3% 3% 0% 3%;
border-radius: 10px 10px 0px 0px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #ddd;
border-right-color: #ddd;
border-left-color: #ddd;
background-color: #f8f8f8;
}
.wmdys_n a{
width: 100%;
overflow: hidden;
display: block;
position: relative;
}
.wmdys_n a img{
width: 100%;
overflow: hidden;
display: block;
position: relative;
}
.wmdys_n a h3,.wmdys_n a .th{
width: 100%;
overflow: hidden;
font-size: 20px;
line-height: 42px;
color: #FFF;
text-align: center;
position: absolute;
z-index: 5;
left: 0px;
bottom: 0px;
font-weight: normal;
height: 42px;
}
.wmdys_n a e{
width: 100%;
overflow: hidden;
position: absolute;
z-index: 1;
left: 0px;
bottom: 0px;
height: 42px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5!important;
background-color: #000;
}
.wmdys_img{
overflow: hidden;
border-radius: 10px;
border: 1px solid #ddd;
padding-top: 1%;
padding-right: 3%;
padding-bottom: 0;
padding-left: 3%;
display: block;
background-color: #f8f8f8;
}
.wmdys_img .litem{
display:table;
overflow: hidden;
width: 100%;
text-align: center;
padding: 15px 0% 15px 0%;
}
.wmdys_img .litem a{
width: 33%;
overflow: hidden;
height: 100%;
display:table-cell;
vertical-align:top;
}
.wmdys_img .litem a img{
vertical-align:middle;
max-width: 100%;
max-height: 165px;
}
.wmdys_img .litem a h3,.wmdys_img .litem a .th{
font-size: 16px;
line-height: 30px;
color: #444;
font-weight: normal;
}
/*宸︿晶浜у搧涓嬫媺*/
.sidebar-box{
width:100%;
overflow: hidden;
margin-bottom: 20px;
}
.sidebar-product{
overflow: hidden;
background-color: #fafafa;
border: 1px solid #d9d9d9;
padding: 0 5%;
margin-top:20px;
}
.sidebar-product dl{
width:100%;
overflow: hidden;
}
.sidebar-product h2,.sidebar-title{
background-color: #2e75d4;
font-size: 16px;
line-height: 20px;
font-weight: normal;
color: #FFF;
padding: 10px 15px;
display: block;
}
.sidebar-product h2 a, .sidebar-title span a{
color: #fff;
}
.line{
height:2px;
width:100%;
}
.sidebar-product dt{
font-size: 16px;
line-height: 20px;
font-weight: normal;
padding: 10px 25px;
border-bottom: 1px dashed #bdbdbd;
position: relative;
}
.sidebar-product dl:last-child dt{
border: 0;
}
.sidebar-product dt a{
color: #333;
}
.sidebar-product dt a:hover{
text-decoration: none;
color: #2e75d4;
}
.sidebar-product span{
overflow: hidden;
font-size: 14px;
width: 20px;
color:#3e3e3e;
display: block;
line-height: 47px;
cursor:pointer;
float: right;
text-align: center;
position: relative;
z-index: 1;
left: 0px;
}
.sidebar-product i{
height: 22px;
width: 20px;
background-color: #2e75d4;
color: #FFF;
overflow: hidden;
line-height: 22px;
font-size: 16px;
font-weight: normal;
display: block;
text-align: center;
border-radius: 2px;
position: absolute;
left: 0px;
}
.sidebar-product span i:hover{
background-color: #333;
}
.sidebar-product dd{
overflow: hidden;
line-height: 20px;
font-size: 14px;
color: #4a4439;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #bdbdbd;
margin: 10px 15px;
padding: 10px;
}
.sidebar-product dd a{
color:#797979;
width:100%;
display: block;
}
.sidebar-product dd a:hover{
text-decoration: none;
color: #2e75d4;
}
.center {
float:right;
width:74%;
max-width:910px;
overflow: hidden;
}
.center_cpxq{
margin-top: 10px;
}
.center_cpxq p{
font-size: 14px;
line-height: 28px;
color: #666;
}
.center .center_t {
background-image: url(../images/tl.jpg);
background-repeat: repeat-x;
background-position: 0px bottom;
height: 40px;
width: 100%;
}
.center .center_t .now_cur{
line-height: 40px;
margin-left: 10px;
display: inline-block;
font-size: 16px;
color: #333;
}
.center .center_t span{
font-size: 14px;
line-height: 40px;
color: #CCC;
float: right;
margin-right: 10px;
}
.center .center_t span a{
color: #CCC;
}
.center .clines{
height: 1px;
background-color: #eae8e6;
overflow: hidden;
width: 95%;
margin-right: auto;
margin-left: auto;
margin-top: 19px;
margin-bottom: 19px;
}
.center_p ul {
padding-top: 20px;
text-align: left;
overflow: hidden;
margin-bottom: 20px;
font-size: 0px;
}
.center_p h4{
background-color: #2e75d4;
width: 100%;
font-size: 16px;
line-height: 40px;
border-radius: 5px 5px 0px 0px;
font-weight: normal;
}
.center_p h4 a{
color: #FFF;
padding-left: 20px;
}
.center_p h4 a:hover{
color: #FFF;
}
.center_p li {
width:32%;
line-height:20px;
height: auto;
overflow: hidden;
display: inline-block;
margin-right: 2%;
margin-bottom: 2%;
vertical-align: top;
}
.center_p li:nth-child(3n+3){
margin-right: 0%;
}
.center_pbox{
border: 1px solid #b9a695;
background-color: #f7f3f2;
padding: 4%;
}
.center li a{
overflow: hidden;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.center_p li a img{width:100%; height:auto;}
.center_p li h3 {
display:block;
line-height: 30px;
height: 30px;
overflow: hidden;
font-size: 16px;
font-weight: normal;
text-align: center;
}
.center_p li p {
display:block;
line-height: 20px;
max-height: 40px;
overflow: hidden;
font-size: 14px;
color: #666;
margin: 0px;
padding: 0px;
text-align: center;
}
.center_p li span {
font-size: 12px;
line-height: 30px;
text-align: center;
margin-top: 10px;
display: block;
width: 100%;
}
.center_p li span a {
color: #FFF;
background-color: #2e75d4;
display: block;
}
.center_p li span a:hover {
color: #FFF;
background-color: #333;
}
.center .P_list{
width: 100%;
overflow: hidden;
}
.center .P_list h2{
height: 34px;
width: 21.6%;
margin-right: 1%;
margin-bottom: 1%;
overflow: hidden;
float: left;
font-size: 14px;
line-height: 34px;
font-weight: normal;
min-width:150px;
}
.center .P_list h2 a{
background-color: #fffdf0;
display: block;
font-size: 14px;
line-height: 34px;
padding-right: 5px;
padding-left: 5px;
}
.center .P_list h2 a:hover{
display: block;
background-color: #2e75d4;
color: #FFF;
}
.center a:hover {
color: #2e75d4;
text-decoration: none;
}
.center_row{
background-image: url(../images/rbg.png);
background-repeat: no-repeat;
background-position: right center;
}
/**涓婇潰鐨勫唴瀹瑰彧鏈夐椤电敤鍒�**/
.msg_bl {
clear:both;
max-width:910px;
width:100%;
border-collapse:collapse;
font-size:12px;
font-family: Arial,Helvetica,sans-serif;
position:relative;
margin-top: 20px;
margin-bottom: 20px;
}
.msg_bl .prompt {
line-height:26px;
overflow: hidden;
margin-bottom: 10px;
background-color: #444;
color: #FFF;
padding: 1.2%;
}
.msg_bl .prompt span {
margin-left:20px;
color:#2e75d4
}
#msg_bl_dx2 input{
border:1px solid #999;
width: 46%;
line-height: 20px;
padding: 1.2%;
float: left;
}
#msg_bl_dx2 input:nth-child(2),#msg_bl_dx2 input:nth-child(4){
border:1px solid #999;
width: 46%;
line-height: 20px;
padding: 1.2%;
margin-left: 1.2%;
float: left;
}
.msg_bl table {color:#3e3e3e;font-size:12px;width: 100%;}
.msg_bl table tr {
overflow: hidden;
}
.msg_bl table td {
line-height:20px;
overflow: hidden;
}
.msg_bl form input {
border:1px solid #999;
width: 96%;
line-height: 20px;
padding: 1.2%;
background-color: #FFF;
margin-bottom:10px;
}
.msg_bl form select {width:196px; height:25px;border: 1px solid #dcdcdc;line-height:24px; margin-right:3px;}
.msg_bl form label {display:block;line-height:14px;margin-bottom:5px}
.msg_bl span.require {color:red; margin-right:5px;}
.msg_bl form .checkbox {width:15px;height:15px;margin-right:10px}
.msg_bl form .radio {width:11px;height:11px; margin-right:8px;}
.msg_bl form .t_submit {
width:95px;
height:40px;
cursor:pointer;
border:none;
background:#2e75d4;
color:#FFF;
border-radius: 5px 5px 5px 5px;
margin-right: auto;
margin-left: auto;
}
.msg_bl form .t_submit:hover{
background-color: #333;
}
.xj_m{width:484px; padding-left:5px; height:90px; border:#cdccd1 1px solid; margin-top:7px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
.msg_bl .s_k{width:195px; height:25px; border:#dcdcdc 1px solid;}
.msg_bl .ct{padding:0 18px 0px 18px;color:#000}
.msg_bl .cl{line-height:28px;}
.msg_bl .cl span{margin-right:10px;}
.msg_bl .wl{line-height:27px; padding-top:10px;}
.msg_bl .wl .a{margin-right:27px;}
.msg_bl .wl .b{margin-right:36px;}
.msg_bl .wl .c{margin-right:39px;}
.msg_bl .wl .d{margin-right:30px;}
.msg_bl .wl .aa{margin-right:22px;}
.msg_bl .wl .ab{margin-right:55px;}
.msg_bl .wl .ac{margin-right:41px;}
.msg_bl .wl .ad{margin-right:33px;}
.msg_bl .wl .ba{margin-right:18px;}
.msg_bl label{margin-top:18px;}
.msg_bl font{color:#000}
.msg_bl .message{margin-top:5px;}
.msg_bl #message{
width:96%;
border:1px solid #999;
font-size: 14px;
line-height: 20px;
font-family: "寰蒋闆呴粦";
color: #000;
padding: 1.2%;
background-color: #FFF;
margin-bottom:10px;
}
.msg_bl_dx{
width:96%;
padding-top: 10px;
}
.msg_bl_dx h3{
font-size: 14px;
line-height: 40px;
text-align: center;
}
.msg_bl_dx ul{
width: 100%;
overflow: hidden;
text-align: center;
}
.msg_bl_dx ul li{
overflow: hidden;
display: inline-block;
font-size: 12px;
line-height: 18px;
margin-right: 2%;
margin-left: 2%;
}
.msg_bl_dx ul li h4{
overflow: hidden;
display: inline-block;
float: left;
padding-left: 5px;
line-height: 18px;
}
.msg_bl_dx ul li input{
overflow: hidden;
display: inline-block;
float: left;
height: 18px;
width: 18px;
}
/*inqquick*/
.inqquick{
border: 1px solid #999;
width: 96%;
max-width:873px;
margin-top: 10px;
margin-bottom: 10px;
padding: 1.2%;
}
.inqquick h2{
margin-bottom: 10px;
font-size: 14px;
line-height: 30px;
color: #000;
font-weight: normal;
}
.inqquick .m{
width: 100%;
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
text-align: left;
position: relative;
}
.inqquick #inqQuickText_1{
float: left;
height: 20px;
width: 20px;
overflow: hidden;
display: inline-block;
position: absolute;
z-index: 2;
left: 0px;
top: 0px;
}
.inqquick #inqquick_h{
float: left;
white-space: normal;
display: inline-block;
margin-left: 25px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
}
/*turn page*/
#turn_page{
text-align:center;
line-height:35px;
clear:both;
padding-top: 20px;
padding-bottom: 20px;
}
#turn_page span{
border:1px #cecece solid;
display:inline-block;
*display:inline; *zoom:1; font-size:14px;
height:33px;
line-height:33px;
overflow:hidden;
background:#fff;
vertical-align:top;
border-radius:4px;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin: 5px;
}
#turn_page span em{width:7px; height:12px; display:inline-block; vertical-align:middle; margin-top:-2px;}
#turn_page font, #turn_page a{
height:33px;
display:block;
text-align:center;
text-decoration:none;
padding-right: 13px;
padding-left: 13px;
}
#turn_page span.pageinfo{
height:33px;
text-align:center;
text-decoration:none;
padding-right: 13px;
padding-left: 13px;
}
#turn_page .page_item_current{
color:#fff;
cursor:default;
background-color: #666;
padding-right: 13px;
padding-left: 13px;
}
#turn_page .page_button, #turn_page .page_noclick{width:auto; padding:0 12px;}
#turn_page .page_noclick{cursor:no-drop;}
/*footer*/
.footer {
width:100%;
clear:both;
color:#FFF;
font-size:14px;
text-align:center;
background-color: #2e75d4;
}
.footer a {
color:#FFF;
text-decoration:none
}
.fwidget{
width:100%;
margin:0 auto;
overflow: hidden;
background-color: #444;
font-size: 14px;
}
.fwidget .f_lnk{
overflow: hidden;
line-height: 30px;
text-align: center;
width: 100%;
max-width:1200px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: auto;
margin-left: auto;
}
.fwidget .f_lnk a{
padding-right: 8px;
padding-left: 8px;
color: #FFF;
}
.footer .fwidget_r {
line-height: 20px;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
white-space: normal;
text-align: center;
width: 100%;
max-width:1200px;
margin-right: auto;
margin-left: auto;
}
/*main*/
.main {
width:96%;
max-width:1200px;
clear:both;
margin-bottom:50px;
overflow:hidden;
margin-top: 2%;
margin-right: auto;
margin-left: auto;
}
.main img{
max-width:100%;
}
.main .bread {
background-color: #2e75d4;
width: 100%;
font-size: 14px;
line-height: 20px;
font-weight: normal;
padding: 10px 0;
color: #FFF;
}
.main .bread a{
color: #FFF;margin: 0 3px;
}
.main .bread span, .main .bread ul{
font-size: 14px;
line-height: 20px;
padding-right: 10px;
display: block;
padding-left: 10px;
}
.main .bread ul li{ display:inline-block;}
.main .rsidebar {
width:100%;
overflow: hidden;
}
.main .rsidebar h2 {
background-color: #2e75d4;
font-size: 16px;
line-height: 20px;
font-weight: normal;
color: #FFF;
padding: 10px 15px;
display: block;
}
.main .rsidebar h2 a{
color: #333;
display: block;
height: 100%;
width: 100%;
}
.main .rsidebar a:hover{
color: #2e75d4;
text-decoration: none;
}
.main .rsidebar h2.search {border:none;margin:0;}
.main .rsidebar ul {
margin-bottom: 20px;
overflow: hidden;
}
.main .rsidebar li {
overflow: hidden;
height: 48px;
line-height: 48px;
font-size: 14px;
color: #4a4439;
width: 100%;
text-indent: 20px;
}
.main .rsidebar li a{
color:#3e3e3e;
width:100%;
height:47px;
display: block;
line-height: 47px;
border-bottom: 1px dashed #bdbdbd;
background-image: url(../images/new_th.JPG);
background-repeat: no-repeat;
background-position: 5px center;
}
.main .rsidebar li a:hover{
text-decoration: none;
color: #2e75d4;
}
.main .rsidebar ul.news li {list-style:none}
.main .rsidebar a:hover {color:#cc0000}
.contact-list{
overflow: hidden;
width: 100%;
}
.contact-list h2 {
background-color: #2e75d4;
font-size: 16px;
line-height: 20px;
font-weight: normal;
color: #FFF;
padding: 10px 15px;
display: block;
}
.contact-list table{
background-color: #FFF;
border: 1px solid #d9d9d9;
overflow: hidden;
padding: 5px;
display: block;
margin-top:20px;
}
.contact-list tr{
line-height: 32px;
padding-left: 10px;
font-size: 14px;
font-weight: normal;
}
.contact-list tr th{
color: #3e3e3e;
white-space: nowrap;
}
.contact-list tr th i{
font-weight: normal;
font-size: 16px;
color: #2e75d4;
}
.contact-list tr a{
color: #666;
}
.contact-list tr a:hover{
color: #ff665e;
}
.main .caselist {
float:left;
max-width:915px;
width:100%;
}
.main .caselist ul.list {
margin-top:10px;
width: 100%;
}
.main .caselist ul.list li h2{
font-size:18px;
line-height: 30px;
color: #666;
}
.main .caselist p{
line-height:24px;
margin-top:5px;
font-size: 16px;
}
.main .caselist ul.list li {
width:100%;
border-bottom:1px dotted #c8c8c8;
padding: 10px 0;
overflow: hidden;
}
.main .caselist ul.list li img {float:left;margin-right:24px;width:250px;overflow:hidden}
.main .caselist ul.list a.more {float: right;margin-right: 20px;padding-top: -100px;}
.main .caselist ul.list a.more:hover {color:red}
.main .caselist strong a {font-size:13px;text-transform:uppercase;color:#3e3e3e}
.hot_p{
width: 100%;
float: right;
margin-bottom: 20px;
}
.hot_p h2{
background-color: #2e75d4;
font-size: 16px;
line-height: 20px;
font-weight: normal;
color: #FFF;
padding: 10px 15px;
display: block;
}
.hot_p ul{
font-size: 0px;
overflow: hidden;
}
.hot_p ul li{
background-color: #FFF;
padding: 5%;
margin-top: 20px;
border: 1px solid #d9d9d9;
}
.hot_p ul li a img{
width: 100%;
overflow: hidden;
display: block;
}
.hot_p ul li h3,.hot_p ul li .th{
width: 100%;
overflow: hidden;
font-size: 14px;
line-height: 30px;
font-weight: normal;
height: 30px;
}
.hot_p ul li h3,.hot_p ul li .th a{
color: #2e75d4;
}
.hot_p ul li p{
width: 100%;
overflow: hidden;
font-size: 12px;
line-height: 20px;
font-weight: normal;
height: 40px;
color: #666;
}
#banner_t{
width: 100%;
background-color: #2e75d4;
overflow: hidden;
padding-right: 10px;
padding-left: 10px;
}
#banner_t h2{
width: 100%;
max-width:1200px;
font-size: 30px;
line-height: 40px;
color: #FFF;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
font-weight: normal;
}
/*main*/
.nei-table{width:100%;overflow: auto;}
.nei-table table, .sec_m table{border-right:1px solid #666;border-bottom:1px solid #666; border-collapse: collapse;}
.nei-table table th, .sec_m table th{border-left:1px solid #666;border-top:1px solid #666;padding-right: 5px;padding-left: 5px;}
.nei-table table td, .sec_m table td{border-left:1px solid #666;border-top:1px solid #666;padding-right: 5px;padding-left: 5px;}
.main .content {
float:right;
width:74%;
font-size: 14px;
line-height: 28px;
color: #666;
}
.main .sidebar {float:left;width:24%; max-width:270px;}
.content .abstract {
width:100%;
max-width:900px;
line-height:20px;
margin-top: 20px;
overflow: hidden;
}
.content .abstract .brief {
width:100%;
position:relative;
}
.content .abstract .brief h1 {
font-size:18px;
line-height: 24px;
padding-bottom: 20px;
font-weight: normal;
}
.content .abstract .brief p {
padding: 5px;
font-size: 16px;
line-height: 24px;
color: #333;
}
.content .abstract .brief span {
color:#2e75d4;
font-weight:bold;
}
.content .abstract .widget {line-height:35px;width:100%;padding:10px 0;}
#pdfdown { float:left;}
.content .abstract .widget #pdfdown {display:block;float:left;padding-left:20px;height:20px;line-height:20px;margin-top:8px;margin-right:20px;background:url(../images/bg_sprite.gif) 0 -504px no-repeat;}
.content .abstract .widget #seegallery {display:block;float:left;padding-left:20px;height:20px;line-height:20px;margin-top:8px;margin-right:20px;background:url(../images/bg_sprite.gif) 0 -533px no-repeat;}
.content .abstract .widget #sendmail {
display:block;
float:left;
height:20px;
line-height:20px;
margin-top:8px;
margin-right:20px;
margin-bottom: 10px;
}
.content .abstract .widget #sendmail i{
color: #2e75d4;
font-size: 18px;
}
.content .abstract .widget .yincang{-webkit-filter: grayscale(100%);opacity: 0.3; text-decoration:none;}
.content .abstract .widget .button {
display: inline-block;
text-align:center;
color:#fff;
line-height:31px;
cursor:pointer;
background-color: #252e38;
border-radius: 5px 5px 5px 5px;
}
.content .abstract .widget .button a:hover {
text-decoration: none;
background-color: #C00;
border-radius: 5px 5px 5px 5px;
}
.content .abstract .widget .button a{
color:#FFF;
display: block;
height: 100%;
width: 100%;
}
.content .abstract .widget .levemsg {
}
.content .tab {display:none}
.content .sec_m{
font-size: 14px;
line-height: 28px;
color: #666;
width:100%;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E4E4E4;
padding-bottom: 10px;
}
.content .section img{text-align:center;}
.content .sec_m img{max-width:100%;}
/*stone crushing line end*/
/*pros*/
.pros{
width: 100%;
max-width:900px;
margin-bottom: 20px;
margin-top: 20px;
}
.pros table{
width: 100%;
font-size: 14px;
line-height: 24px;
background-color: #999;
}
.pros table tr{
background-color: #FFF;
}
.pros th{
width: 30%;
text-indent: 10px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 14px;
line-height: 24px;
}
.pros td{
padding-left: 10px;
}
.pros h3{
font-size: 18px;
line-height: 50px;
padding-left: 10px;
}
/*case inside page*/
.case h1 {font-size:20px;margin-bottom:20px}
.case h3{height:15px; font-size:16px; line-height:15px; width:auto; font-weight:normal; margin:22px 0;}
.case img{margin:15px 0 20px 0;}
.case .next_pre{
line-height: 34px;
width: 100%;
max-width:900px;
margin-top: 20px;
margin-bottom: 30px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
padding-top: 10px;
font-size: 16px;
}
.case .section{
padding-bottom:10px;
width: 100%;
max-width:900px;
}
/**Cotent News list **/
.news .topnews{
overflow: hidden;
margin-bottom: 25px;
margin-top: 20px;
}
.news .topnews a img {
width:262px;
height:auto;
float:left;
margin-right:20px;
display: inline-block;
}
.news .topnews h2 {
font-size:18px;
line-height:34px;
margin-bottom: 10px;
}
.news .topnews p {
font-size:14px;
line-height:28px;
}
.news .cate {
background-color: #2e75d4;
width: 96%;
font-size: 14px;
line-height: 40px;
font-weight: normal;
color: #FFF;
padding-right: 2%;
padding-left: 2%;
}
.news .cate a{
color: #FFF;
}
.news .cate span {float:right;font-size:12px;font-weight:normal;}
.news .newslist {
margin-top:10px;
width:100%;
margin-bottom: 40px;
overflow: hidden;
}
.news .newslist li{
list-style:square inside;
padding-right: 80px;
height:34px;
line-height:34px;
position:relative;
overflow: hidden;
font-size: 14px;
}
.news .newslist li .pubdate { color: #999; font-size: 12px;position:absolute;right:0;top:0}
.news .ng li{line-height:5px; list-style:none;}
/**Content News inside**/
.news h1 {
font-size:18px;
line-height:26px;
width: 100%;
margin: 20px 0;
overflow: hidden;
}
.news .section {
width: 100%;
max-width:900px;
margin-top: 20px;
margin-bottom: 20px;
}
.news .next_pre{
line-height: 34px;
width: 100%;
max-width:900px;
margin-top: 20px;
margin-bottom: 30px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
padding-top: 10px;
font-size: 16px;
}
/*About Page*/
.about h1 {font-size:16px;color:#000;margin:10px 0;}
.about .section {
clear:both;
width: 100%;
max-width:900px;
margin-top: 20px;
margin-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E4E4E4;
}
.about .section h2 {font-size:16px;color:red}
.about .section p span {color:red}
/*Contact Page*/
.contact h1 {color:red;font-size:14px;}
.contact h2 {font-size:14px;line-height:24px;}
.contact p {margin-bottom:20px}
.ddh{
text-align: center;
width: 100%;
}
.cert_p{
width: 100%;
max-width:900px;
margin-top: 20px;
}
.cert_p ul{
font-size: 0px;
overflow: hidden;
text-align: left;
}
.cert_p li{
width: 32%;
margin-right: 2%;
overflow: hidden;
background-color: #F2F2F2;
display: inline-block;
margin-bottom: 2%;
text-align: center;
vertical-align: top;
height: 280px;
}
.cert_p li:nth-child(3n+3){
margin-right: 0;
}
.cert_p li h2{
font-size: 18px;
line-height: 34px;
text-align: center;
width: 90%;
overflow: hidden;
height: 34px;
padding-right: 5%;
padding-left: 5%;
}
.cert_p li p{
display: table;
width: 100%;
height: 246px;
margin: 0px;
}
.cert_p li a{
vertical-align: middle;
display: table-cell;
}
.cert_p li img{
vertical-align: middle;
max-width: 244px;
max-height: 240px;
display: table-cell;
}
.about_pc{
overflow: hidden;
width: 100%;
max-width:900px;
margin-top: 20px;
}
#banner{
visibility:hidden;
float:left;
border:solid 1px #ccc;
width: 400px;
height: auto;
margin-right: 20px;
}
#banner img{ width:400px; height:260px;}
#banner.banner1{ margin-left:100px; border:3px solid #ccc;}
#banner.banner2{ border:3px solid #ccc;}
#banner.banner2 img{ height:260px; width:400px;}
.about_pc_tab{float: left;width:100%; padding-bottom:10px;}
.tbl2 {
width:100%;
font-size: 14px;
line-height: 20px;
background-color: #CCC;
}
.tbl2 th{
background-color:#fafafa;
text-align: left;
padding: 5px 10px 5px 10px;
color: #666;
}
.tbl2 td{
background-color:#fafafa;
padding: 5px 10px 5px 10px;
color: #666;
}
.tabs{
width: 100%;
max-width:900px;
overflow: hidden;
}
.tabs .ul{
width: 100%;
display: block;
overflow: hidden;
}
.tabs .ul li{
float:left;
line-height:30px;
color:#FFF;
cursor:pointer;
margin-right: 8px;
border-radius: 4px 4px 0px 0px;
margin-top: 5px;
font-size: 14px;
padding: 2px 10px;
background-color: #444;
}
.tabs .ul li.focus{
border-radius: 4px 4px 0px 0px;
background-color:#2e75d4;
color:#FFF;
font-weight: bold;
}
.tabs .div{
border: 1px solid #b9a695;
padding:8px;
line-height:20px;
}
/*site-map网站地图*/
.site-map{ margin-top: 10px;}
.site-map-t{ color: #666; font-size: 18px; line-height: 30px; background: #fff; padding: 8px 20px; margin-bottom: 15px;text-transform: capitalize;}
.site-map-th{ color: #6d6d6d; font-size: 16px; line-height: 30px; border-bottom: 1px dashed #f1f1f1; padding: 8px 20px;}
.site-map-th h2{ font-size: 16px; font-weight: normal;}
.site-map ul { font-size: 0; overflow: hidden; margin: 10px 0 30px 0; border-bottom: 1px solid #f1f1f1; padding: 10px 20px 0 20px;}
.site-map ul li{ font-size: 14px; margin-bottom: 12px; display: inline-block; vertical-align: top; line-height: 20px; width: 33.3%;}
.site-map ul li h3{ font-size: 14px; font-weight: normal;}
.site-map ul.site-map-l1 li { width: 25%;}
.site-map ul.site-map-l2 li { width: 50%;}
.site-map a:hover{ color: #000}
/*tag*/
.tag{
overflow: hidden;
width: 96%;
font-size: 14px;
line-height: 24px;
}
.tag strong{
overflow: hidden;
float: left;
line-height: 26px;
margin: 5px;
padding-top: 2px;
padding-bottom: 2px;
white-space: pre;
vertical-align: top;
}
.tag .tag_r{
float: left;
}
.tag a{
float: left;
line-height: 24px;
display: inline-block;
height: 24px;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #444;
margin: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.share{
padding-top: 10px;
overflow: hidden;
}
/*骞荤伅鍥惧紑濮�*/
#about_pb{
width: 100%;
}
#promotion_banners{
width: 100%;
overflow: hidden;
}
#promotion_banners li{
width: 100%;
height: 100%;
}
.switcher_2{
position: absolute;
right: 5px;
bottom: 5px;
}
.product_box{
width: 100%;
max-width:450px;
min-width:300px;
margin-right: 35px;
}
.product_box .banners{
height: 450px;
overflow: hidden;
border: 1px solid #e6e6e6;
}
.pb{
display: inline-block;
position: relative;
height: auto;
float: left;
margin-bottom: 10px;
z-index: 1;
}
.pb .points_2 li{
width:22px;
height:22px;
text-align:center;
cursor:pointer;
float: left;
margin-right: 5px;
background-color: #999;
line-height: 22px;
color: #FFF;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.pb .points_2 li.current{
color: #FFF;
margin-right: 5px;
height: 22px;
width: 22px;
border: 1px solid #FFF;
background-color: #C00;
}
.pb .banners{
float:left;
padding:0px;
margin: 0px;
}
.pb .banners li{
display:none;
padding: 0px;
}
.pb .banners li.current{display:block;}
.pb .switcher{
width: 100%;
display: block;
height: auto;
overflow: hidden;
}
.pb .points{
font-size:12px;
margin-top: 4px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 100%;
}
.pb .points li{
width:70px;
height:70px;
background-position:0px 0px;
text-align:center;
cursor:pointer;
float: left;
margin-right: 8px;
border: 1px solid #e6e6e6;
display: table;
margin-top: 8px;
}
.pb .points li i{
width: 100%;
overflow: hidden;
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.pb .points li img{
max-height: 70px;
max-width: 70px;
vertical-align: middle;
display: table-cell;
z-index: -1;
position: relative;
}
.pb .points li.current{
color: #FFF;
margin-right: 8px;
height: 70px;
width: 70px;
border: 1px solid #F00;
}
.pb .steps { width:16px;height:23px;background-position:0px -17px;margin:0px 0px 0px 6px;position:absolute; bottom:3px; _overflow:hidden; } /* FireFox */
*html .pb .steps { width:16px;height:23px;background-position:0px -17px;margin:0px 0px 0px 5px;position:absolute; bottom:3px; _overflow:hidden; } /* IE6 */
*+html .pb .steps { width:16px;height:23px;background-position:0px -17px;margin:0px 0px 0px 5px;position:absolute; bottom:3px; _overflow:hidden; } /* IE7 */
.pb .steps .up, .pb .steps .down{width:15px;height:11px;cursor:pointer;}
.C_top_R1IMG{
width: 100%;
height: 100%;
position: relative;
display: table;
text-align: center;
}
.C_top_R1IMG a{
width: 100%;
overflow: hidden;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.C_top_R1IMG img{
vertical-align: middle;
max-width: 100%;
max-height: 450px;
}
.C_top_R1IMG a h5{
height: 30px;
position: absolute;
z-index: 3;
bottom: 40px;
left: 0px;
font-weight: bold;
padding-left: 10px;
width: 500px;
font-size: 22px;
line-height: 30px;
color: #FFFFFF;
font-weight: normal;
}
.C_top_R1IMG a p{
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
position: absolute;
z-index: 3;
bottom: 15px;
left: 0px;
width: 500px;
padding-left: 10px;
height: 20px;
}
.C_top_R1IMG a span{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5!important;
height: 80px;
width: 100%;
position: absolute;
z-index: 2;
left: 0px;
bottom: 0px;
background-color: #000000;
}
.C_top_R1IMG2{
width: 100%;
height: auto;
}
.C_top_R1IMG2 a img{
width: 100%;
display: block;
}
/*骞荤伅鍥剧粨鏉�*/
.picScroll-left h2{color: #015198 !important;}
.picScroll-left .bd{border: 1px solid #ddd !important;background-color: #f8f8f8 !important;}
@media (min-width: 768px) {
.sm-blue .current {background: #3187f9;}
.sm-blue > li:hover{background: #3187f9;}
}
@media screen and (max-width:1224px){
#index_footer{display:none;}
.wmdys_p h3,.wmdys_p .th{
font-size: 20px;
}
}
@media screen and (max-width:980px){
.zhushi{display:none;}
}
@media screen and (max-width:900px){
.header{
background-color: #fff;
}
.menu_c{height: auto;overflow: hidden;}
.header #logo{ padding:2% 0px 10px 0px;padding-top:10px;height:auto !important; max-width:272px; max-height:55px;}
.menu ul.nav{display:none;}
.top_bread{height:auto; padding:0px 2% 2% 2%; z-index:10001;}
.top_bread ul{padding-left:2%;background:#fff;padding-bottom: 10px;}
.top_bread ul li{float:none; height:auto; line-height:34px;border-bottom:1px solid #cbcbcd; text-align:left; overflow: hidden;}
.top_bread ul a li { color:#3e3e3e;}
.top_bread ul{display:none;}
.top_bread select{display:none;}
#top1 .top1c_l {font-size: 0;}
#top1 .top1c, #top1 .top1c_l li {line-height: 24px; font-size: 12px;}
#top1 .top1c_r, .header_fenxiang, .sear, #searchform {
float: left;
margin-left: 5px;
margin-top: 0;
line-height: 24px;
}
/*Menu*/
#fun1{position:absolute;right:3%;top:15px;display:block;cursor:pointer;}
#fun1 i{font-size: 24px;color:#fff;}
.top_bread .m{display:block;font-size:15px;}
.top_bread .m a{
width: 100%;
display: inline-block;
float: left;
overflow: hidden;
}
.top_bread .m .branch{
height: 40px;
width: 44%;
display: inline-block;
float: left;
margin-right: 3%;
margin-left: 3%;
}
.top_bread .m .branch option{
height: 40px;
line-height:40px;
}
#top1{
width: 100%;
background-color: #f7f7ef;
position: static;
z-index: 99999;
line-height: 24px;
}
.menu_c {
padding-top: 5px;
}
.menu_c_logo {
height: auto;
position: static;
}
.center {margin:0 auto;width:100%; }
/*footer*/
.footer .fwidget {width:100%;margin:0 auto;position:relative}
/*list*/
.main {margin:2% auto;width:96%;}
.main .rsidebar {width:100%;}
/*case list*/
.main .caselist {margin-left:1%;}
.small_ban h2,.top_slider h2,.small_ban span,.top_slider span{
text-align: center;
}
#about_pb{
width: 100%;
height: auto !important;
}
/*Menu*/
#fun1{position:absolute;right:3%;top:15px;display:block;cursor:pointer;}
.main .sidebar{ width: 100%;max-width: none;}
.main .content {width:100%; float:none;}
.main .bread {margin-bottom:0}
.small_ad li{
width:47%;
}
.sear{display:none;}
}
@media screen and (max-width:767px){
body{font-size:1.2em}
.small_ban h2,.wmdys h2,.wmdys span{
font-size: 24px;
line-height: 30px;
margin-top: 10px;
}
.small_ad .item{
width:100%;
}
.small_ad li h2{
font-size: 16px;
line-height: 30px;
height: 30px;
}
.small_ban i,.wmdys i{
font-size: 14px;
line-height: 20px;
}
.small_ad li p{
font-size: 12px;
line-height: 18px;
height: 54px;
}
.wmdys_p{
margin-top: 15px;
margin-bottom: 10px;
padding-bottom: 15px;
}
.wmdys_p a img{
float: none;
width: 100%;
}
.wmdys_p h3,.wmdys_p .th{
line-height: 30px;
height: auto;
overflow: hidden;
font-size: 18px;
float: none;
width: 100%;
}
.wmdys_p p{
line-height: 20px;
height: auto;
font-size: 14px;
float: none;
width: 100%;
}
.wmdys_p span{
line-height: 30px;
float: none;
font-size: 14px;
}
.wmdys_l{
width: 100%;
margin-right: auto;
margin-left: auto%;
float: none;
}
.wmdys_r{
width: 100%;
margin-right: auto;
margin-left: auto%;
float: none;
}
.main .caselist ul.list li h2{
font-size:16px;
}
}
@media screen and (max-width:660px){
.center_p ul {
text-align: center;
}
.center_p li {
width:100%;
height: auto;
margin-left: auto;
margin-right: auto;
float: none;
}
.center_p li a img{width:100%; height:auto;}
}
@media screen and (max-width:480px){
.center_p li p{height:auto;}
.wmdys_img{
margin-bottom: 0px;
}
.about embed{width:98% !important; height:auto}
.news .topnews img {float:none; margin-bottom:8px; width:98% !important; height:auto;}
.sec_m{clear:both;}
.main .caselist ul.list li img {
margin-right: 0;
width: 100%;
height: auto;
}
.small_ad li{
width:97%;
}
.center .products_category h2{
width: 96%;
}
.wmdys_n2 ul li img{
float: none;
width: 100%;
margin-right: 0;
}
.wmdys_img .litem a{
width: 100%;
display:block;
}
.wmdys_img .litem a img{
vertical-align:middle;
max-width: 100%;
max-height: none;
}
.cert_p li{
width: 100%;
margin-right: 0;
height: 280px;
}
}
@media screen and (max-width:426px){
.product_box .banners{
height: 410px !important;
overflow: hidden;
}
.C_top_R1IMG img{
max-height:410px !important;
}
}
@media screen and (max-width:360px){
.product_box .banners{
height: 350px !important;
overflow: hidden;
}
.C_top_R1IMG img{
max-height:350px !important;
}
.content .abstract .brief{margin-left:1%;}
}
@media screen and (max-width:340px){
.product_box .banners{
height: 330px !important;
overflow: hidden;
}
.C_top_R1IMG img{
max-height:330px !important;
}
}
.zhushi{
border: 1px solid #E3E3E3;
padding: 10px;
position: fixed;
right: 10px;
width: 350px;
color: #C00;
background-color: #FFF;
font-size: 12px;
bottom: 50px;
}
/*移动端侧边,底部折叠*/
.sidebar-block-but, .footer-content-but{ display: none;}
@media screen and (max-width:768px){
.footer-middle{ padding-top: 10px;}
.inner-message{ margin-bottom: 0;}
.sidebar-block-but, .footer-content-but{ position: relative; padding: 10px 40px 10px 20px; background-color: #eee; display: block; margin-bottom: 10px;}
.sidebar-block-but span, .footer-content-but span{ text-transform:uppercase; color: #222; font-size:16px; line-height: 20px;}
.sidebar-block-but button, .footer-content-but button{ position: absolute; top: 9px; right: 5px; width:30px;
height: 24px;
border: 0;
color: #222;
display: inline-block;
border-radius: 0;
line-height: 24px;
background: none;
}
.sidebar-block-but button i, .footer-content-but button i{ font-size: 20px; position: relative;}
.sidebar-block-but button i::after, .footer-content-but button i::after{
content: "\e660";
font-family: "iconfont" !important;
}
.sidebar-block-but.expand button, .footer-content-but.expand button{ transform: rotateZ(180deg);}
.sidebar-c, .footer-main{ display: none;}
.sidebar-c.expand, .footer-main.expand{ display: block;}
}
/*产品详情页图片*/
.pgwMenu{background:#333;height:40px;position:relative;list-style:none}.pgwMenu ul{list-style:none;white-space:nowrap;margin:0;padding:0}.pgwMenu .pm-links.mobile,.pgwMenu .pm-viewMore>ul{background:#333;box-shadow:2px 2px 4px #777;position:absolute;left:0;top:100%;z-index:1000}.pgwMenu .pm-links.mobile li,.pgwMenu .pm-viewMore>ul>li{display:block;clear:both;width:175px}.pgwMenu li{float:left;font-size:.9rem}.pgwMenu a{display:block;color:#fff;line-height:40px;text-decoration:none;padding:0 12px}.pgwMenu.light a{color:#000}.pgwMenu a.selected{background:#777}.pgwMenu li a:hover{background:#666;text-decoration:none}.pgwMenu.light li a:hover{background:#d0d0d0}.pgwMenu .pm-dropDown a{display:inline-block;background:#777}.pgwMenu .pm-dropDown a.active,.pgwMenu .pm-viewMore a.active{background:#666}.pgwMenu.light .pm-dropDown a.active{background:#bbb}.pgwMenu .pm-dropDown span.icon,.pgwMenu .pm-dropDown span.white{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat;display:block;height:22px;width:22px;margin:9px 5px}.pgwMenu.light .pm-dropDown span.icon,.pgwMenu .pm-dropDown span.black{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABpSURBVEhL7ZPLCcAwDEM9jefI/ks1Hyj2QbiGSLcKHggl8sEktjTc/WGyZxo6YKAbrFzFoav3/hdhmsrlijBN5XJFmKZyuSJMU7lcsfV/kIN0FRJgyACGDGDIAIYMpK8CHt6iG6xZhY0JIJ+6AHGbUFsAAAAASUVORK5CYII=) no-repeat;display:block;height:22px;width:22px;margin:9px 5px}.pgwMenu .pm-viewMore{display:none;position:relative}.pgwMenu .pm-viewMore>ul{left:auto;right:0}.pgwMenu .pm-viewMore li{float:none}.pgwMenu .pm-viewMore span.icon,.pgwMenu .pm-viewMore span.white{margin-left:3px;display:inline-block;border-color:#fff transparent;border-style:solid;border-width:8px 6px 0}.pgwMenu.light .pm-viewMore span.icon,.pgwMenu .pm-viewMore span.black{margin-left:3px;display:inline-block;border-color:#000 transparent;border-style:solid;border-width:8px 6px 0}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local(OpenSans),url(.SETTING_STATIC."/fonts/opensans.wof") format(woff)}.cntr{max-width:450px;float:left;width:100%;position:relative;z-index:2;background-color:#FFF}.cntr:before,.cntr:after{content:' ';display:table}.pgwSlideshow{background:#fff;display:none;margin-right:30px}.pgwSlideshow .ps-list{overflow:hidden;position:relative}.pgwSlideshow .ps-list li a{border:1px solid #e1e1e1;display:table-cell;width:60px;height:60px}.pgwSlideshow .ps-list li img{max-width:60px;max-height:60px;background-color:#FFF}.pgwSlideshowLight{width:100%;background:#ddd;display:none}.pgwSlideshowLight .ps-list{border-top:1px solid #aaa;box-shadow:0 10px 10px -5px #999 inset;background:#ddd;overflow:hidden;position:relative}.pgwSlideshowLight .ps-list li img{display:block;border:1px solid #aaa;width:80px;height:80px}.pgwMenu.light,.pgwMenu.light .pm-links.mobile{background:#ddd}.pgwMenu.light a.selected,.pgwMenu.light .pm-dropDown a{background:#c5c5c5}.pgwMenu .pm-dropDown,.pgwMenu .pm-viewMore,.pgwMenu .pm-viewMore>ul,.hide{display:none}.pgwMenu .pm-viewMore>a,.dib{display:inline-block}.cntr:after,.clr{clear:both}.flf,.pgwSlideshow .ps-list li,.pgwSlideshowLight .ps-list li{float:left;width:72px;height:72px;display:table}.pgwSlideshow a,.pgwSlideshowLight a{display:table-cell;vertical-align:middle;color:#fff}.pgwSlideshow .ps-current,.pgwSlideshowLight .ps-current{text-align:center;position:relative;min-height:150px;overflow:hidden;border:1px solid #e1e1e1}.pgwSlideshow .ps-current>ul{padding:0;height:100%}.pgwSlideshow .ps-current>ul>li,.pgwSlideshowLight .ps-current>ul>li{text-align:center;width:100%;height:100%;z-index:1;opacity:0;display:block;position:absolute}.pgwSlideshow .ps-current>ul>li img,.pgwSlideshowLight .ps-current>ul>li img{display:block;max-width:100%;max-height:100%;margin:auto;background-color:#FFF}.pgwSlideshow .ps-caption,.pgwSlideshowLight .ps-caption{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";text-align:left;font-size:1rem;color:#fff;position:absolute;left:0;bottom:0;width:100%;display:none;padding:10px}.pgwSlideshow .ps-caption span,.pgwSlideshowLight .ps-caption span{display:inline-block;padding:7px}.pgwSlideshow .ps-list ul,.pgwSlideshowLight .ps-list ul{position:relative;list-style:none;left:0;margin:0;padding:5px 0;overflow:hidden}.pgwSlideshow .ps-list li .ps-item,.pgwSlideshowLight .ps-list li .ps-item{display:table-cell;opacity:.6;filter:alpha(opacity=60);margin:5px;width:62px;height:62px;text-align:center;vertical-align:middle}.pgwSlideshow .ps-list li .ps-item.ps-selected,.pgwSlideshowLight .ps-list li .ps-item.ps-selected{opacity:1;overflow:hidden}.pgwSlideshow .ps-list li .ps-item.ps-selected a{border:1px solid #C00}.pgwSlideshow .ps-prevIcon,.pgwSlideshowLight .ps-prevIcon{display:block;border-color:transparent #666;border-style:solid;border-width:10px 10px 10px 0}.pgwSlideshow .ps-nextIcon,.pgwSlideshowLight .ps-nextIcon{display:block;border-color:transparent #666;border-style:solid;border-width:10px 0 10px 10px}
.pgwSlideshow .ps-current .ps-prev,.pgwSlideshowLight .ps-current .ps-prev{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;position:absolute;left:0;top:45%;cursor:pointer;padding:20px 20px 20px 15px}.pgwSlideshow .ps-current .ps-next,.pgwSlideshowLight .ps-current .ps-next{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;position:absolute;right:0;top:45%;cursor:pointer;padding:20px 15px 20px 20px}.pgwSlideshow .ps-list .ps-prev,.pgwSlideshowLight .ps-list .ps-prev{background:#f5f5f5;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border-left:0;border-radius:0;cursor:pointer;position:absolute;left:0;top:25px;z-index:1000;display:none;padding:20px 15px 20px 12px}.pgwSlideshow .ps-list .ps-next,.pgwSlideshowLight .ps-list .ps-next{background:#f5f5f5;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border-right:0;border-radius:0;cursor:pointer;position:absolute;right:0;top:25px;z-index:1000;display:none;padding:20px 12px 20px 15px}.pgwSlideshow.narrow .ps-current .ps-prev,.pgwSlideshowLight.narrow .ps-current .ps-prev{top:40%;padding:15px 15px 15px 12px}.pgwSlideshow.narrow .ps-current .ps-next,.pgwSlideshowLight.narrow .ps-current .ps-next{top:40%;padding:15px 12px 15px 15px}.pgwSlideshow.narrow .ps-list .ps-prev,.pgwSlideshowLight.narrow .ps-list .ps-prev{top:16px;padding:15px 8px 15px 8px}.pgwSlideshow.narrow .ps-list .ps-next,.pgwSlideshowLight.narrow .ps-list .ps-next{top:16px;padding:15px 8px 15px 8px}.pgwSlideshow.narrow .ps-caption,.pgwSlideshowLight.narrow .ps-caption{display:none;padding:0;width:0;font-size:0}.pgwSlideshow.narrow .ps-list .ps-next:hover,.pgwSlideshow.narrow .ps-list .ps-prev:hover{background:#f1ac06}.pgwSlideshow.narrow .ps-list .ps-next:hover .ps-nextIcon,.pgwSlideshow.narrow .ps-list .ps-prev:hover .ps-prevIcon{border-color:transparent #fff}@media screen and (max-width:1024px){.pgwSlideshow{margin-right:0}}@media(min-width:768px){.cntr{float:left;width:100%;position:relative;z-index:2;background-color:#FFF}}
/*产品详图情放大*/
#jquery-overlay{position:absolute;top:0;left:0;z-index:900000;width:100%;height:auto;}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:1000000;text-align:center;line-height:0;}#jquery-lightbox a img{max-width:100%;border:none;}#lightbox-container-image-box{max-width:100%;position:relative;width:250px;height:250px;margin:0 auto;}#lightbox-container-image{padding:10px;background-color:#fff;position:relative;}#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}#lightbox-container-image-box>#lightbox-nav{left:0;}#lightbox-nav a{outline:none;}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}#lightbox-nav-btnPrev{left:0;float:left;}#lightbox-nav-btnNext{right:0;float:right;}#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}#lightbox-container-image-data{padding:0 10px;color:#666;}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}#lightbox-image-details-caption{font-weight:bold;}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em;}#files{max-width:100%;width:100%;overflow:hidden;margin-right:auto;margin-left:auto;background-color:#fff;}#lightbox-image{max-width:100%;}
/*详情页seo内容*/
.article-append{padding:10px 0;overflow:hidden;width:100%;}.article-outline{margin-bottom:20px;padding:10px;background-color:rgba(0,0,0,0.05);margin-top:10px}.article-outline p{font-size:16px}.append-item{padding:10px 0;border-top:1px solid #ccc;overflow:hidden;margin-bottom:20px}.article-append-t{overflow:hidden}.article-append-t span{font-size:18px;line-height:22px;display:inline-block;border-bottom:1px solid #8e969b;padding:5px 0}.append-item h2{font-size:18px;text-align:left}.append-item p{overflow:hidden;text-align:left}@media screen and (max-width:426px){.article-outline{margin-top:20px}}
/*证书放大*/
body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}