@charset "utf-8";
@import url(https://fonts.font.im/css?family=Montserrat|Merienda:400,700);
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: "Merienda", "Montserrat", "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: #999;}
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: #bd3636;
  -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)}
}

/*正式内容*/
.w1200{width:1200px; position:relative; margin:0 auto; overflow:hidden;}

header{width: 100%;margin:0 auto;overflow:hidden;background: #545454;}
.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;overflow:hidden;position:  absolute;top: 0;left:  0;background: linear-gradient(to bottom, #bd3636, #a51f1f);border-radius: 0 0 14px 14px;}
.head h1.logo img{width:100%;}
.head .topcontact{padding-top:36px;float: right;margin-top:10px;color: #fff;}
.head .topcontact span{margin-left: 30px;font-size: 14px;}
.head .topcontact span i{font-size:14px; line-height:20px; margin-right:8px;}
.head .topother{font-size: 12px;line-height:20px;color: #888;position: absolute;top: 10px;right: 0;}
.head .topother a{margin: 0 5px;color: #bbb;}
.head .topother i{line-height:20px;margin-right: 4px;color: #bbb;}

nav{width:100%;float:left;background: rgba(255, 255, 255, 0.9);position:  fixed;top: 95px;z-index: 9998; box-shadow:0 2px 8px rgba(117, 117, 117, 0.24);border-bottom: 4px solid #bd3636;}
.menu{width:1200px; margin:0 auto; height:70px;}
.menu .searchbox {float: right;position:relative;margin-top: 17px;border-radius: 4px;overflow: hidden;}
.menu .searchbox input{height:24px;width: 170px;padding: 6px 14px;font-size: 14px;border: none;float: left;box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2);background: rgba(88, 88, 88, 0.08);}


.menu .searchbox input:focus{outline: 0;}
.menu .searchbox span{font-size: 16px;color: #150d0f;width: 60px;height: 36px;line-height: 36px;text-align:center;cursor:pointer;background: linear-gradient(to bottom, #bd3636, #a51f1f);float: left;}
.menu .searchbox span:hover{}
.menu .searchbox span i{line-height: 36px;font-size: 22px;color: #fff;}

/*导航菜单 */
.menu .item{float:left;color:#333;text-align:left;position:relative;z-index:9;letter-spacing:3px;background: url(../images/nav_bg.png) no-repeat center right;background-size: 12px;}
.menu .item.hover .onelink a{color:#bd3636;}
.menu .item.hover .twojnav{display:block;}
.menu .item .onelink{font-size:15px; margin:0;}
.menu .item .onelink i{padding-left:6px;}
.menu .item .onelink a{color: #444;height:70px;line-height:70px;padding: 0 30px 0 20px;font-size:13px;}
.menu .item .onelink a.hover, .menu .item .onelink a.cur{color: #bd3636;}
.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: 100px;left:0;display:none;background-color: rgba(255, 255, 255, 0.9);box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);width: 500px; transition:opacity 2s;}
.menu .item .twojnav li{list-style-type:none;width:100%;overflow:hidden;position: relative;}
.menu .item .twojnav li:hover {background: #bd3636;border-top-color: #c75d5d;border-bottom-color: #2b0606;}
.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:13px;padding-left:20px; position:relative;}
.menu .item .twojnav .twolink:hover{color: #ffffff;}
.menu .item .twojnav .twolink.show{background: #bd3636;color: #fff!important;}
.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: #eee;}
.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: #91bf14;line-height:40px;margin-right:8px;}
.location .here code{color: #91bf14;margin:0 10px;}
.location .here font{color: #1b1b1b;font-size:15px;}

.index_banner{float:left; width:100%;}
.index_banner .pics_switch{position:relative;width:1600px;margin:auto;height:600px;background:#1b1c24;overflow:hidden;}
.index_banner .pics_switch .pb{height:600px;}
.index_banner .pics_switch .pic_box{float:left;width:1600px;height:600px;overflow:hidden;}
.index_banner .pics_switch .pic_box a{margin:auto;display:block;width:1600px;height:600px;}

/*左右翻页箭头*/
.viewArrows{display:block;width: 80px;height: 80px;line-height: 80px;cursor:pointer;position:absolute;top:269px;text-align: center;}
.prev{left:100px;}
.next{right:100px;}
.prev i,.next i{color:#fff;font-size: 60px;line-height: 80px;}

.index_banner .pics_switch_clients{width:100%;height:80px;position:absolute;left:0;bottom:0;overflow:hidden;}
.index_banner .pics_switch_clients ul{margin:20px auto 0;width:100px;height:auto;overflow:hidden;}
.index_banner .pics_switch_clients ul li{float:left;padding:20px 0;cursor:pointer;}
.index_banner .pics_switch_clients ul li span{display:block;margin-right:5px;width:20px;height: 4px;background:#fff;}


.about{clear:both;overflow:hidden;width:100%;background: #fff;z-index:  999;position: relative;}
.about .con{padding-top: 60px;}
.about .aboutbox{width:1200px;margin: 0 auto;overflow:hidden;}
.about h3{text-align:left;font-size: 28px; line-height:40px; color: #111; position:relative;letter-spacing: 3px; margin-bottom:30px;}
.about .introduction {width: 600px;overflow:hidden;float:left; position:relative;}
.about .introduction .words{overflow: hidden;padding-bottom: 30px;}
.about .introduction .words p{color: #666;font-size:14px;line-height:24px;text-align:justify;margin-bottom: 20px;}
.about .introduction .more{position:absolute;height: 30px;width:80px;bottom:0;right: 0;background: #f74055;}
.about .introduction .more:hover{background:#b02929;}
.about .introduction .more a{font-size:14px;line-height: 30px;text-align:  center;display: block;color: #fff;}
.about .cmppic{float: right;width: 500px;height: 500px;overflow:hidden;}
.about .cmppic img{width:100%;}

.indexproducts{background: #fff;position: relative;overflow: hidden;padding-top:40px;}
.indexproducts h3{text-align:center;font-size: 28px; line-height:40px; color: #111; position:relative;letter-spacing: 3px;}
.products-box{width:1200px; margin:0 auto; box-sizing: border-box; padding:0 0 40px 0;}
.products-slider{padding: 0;margin-top: 60px;}
.products-slider .single-product{width: 100%;position: relative;border-radius: 50%;overflow: hidden;background: #fff;-o-transition: .8s; transition: .8s;-webkit-transition: .8s;-ms-transform: translateX(0);transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
.products-slider .single-product .litpic{width:100%; overflow:hidden;}
.products-slider .single-product .litpic img{width:100%;}
.products-slider .single-product .product-content{padding: 50px;height: 100%;background: rgba(13, 13, 13, 0.5);-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;opacity: 0;position: absolute;top: 0;left:  0;width: 100%;}
.products-slider .single-product .product-content h4{color: #fff;font-weight: 500;position: relative;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}
.products-slider .single-product .seemore{position: absolute;right: 50px;bottom: 30px;background: #444;font-size: 14px;font-weight: 700;color: #fff;display: inline-block;padding: 2px 8px;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.products-slider .single-product:hover .product-content{opacity: 1;}
.products-slider .single-product:hover .product-content h2,
.products-slider .single-product:hover .seemore{bottom: 50px;}
.products-slider .single-product.__loading{opacity: 0;-ms-transform: translateX(40px); transform: translateX(40px);-webkit-transform: translateX(40px);}
.products-slider .owl-nav{text-align: right;max-width: 1170px;margin: 40px auto 0;}
.products-slider .owl-nav .owl-prev,
.products-slider .owl-nav .owl-next{display: inline-block;margin-right: 20px;font-size: 14px;font-weight: 700;color: #777;letter-spacing: 1px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;padding: 0 5px;}
.products-slider .owl-nav .owl-prev:hover,
.products-slider .owl-nav .owl-next:hover{background: #e4cb0d;color: #fff;}
.products-slider .owl-nav .owl-prev i{margin-right: 5px;}
.products-slider .owl-nav .owl-next{margin-right: 0px;}
.products-slider .owl-nav .owl-next i{margin-left: 5px;}


.index-news {clear: both;overflow: hidden;background: #f1f1f1; position:relative;}
.index-news-main{width:1200px; margin:0 auto; margin-top:40px; clear:both; overflow:hidden;}
.index-news-main h3{text-align:center;font-size: 28px; line-height:40px; color: #111; position:relative;letter-spacing: 3px;}
.index-news-list{ float:left; margin-top:50px; padding-bottom:50px;}
.index-news-list ul{ width:1250px; overflow:hidden;}
.index-news-list ul li{ width:30%; margin-right:3%; float:left; list-style-type:none;}
.index-news-list ul li .litpic{text-align:center; position:relative; margin:0 auto; width:100%; height:260px; overflow:hidden;}
.index-news-list ul li .litpic img{position:absolute; left:0; margin-top:15px; width:100%;}
.index-news-list ul li h4{text-align:left; line-height:40px; font-size:18px; margin-bottom:4px; margin-top:6px; font-weight:300;}
.index-news-list ul li h4 a{color:#222; height: 42px; display: block; overflow: hidden;}
.index-news-list ul li h4 a:hover{color:#bd3636;}
.index-news-list ul li p{text-align:justify; font-size:14px; line-height:20px; color:#666; height:100px; overflow:hidden;}
.index-news-list ul li p.readmore{margin-top:18px; text-align:right; font-size:14px; line-height:24px;}
.index-news-list ul li p.readmore a{ color:#000; line-height:24px;}
.index-news-list ul li p.readmore a:hover{color:#bd3636;}
.index-news-list ul li p.readmore a i{color:#111; line-height:24px;}
.index-news-list ul li p.readmore span.time{float:left; color:#444;}
.index-news-list ul li p.readmore span.time i{color:#444; line-height:24px;}


footer{width:100%;float:left;overflow:hidden;background: #545454;}
.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:#fff; 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:#ddd; font-size:14px;}
.footmain .footprolist a:hover{color:#fff;}

.footmain .footcontact {width:30%; float:left; overflow:hidden; margin-left:5%;}
.footmain .footcontact h4{font-size:16px;color: #ffffff;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: #fff;font-size:14px;}
.footmain .footcontact a:hover{color: #f3d5d5;}


.footmain .footpost{float:right; overflow:hidden; width:30%;}
.footmain .footpost h3{color:#fff;}
.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;font-family:"Merienda", "Montserrat",  "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;}
.footmain .footpost .messages input::-webkit-input-placeholder,.footmain .footpost .messages textarea::-webkit-input-placeholder {color: #777;}
.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 #b5b5b5; */box-sizing: border-box;color: #111;background: rgb(238, 238, 238);box-shadow: inset 1px 2px 4px rgba(181, 181, 181, 0.8);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;color: #111;background: rgb(238, 238, 238);box-shadow: inset 1px 2px 4px rgba(181, 181, 181, 0.8);/* border: 1px solid #b5b5b5; */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, #ff9393, #f96e6e);color:#fff;}
.footmain .footpost .messages .sendup input:hover{background: #e4cb0d!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: #4a4a4a;}
.copyright .copyrights{color: #fff;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 a{color: #fff;}
.copyright .copyrights a:hover{ color:#fff;}

/*-------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;text-transform: uppercase;}
.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:"Merienda", "Montserrat",  "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:"Merienda", "Montserrat",  "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:#aaa;}
.messsub{margin-top: 20px;width: 494px;overflow: hidden;float: left;text-align: center;}
.messsub input{width: 200px;height: 40px;background: #bd3636;font-size:14px;cursor:pointer;border-radius: 4px;color: #fff;}
.messsub input:hover{background: #a82121!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; 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:314px;}
.all_contact .cmain .contactus{overflow:hidden;width:80%;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;}
.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 .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:100%;overflow:hidden;padding: 25px 0;}
.soncate a{line-height:20px;font-size:13px;padding:5px 12px;border: 1px solid #666;color: #222;margin: 0 20px 0 0;float: left;font-weight:500;}
.soncate a:hover,.soncate a.cur{border-color: #bd3636;}
.soncate a.cur{background: #bd3636;color:#fff;}

/*分页*/
.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: #888888;line-height: 60px;}
.goback:hover {animation: rotate2 0.8s linear 1; background:#eee;}

/*===================================产品模型==============================*/

.promain{width: 100%;overflow:hidden;padding-top:10px;position: relative;margin-top: 80px;}
.prolist{width: 1200px;margin: 0 auto;overflow:hidden;}
.prolist ul{width: 1260px;overflow:hidden;}
.prolist ul li{width: 268px;float:left;margin: 20px 40px 20px 0;overflow:hidden;background:#fff;}
.prolist ul li:hover{}
.prolist ul li .litpic{width:100%; overflow:hidden;}
.prolist ul li .litpic img{width:100%;display: block;}
.prolist ul li .info{background: #fff;margin:0 auto;overflow:hidden;}
.prolist ul li .info a{font-size:13px; text-align:center; display:inline-block; color:#444; display:block;}
.prolist ul li .info h4{text-align:center; font-size:14px; line-height:28px; margin:10px 0;}
.prolist ul li .info a:hover{color:#222;}

.pro_location{width:100%;float:left;}
.pro_location .here{overflow:hidden;line-height: 40px;}
.pro_location .here a{color: #999;font-size:15px;}
.pro_location .here a i{color: #222222;line-height:40px;margin-right:8px;}
.pro_location .here code{color: #999;margin:0 10px;}
.pro_location .here font{color: #222;font-size:15px;}

/*产品详情*/
.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: #222;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: #bd3636;}
.proview .pro_content .proinfo .category a{color: #999;}
.proview .pro_content .proinfo .category a:hover{color: #bd3636;}
.proview .pro_content .proinfo .prodesc{line-height:22px;font-size:14px;color: #999;}
.proview .pro_content .proinfo .htmlqrcode{clear: both;position: relative;height: 130px;}
.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: url(../images/qico.png) no-repeat center center;width: 40px;height: 40px;position: absolute;top: 118px;margin-top: -20px;right: 0;margin-left: -20px;}
.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: #444;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: #999;display:block;}
.proview .pro_content .proinfo .xunjia a:hover{background: #bd3636;color:#fff;}

/*参数切换*/
.detail_tab_group{position: relative;margin-top:20px;clear:both;width:100%;overflow:hidden;background: #fff;padding: 40px;}
.detail_tab_group .tabpage{opacity: 0;height: 0;overflow: hidden;transition: opacity 0.4s ease, height 0.4s ease;float:left;width: 900px; 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-bottom: 20px;color: #222;border-radius:4px;}
.detail_tab_group .tabpage i{color: #bd3636;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-weight:bold;}
.detail_tab_group .tabpage img{max-width:100%;}
.tab-nav{list-style: none;padding: 0;margin-top: 60px;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: #888;color: #fff;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: #bd3636;color:#fff;}
.tabpage ul{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: #222;margin-bottom: 20px;}
.proview .recommend_products h3 i{margin-right: 8px;line-height: 40px;float: left;color: #bd3636;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: 16px;line-height: 20px;margin: 10px;color: #111;}
.proview .recommend_products ul li .info a:hover{color:#222;}


/*===================================新闻模型==============================*/
.newsmain{width: 100%;overflow:hidden;padding-top: 10px;background: #eee; margin-top: 80px;}
.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 .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: #c3c3c3;font-size:13px;font-weight:300;line-height:30px;}
.newslist .list ul li .newsinfo .pubtime i{margin-right:6px;color: #7aa20d;}
.newslist .list ul li .newsinfo h3{line-height:22px; height:44px; overflow:hidden; font-size:16px; font-weight:500; 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;}
.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;color: #7aa20d;}

/*新闻详情*/
.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;}
.newsview .news_left .news_content p img{max-width:100%;}
.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;}


/*===================================单页模型==============================*/
.pagemain{width:100%; overflow:hidden; margin-top: 80px;}
.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%;}


/*产品页底部询盘框*/
.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:"Merienda", "Montserrat",  "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:"Merienda", "Montserrat",  "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;}

.lan_cn,.lan_gb{width:24px; height:24px; font-size:0; display:block; float:left;}
.lan_cn{background:url(../images/cn.png) no-repeat top center;}
.lan_gb{background:url(../images/gb.png) no-repeat top center;}