html {font-size: 20px;font-family:"微软雅黑";-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body{font-size: 20px;font-family:"微软雅黑";color: #333;}
* {margin: 0; padding: 0;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none}
a { outline: 0text-decoration: none;-webkit-tap-highlight-color: transparent}
img{border:0px}
i{font-style: normal;}
ul li{list-style: none;}
h1, h2, h3, h4, h5, h6,address, blockquote, dl, fieldset, figure, hr, ol, p, pre, ul{margin: 0px}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fn-clear{zoom:1}
/*头部logo*/
.shan-whole{width:100%;height: 100px;background: url(../img/shan-bg.jpg)center no-repeat;border-bottom: 1px solid #427198;}
.shan-width{width:1200px;margin: 0px auto;}
.shan-width:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.shan-logo-left{float: left;height:100px;overflow: hidden;font-size: 0;}
.shan-logo-left .shan-logo,.shan-logo-left .shan-logo img{height:100px;}
.shan-logo-left .shan-logo{display: inline-block;vertical-align: top;}
.shan-company{display: inline-block;vertical-align: top;}
.shan-company h3{font-family:"方正兰亭大黑简体";font-size: 1.3rem;color: #fff;margin-top: 23px;}
.shan-company p{font-size: 0.6rem;text-transform: uppercase;color: #fff;margin-top: 5px;}
.shan-logo-right{float: right;height:100px;overflow: hidden;font-size: 0;}
.shan-contact-img,.shan-contact{display: inline-block;vertical-align: top;}
.shan-contact{margin-right: 10px;}
.shan-contact-img,.shan-contact-img img{height:100px;}
.shan-contact h5{font-size: 0.5rem;color: #fff; margin-top: 28px;font-weight: normal;}
.shan-contact p{font-size: 1rem;color: #fff; font-style: italic; margin-top: 5px;}
/*导航*/
.shan-nav{width:100%;height: 53px;background: url(../img/shan-bg.jpg)center no-repeat;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after,
#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width:1200px;margin: 0px auto; position: relative; z-index: 99;}
#menu-line {position: absolute;bottom: 0;left: 0;height: 3px;background: #009ae1;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#cssmenu > ul > li {float: left;}
#cssmenu.align-center > ul {font-size: 0;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li > a {padding: 18px 40px;font-size: 0.7rem;text-decoration: none;text-transform: uppercase;color: #fff; -webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease; -o-transition: color .2s ease;transition: color .2s ease;}
#cssmenu > ul > li.has-sub > a {padding-right: 25px;}
#cssmenu > ul > li.has-sub:hover > a::after { border-color: #009ae1;}
#cssmenu ul ul { position: absolute;left: -9999px;text-align: center;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {right: 0;}
#cssmenu ul ul ul { margin-left: 100%; top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li {-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;}
#cssmenu ul li:hover > ul > li { height: 40px;}
#cssmenu ul ul li a {padding: 20px;width: 136px;font-size: 0.6rem;background: #333333;text-decoration: none;color: #dddddd; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease;transition: color .2s ease;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {color: #ffffff;}
#cssmenu ul ul li.has-sub > a::after { position: absolute; top: 25px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-ms-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
right: auto;
left: 10px;
border-bottom: 0;
border-right: 0;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
border-color: #ffffff;
}
.sh-block{display: none;}
/*banner*/
.am-slider-default .am-control-nav{bottom: 15px;}
.am-slider-default .am-control-nav li a.am-active{background-color: #02457a;}
.am-slider-default .am-direction-nav a:before{color: #02457a;font-size: 42px!important;}
.am-slider-default .am-control-nav li a{width: 18px;}
.am-direction-nav{display: none;}
/*首页产品展示*/
.zhi-yin{width: 100%; margin: 0px auto; overflow: hidden;}
.zhi-bo{width: 100%;height:308px;background-size: cover;}
.picScroll{ position:relative;width: 1200px; margin: 0 auto;padding: 25px 0px;}
.picScroll .prev,.picScroll .next {display: block;position: absolute;top: 86px;left: 5px;width: 70px;height: 70px;}
.picScroll .next {left: auto;right: -70px;background: url(../img/right.png) no-repeat; background-size: 70px;}
.picScroll .prev{right: auto;left: -70px;background: url(../img/left.png) no-repeat; background-size: 70px;}
.picScroll ul {overflow: hidden;zoom: 1;font-size: 0;text-align: center;}
.picScroll ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.picScroll ul li {width: 236px;display:inline-block;overflow: hidden;margin: 0 12px; background: #fff;}
.picScroll ul li img {width: 100%;display: block;background: url(../img/loading.gif) center center no-repeat;}
.zhi-content{position:relative;z-index:2;width:100%; text-align: center;background: #02457a;margin-top: 0px;border: 1px solid #ccc;border-top: 0px;}
.zhi-content h3{font-size: 0.6rem; height: 50px;line-height: 50px;color: #fff;font-weight: normal; }
.ji-showr-top{width: 1200px; margin: 20px auto 0px;height: 40px;}
.ji-show-line{float:left;width:5px; height:40px; background: #02457a;width: 3px;height: 20px;margin-top: 10px;}
.ji-showr-top h3{float:left;font-size: 0.8rem;height:40px; line-height: 40px;margin-left: 18px;}
.ji-showr-top h5{float:left;font-size: 0.4rem;height:40px; line-height: 50px;margin-left: 8px;text-transform: uppercase;color: #ccc;}
.ji-showr-top .ji-a{float: right;font-size: 0.4rem;height: 40px;line-height: 40px;}
.ji-showr-top .ji-a a{color: #02457a;}
.ji-showr-top .ji-a a:hover{color: #144099;text-decoration: underline;}
.pic-ul{width:1200px; margin: 0px auto; overflow: hidden;}
.picScroll .tempWrap{margin-left: -185px;}
.pic-div{width: 234px; height: 170px; overflow:hidden;vertical-align: middle;display:table-cell;text-align: center; background: #f0f0f0;border: 1px solid #ccc; border-bottom: 0px;}
.pic-div img{vertical-align: middle;margin: 0 auto;max-width:229px;max-height:166px;text-align:center;}
.am-slider-default{margin:0px;}
/*公司简介*/
.ji-about{width: 100%;height:376px; margin-top:20px;background: url(../img/ji-about.jpg) center no-repeat;}
.ji-us{width: 1200px; margin: 0px auto; overflow: hidden; padding: 35px 0px;}
.ji-usr,.ji-usl{float: left;}
.ji-usl{width:420px;height: 308px;display:table-cell;vertical-align: middle;text-align: center;background: #fff;overflow: hidden; }
.ji-usl img {width: 100%;display: block;vertical-align: middle;margin: 0 auto;}
.ji-usr{width: 750px;height: 308px; margin-left: 30px;}
.ji-us-con{ width: 100%; margin-top: 20px; line-height: 28px;font-size: 0.5rem;}
.shan-about{width: 100%;margin: 0px;}
.dis-none{display: block;}
.dis-block{display: none;}
.shan-footer{width:100%;background: #2e2e2e;}
.shan-fwhole{width: 1200px; margin: 0px auto; overflow: hidden;}
.shan-fl,.shan-fr{float: left;}
.shan-fl{width: 960px;height: 180px; padding: 40px 40px;}
.shan-fl ul{font-size: 0;}
.shan-fl ul li{display: inline-block;font-size: 0.6rem;vertical-align: top;padding-right:20px;}
.shan-fl ul li a{color: #ccc;}
.shan-fl p{color: #ccc;font-size:0.5rem; padding: 40px 0px;}
.shan-fr{width:240px ;height: 180px;padding: 40px 40px;text-align: center;}
.shan-fr p{color: #ccc;font-size: 0.5rem;line-height: 30px;}
/*企业新闻*/
.shan-new{width:1200px; margin: 0px auto;}
.shan-nl{float:left;width: 790px;}
.shan-tui{float: left; width: 370px;margin-left: 40px;}
.new-tit{width: 100%;}
.text-time{ width: 100%; text-align: center; font-size: 13px; color: #999; border-bottom: #ddd dashed 1px; padding-bottom: 10px;}
.shan-new-ul{width: 100%; list-style: none;border: 1px solid #ccc;border-bottom: 0px;margin-top: 20px;}
.shan-new-ul ul{ padding: 0;margin: 0;}
.shan-new-ul li{padding: 10px 10px;border-bottom: 1px solid #ccc;}
.shan-new-ul li:hover p{text-decoration: underline;}
.shan-new-ul li a{color: #333;}
.shan-new-ul li:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;zoom: 1;overflow: hidden;}
.shan-new-img,.shan-new-tit{float: left;}
.shan-new-img{width:208px;height: 148px;display:table-cell;vertical-align: middle;text-align: center;background: #fff;overflow: hidden; }
.shan-new-img img{width: 100%;display: block;vertical-align: middle;margin: 0 auto;max-height:148px;}
.shan-new-tit{width:540px;margin-left: 20px;}
.shan-new-tit h3{font-size: 0.7rem;font-weight:bolder;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shan-new-tit p{font-size: 0.5rem; line-height: 25px;margin-top: 10px;font-weight: normal;}
.shan-time{height: 30px; line-height: 30px;text-align: right;font-size: 0.5rem;color: #999;}
.ladyScroll{width:370px;height:500px;margin:15px auto;border:#ddd 1px solid;position:relative;}
.ladyScroll .prev,.ladyScroll .next{width:51px;height:45px;position:absolute;top:350px;left:8px;z-index:100; cursor:pointer; background:url(../img/n-l.png) no-repeat;}
.ladyScroll .next{ left:auto; right:-8px; background:url(../img/n-r.png) no-repeat;}
.ladyScroll .scrollWrap{width:370px;overflow:hidden;position:absolute;}
.ladyScroll dl{float:left;width:370px;}
.ladyScroll span{display:block;width:370px;height:53px;position:absolute;left:0px;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80;}
.ladyScroll dt{margin:0 auto;width:370px;overflow:hidden;}
.ladyScroll img{display:block;width:370px;height:266px;}
.ladyScroll dd{width:370px;height:232px;line-height:28px;background:#02457a;overflow:hidden;}
.ladyScroll dd a{ color:#fff;font-size: 0.5rem;text-align: left; text-decoration: underline; margin-bottom: 10px;}
.ladyScroll dd a:hover{ text-decoration:none; }
.ladyScroll dl:hover span{ background:#B52153; }
dt+dd{margin-top: 0px;}
.ladyScroll dd {padding: 0px 50px 20px;}
.ladyScroll dd h3{font-size: 0.8rem;color: #fff;margin-top: 20px;text-align: left;}
.ladyScroll dd p{font-size: 0.5rem;line-height: 25px;color: #fff;text-align: left;}
/*在线留言*/
.shan-massage h4{ font-size: 13px; line-height: 50px;}
.shan-massage{ width: 100%;}
.shan-massage .message_cen {
margin: 10px auto 30px auto;
width: 500px;
line-height: 70px;
font-family: "微软雅黑";
}
.shan-massage .message_cen label {
width: 100px;
display: inline-block;
font-size: 14px;
height: 30px;
line-height: 30px;
text-align: right;
margin-right: 10px;
}
.shan-massage .message_cen label sup {
color: red;
margin: 0 5px;
}
.shan-massage .message_cen input {
width: 300px;
height: 30px;
padding-left: 10px;
border: 1px solid #b1abab;font-size: 13px;
}
input, textarea, keygen, select, button {
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
margin: 0em 0em 0em 0em;
font: 13.3333px Arial;
}
.shan-massage .message_cen textarea {
width: 300px;
height: 100px;
resize: none;
padding: 10px 10px;
border: 1px solid #b1abab; font-size: 13px;
}
.shan-massage .message_cen label[for=text] {
vertical-align: top;
}
.shan-massage .message_cen .message_input {
width: 100%;
text-align: center;
}
.shan-massage .message_cen .message_input {
width: 100%;
text-align: center;
}
.shan-massage .message_cen .message_input a {
width: 100px;
text-align: center;
color: #fff;
height: 20px;
font-size: 14px;
padding: 5px 20px;
margin-right: 35px;
background: #2f71b9;
}
.shan-massage .message_cen .message_input a:hover {
background: #666666;
transition: background .5s;
}
/*首页地址*/
.shan-zhi{width: 100%;height:345px; margin-top:20px;background: url(../img/shan-zhi.jpg) center no-repeat;text-align: center;}
.shan-div{width:1200px; margin: 0px auto;}
.shan-div img{margin: 20px 0px;}
.shan-div h3{font-size:1rem;color:#fff;line-height: 30px;margin-bottom: 20px;}
.shan-div p{color: #fff;font-size: 0.8rem; line-height:35px;}
/*关于我们页*/
.shan-us{width:1200px; margin: 10px auto 40px;}
.wei-zhiall{ width: 1200px; overflow: hidden; margin: 0 auto;}
.wei-zhi{width:100%; margin: 0 auto 20px;height:35px; line-height:35px;font-size:0.6rem; background: #f6f6f6;}
.wei-zhi i{color: #124b7c;}
.shan-uscontent{width:100%;height: auto;}
.shan-lus,.shan-rus{float: left;}
.shan-lus{width:250px;}
.shan-rus{width:900px;margin-left:50px;}
.shan-us-tit{width:100%;height: 50px;padding: 0px 42px; background: #f4f4f4;text-align: center;border:1px solid #dfdfdf;border-bottom: 0px;}
.shan-us-tit h3{float: left;font-size: 0.8rem;color:#124b7c;height: 50px;line-height: 50px;}
.shan-us-tit img{float: left;width: 22px;height: 22px;margin: 14px 10px;}
.shan-usnav{width:100%;margin: 0px 0px 20px;}
.shan-usnav ul{padding-left: 0px;border:1px solid #dfdfdf;border-bottom: 0px;}
.shan-usnav ul li{width: 100%;height: 45px; line-height: 45px;font-size: 0.7rem;text-align: center;border-bottom:1px solid #dfdfdf;border-right: 3px solid #fff;}
.shan-usnav ul li.active a{color: #124b7c;}
.shan-usnav ul li.active{border-right: 3px solid #124b7c;}
.shan-usnav ul li a{color: #333;display: block;float: left;width: 100%;}
.shan-usnav ul li:hover a{color: #124b7c;}
.shan-usnav ul li:hover i{background:#124b7c; }
.shan-usnav ul li:hover{border-right: 3px solid #124b7c;}
.shan-conus{width:100%;height: 50px;text-align: center;border:1px solid #dfdfdf;border-bottom: 0px;}
.shan-conus h3{float: left;font-size: 0.8rem;color:#124b7c;height: 50px;line-height: 50px;}
.shan-conus img{float: left;width: 22px;height: 22px;margin: 14px 10px;}
.shan-zhilist{width: 100%;}
.shan-zhilist ul{border:1px solid #dfdfdf;padding-left: 0px;padding: 10px 15px;}
.shan-zhilist ul p{width: 100%;line-height: 30px;font-size: 0.6rem;}
.shan-zhilist ul li{width: 100%;line-height: 30px;font-size: 0.6rem;}
.shan-rus-tit{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #dfdfdf;font-size: 0.8rem;}
.shan-rus-tit i{color: #c7c7c7;font-size: 0.7rem;margin-left: 5px;}
.shan-ruscont,.shan-ruscont img{width:100%}
.shan-ruscont{margin-top: 20px;}
.shan-ruscont img{ max-width: 850px;}
.shan-ruscont p{ font-size: 14px; text-indent: 2em; margin: 10px 0;}
.xiang-link{display:none;margin-top: 20px;}
/*人才招聘*/
.shan-humer{ width: 100%;}
.shan-humer .biaoge{ margin-top: 20px; line-height:35px;background:#fff;border-top:1px #eee solid;border-right:1px #eee solid; font-size: 14px;}
.shan-humer .biaoge th{border-bottom:1px #eee solid;border-left:1px #eee solid; text-align: center;}
.shan-humer .biaoge td{border-bottom:1px #eee solid;border-left:1px #eee solid; text-align: center;}
.shan-humer .biaoge a,.shan-humer .biaoge a:link,.shan-humer .biaoge a:visited{color:#e1a30b}
/*联系我们*/
.shan-contact{ margin-top: 20px; width: 100%;}
.shan-contact img{ width: 45%; float: left;}
.shan-contact ul{ width: 50%; padding: 0;float: left; margin: 0; padding-left: 5%; font-size: 14px; line-height: 28px;}
.shan-contact ul.contact{width: 50%; padding: 0;float: left; margin: 0; padding-left: 5%; font-size: 14px; line-height: 28px;}
.shan-contact ul.contact p{padding: 0 0 5px 0;font-size:14px;color:#333;font-style:normal;}
.shan-contact ul li{ padding: 0 0 5px 0;}
/*产品中心*/
.shan-product{ width: 100%; overflow: hidden; margin-top: 20px; }
.shan-product ul { padding: 0;}
.shan-product ul li{width: 236px;
display: inline-block;
overflow: hidden;
margin: 0 20px 20px 20px;
background: #fff;
float:left;
}
.shan-product2{ width: 100%; overflow: hidden; margin-top: 20px; }
.shan-product2 ul { padding: 0;}
.shan-product2 ul li{width: 236px;
display: inline-block;
overflow: hidden;
margin: 0 20px 20px 20px;
background: #fff;
float:left;
}
.shan-product2 ul li a{ display: block; width: 100%;}
.shan-product-text{width: 100%; overflow: hidden; margin-top: 20px; }
.shan-product-text h3{ text-align: center; line-height: 50px; font-weight: bold; font-size: 16px;}
.shan-product-textall{ text-align: center;}
.shan-product-textall img{ max-width: 100%; border: #ddd solid 1px; padding: 1px;}
.page-all{ font-size: 14px; text-align: center;}
.shan-product-textdd{width: 100%; font-size: 14px;}
.shan-product-textdd p{ text-indent: 2em; margin: 30px 0; color: #333;}
.shan-product-textdd h4{ border-bottom: #ddd solid 1px; margin: 10px 0; line-height: 35px;}
.shan-product-textdd h4 span{ background: #eee; color: #464646; border-radius:5px 5px 0 0 ; width: 120px; font-weight: bold; display: block; text-align: center;}
.text-pagea{ width: 100%; font-size: 14px; }
.text-pagea a{ width: 100%; display: block; line-height: 40px;background: #eee; margin: 5px 0; padding: 0 10px; box-sizing: border-box;}
/*导航栏响应*/
@media screen and (max-width: 768px){
#cssmenu {width: 100%; position: relative;z-index: 99;}
#cssmenu ul { width: 100%;display: none;background: #fff;}
#cssmenu.align-center > ul,
#cssmenu.align-right ul ul {text-align: left;}
#cssmenu ul li,
#cssmenu ul ul li,
#cssmenu ul li:hover > ul > li {width: 100%;height: auto;border-top: 1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul li a,
#cssmenu ul ul li a {width: 100%;}
#cssmenu > ul > li > a{color: #333; font-size: 0.6rem;}
#cssmenu > ul > li,
#cssmenu.align-center > ul > li,
#cssmenu.align-right > ul > li {float: none; display: block;}
#cssmenu ul ul li a { padding: 20px 20px;font-size: 12px;color: #000000; background: none;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {color: #000000;}
#cssmenu ul ul ul li a {padding-left: 40px;}
#cssmenu ul ul,
#cssmenu ul ul ul {position: relative;left: 0;right: auto; width: 100%; margin: 0;}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after { display: none;}
#menu-line {display: none; }
#cssmenu #menu-button {display: block;padding:0px 20px;color: #fff;cursor: pointer;font-size: 0.6rem;text-transform: uppercase;}
#cssmenu #menu-button::after {content: '';position: absolute;top: 15px; right: 20px;display: block;width: 15px;height: 2px;background: #fff;}
#cssmenu #menu-button::before {content: '';position: absolute; top: 20px;right: 20px;display: block; width: 15px;height: 7px; border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
#cssmenu .submenu-button { position: absolute;z-index: 10;right: 0;top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15);height: 50px; width: 50px;cursor: pointer;}
#cssmenu .submenu-button::after {content: '';position: absolute;top: 21px;left: 26px; display: block;width: 1px;height: 11px;background: #000000; z-index: 99;}
#cssmenu .submenu-button::before {content: '';position: absolute;left: 21px;top: 26px;display: block;width: 11px;height: 1px; background: #000000;z-index: 99;}
#cssmenu .submenu-button.submenu-opened:after {display: none;}
}
#AspNetPager1{ margin:20px auto;overflow:hidden;text-align:center;}
#AspNetPager1 a{ width:auto; float:left; color:#666; margin-left:5px; line-height:30px;padding:0 8px; display:block; border:#ddd 1px solid;}
#AspNetPager1 a:hover{ background-color:#0e90d2;border-color:#0e90d2;color:#fff;font-weight:bold; display:block;padding-left:8px; padding-right:8px; cursor:pointer;}
#AspNetPager1 span{ min-width:12px;float:left;color:#fff; margin-left:5px;display:block;padding:6px 8px; border:#ddd 1px solid;}
.fyCur{background-color:#0e90d2;border-color:#0e90d2;color:#fff;}
/*响应式*/
@media screen and (max-width: 1200px) {
.shan-width{width:auto;margin: 0px 10px;}
.shan-whole{height: 90px;}
.shan-logo-left .shan-logo, .shan-logo-left .shan-logo img{height:90px}
.shan-contact-img, .shan-contact-img img{height:90px}
#cssmenu { width: 100%; }
.shan-logo-left,.shan-logo-right{height: 90px;}
.ji-showr-top{width: auto; padding: 0px 20px;}
.picScroll{width: auto; padding: 20px 40px;}
.pic-ul{width:100%}
.picScroll .prev{left:0px}
.picScroll .next{right: 0px;}
.picScroll .prev, .picScroll .next{width: 40px; height: 40px;background-size:40px;}
.picScroll .prev, .picScroll .next{top:105px}
.ji-us{width: auto;padding: 0px 20px;}
.ji-usr, .ji-usl{float: none;}
.ji-usl{margin: 20px auto 0px;display: block;}
.ji-usr{width: auto;display: block; margin-top:25px; margin-left: 0px;}
.dis-none{display: none;}
.dis-block{display: block;padding: 0px;}
.ji-about{background: none;height: auto;}
.ji-usr{height: auto;}
.zhi-bo{height: auto;}
.shan-new{width: auto; padding:0px 20px;}
.shan-nl,.shan-tui{float: none;}
.shan-nl,.shan-tui{width: 100%;}
.shan-tui{margin-left: 0px;}
.new-tit{ padding: 0px ;}
.shan-new-tit{width: 100%;margin-left: 0px;}
.shan-new-tit h3{margin-top: 20px;}
.shan-div{width: 100%; }
.shan-fwhole{width: auto; padding:0px 20px;}
.shan-fwhole .shan-fl,.shan-fwhole .shan-fr{height: auto;}
.shan-fwhole .shan-fl{width:100%;text-align: center;padding: 20px 0px;}
.shan-fwhole .shan-fl ul{display: none;}
.shan-fwhole .shan-fl p{padding: 0px;}
.shan-fwhole .shan-fr{display: none;}
.shan-us{width: auto; padding:0px 20px;}
.wei-zhiall{ width: 100%; margin: 0;}
.shan-lus,.shan-rus{width: 100%;float: none;}
.shan-rus{margin-left: 0px;}
.displayn{display: none;}
.xiang-link{display: block;}
.wei-zhi{margin: 0px auto;}
.shan-usnav{margin: 0px 0px 10px;}
.shan-us-tit{padding: 0px;}
}
@media screen and (max-width: 1024px) {
#cssmenu > ul > li > a {padding: 18px 18px; height: 50px;}
.am-slider-default .am-control-nav li a{ width: 10px;height: 5px;}
.am-slider-default .am-control-nav{bottom: 10px;}
}
@media screen and (max-width: 960px) {
.shan-whole{height: 75px;}
.shan-logo-left,.shan-logo-right{height: 75px;}
.shan-logo-left .shan-logo, .shan-logo-left .shan-logo img{height:75px}
.shan-contact-img, .shan-contact-img img{height:75px}
}
@media screen and (max-width: 768px) {
.shan-nav{height:40px; line-height: 40px;}
#cssmenu #menu-button{height: 40px;}
.picScroll ul li{width: 152px; margin: 0 8px;}
.pic-div{width: 150px;height: 108px;}
.picScroll ul li img{width: 150px;height: 108px;}
.zhi-content h3{font-size: 0.4rem;}
.picScroll .tempWrap{margin-left: -82px;}
.picScroll .prev, .picScroll .next{top:75px}
.am-slider-default .am-control-nav li a{ width: 8px;height: 4px;}
.am-slider-default .am-control-nav{bottom: 8px;}
}
@media screen and (max-width: 720px) {
.ji-showr-top h3{font-size: 0.6rem;}
.ji-showr-top h5{line-height: 40px;}
.shan-massage h4{ line-height: 26px; padding-top: 15px;}
}
@media screen and (max-width: 640px) {
.shan-product2 ul li{ width: 50%; margin: 0;}
.shan-product2 .pic-div {width: 100%;height: 57px;}
.shan-product2 .pic-div img{ width: 100%;}
.shan-whole{height: 45px;}
.shan-logo-left,.shan-logo-right{height: 45px;}
.shan-logo-left .shan-logo, .shan-logo-left .shan-logo img{height:45px}
.shan-contact-img, .shan-contact-img img{height:45px}
.shan-nav{height:30px}
#cssmenu #menu-button{height: 30px; line-height:30px;}
#cssmenu #menu-button::after{top:10px}
#cssmenu #menu-button::before{top:15px}
.picScroll{padding: 15px 40px;}
.picScroll ul li{width:122px; margin: 0 8px;}
.pic-div{width: 120px;height: 85px;}
.picScroll ul li img{width: 100%;height: 78px;}
.picScroll .tempWrap{margin-left: -25px;}
.picScroll .prev, .picScroll .next{top:25px}
.zhi-content h3{height: 25px; line-height: 25px;}
.am-slider-default .am-control-nav li a{ width: 4px;height: 3px;}
.am-slider-default .am-control-nav{bottom: 5px;}
.ji-usl{width: auto;padding: 0px; height: auto;margin:15px auto 0px}
.ji-usl img{margin-bottom: 10px;}
.ji-about{margin-top: 0px;}
.ji-usr{ margin-top: 5px;}
.ji-us-con{margin-top: 0px;}
.shan-new-img{width:100%;padding: 0px; height: auto;}
.shan-new-tit h3{font-size: 0.5rem;}
.shan-new-tit p{font-size: 0.4rem;}
.ladyScroll .prev, .ladyScroll .next{top:65%}
.ladyScroll img,.ladyScroll,.ladyScroll dd,.ladyScroll .scrollWrap,.ladyScroll dl,.ladyScroll dt,.ladyScroll{width: 100%; height: auto;}
.shan-div img{width: 75px;}
.shan-div h3{font-size: 0.8rem;}
.shan-div p{font-size: 0.6rem;}
.shan-zhi{padding: 40px 20px;}
.new-tit{margin: 10px auto;}
}
@media screen and (max-width: 480px) {
.ji-showr-top{ margin: 0px auto 0px;}
.shan-massage .message_cen {
margin: 10px auto 30px auto;
width: 100%;
}
.shan-contact img{ width: 100%; float: left;}
.shan-contact ul{ width: 100%; padding: 0;float: left; margin: 0; padding-left:0; font-size: 14px; line-height: 28px;}
.shan-contact ul li{ padding: 0 0 5px 0;}
.shan-massage .message_cen label{ display: none;}
.shan-massage .message_cen input,.shan-massage .message_cen textarea{ width: 100%;float: left; margin-bottom: 15px;}
.picScroll ul li{ margin: 0 4px;}
.picScroll .tempWrap{margin-left: 0px;}
}
@media screen and (max-width: 414px) {
.picScroll .tempWrap{margin-left: 0px;}
}
@media screen and (max-width: 320px) {
.picScroll .tempWrap{margin-left: 0;}
.shan-contact-img, .shan-contact-img img{height:35px; margin-top: 3px;}
.shan-logo-left .shan-logo, .shan-logo-left .shan-logo img{height:35px; margin-top: 3px;}
}
/*字体响应式*/
@media only screen and (min-width:400px) {
html {
font-size: 21.33px!important
}
}
@media only screen and (min-width:414px) {
html {
font-size: 22.08px!important
}
}
@media only screen and (min-width:480px) {
html {
font-size: 25.6px!important
}
}