@charset "utf-8";
/*@import url(https://fonts.font.im/css?family=Righteous);*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;box-sizing: border-box;vertical-align:baseline;}
/* scrollbar for chrome */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: rgba(107, 107, 107, 0.06);
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(107, 107, 107, 0.06);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
::-webkit-scrollbar-track:hover {
  background-color: rgba(107, 107, 107, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.4);
}
::-webkit-scrollbar-track:active {
  background-color: rgba(107, 107, 107, 0.2);
  -webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.1);
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(107, 107, 107, 0.8);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(107, 107, 107, 0.8);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:active {
  background: rgba(21, 14, 0, 0.5);
}

.transition {transition:1.5s;}
body{font-family: 'Righteous', "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;background: #fff;font-weight:lighter;min-width:1400px;}
a{text-decoration:none; color:#444;}
a:hover{text-decoration:none!important;}
a{text-decoration:none; color:#444;}
a:hover{text-decoration:none!important;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}
li {list-style-type:none;}
input,textarea {outline: none;}
h1,h2,h3,h4,h5{margin:0;}

.hr {
	display: block;
	height: 1px;
	border: 0;
	margin: 10px 0;
	padding: 0;
	background-image: -webkit-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -moz-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -ms-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -o-linear-gradient(left, #fff, #ccc, #fff);
	width: 50%;
	left: 25%;
	position: relative;
	border: none;
}

/* scrollbar for chrome end */
/*通用图片放大效果*/
.img{height:auto;overflow:hidden;position:relative;}
.img img{width:100%;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;position:relative;z-index:3}
.img .cover{width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;position:absolute;left:0;top:0;z-index:4;line-height:195px;text-align:center}
.img .cover a{vertical-align:middle;display: block;width: 100%;height: 100%;color:#FFF;font-size:18px;position:relative;top:50px;opacity:0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.img .cover a:hover{color:#FFF;text-decoration:none;}
.img .cover a i{line-height:164px;}
.img:hover img{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.img:hover .cover{background: #222;opacity: 0.85;}
.img:hover .cover a{top: 0;opacity: 1;}
.img .cover a h4, .img:hover .cover a h4{ margin-top:60px; font-size:22px; color:#fff; margin-bottom:40px; border-bottom:1px dotted #ddd; line-height:80px;}
.img .cover a span, .img:hover .cover a span{display:block; color:#fff; font-size:14px; line-height:20px;}

/*右滑填充特效*/
.over-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.over-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4d4d4d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.over-right:hover, .over-right:focus, .over-right:active {
  color: #fff;
}
.over-right:hover:before, .over-right:focus:before, .over-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*固定置顶专用*/
.fixed_div {
	position: fixed!important;
	bottom: 50%!important;
	margin-top:0!important;
	margin-left:944px;
	z-index:9999;
}
.fixed_location {
	position: fixed!important;
	top:0!important;
	z-index:9999;
	width:100%!important;
	background:rgba(255, 255, 255, 0.85);
	box-shadow:0 12px 14px rgba(224, 224, 224, 0.44);
}
.fixed_location font {
    text-align: center;
    position: absolute;
    left: 50%!important;
    font-size: 30px!important;
    line-height: 30px!important;
    width: 400px;
    margin-left: -200px!important;;
    color: #000000!important;;
}


/*旋转*/
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
/*反向旋转*/
@-webkit-keyframes rotate2{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotate2{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(-359deg)}
}
@-o-keyframes rotate2{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(-359deg)}
}
@keyframes rotate2{from{transform: rotate(0deg)}
to{transform: rotate(-359deg)}
}

	/*加载动画*/
	.loading-flash{position:fixed;width:100%;height:100%;z-index:9999;background: #202A38;}
    .flashBox {width: 360px;height: 360px;background-color: #202A38;position: absolute;top: 50%;left: 50%;margin-left: -180px;margin-top: -180px;}
    .flashBox .borderRadius {width: 276px;height: 276px;
        position: absolute;left: 50%;top: 50%;margin: -138px 0 0 -138px;
        -webkit-animation: rotating 2s ease 0s infinite;
                animation: rotating 2s ease 0s infinite;
    }
    @-webkit-keyframes rotating {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            opacity: 1;
        }
        65% {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }
    .flashBox .borderRadius .lfRaidus {width: 276px;height: 138px;border-radius: 138px 138px 0 0;position: relative;
        -webkit-animation: lfRaidus 2s ease 0s infinite;
                animation: lfRaidus 2s ease 0s infinite;
    }
    @-webkit-keyframes lfRaidus {
        0% {
            background: -moz-linear-gradient(right,red,black);background: -webkit-linear-gradient(right,#999,#202A38);background: -o-linear-gradient(right,red,black);
        }
        65% {
            background: -moz-linear-gradient(right,red,black);background: -webkit-linear-gradient(right,#999,#202A38);background: -o-linear-gradient(right,red,black);
        }
        100% {
            background: -moz-linear-gradient(right,red,black);background: -webkit-linear-gradient(right,#999,#202A38);background: -o-linear-gradient(right,red,black);
        }
    }
    .flashBox .borderRadius .lfRaidus .ctRaidus {width: 262px;height: 131px;background-color: #202A38;border-radius: 131px 131px 0 0;
        position: absolute;left: 50%;bottom: 0;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);
    }
    .flashBox .borderRadius .rtRaidus {width: 276px;height: 138px;border-radius: 0 0 138px 138px;position: relative;
        -webkit-animation: rtRaidus 2s ease 0s infinite;
                animation: rtRaidus 2s ease 0s infinite;
    }
    @-webkit-keyframes rtRaidus {
        0% {
            background: -moz-linear-gradient(right,red,black);background: -webkit-linear-gradient(right,#999,#666);background: -o-linear-gradient(right,red,black);
        }
        65% {
            background: -moz-linear-gradient(right,red,black);background: -webkit-linear-gradient(right,#999,#666);background: -o-linear-gradient(right,red,black);
        }
        100% {
            background: -moz-linear-gradient(right,red,black);background: -webkit-linear-gradient(right,#999,#666);background: -o-linear-gradient(right,red,black);
        }
    }
    .flashBox .borderRadius .rtRaidus .ctRaidus {width: 262px;height: 131px;background-color: #202A38;border-radius: 0 0 131px 131px;
        position: absolute;left: 50%;top: 0;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);
    }
    .flashBox .borderRadius .rtRaidus .hfPoint {width: 7px;height: 5px;position: absolute;left: 0px;top: -5px;border-radius: 5px 5px 0 0;background-color: #999;}
    .flashBox .borderRadius .rtRaidus .rtPoint {width: 5px;height: 5px;position: absolute;left: 10px;top: -5px;border-radius: 5px;background-color: #999;}
    .flashBox .imageRadius {margin-top: 4px;opacity: 0;width: 100%;height: 100%;
        position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
        -webkit-animation: imageRadius 2s ease 0s infinite;
                animation: imageRadius 2s ease 0s infinite;
    }
    @-webkit-keyframes imageRadius {
        0% {
            opacity: 0;
        }
        65% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .flashBox .waveRaidus {margin-top: 4px;opacity: 0;
        position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
        -webkit-animation: waveRaidus 2s ease-out 0s infinite;
                animation: waveRaidus 2s ease-out 0s infinite;
    }
    @-webkit-keyframes waveRaidus {
        0% {
            width: 100%;height: 100%;
            opacity: 0;
        }
        65% {
            width: 100%;height: 100%;
            opacity: 0;
        }
        66% {
            width: 100%;height: 100%;
            opacity: 0.8;
        }
        100% {
            width: 130%;height: 130%;
            opacity: 0;
        }
    }
    .flashBox .pointRadius {width: 10px;height: 10px;border-radius: 360px;background-color: #FFF;border: 1px solid transparent;
        position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
        -webkit-animation: pointRadius 2s ease 0s infinite;
                animation: pointRadius 2s ease 0s infinite;
    }
    @-webkit-keyframes pointRadius {
        0% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
        5% {width: 10px;height: 10px;border: 0;box-shadow: 0 0 0px 3px rgba(255,255,255,0.3), 0 0 0px 6px rgba(255,255,255,0.2), 0 0 0px 9px rgba(255,255,255,0.1);}
        10% {width: 12px;height: 12px;border: 0;box-shadow: 0 0 0px 2px rgba(255,255,255,0.3), 0 0 0px 4px rgba(255,255,255,0.2), 0 0 0px 6px rgba(255,255,255,0.1);}
        15% {width: 16px;height: 16px;border: 0;box-shadow: 0 0 0px 1px rgba(255,255,255,0.3), 0 0 0px 2px rgba(255,255,255,0.2), 0 0 0px 3px rgba(255,255,255,0.1);}
        20% {width: 26px;height: 26px;border: 0;box-shadow: none;}
        65% {width: 205px;height: 205px;border: 2px solid #CCC;}
        100% {width: 205px;height: 205px;border: 2px solid #CCC;}
    }
	
.arkaplan {
  position:fixed; 
  top:0; 
  z-index:0; 
  width:100%; 
  padding-top:50%; 
  background: url(../images/body_bg.jpg) center center no-repeat; 
  transform:scale(1);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*正式内容*/
.w1200{width:1200px; position:relative; margin:0 auto; overflow:hidden;}

header{width: 100%;margin:0 auto;overflow:hidden;background: radial-gradient(ellipse , #ffffff 10%, rgba(210, 210, 210, 0.4) 90%);z-index: 9;position: relative;}
.head{padding: 10px 0;overflow:hidden;height: 95px;box-sizing: border-box;width: 1200px;margin: 0 auto;position: relative;}
.head h1{font-size:0;}
.head h1.logo{float:left;width: 200px;margin-top: 9px;overflow:hidden;}
.head h1.logo img{width:100%;}
.head .topcontact{padding-top:36px;float: right;margin-top:10px;font-family: impact;color:#ddd;}
.head .topcontact p{color: #666;font-size: 18px;line-height:20px;}
.head .topcontact span{color:#f74055;}
.head .topother{font-size: 12px;line-height:20px;color: #444;position: absolute;top: 10px;right: 0;}
.head .topother a{margin: 0 5px;color: #444;}
.head .topother i{line-height:20px;margin-right: 4px;color: #444;}
.head .cerico{float:right;margin-right:  20px;margin-top: 10px;}
.head .cerico span.ce{background:url(../images/index/ce.png) no-repeat center center; background-size:100%; width:60px; height:60px; float:left; margin-right:10px;}
.head .cerico span.tuv{background:url(../images/index/tuv.png) no-repeat center center; background-size:100%; width:60px; height:60px; float:left; margin-right:10px;}

nav{width:100%;float:left;background: rgba(255, 255, 255, 0.6);position:  relative;z-index: 9;}
.menu{width:1200px; margin:0 auto; height:70px;}
.menu .searchbox {float: right;position:relative;margin-top: 17px;overflow: hidden;}
.menu .searchbox input{height:24px;width: 160px;padding: 6px 20px;font-size: 14px;border: none;float: left;background: #eee;}
.menu .searchbox input:focus{outline: 0;}
.menu .searchbox span{font-size: 16px;width: 60px;height: 36px;line-height: 36px;text-align:center;cursor:pointer;background: #4d4d4d;float: left;}
.menu .searchbox span:hover{}
.menu .searchbox span i{line-height: 36px;font-size: 22px;color: #eee;}

/*导航菜单 */
.menu .item{float:left; color:#333; text-align:left; position:relative; z-index:9; letter-spacing:3px;}
.menu .item .onelink{font-size:15px; margin:0;}
.menu .item .onelink i{padding-left:6px;}
.menu .item .onelink a{color: #333;height:70px;line-height:70px;padding:0 30px;font-size:15px;}
.menu .item .onelink a.hover, .menu .item .onelink a.cur{color: #ffffff;background: #b9b9b9;}
.menu .item .onelink a span{display:none;font-size:12px;line-height:12px;height:12px;overflow:hidden;}
.menu .item .onelink a.hover span,.nqhtopnav .item .onelink a.cur span{display:block;}
.menu a{cursor:pointer;display:block; color:#444; text-decoration:none;}
.menu .last{padding:0;float:left;}

/*主导航二级导航*/
.menu .item .twojnav{position:absolute;top: 64px;padding: 0 20px;left:0;display:none;background-color: #fff;width: 280px;box-shadow: 0 0 16px rgba(144, 144, 144, 0.22);}
.menu .item .twojnav li{list-style-type:none;width:100%;overflow:hidden;position: relative;border-bottom: 1px solid #aaa;}
.menu .item .twojnav li:last-child{border:none;}
.menu .item .twojnav li:hover{background:#f9f9f9;}
.menu .item .twojnav a{color: #444;text-align:left;text-decoration:none;}
.menu .item .twojnav .twolink{display:block;line-height:44px;height:44px;overflow:hidden;font-size:14px;position:relative;}
.menu .item .twojnav .twolink:hover{}
.menu .item .twojnav .twolink.show{background: #7aa20d;}
.menu .item .twojnav li>span{position:absolute;right:0;top:0;line-height: 44px;width: 44px;text-align: center;color: #fff;}
.menu .item .twojnav li>span.show i{transform: rotate(45deg);}

.menu .item .threejnav{background: #ffffff;display:none;position: relative;z-index: 9999;}
.menu .item .threejnav a{line-height:40px;font-size:12px;color: #222;width: 100%;text-align: left;padding-left: 50px;}
.menu .item .threejnav a:hover{background-color: #555555;color: #fff;}

.main{position:relative;clear:both;overflow:hidden;/* background: radial-gradient(circle, #ebebeb, #cccccc); */}
.banner{width: 100%;overflow:hidden;clear:both;}

.location{width:100%;float:left;}
.location .here{overflow:hidden;line-height: 40px;margin:  0 auto;width: 1200px;}
.location .here a{color: #1b1b1b;font-size:15px;}
.location .here a i{color: #aaa;line-height:40px;margin-right:8px;}
.location .here code{color: #aaa;margin:0 10px;}
.location .here font{color: #1b1b1b;font-size:15px;}

footer{width:100%;float:left;overflow:hidden;background: rgba(151, 151, 151, 0.3);position: relative;z-index: 9;}
.footmain{width:1200px; margin:0 auto; overflow:hidden; position:relative; clear:both; padding-top:40px;}
.footmain .footprolist {width:30%; float:left; overflow:hidden;}
.footmain .footprolist h4{font-size:16px;color: #444;margin-bottom:20px;}
.footmain .footprolist li {width: 100%;overflow: hidden;}
.footmain .footprolist li i{margin-right:8px; width:20px; text-align:center;}
.footmain .footprolist a{display:block;line-height:40px;height:40px;overflow:hidden;color: #444;font-size:14px;}
.footmain .footprolist a:hover{color:#fff;}

.footmain .footcontact {width:30%; float:left; overflow:hidden; margin-left:5%; padding-bottom: 40px;}
.footmain .footcontact h4{font-size:16px;color: #444;margin-bottom:20px;}
.footmain .footcontact li i{margin-right:8px; width:20px; text-align:center;}
.footmain .footcontact a{display:block;line-height:40px;height:40px;overflow:hidden;color: #444;font-size:14px;}
.footmain .footcontact a:hover{color: #444;}
.footmain .footcontact li.companyname a{font-size:16px;}


.footmain .footpost{float:right; overflow:hidden; width:30%;}
.footmain .footpost h3{color: #444;}
.footmain .footpost h3 i{font-size:14px; margin-right:8px;}
.footmain .footpost .messages{margin:15px 0; float:left; overflow:hidden;}
.footmain .footpost .messages input,.footpost .messages select,.footpost .messages textarea{margin:0;padding:0; background:none; border:0;}
.footmain .footpost .messages input::-webkit-input-placeholder,.footmain .footpost .messages textarea::-webkit-input-placeholder {color: #999;}
.footmain .footpost .messages .box {float:left;clear:both;color: #fff;margin-bottom: 20px;}
.footmain .footpost .messages .box label{float:left;width:180px; height:40px; font-size:14px; line-height:40px; text-align:left;padding-right:10px;}
.footmain .footpost .messages .box input{float:left;width:360px;height:38px;padding-left:8px;display: block;border: 1px solid #999;box-sizing: border-box;color: #444;background: #fff;border-radius: 2px;}
.footmain .footpost .messages .box input:focus{border-color:#aaa;}
.footmain .footpost .messages .box.textareas{height:auto;display: block;line-height:20px;}
.footmain .footpost .messages .box textarea{float:left;width:360px;height:124px;padding:8px;box-sizing: border-box;font-family:'Righteous', "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;color: #444;background: #fff;border: 1px solid #999;resize: none;border-radius: 2px;}
.footmain .footpost .messages .box textarea:focus{border-color:#aaa;}
.footmain .footpost .messages .sendup{clear:both;float:left;margin-top: 10px;}
.footmain .footpost .messages .sendup input{width:100px;background: #eee;font-size:14px;cursor:pointer;line-height: 36px;margin-right:5px;border-radius: 2px;}
.footmain .footpost .messages .sendup input.sendbtn{background:linear-gradient(to bottom, #afa6a6, #616161); color:#fff;}
.footmain .footpost .messages .sendup input:hover{background: #91bf14!important;color:#fff;}

.flinks{width:100%;overflow:hidden;position:relative;clear:both;padding:14px 0;}
.flinks .link{ width:1200px; margin:0 auto;line-height:40px;}
.flinks .link h4 {color: #fff; display:block; font-size:16px;}
.flinks .link a{color:#ccc; margin-right:20px; font-size:14px;}
.flinks .link a:hover{color:#fff;}

.copyright{width:100%;overflow:hidden;background: #dadada;}
.copyright .copyrights{color: #666;width: 1200px;margin: 0 auto;height: 70px;line-height: 70px;position: relative;text-align: left;font-size:14px;}
.copyright .copyrights span{float:right;}
.copyright .copyrights span a{color:#bbb;}
.copyright .copyrights span a:hover{color: #666;}

/*-------Reveal Modals Feedback-------*/
.reveal-modal-bg{position: fixed;height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0;left: 0;}
.reveal-modal{visibility: hidden;top: 160px;left: 50%;margin-left: -300px;width: 575px;background: #fff;position: absolute;padding: 30px 40px 34px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);z-index:9999;box-sizing:border-box;border-radius: 3px;}
.reveal-modal.small{width: 200px;margin-left: -140px;}
.reveal-modal.medium{width: 400px;margin-left: -240px;}
.reveal-modal.large{width: 600px;margin-left: -340px;}
.reveal-modal.xlarge{width: 800px;margin-left: -440px;}
.reveal-modal .close-reveal-modal{font-size: 32px;line-height: 32px;position: absolute;top: 0;right: -34px;color: #fff;cursor: pointer;} 
/*留言窗口样式*/
.sendrequire h3{line-height: 24px;font-size: 14px;font-weight:normal;color: #999;}
.sendrequire h3 i{margin-right:6px;color: #444;}
.post_mail{overflow:hidden;margin-top: 20px;clear: both;}
.messages{margin:15px 0;overflow:hidden;width: 536px;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; }
.messlist {margin-bottom:10px;float:left;margin-right: 40px;}
.messlist label{float:left;width:180px; height:40px; font-size:14px; line-height:40px; text-align:left;padding-right:10px;}
.messlist input{float:left;width: 227px;height:38px;padding:0 12px;border: #ddd 1px solid;font-size:13px;box-sizing:border-box;font-family:'Righteous', "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;box-shadow: inset 1px 2px 5px rgba(221, 221, 221, 0.6);}
.messlist.textareas{height:auto;width: 494px;}
.messlist textarea{float:left;width: 100%;height:124px;padding:12px;border: #ddd 1px solid;font-size:13px;box-sizing:border-box;font-family:'Righteous', "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;box-shadow: inset 1px 2px 5px rgba(221, 221, 221, 0.6);}
.messlist input:focus,.messlist textarea:focus{border-color:#91bf14;}
.messsub{margin-top: 20px;width: 494px;overflow: hidden;float: left;text-align: center;}
.messsub input{width: 200px;height: 40px;background: #91bf14;font-size:14px;cursor:pointer;border-radius: 4px;color: #fff;}
.messsub input:hover{background: #6d9207!important;color:#fff!important;}

/*联系我们*/
.all_contact{position:fixed;z-index:99999;width: 0;height: 100%;background: #f1f1f1;left: 0;top: 0;overflow: hidden;transition-property:width;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.all_contact .close{opacity: 0;filter: alpha(opacity=0);transition: all 1s;position:absolute;right:20px;top:20px;font-size:40px;width:40px;height:40px;line-height: 40px;text-align:center;border-radius:50%;overflow:hidden;}
.all_contact .close i{color:#000; transition:1.2s; cursor:pointer; line-height:40px;}
.all_contact .close i:hover{color: #f74055;animation: rotate 0.8s linear 1;}
.all_contact.open{width: 100%;}
.all_contact.open .close{opacity: 1;filter: alpha(opacity=100);}
.all_contact .cmain{width: 50%;float:right;overflow:hidden;margin-top:40px;}
.all_contact .cmain .leftlogo{float:left;background:url(../images/left_logo.png) no-repeat center center;width:100%;height: 200px;}
.all_contact .cmain .contactus{overflow:hidden;overflow-y: scroll;width:80%;height: 500px;margin:0 auto;}

.all_contact .cmain .contactus .contactinfo{padding-top:30px; width:300px; margin:0 auto;}
.all_contact .cmain .contactus .contactinfo h4{font-size:18px;color: #222;width:500px;text-transform: uppercase;padding-left: 26px;}
.all_contact .cmain .contactus .contactinfo p{margin:14px 0; line-height:22px; font-size:14px; color:#555; width:400px; font-weight:500;}
.all_contact .cmain .contactus .contactinfo p i{width:24px; text-align:center; color:#aaa; margin-right:5px;}

.all_contact .cmain .contactus .franchiser{width:300px;margin: 30px auto;border-top: 1px dashed #c1c1c1;padding-top: 30px;}
.all_contact .cmain .contactus .franchiser h4{font-size:18px;color: #222;text-transform: uppercase;margin-bottom: 16px;}
.all_contact .cmain .contactus .franchiser dl{margin-bottom:10px;/* background: #fff; */padding: 20px 12px;}
.all_contact .cmain .contactus .franchiser dl dt{font-size: 14px;color: #222;width:500px;text-transform: uppercase;padding-left: 0;}
.all_contact .cmain .contactus .franchiser dl dd{margin: 8px 0;line-height: 20px;font-size: 13px;color:#555;width:400px;}
.all_contact .cmain .contactus .franchiser dl i{width:24px; text-align:center; color:#aaa; margin-right:5px;}

.all_contact .map{width: 48%; float:left;height:100%;border-right:6px solid #fff;box-shadow: 1px 0 4px rgba(121, 121, 121, 0.52); overflow:hidden;}
.all_contact .map #themap{height:100%;}

/*相册遮照放大器*/
.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.mask:hover{cursor:zoom-out}
.imgbox:hover{cursor:zoom-in}
.bigimg:hover{cursor: move}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}

/*相册*/
.photolist{width: 100%;overflow:hidden;margin:0 auto;position:relative;}
.photolist ul{width: 1260px;}
.photolist ul li{float:left;margin:33px 40px 0px 0px;overflow: hidden;}
.photolist ul li.hover{border-color:#19678c;}
.photolist ul li .picview{position:relative;width: 371px;height:265px;}
.photolist ul li img{position:absolute;width:100%;}
.photolist ul li img:hover{opacity:0.8}
.photolist ul li p{font-size:14px;height:60px;line-height:60px;overflow:hidden;text-align: center;}

/*子类列表*/
.soncate{width: 1240px;overflow:hidden;padding: 25px 0;}
.soncate a{line-height:20px;font-size:13px;padding: 5px 18.8px;color: #fff;background: #a7a7a7;margin: 0 20px 10px 0;float: left;font-weight:500;border-radius: 4px;}
.soncate a:hover,.soncate a.cur{}
.soncate a.cur{background: #666;color:#fff;}

.soncate .tip{line-height:40px; font-size:14px; color:#444;}

/*二级子类列表*/
.grandsoncate{width: 1240px;overflow:hidden;}
.grandsoncate a{line-height:20px;font-size:13px;padding: 5px 31px;color: #444;background: #fff;margin: 0 19.4px 0 0;float: left;border-bottom: 2px solid #4d4d4d;border-radius: 4px;}
.grandsoncate a:hover,.soncate a.cur{}
.grandsoncate a.cur{background: #a7a7a7;color:#fff;}

/*行业应用子类列表*/
.industry-soncate{width: 100%;overflow:hidden;padding: 25px;background: #fff;margin-top: 10px;float: left;}
.industry-soncate a{line-height:20px;font-size:13px;padding: 5px 14px;color: #777;margin: 0 14px 0 0;float: left;font-weight:500;border-radius: 4px;margin-bottom: 10px;}
.industry-soncate a:hover,.soncate a.cur{}
.industry-soncate a.cur{background: #666;color:#fff;}

.industry-soncate .tip{line-height:40px;font-size: 16px;color:#444;border-bottom: 1px dashed #ddd;margin-bottom: 15px;}

/*分页*/
.pagelist{overflow:hidden;width:100%;text-align:center;height:36px;line-height:36px;margin:40px 0;font-size:14px;position: relative;}
.pagelist span{color: #f74055;line-height:36px;overflow:hidden;margin:0 5px;height:36px;text-align:center;border-bottom: 2px solid #f74055;display: inline-block;width: 36px;}
.pagelist a{color: #999;display: inline-block;min-width: 36px;padding: 0 10px;height: 36px;line-height: 36px;overflow: hidden;border-bottom: 2px solid #ddd;margin:0 5px;}
.pagelist a i{line-height:36px;}
.pagelist a:hover{color:#000;}
.pagelist a.a1{width:auto!important;}

/*返回*/
.goback{right: 20px;top: 50px;width: 60px;height: 60px;text-align:center;border-radius:50%;overflow:hidden;position:absolute;}
.goback a{border-radius:50%; display:block; overflow:hidden;}
.goback i{color: #91bf14;line-height: 60px;}
.goback:hover {animation: rotate2 0.8s linear 1; background:#eee;}

/*===================================产品模型==============================*/
.promain{width: 100%;overflow:hidden;position: relative;}

.pro_location{width:100%;float:left;}
.pro_location .here{overflow:hidden;line-height: 40px;padding: 10px 30px;background: #4d4d4d;border-radius: 0 0 10px 10px;color: #fff;}
.pro_location .here a{color: #fff;font-size:15px;}
.pro_location .here a i{color: #fff;line-height:40px;margin-right:8px;}
.pro_location .here code{color: #fff;margin:0 10px;}
.pro_location .here font{color: #fff;font-size:15px;}

.prolist{width: 1200px;margin: 0 auto;overflow:hidden;}
.prolist .list{width: 1240px;overflow:hidden;min-height: 800px;padding-top:30px;}
.prolist .list li{width: 280px;float:left;margin: 0 26px 26px 0;overflow: hidden;}
.prolist .list li:hover{}
.prolist .list li .litpic{width:100%; overflow:hidden;}
.prolist .list li .litpic img{width:100%;}
.prolist .list li .info{margin:0 auto;overflow:hidden;}
.prolist .list li .info a{font-size:13px;text-align:center;display:inline-block;color: #1d1d1d;display:block;}
.prolist .list li .info h4{text-align:center; font-size:14px; line-height:20px; font-weight:500;}
.prolist .list li:hover .info{/* background: #ffffff; */}
.prolist .list li:hover .info a{/* color: #90be14; */}

/*产品详情*/
.proview{width: 1200px;margin: 0 auto;overflow:hidden;}
.proview .pro_content{overflow:hidden;float: left;width: 100%;position: relative; margin-top:20px; margin-bottom:40px;}
.proview .pro_content .proinfo{width: 490px;float: left;margin-left: 100px;z-index: 1;position: relative;}
.proview .pro_content .proinfo h1{font-size: 26px;line-height:30px;color: #444;font-weight: bold;}
.proview .pro_content .proinfo .category{font-size:14px;display:block;line-height: 42px;}
.proview .pro_content .proinfo .category i{margin-right:6px;color: #444;}
.proview .pro_content .proinfo .category a{color: #999;}
.proview .pro_content .proinfo .category a:hover{color: #91bf14;}
.proview .pro_content .proinfo .prodesc{line-height:22px;font-size:14px;color: #666;}
.proview .pro_content .proinfo .htmlqrcode{clear: both;position: relative;height: 70px;}
.proview .pro_content .proinfo .htmlqrcode .qrcode{background:#fff;padding:8px;border:1px solid #ddd;display:none;width: 184px;position: absolute;right: 66px;bottom: 0;box-shadow: 0 0 10px rgba(6, 6, 6, 0.12);}
.proview .pro_content .proinfo .htmlqrcode .qico{background: #fff url(../images/qico.png) no-repeat center center;width: 40px;height: 40px;position: absolute;top: 50px;margin-top: -20px;right: 0;margin-left: -20px;border-radius: 4px;}
.proview .pro_content .proinfo .htmlqrcode .qico:hover{background-color:#eee;}
.proview .pro_content .proinfo .leftbtns{float:left;/* width: 394px; */margin-top: 45px;}
.proview .pro_content .proinfo .other{overflow: hidden;height: 40px;margin-bottom:20px;position:relative;float:left;width:100%;background: #ffffff;border-radius: 2px;}
.proview .pro_content .proinfo .other i{color:#999; font-size:34px; line-height:40px;}
.proview .pro_content .proinfo .other a.pre_pro{float:left;height:40px;width:10%;position:absolute;left:0; text-align:center;}
.proview .pro_content .proinfo .other a.next_pro{float:right;height:40px;width:10%;position:absolute;right:0; text-align:center;}
.proview .pro_content .proinfo .other a.cate_pro{text-align: center;line-height: 40px;font-size: 20px;position: absolute;margin-left: 10%;color: #fff;width: 80%;}
.proview .pro_content .proinfo .other a.cate_pro i{font-size:18px;}
.proview .pro_content .proinfo p.prodescription{padding:10px 0;color: #848484;margin-bottom: 24px;}
.proview .pro_content .proinfo .other a.cate_pro:hover{color:#eee;}
.proview .pro_content .proinfo .pro_tel{color: #666;text-align:left;line-height: 40px;height:40px;font-size:14px;float:left;width:100%;}
.proview .pro_content .proinfo .pro_tel i{margin-right:8px;}
.proview .pro_content .proinfo .xunjia{width: 100%;line-height: 40px;height: 40px;float: left;margin-bottom: 20px;font-size: 14px;text-align: center;overflow:hidden;background: #fff;border-radius: 2px;}
.proview .pro_content .proinfo .xunjia i{margin-right: 6px;}
.proview .pro_content .proinfo .xunjia a{color: #fff;display:block;background: #999;}
.proview .pro_content .proinfo .xunjia a:hover{background: #666;color:#fff;}
.proview .pro_content .proinfo .pro_alibaba{background: #ffffff url(../images/alibaba.png) no-repeat center left 20px;height:60px;width:100%;position:  relative;clear: both;float: left;border-radius: 2px;margin-top: 20px;}
.proview .pro_content .proinfo .pro_alibaba a{display:block;color: #444;text-align:center;line-height: 60px;}

/*参数切换*/
.detail_tab_group{position: relative;margin-top:20px;clear:both;width:100%;overflow:hidden;}
.detail_tab_group .tabpage{opacity: 0;height: 0;overflow: hidden;transition: opacity 0.4s ease, height 0.4s ease;float:left;width: 1000px;color:#fff;}
.detail_tab_group .tabpage.active{opacity: 1;height: auto;overflow: visible; padding-bottom:40px;}
.detail_tab_group .tabpage h3{text-align: left;font-size: 20px;line-height:34px;width:100%;margin:28px 0;color: #666;border-radius:4px;}
.detail_tab_group .tabpage i{color: #666;height:34px;line-height:34px;font-size: 20px;margin-right:8px;}
.detail_tab_group .tabpage p{color: #444;line-height:24px;font-size:14px;margin-bottom:14px;}
.detail_tab_group .tabpage p strong{font-size:24px;}
.detail_tab_group .tabpage img{max-width:100%;padding:  16px;background: #fff;}
.tab-nav{list-style: none;padding: 0;margin-top: 84px;overflow: hidden;width:160px;float:right;}
.tab-nav li{float:right; clear:both; width:100%;}
.tab-nav li a{top: 1px;position: relative;display: block;padding:5px 16px;line-height: 26px;background: #fff;color:#444;text-decoration: none;transition: background .2s ease, line-height .2s ease, margin .2s ease;margin:4px 0;font-size:13px;text-align:center;border-radius: 2px;}
.tab-nav li.active a{background: #666;color:#fff;}
.tabpage ul{overflow: hidden;}

.tabpage .guige p{float:left;margin-right: 30px;width: 300px;}
.tabpage .guige p::before {content: " ";background: #666666;width: 10px;height: 10px;border-radius: 50%;float: left;margin-right: 10px;margin-top:8px;}
/*选配标标配定制*/
.detail_tab_group .tabpage .peizhi{width:100%;float:left; margin-top:24px;}
.detail_tab_group .tabpage .peizhi h4{color: #fff;font-size:18px;line-height: 46px;margin-bottom:24px;width: 140px;background: #444;text-align: center;border-radius: 4px;}
.detail_tab_group .tabpage .peizhi ul{overflow:hidden;padding:  0;}
.detail_tab_group .tabpage .peizhi ul li {width: 50%;float:left;overflow: hidden;margin-bottom: 20px;}
.detail_tab_group .tabpage .peizhi ul li .litpic{border-radius:50%;position: relative;line-height: 0;width: 66px;float: left; border: 1px solid #aaa;}
.detail_tab_group .tabpage .peizhi ul li .litpic:hover{border-color:#7aa20d;}
.detail_tab_group .tabpage .peizhi ul li .litpic img{width:100%;border-radius:50%;padding: 5px;}
.detail_tab_group .tabpage .peizhi ul li .title{text-align: left;overflow:hidden;float: left;margin-left: 20px;padding-top: 12px;}
.detail_tab_group .tabpage .peizhi ul li p{color: #222;font-size: 14px;line-height: 18px;margin-bottom: 4px;}
.detail_tab_group .tabpage .peizhi ul li p a:hover{color:#7aa20d;}
.detail_tab_group .tabpage .peizhi ul li p span{color:#666; font-size:12px;}

/*表格美化*/
.proview .pro_content .tabpage table{ width: 100%; border-collapse:collapse; margin-top: 10px; font-size:13px; color:#666;}
.proview .pro_content .tabpage table td{border: 1px solid #aaa;line-height: 36px;text-align:center; vertical-align:middle;}
.proview .pro_content .tabpage table td p{ margin: 0; padding: 0;}
.proview .pro_content .tabpage tr:hover td { background:#ddd;}/* 鼠标经过时候背景颜色 -----*/

/*下载figure*/
.proview .pro_content figure {display: block; border: 1px solid #ddd;background: #fff; border-radius: 4px; overflow: hidden; width: 50%; min-width: 200px;}
.proview .pro_content figure:hover{background: #ddd;}
.proview .pro_content figure img{width: 60px; height: 60px; display: block; float: left;padding: 5px;}
.proview .pro_content figure a{font-size: 16px; line-height: 60px; padding-left: 14px; color: #444; display: block; overflow: hidden;}

/* filters */
#filters{padding:0; margin:1%; list-style:none;}
#filters li{float:left;}
#filters li span{display:block;padding:5px 20px;text-decoration:none;color:#666;cursor:pointer; font-size:14px;}
#filters li span.active{background:#91bf14;color:#fff;border-radius:2px;}
#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:23%;*width:22%;margin:1%;display:none;float:left;overflow:hidden;}
.portfolio-wrapper{overflow:hidden;position:relative!important;background:#666;cursor:pointer; line-height:0;}
.portfolio img{max-width:100%;position:relative;}
.portfolio .label{position:absolute;width:100%;height:40px; line-height:40px; bottom:-40px; left:0;}
.portfolio .label-bg{background: #91bf14;width:100%;height:100%;position:absolute;top:0;left:0;}
.portfolio .label-text{position:relative;z-index:500;text-align: center;}
.portfolio .label-text a{color:#fff; font-size:14px;}
/*随机推荐*/
.proview .recommend_products{float: left;clear: both;width: 100%; margin-top:40px;}
.proview .recommend_products h3{font-size: 20px;line-height:40px;color: #666;margin-bottom: 20px;}
.proview .recommend_products h3 i{margin-right: 8px;line-height: 40px;float: left;color: #666;font-size: 36px;}
.proview .recommend_products ul{overflow: hidden;margin-left: -50px;}
.proview .recommend_products ul li{overflow:hidden;background:#fff;position: relative;margin-bottom: 20px;float:left;width: 262px;margin-left: 50px;}
.proview .recommend_products ul li:hover{}
.proview .recommend_products ul li .litpic{width:100%; overflow:hidden;}
.proview .recommend_products ul li .litpic img{width:100%;display: block;}
.proview .recommend_products ul li .info{overflow:hidden;width: 100%;position: relative;}
.proview .recommend_products ul li .info a{font-size:13px; text-align:center; display:inline-block; color:#444; display:block;}
.proview .recommend_products ul li .info h4{text-align:center;font-size: 14px;line-height: 20px;margin: 10px;color: #444;}
.proview .recommend_products ul li .info a:hover{color:#222;}


/*===================================新闻模型==============================*/
.newsmain{width: 100%;overflow:hidden;padding-top: 10px;background: #eee;}
.newslist{width: 1200px;overflow:hidden;margin:0 auto;}
.newslist .list{width:100%;}
.newslist .list ul { padding-top:20px; width:1250px; overflow:hidden;}
.newslist .list ul li{float:left;width:370px;margin:0 44px 40px 0;background:#fff;}
.newslist .list ul li:nth-child(3n+1){clear:both;}
.newslist .list ul li .newspic{ width:100%; height:240px; overflow:hidden;}
.newslist .list ul li .newspic img{width:100%;}
.newslist .list ul li .newsinfo{margin-top:0;border:1px solid #eee;border-top:none;padding: 20px 30px 15px 30px;}
.newslist .list ul li .newsinfo .pubtime{color: #666;font-size:13px;font-weight:300;line-height:30px;}
.newslist .list ul li .newsinfo .pubtime i{margin-right:6px;}
.newslist .list ul li .newsinfo h3{line-height:22px;overflow:hidden;font-size:16px;margin-bottom:10px;color:#555;}
.newslist .list ul li .newsinfo h3:hover{color:#333;}
.newslist .list ul li .newsinfo .desc{font-size:14px;line-height:20px;color: #999;font-weight:300;text-align:justify;height:60px;overflow:hidden;letter-spacing: 1px; text-indent:2em;}
.newslist .list ul li .newsinfo .other{border-top:1px solid #eee;padding-top:14px;margin-top:18px;overflow: hidden;}
.newslist .list ul li .newsinfo .other .readmore{float:right; color:#888; font-size:13px;}
.newslist .list ul li .newsinfo .other .readmore:hover{color:#333;}
.newslist .list ul li .newsinfo .other .hits{float:left; color:#999; font-size:13px;}
.newslist .list ul li .newsinfo .other i{margin-right:6px;}

/*新闻详情*/
.newsview{width: 1200px;margin: 0 auto;overflow:hidden;background: #fff;}
.newsview .news_left{width: 840px;float:left;overflow:hidden;position:relative;background: #fff;padding: 50px;}
.newsview .news_left h1{font-size: 30px;line-height: 60px;color:#222;font-weight: bold;width: 740px;text-transform: uppercase;font-family: "Helvetica Neue",sans-serif;}
.newsview .news_left .info{text-align: left;margin: 10px 0;}
.newsview .news_left .info span{font-size:13px;color:#999;margin-right: 20px;}
.newsview .news_left .info span i{color:#999; margin-right:6px;}
.newsview .news_left .news_content{margin-top:30px;}
.newsview .news_left .news_content p{margin-bottom:14px;line-height:20px;font-size:14px;color:#444;letter-spacing:1px; text-indent:2em;}
.newsview .news_left .news_content p img{max-width:100%; display:block;}
.newsview .news_left .news_content p strong{font-weight:bold; font-size:16px;}
.newsview .news_left .pn{float:left; clear:both; margin:30px 0; width:100%; overflow:hidden; border-top:1px solid #eee; padding-top:16px;}
.newsview .news_left .pn li{ font-size:13px; line-height:40px; color:#666; width:100%; overflow:hidden;}
.newsview .news_left .pn li i{margin-right:8px;color: #91bf14;}
.newsview .news_left .pn li a{color:#888888;}
.newsview .news_left .pn li a:hover{color: #7aa20d;}
.newsview .news_left .pn li.tag i{color: #91bf14;margin-right:14px;}

.newsview .news_right{float:right;/* background: #e0e0e0; */padding: 50px;}

.newsview .news_right h3{font-size:20px;line-height:40px;color: #1b1b1b;margin-bottom:14px;font-weight: bold;}
.newsview .news_right .hotnews{width: 260px;overflow:hidden;}

.newsview .news_right .hotnews li{float:left;width: 100%;margin-bottom: 20px;position: relative;}
.newsview .news_right .hotnews li .newspic{width:100%;overflow:hidden;line-height: 0;}
.newsview .news_right .hotnews li .newspic img{width:100%;}
.newsview .news_right .hotnews li .pubtime{color: #ffffff;font-size:13px;font-weight:300;line-height:30px;position: absolute;bottom: 0;left: 0;width:100%;z-index: 99;background: rgba(0, 0, 0, 0.4);padding: 0 15px;}

.newsview .news_right .hotnews li .pubtime i{margin-right:6px; color:#fff;}
.newsview .news_right .hotnews li .newsinfo{border-top:none;padding: 14px 0;background: #fff;}
.newsview .news_right .hotnews li .newsinfo h4{line-height:22px;overflow:hidden;font-size: 14px;color: #444;font-weight: normal;}
.newsview .news_right .hotnews li .newsinfo h4:hover{color: #222;}


/*==============================视频模型==============================*/
.videomain{width:1200px;overflow:hidden;margin:0 auto;padding-top:10px;position: relative;}

.videolist{width:100%;margin-bottom: 40px;overflow: hidden;}
.videolist ul{clear: both;overflow:hidden;}
.videolist ul li{overflow: hidden;margin: 0 30px 30px 0;width: 380px;float:left;}
.videolist ul li:nth-child(3n){margin-right:0;}
.videolist ul li .litpic{width:100%;overflow:hidden;height: 264px;position: relative;}
.videolist ul li .litpic img{width:100%;height: 100%;}
.videolist ul li .litpic i{font-size: 100px;line-height: 100px;color: rgba(255, 255, 255, 0.8);position: absolute;z-index: 99;text-align: center;bottom: 70px;left:  0;width: 100%;}
.videolist ul li .info{background: #fff;margin:0 auto;overflow:hidden;}
.videolist ul li .info a{font-size:13px; text-align:center; display:inline-block; color:#444; display:block;}
.videolist ul li .info h4{text-align:center; font-size:14px; line-height:28px; margin:10px 0; font-weight:500;}
.videolist ul li:hover .info a{color: #f74055;}

.playerbox{clear:both;overflow:  hidden;margin-bottom: 40px;}
.playerbox .video_container{background: #333;float: left;width: 920px;height: 660px;cursor: pointer;}
.playerbox .video_list{float: left;width: 270px;height: 660px;background: #333333;margin-left: 10px;}
.playerbox .video_list header{padding: 26px 0;background: #1d1d1d;}
.playerbox .video_list header p{font-size: 20px;color: #fff;padding-left: 10px;line-height: 18px;}
.playerbox .video_list article{padding: 10px;}
.playerbox .video_list article ul{width: 250px; height: 571px; overflow-y: scroll; overflow-x: hidden;}
.playerbox .video_list article ul li{margin-top: 2px;}
.playerbox .video_list article ul li:first-child{margin-top: 0;}
.playerbox .video_list article ul li a{width: 230px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;font-size: 16px;color: #ccc;box-sizing: border-box;padding-left: 20px;line-height: 44px;height: 44px;}
.playerbox .video_list article ul li a:hover{background: #262626; color: #fff;}
.playerbox .video_list article ul li .clickcurrent{background: #f74055;color: #fff;}

/*===================================单页模型==============================*/
.pagemain{width:100%; overflow:hidden; margin-top:10px;}
.pageview{width:1200px; margin:0 auto; overflow:hidden; padding-top:40px;}
.pageview h2{text-align:center; font-size:26px; line-height:50px; color:#222; font-weight:bold;}
.pageview .content{overflow:hidden; padding:40px 0;}
.pageview .content p{line-height:24px; font-size:16px; color:#444; margin-bottom:20px;}
.pageview .content p img{max-width:100%;}

/*========================解决方案模型========================*/
.solutionmain{width: 100%;overflow:hidden;padding-top:10px;position: relative;background: #eee;}
.solution{width: 1200px;margin: 0 auto;}
.solution .list{}
.solution .list li{width:100%; overflow:hidden; margin-bottom:40px; padding-top:40px;}
.solution .list li .litpic{width:400px;float:left;line-height: 0;border-radius: 50%;}
.solution .list li .info{width:740px;height: 400px;float:left;margin-left:60px;overflow: hidden;position:relative;}
.solution .list li .info h4{color: #91bf14;font-size:30px;line-height:54px;}
.solution .list li .info .gaisu{padding:20px 0; font-size:14px; color:#fff;}
.solution .list li .info .gaisu p{line-height:24px;font-size:14px;color: #444;margin-bottom:14px;}
.solution .list li .info .detail{position:absolute;bottom: 40px;left: 0px;background: #464646;border-radius: 2px;}
.solution .list li .info .detail:hover{background:#7aa20d;}
.solution .list li .info .detail a{display:block;color:#fff;padding: 0 60px;line-height:40px;font-size:15px;}


/*产品页底部询盘框*/
.pro_post_mail{float:left;overflow:hidden;margin-top: 20px;margin-bottom: 60px;}
.pro_post_mail .messages{margin:15px 0;overflow:hidden;width: 800px;}
.pro_post_mail .messlist {margin-bottom:10px;float:left;margin-right: 40px;}
.pro_post_mail .messlist label{float:left;width:180px; height:40px; font-size:14px; line-height:40px; text-align:left;padding-right:10px;}
.pro_post_mail .messlist input{float:left;width: 360px;height:38px;padding:0 12px;border:#dedede 1px solid;font-size:13px;box-sizing:border-box;font-family:'Righteous', "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;}
.pro_post_mail .messlist input:hover,.pro_post_mail .messlist textarea:hover{border-color:#a0d3ff;}

.pro_post_mail .messlist.textareas{height:auto;width: 760px;}
.pro_post_mail .messlist textarea{float:left;width: 100%;height:124px;padding:12px;border:#dedede 1px solid; font-size:13px;box-sizing:border-box; font-family:'Righteous', "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;}
.pro_post_mail .messsub{clear:both;float:left;margin-top: 10px;}
.pro_post_mail .messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
.pro_post_mail .messsub input:hover{ background:#828282;color:#fff;}

.taglist{clear: both;position: relative;float: left;margin-top: 20px;}
.taglist a{padding: 8px 20px;color: #fff;font-size: 12px;background: #999;float: left;margin: 4px;}
.taglist a.hover{background: #f74055;color: #fff;}

/*鼠标右键菜单*/
.contextmenu{display: none; position: absolute; width: 240px; margin: 0; padding: 0; background: #ffffff; border-radius: 5px; list-style: none; box-shadow:0 0 9px 0 rgba(0,0,0,.2); overflow: hidden; z-index: 999999;}
.contextmenu li{border-left: 3px solid transparent; transition: ease .2s;}
.contextmenu li a{display: block; padding: 10px; color: #999; text-decoration: none; transition: ease .2s; font-size:13px;}
.contextmenu li:hover{background: #2a748f; border-left: 3px solid #2d515f;}
.contextmenu li:hover a{color: #ffffff;}

.downloadpdf{position: fixed;background: #fff;z-index: 999;right: 0;bottom: 200px;box-shadow: -2px 2px 6px rgb(68 68 68 / 24%);}
.downloadpdf a{display: block;padding: 20px 40px;color: #4d4d4d;}