htm,body {padding:0px; margin:0px;}
body {font-family:"Microsoft YaHei"; font-size:14px;}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both;}

.h-44 {width:100%; height:44px; clear:both;}
.space-10 {width:100%; height:10px; clear:both;}
.space-15 {width:100%; height:15px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}
.space-100 {width:100%; height:100px; clear:both;}

.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

input::-webkit-input-placeholder {color:#666;}
.input {display:block; padding:5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.select{width:100%; color:#606366; padding:11px 25px 11px 5px; -webkit-appearance:none; border-radius:3px; background:url(../images/down.png) no-repeat right; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; -webkit-box-sizing:border-box;}
.button {width:100%; display:block; padding:0px 5px; border:#e5e5e5 solid 1px; background:no-repeat; color:#fff; text-align:center; font-size:14px;}
.textarea {display:block; padding:10px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.telephone{display:none;}

/* 链接颜色 */

a {color:#fff;}
a:link {color:#fff;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 网站顶部 */

.header {width:100%; height:80px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.4); position:fixed; top:0px; left:0px; z-index:99999;}
.header .logo {height:80px; display:block; float:left;}
.header .logo img {height:80px;}

.header nav {height:80px; display:block; padding:20px 0px; position:relative; float:right;}
.header nav li {width:100px; height:40px; display:block; float:left;}
.header nav li a {height:40px; line-height:36px; color:#777; font-size:16px; display:block; text-align:center;}
.header nav li.cut a {color:#000; font-weight:bold;}
.header nav li:hover a {color:#000; font-weight:bold;}
.header #buoy {width:30px; height:2px; background:#f79d17; position:absolute; bottom:15px; left:35px;}

/* 网站手机版头部 */

.menu-handler { width: 50px; height: 50px; cursor: pointer; position: fixed; right: 30px; top: 30px; z-index: 100002; }
.menu-handler .burger { width: 30px; height: 2px; background: #000; display: block; position: absolute; z-index: 5; top: 12px; left: 50%; margin: 0 0 0 -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top: 20px; }
.menu-handler .burger-3 { top: 30px; }
.menu-handler.active .burger-1 { top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
#menu-holder { position: fixed; right: -100%; top: 0px; width: 100%; padding: 0px 25px; height: 100%; overflow-x: hidden; overflow-y: auto; background:#fff; color: #333; z-index: 100000; -webkit-overflow-scrolling: touch; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
#menu-holder a:link, #menu-holder a:visited { color: #333; }
#menu-holder a:active, #menu-holder a:hover { color: #000; text-decoration:underline; }
#menu-holder .msubnav a:link, #menu-holder .msubnav a:visited { color: #f00; }
#menu-holder .msubnav a:active, #menu-holder .msubnav a:hover { color: #fff; }
.navMobile { padding: 0px 0px 15%; margin-top: 86px; display: block; }
.navMobile dd { padding-bottom: 20px; position: relative; width: 100%; }
.navMobile p a { font: bold 16px; display: block; }
.navMobile .msubnav { width: 238px; padding-top: 16px; display: none; }
.navMobile .msubnav a { font-size: 16px; margin: 0px 12px 10px 0px; display: inline-block; }
#menu-holder .g-tel { font-size: 14px; }
#bg-menu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: url("../images/close-icon.ico") 16 16, default; z-index: 99; display: none; }
.open #menu-holder { right: 0px; }

/* 网站底部 */

.footer {height:auto; overflow:hidden; background:url(../images/footer.png) repeat-x #373737;}
.footer .footer-link {height:45px;}
.footer .footer-link a {height:45px; line-height:45px; color:#d5d5d5; display:block; padding:0px 10px; margin-right:20px; float:left;}
.footer .footer-link a:hover {color:#fff;}
.footer .footer-text {height:auto; overflow:hidden; clear:both; padding:25px 0px;}
.footer .footer-text span,.footer .footer-text a {height:24px; line-height:24px; color:#d5d5d5; display:block; padding:0px 10px;}
.footer .footer-code {width:120px; height:120px; padding:10px; background:url(../images/code.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.footer .footer-code img {width:100px; height:100px; display:block;}

/* 首页轮播图 */

.slides {width:100%; height:auto; overflow:hidden; position:relative;}
.slides a {width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.slides a img {width:100%; height:auto; overflow:hidden; display:block;}

.slidesjs-pagination {height:10px; position:absolute; bottom:10px; left:48%; z-index:998;}
.slidesjs-pagination li {width:10px; height:10px; line-height:10px; margin:0px 3px; float:left;}
.slidesjs-pagination li a {font-size:12px; text-align:center; color:#969696; font-size:0px; background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#ef0011; color:#ef0011;}
.slidesjs-pagination li a:hover {background:#ef0011; color:#ef0011;}

.slidesjs-navigation {display:block;}
.slidesjs-navigation .slidesjs-previous {width:50px; height:50px; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%; position:absolute; top:50%; left:20px; z-index:999; margin-top:-20px;}
.slidesjs-navigation .slidesjs-previous {background:url(../images/h-prev.png) no-repeat center center #888; background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px;}
.slidesjs-navigation .slidesjs-previous:hover {background-color:rgb(0,177,148); background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px;}
.slidesjs-navigation .slidesjs-next {width:50px; height:50px; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%; position:absolute; top:50%; right:20px; z-index:999; margin-top:-20px;}
.slidesjs-navigation .slidesjs-next {background:url(../images/h-next.png) no-repeat center center #888; background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px;}
.slidesjs-navigation .slidesjs-next:hover {background-color:rgb(0,177,148); background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px;}

/* 首页第一屏 */

.wave-canvas-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.banner-line {width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../images/line.png) no-repeat center top; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

.banner {height:auto; overflow:hidden; position:relative;
  background-image: -moz-linear-gradient( 0deg, rgb(0,169,176) 0%, rgb(0,177,148) 69%, rgb(0,177,148) 83%, rgb(0,177,148) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(0,169,176) 0%, rgb(0,177,148) 69%, rgb(0,177,148) 83%, rgb(0,177,148) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(0,169,176) 0%, rgb(0,177,148) 69%, rgb(0,177,148) 83%, rgb(0,177,148) 100%);
}
.banner .logo {width:100px; height:auto; overflow:hidden; display:block; position:absolute; top:80px; left:50px;}
.banner .logo img {width:100%;}
.banner .mian {position:absolute; left:50%; top:50%;}
.banner .mian small {height:auto; line-height:27px; color:#fff; font-size:14px; text-align:center; display:block; padding:10px 0px;}
.banner .mian s {width:30px; height:4px; background:#fff; display:block; margin:10px auto;}
.banner .mian p {line-height:32px; color:#fff; font-size:22px; letter-spacing:5px; text-align:center; display:block; margin:20px auto;}

.banner .link {height:auto; overflow:hidden; padding:30px 0px;}
.banner .link .list {width:20%; height:auto; overflow:hidden; float:left;}

.ch-item {border-radius:50%; position:relative; cursor:default; text-align:center; background:#fff; border:#f5f5f5 solid 10px; margin:0px auto; display:block; cursor:pointer; position:relative;}
.ch-item img {width:60px; height:60px; display:block; margin:0px auto;}
.ch-item span {height:20px; line-height:20px; color:#555; font-size:16px; display:block; margin:0px auto;}

.ch-item {
	-webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}
.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);	
	-webkit-backface-visibility: hidden; /*for a smooth font */
}
.ch-item:hover {
	box-shadow: 
		inset 0 0 0 16px rgba(0,167,177, 0.1),
		inset 0 0 0 110px rgba(0,167,177,0.9),
		0 1px 2px rgba(0,167,177,0.1);
}
.ch-item:hover span {font-weight:bold;}

.ch-item:hover .ch-info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
.ch-item:hover span {color:#fff;}

.IndBan {width:100%; height:auto; overflow:hidden; position:relative;}
.IndBan #BanCont {width:100%; height:auto; overflow:hidden; position:relative; z-index:0;}
.IndBan #BanCont li {width:100%; height:auto; overflow:hidden; position:absolute; left:0px; top:0px; overflow:hidden;}
.IndBan #BanCont li img {width:100%;}
.IndBan .banner_link {height:10px; display:block; position:absolute; bottom:10px; left:50%; margin-left:-20px; z-index:1;}
.IndBan .banner_link li {width:20px; height:5px; background:#fff; font-size:0px; margin:0px 2px; float:left;}
.IndBan .banner_link li.banner_link_red1 {background:#f8780a;}

/* 关于我们 */

.about {height:auto; overflow:hidden; padding:30px 0px;}
.about .en {height:auto; overflow:hidden; line-height:28px; color:#707070; font-weight:bold; text-align:center; letter-spacing:8px; padding:20px 0px;}
.about .cn {height:auto; overflow:hidden; line-height:28px; color:#707070; font-weight:bold; text-align:center; letter-spacing:3px; padding:10px 0px;}
.about p {height:auto; overflow:hidden; line-height:24px; color:#707070; text-align:center;}
.about a {width:150px; height:60px; line-height:60px; color:#707070; font-size:18px; padding-left:30px; display:block; margin:0px auto; position:relative; background:url(../images/next.png) no-repeat 100px center; background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px;}
.about a u {width:150px; height:60px; display:block; position:absolute; top:0px; left:0px;}
.about a .t {
    background:url(../images/bor1.png) no-repeat;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
    clip:rect(0px,150px,30px,0px);
}
.about a .b {
    background:url(../images/bor2.png) no-repeat;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
    clip:rect(30px,150px,60px,0px);
}

.about a:hover u.t {
	clip:rect(0px,10px,10px,0px);
}
.about a:hover u.b {
	clip:rect(50px,150px,60px,140px);
}

.product {height:auto; overflow:hidden; padding:30px 0px 0px;}
.product .list {height:auto; overflow:hidden; display:block; position:relative; float:left;}
.product .list img {width:100%;}
.product .list .word {width:100%; height:100%; overflow:hidden; padding:10px; position:absolute; top:0px; left:0px;}

.product .list1 img {-webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}
.product .list1 .word span {width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; display:block; position:absolute; bottom:20px; left:20px;}
.product .list1:hover img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}

.product .list2 .word {background:#cbcbcb;}
.product .list2 .word .bor {width:96%; height:96%; overflow:hidden; padding:20px; position:absolute; top:2%; left:2%;}
.product .list2 .word .bor span {height:40px; line-height:40px; font-size:14px; color:#000; display:block;}
.product .list2 .word .bor p {height:auto; line-height:24px; color:#333; font-size:12px; display:block; padding:10px 0px;}
.product .list2 .word .bor font {height:30px; line-height:30px; color:#333; font-size:12px; display:block; padding:20px 0px;}

.product .list2 .word .bor:before,.product .list2 .word .bor:after {content: ''; display: block;position: absolute;}
.product .list2 .word .bor:after,.product .list2 .word .bor:before {box-sizing: border-box;  border: 2px solid transparent;  width: 0;  height: 0;  }
.product .list2 .word .bor:after { top: 0px;  left: 0px;  -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;  transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s,border-width 0.2s ease-in 0.6s;border-width: 2px;}
.product .list2 .word .bor:before { bottom: 0px;  right: 0px;  -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;  transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s;border-width: 2px; }
.product .list2 .word .bor:hover:after {width: 100%;  height: 100%; border-top-color: #f79d17;  border-right-color: #f79d17;-webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s,border-width 0.2s;border-width: 2px;}
.product .list2 .word .bor:hover:before {width: 100%;  height: 100%;  border-bottom-color: #f79d17;  border-left-color: #f79d17;  -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;  transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s,border-width 0.2s ease-out 0.4s;border-width: 2px;}

.news {height:auto; overflow:hidden; padding:30px 0px; border-top:#eff4f7 solid 70px;}
.news .title {height:auto; overflow:hidden; text-align:center;}
.news .title span {line-height:25px; color:#363636; font-size:30px; font-weight:bold; display:block; padding:20px 0px;}
.news .title p {line-height:25px; color:#959595; display:block;}
.news .title s {width:50px; height:5px; background:#7fadeb; display:block; margin:0px auto;}

.news .list {height:auto; overflow:hidden; display:block; padding:10px 0px 30px 110px; position:relative;}
.news .list .time {width:90px; height:90px; text-align:center; border:#f79d17 solid 3px; position:absolute; top:15px; left:0px;}
.news .list .time span {height:20px; line-height:20px; font-size:24px; color:#727272; font-weight:bold; display:block; margin-top:15px;}
.news .list .time s {width:30px; height:2px; background:#b7b7b6; display:block; margin:0px auto;}
.news .list .time font {height:30px; line-height:30px; font-size:12px; color:#939393; display:block;}
.news .list b {height:42px; line-height:42px; font-size:16px; color:#000; font-weight:bold; display:block; overflow:hidden;}
.news .list p {height:48px; line-height:24px; font-size:12px; color:#727272; font-weight:bold; display:block; overflow:hidden;}
.news .list:hover .time {border:#f79d17 solid 3px; background:#f79d17;}
.news .list:hover .time span,.news .list:hover .time font {color:#fff;}
.news .list:hover .time s {background:#fff;}
.news .list:hover b,.news .list:hover p {color:#f79d17;}

.linkbox {height:auto; overflow:hidden; padding:50px 0px 20px; background:#eff4f7;}
.linkbox img {width:100%; filter:Gray; -webkit-filter: grayscale(100%);}
.linkbox .line {height:2px; background:#e4e8eb;}
.linkbox img:hover {filter:no; -webkit-filter: grayscale(0);}

.linkbox .links {height:auto; overflow:hidden;}
.linkbox .span {height:25px; line-height:25px; color:#333; overflow:hidden; display:block; margin-right:5px; margin-bottom:5px; margin-left:10px; float:left;}
.linkbox .links a {height:25px; line-height:25px; color:#333; overflow:hidden; display:block; padding:0px 15px; margin-right:5px; margin-bottom:5px; float:left;}

/* 内页样式 */

.bigimg {height:350px; overflow:hidden; position:relative; margin-top:60px;}
.bigimg h2 {height:35px; line-height:30px; font-size:18px; color:#fff; overflow:hidden; padding:0px; margin:0px; display:block;}
.bigimg .line {height:2px;}
.bigimg .line s {height:2px; display:block; float:left;}
.bigimg .line s.s1 {width:20px; background:#ff7e00;}
.bigimg .line s.s2 {width:40px; background:#fff; margin-left:5px;}
.bigimg h1 {height:40px; line-height:40px; font-size:24px; color:#fff; overflow:hidden; padding:0px; margin:0px; display:block;}
.bigimg p {line-height:24px; color:#fff;}
.bigimg .menus {width:100%; height:auto; overflow:hidden; position:absolute; left:0px; bottom:20px;}
.bigimg .menus a {height:30px; line-height:28px; font-size:12px; color:#333; overflow:hidden; padding:0px 20px; margin-right:10px; margin-bottom:10px; background:#fff; border:#d7d7d7 solid 1px; float:left;}
.bigimg .menus a.hover {color:#ff9900; background:none;}
.bigimg .menus a:hover {color:#ff9900; background:none;}

.products {height:auto; overflow:hidden;}
.products a {height:auto; overflow:hidden; display:block; padding:10px; background:#fff; border:#e5e5e5 solid 1px;}
.products a .bg {background:#fff;}
.products a img {width:100%; display:block; overflow:hidden; box-sizing:border-box;}
.products a span {height:40px; line-height:40px; font-size:12px; color:#000; text-align:center; display:block; overflow:hidden;}
.products a:hover {background:#eceff3; -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s;}
.products a:hover img{width:100%; -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}

.newsbox a {height:auto; overflow:hidden; display:block; padding-bottom:5px; border-bottom:#999 dashed 1px;}
.newsbox a img {width:100%;}
.newsbox a .n_title {height:30px; line-height:30px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsbox a .n_intro {height:44px; overflow:hidden; line-height:22px; color:#777; font-size:14px;}
.newsbox a .time {height:auto; overflow:hidden; line-height:20px; color:#c0c0c0;}
.newsbox a:hover .n_title {color:#fb5015;}
.newsbox a:hover .n_intro {color:#222;}
.newsbox a:hover .time {color:#777;}

.s_n_title {height:auto; overflow:hidden; line-height:25px; overflow:hidden; color:#000; font-size:18px; font-weight:bold; padding:0px 0px 5px;}

.s_d_date {height:30px; line-height:30px; color:#898989; padding-bottom:10px; border-bottom:#ccc dashed 1px;}
.s_d_date font {color:#e60012;}

.s_cont {height:auto; overflow:hidden;}
.s_cont img {max-width:100%;}

/* 分页样式 */

.page {height:auto; overflow:hidden; font-size:12px; text-align:center; clear:both;}
.page a {height:25px; line-height:25px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 10px; margin:0px 5px; float:left;}
.page span {height:25px; line-height:25px; display:block; padding:0px 10px; border:#e5e5e5 solid 1px; background:#fff; margin:0px 5px; float:left;}
.page span.current {color:#fff; border:#222 solid 1px; background:#222;}
.page a:hover {color:#fff; border:#222 solid 1px; background:#222;}

/* 相关新闻 */

.morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px; margin-top:20px;}
.morenews span {height:30px; line-height:30px; display:block; color:#888;}
.morenews a {height:30px; line-height:30px; color:#a0a0a0;}
.morenews a:hover {color:#333;}

div.stage_title {height:60px; line-height:60px; font-size:18px; color:#000; border:#e5e5e5 solid 1px; padding:0px 20px; display:block;}
a.stage_title {height:60px; line-height:60px; font-size:18px; color:#000; border:#e5e5e5 solid 1px; border-top:none; padding:0px 20px; display:block;}

.side_div {height:auto; overflow:hidden; padding:0px; border:#e5e5e5 solid 1px; border-top:none;}
.side_div a {height:45px; line-height:45px; color:#333; overflow:hidden; display:block; border-left:#fff solid 3px; padding-left:20px;}
.side_div a.hover {background:#efefef; border-left:#f79d17 solid 3px;}
.side_div a:hover {background:#efefef; border-left:#f79d17 solid 3px;}

.s_title {height:60px; line-height:60px; overflow:hidden; border-bottom:#e5e5e5 solid 1px;}
.s_title span {height:60px; line-height:60px; color:#555; font-size:16px; overflow:hidden; display:block; padding-left:10px; float:left;}

.ivideobox {height:300px;}

@media (max-width: 479px) {

.header {height:50px;}
.header .logo {height:50px;}
.header .logo img {height:50px;}

.header nav {display:none;}

.menu-handler {right:10px; top:3px;}

.height {height:50px;}

.banner .logo {width:90px; left:20px;}

.banner-line {background:url(../images/line.png) no-repeat center top; background-size:auto 200px; -webkit-background-size:auto 200px; -moz-background-size:auto 200px; -ms-background-size:auto 200px;}

.banner .mian {width:320px; height:240px; margin-left:-160px; margin-top:-120px;}

.ch-item {width:60px; height:60px; border:#f5f5f5 solid 2px;}
.ch-item img {width:30px; height:30px; margin:5px auto 0px;}
.ch-item span {font-size:10px;}

.about {padding:80px 0px;}
.about .en {font-size:24px; padding:10px 0px;}
.about .cn {font-size:18px;}

.product .list {width:100%;}
.product .list1 .pic,.product .list3 .pic {float:left;}
.product .list1 .word,.product .list3 .word {right:0px;}

.product .list2 .pic,.product .list4 .pic {float:right;}
.product .list2 .word,.product .list4 .word {left:0px;}

.slidesjs-navigation .slidesjs-previous {width:40px; height:40px; background:url(../images/h-prev.png) no-repeat center center #888; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.slidesjs-navigation .slidesjs-previous:hover {background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.slidesjs-navigation .slidesjs-next {width:40px; height:40px; background:url(../images/h-next.png) no-repeat center center #888; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.slidesjs-navigation .slidesjs-next:hover {background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}

.footer {padding-bottom:10px;}
.footer .footer-link a {margin-right:5px;}
.footer .footer-text {padding:10px 0px;}
.footer .footer-code {margin-left:10px;}
.telephone{position: fixed; right: 5px; bottom: 58%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 16%; width: 25%; background-color: #3E7CE4; z-index: 9999;}
.telephone img{width: 50%; max-width: 64px;}
.telephone span{}
.bigimg {height:120px; margin-top:50px;}

}

@media (min-width: 480px) and (max-width: 767px)  {

.header {height:50px;}
.header .logo {height:50px;}
.header .logo img {height:50px;}

.header nav {display:none;}

.menu-handler {right:10px; top:3px;}

.banner .logo {width:90px; left:20px;}

.banner-line {background:url(../images/line.png) no-repeat center top; background-size:auto 240px; -webkit-background-size:auto 240px; -moz-background-size:auto 240px; -ms-background-size:auto 240px;}

.banner .mian {width:480px; height:240px; margin-left:-240px; margin-top:-120px;}

.height {height:50px;}

.ch-item {width:80px; height:80px; border:#f5f5f5 solid 2px;}
.ch-item img {width:40px; height:40px; margin:5px auto 0px;}
.ch-item span {font-size:12px;}

.about {padding:80px 0px;}
.about .en {font-size:28px; padding:10px 0px;}
.about .cn {font-size:20px;}

.product .list {width:100%;}
.product .list1 .pic,.product .list3 .pic {float:left;}
.product .list1 .word,.product .list3 .word {right:0px;}

.product .list2 .pic,.product .list4 .pic {float:right;}
.product .list2 .word,.product .list4 .word {left:0px;}

.slidesjs-navigation .slidesjs-previous {width:40px; height:40px; background:url(../images/h-prev.png) no-repeat center center #888; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.slidesjs-navigation .slidesjs-previous:hover {background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.slidesjs-navigation .slidesjs-next {width:40px; height:40px; background:url(../images/h-next.png) no-repeat center center #888; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.slidesjs-navigation .slidesjs-next:hover {background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}

.footer {padding-bottom:10px;}
.footer .footer-link a {margin-right:5px;}
.footer .footer-text {padding:10px 0px;}
.footer .footer-code {margin-left:10px;}

.bigimg {height:200px; margin-top:50px;}

}

@media (min-width: 768px) and (max-width: 999px){

.header {height:60px;}
.header .logo {height:60px;}
.header .logo img {height:60px;}

.header nav {display:none;}

.menu-handler {right:10px; top:8px;}

.height {height:60px;}

.banner .logo {width:120px; left:20px;}

.banner-line {background:url(../images/line.png) no-repeat center top; background-size:auto 360px; -webkit-background-size:auto 360px; -moz-background-size:auto 360px; -ms-background-size:auto 360px;}

.banner .mian {width:750px; height:360px; margin-left:-375px; margin-top:-180px;}

.ch-item {width:120px; height:120px;}
.ch-item img {margin:5px auto 0px;}
.ch-item span {font-size:14px;}

.about {padding:120px 0px;}
.about .en {font-size:36px;}
.about .cn {font-size:24px;}

.ivideobox {height:360px;}

.footer .footer-code {position:absolute; top:12px; right:0px;}

.bigimg {height:240px;}

}

@media (min-width: 1000px) {

.header {height:70px;}
.header .logo {height:70px;}
.header .logo img {height:70px;}

.header nav {height:70px; padding:15px 0px;}

.header nav li {width:84px;}
.header #buoy {width:20px;}

.banner .logo {width:160px;}

.menu-handler {display:none;}

.banner-line {background:url(../images/line.png) no-repeat center top; background-size:auto 500px; -webkit-background-size:auto 500px; -moz-background-size:auto 500px; -ms-background-size:auto 500px;}

.banner .mian {width:1000px; height:360px; margin-left:-500px; margin-top:-180px;}

.height {height:70px;}

.ch-item {width:120px; height:120px;}
.ch-item img {margin:5px auto 0px;}
.ch-item span {font-size:14px;}

.about {padding:150px 0px;}
.about .en {font-size:40px;}
.about .cn {font-size:36px;}

.product .list {width:25%;}
.product .list2 .word .bor span {font-size:20px;}

.bigimg {margin-top:60px;}

.ivideobox {height:400px;}

.footer .footer-code {position:absolute; top:12px; right:0px;}

.bigimg {height:300px;}

}

@media (min-width: 1260px) {

.header {height:80px;}
.header .logo {height:80px;}
.header .logo img {height:80px;}

.header nav {height:80px; padding:20px 0px;}

.banner .logo {width:200px;}

.banner-line {background:url(../images/line.png) no-repeat center top; background-size:auto 600px; -webkit-background-size:auto 600px; -moz-background-size:auto 600px; -ms-background-size:auto 600px;}

.banner .mian {width:1060px; height:360px; margin-left:-530px; margin-top:-180px;}

.ch-item {width:160px; height:160px;}
.ch-item img {margin:25px auto 0px;}
.ch-item span {font-size:16px;}

.ivideobox {height:480px;}

.bigimg {height:350px;}

}