@charset "utf-8";
/* CSS by Frank QQ:877133966 in 2010-01-08*/
/*@import url("font.css");*/

/*@font-face {
   font-family: 'OpenSans-Regular';
   src: url(../font/OpenSans-Regular.ttf)format('truetype');
}
@font-face {
   font-family: 'Exo2-Medium';
   src: url(../font/Exo2-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../font/opensans-bold-webfont.eot');
    src: url('../font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-bold-webfont.woff') format('woff'),
         url('../font/opensans-bold-webfont.ttf') format('truetype'),
         url('../font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../font/opensans-regular-webfont.eot');
    src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-regular-webfont.woff') format('woff'),
         url('../font/opensans-regular-webfont.ttf') format('truetype'),
         url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../font/opensans-light-webfont-webfont.eot');
    src: url('../font/opensans-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-light-webfont-webfont.woff2') format('woff2'),
         url('../font/opensans-light-webfont-webfont.woff') format('woff'),
         url('../font/opensans-light-webfont-webfont.ttf') format('truetype'),
         url('../font/opensans-light-webfont-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../font/opensans-semibold-webfont-webfont.eot');
    src: url('../font/opensans-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-semibold-webfont-webfont.woff2') format('woff2'),
         url('../font/opensans-semibold-webfont-webfont.woff') format('woff'),
         url('../font/opensans-semibold-webfont-webfont.ttf') format('truetype'),
         url('../font/opensans-semibold-webfont-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('../font/opensans-extrabold-webfont-webfont.eot');
    src: url('../font/opensans-extrabold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-extrabold-webfont-webfont.woff2') format('woff2'),
         url('../font/opensans-extrabold-webfont-webfont.woff') format('woff'),
         url('../font/opensans-extrabold-webfont-webfont.ttf') format('truetype'),
         url('../font/opensans-extrabold-webfont-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
	}*/

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;vertical-align:baseline}
strong{font-weight:bold;}
/* 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: rgb(255, 91, 107);
  -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);
}
/* scrollbar for chrome end */
/*通用图片放大效果*/
.img{/* height:auto; *//* overflow:hidden; *//* position:relative; */}
.img img{width:100%;height: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;}

/*固定置顶专用*/
.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)}
}

/*立体翻转*/
@-webkit-keyframes fanzhuan{from{-webkit-transform: rotateY(0deg)}
to{-webkit-transform: rotateY(360deg)}
}
@-moz-keyframes fanzhuan{from{-moz-transform: rotateY(0deg)}
to{-moz-transform: rotateY(360deg)}
}
@-o-keyframes fanzhuan{from{-o-transform: rotateY(0deg)}
to{-o-transform: rotateY(360deg)}
}
@keyframes fanzhuan{from{transform: rotateY(0deg)}
to{transform: rotateY(360deg)}
}

/*语言选择器*/
.language {position: absolute;right: 0;background: #828282;border-radius: 0 0 6px 6px;padding: 5px 10px;font-size: 12px;color: #fff;}
.language a {color: #fff;padding: 0 4px;}
.language a:hover{ color:#ffbcbd;}

/*通用*/
.transition {transition:1.5s;}
body{ font-family:"open_sansregular", "open_sanslight", "Microsoft Yahei", "微软雅黑", "Tahoma", "Arial", "sans-serif";}
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;}
.hdslider{ overflow:hidden; clear:both; position:relative; z-index:99; background:#fff;}

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

/*-------Reveal Modals 弹出留言窗口-------*/
.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: 520px;background: #fff;position: absolute;z-index: 101;padding: 30px 40px 34px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-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;}
.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: 22px;line-height: .5;position: absolute;top: 8px;right: 11px;color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold;cursor: pointer;} 

/*留言窗口样式*/
.sendrequire h3{line-height:34px; font-size:16px; font-weight:normal;font-family: 'open_sansregular';}
.sendrequire h3 i{ margin-right:6px; color:#7caf1a;}
.post_mail{float:left; width:530px; overflow:hidden; padding-top:20px;}
.messages{margin:15px 0; float:left; overflow:hidden;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; }
.messlist {margin-bottom:10px; float:left; margin-right:30px;}
.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:221px;height:38px;padding:0 12px;border:#dedede 1px solid;}
.messlist textarea{float:left;width:498px; height:124px;padding:12px;border:#dedede 1px solid; font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
.messsub{ clear:both; float:left; margin-top:30px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
.messsub input:hover{ background:#4e5248;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{background:#aaa;color:#fff;line-height:36px;overflow:hidden;margin:0 5px;height:36px;text-align:center;border-radius: 50%;display: inline-block;width: 36px;}
.pagelist a{color:#999;display: inline-block;width: 36px;height: 36px;line-height: 36px;overflow: hidden;margin:0 5px;}
.pagelist a:hover{color:#000;}
.pagelist a.a1{width:auto;!important}

/*顶部一小行*/
.head_wrap {background: #272727;box-shadow:0px 1px 5px rgba(0,0,0,0.2);float:left;width:100%;position:relative;z-index:9999;border-bottom: 1px solid #d12224;}
.tophead{width: 100%;overflow:hidden; height:90px;background: #fff;}
.tophead .tophead_main{width:1200px; overflow:hidden; margin:0 auto; position:relative;}
.tophead .tophead_main .logo{width:400px; float:left; margin-top:10px;}
.tophead .tophead_main .logo img{width:100%;}
.tophead .tophead_main .topcontact{margin-left:40px;position: relative;float: left;margin-top: 30px;}
.tophead .tophead_main .topcontact span{font-size: 20px;line-height:24px; color:#d12224; margin-right:20px;}
.tophead .tophead_main .topcontact span i{margin-right:6px; color:#444;}

/*搜索框*/
.searchbtn{width: 40px;height: 40px;font-size: 24px;text-align: center;position:relative;float:right;margin-top:20px;}
.searchbtn a{display:block;}
.searchbtn a i{color:#fff; line-height:40px;}
.searchbtn a:hover i{color:#ff5b6b;}
.searchbox{position: absolute;display:none;overflow: hidden;top: 85px;right: 0;}
.searchbox dl{margin: 3px 6px 6px 6px;padding:10px;position:relative;width: 300px;float: right;background: #fff;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);}
.searchbox dl input{height: 34px;width: 200px;color:#999999;padding:0 10px;border: none;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2) inset;}
.searchbox dl span{font-size: 14px;color:#fff;position: relative;width: 80px;display:block;line-height: 34px;float: right;text-align:center;cursor:pointer;background: #ff5b6b;}
.searchbox dl span:hover{background:#df0015;}


/*导航菜单 */
.header{width:1200px;margin:0 auto; position:relative;*z-index:1}
.top-nav {float:left;}
.top-nav .navlist-wrap{position:relative; float:left;}
.top-nav-menu{width:100%;float:right;}
.top-nav-menu .item{float:left;color:#fff;text-align:left;position:relative;border-left: 1px solid #000;border-right: 1px solid #444;z-index:9;}
.top-nav-menu .item.cur, .top-nav-menu .item:hover {background: #d12224;border-right: 1px solid #d12224;}
.top-nav-menu .item .onelink{font-size:15px; margin:0;}
.top-nav-menu .item .onelink i{padding-left:6px;}
.top-nav-menu .item .onelink a{color:#fff;height:70px;line-height:70px;padding: 0 40px;font-size:14px;}
.top-nav-menu .item .onelink a.hover,.nqhtopnav .item .onelink a.cur{font-weight:normal;}
.top-nav-menu .item .onelink a span{display:none;font-size:12px;font-weight:normal;line-height:12px;height:12px;overflow:hidden;}
.top-nav-menu .item .onelink a.hover span,.nqhtopnav .item .onelink a.cur span{display:block;}
.top-nav-menu a{cursor:pointer;display:block; color:#444; text-decoration:none;}
.top-nav-menu .last{padding:0;float:left;}

/*主导航二级导航*/
.twojnav{position:absolute;top:70px;left:0;display:none;background-color:#444;box-shadow: 1px 1px 2px rgba(34, 34, 34, 0.44);}
.twojnav li{ list-style-type:none; margin-right:100px; width:100%;}
.twojnav li:hover {background: #555;}
.twojnav a{color:#ddd;text-align:left; text-decoration:none;}
.twojnav .twolink{display:block;line-height:40px;height:40px;overflow:hidden;font-size:14px;padding:0 18px; position:relative;}
.twojnav .twolink:hover{color:#ff5b6b;}
.twojnav .twolink.show{}
.threejnav{background:#555;display:none;position: absolute;width: 300px;z-index: 9999;margin-left: 150px;margin-top: -40px;}
.threejnav a{display:block;line-height:40px;padding-left:13px;padding-left:40px;font-size:12px;color:#ddd;}
.threejnav a:hover{background-color:#666;color:#ffd55b;}

/*首页幻灯*/
.indexbanner { width: 100%; height: 600px; overflow: hidden; position: relative; z-index: 1; }
.slides { width: 300%; height: 600px; position: relative; left: 50%; margin-left: -960px; }
.slides li { float: left; position: relative; }
.slides li img { display: block; width: 1920px; height: 600px; }
.indexbanner-btn { position: absolute; bottom: 20px; width: 1200px; height: 16px; text-align: center; overflow: hidden; z-index: 999; left: 50%; margin-left: -600px; line-height: 99; }
.indexbanner-btn a { display: inline-block; *display: inline; *zoom: 1; background: #fff; margin: 0 8px; width: 14px; height: 14px; border-radius:7px; }
.indexbanner-btn .cur { background:#003333; }

/*首页公司简介*/
.index-introduction{width:100%; overflow:hidden; position:relative;}
.index-introduction .introbg{position:absolute;right:0;top:0;width:20%;height:100%;background:url(../images/aboutus.jpg) no-repeat top left;background-size:120%;z-index: 9;}
.introduction {width:1200px;margin: 0 auto;overflow:hidden; padding: 40px 0;position: relative;}
.introduction .intro_title{float:left; width:300px; padding-top:60px;}
.introduction .intro_title h2{font-size:36px; font-weight:bold; text-align:left; line-height:56px;color:#222;}
.introduction .intro_title p{color:#d12224; font-size:30px; font-weight:bold; text-align:left; line-height:56px; margin-bottom:20px;}
.introduction .info{width:600px; float:left;}
.introduction .info p{color:#666; font-size:15px; line-height:30px; text-align:justify; margin:10px 0;}
.cmppic{float:left; width:520px; height:260px; overflow:hidden; margin-top:42px; margin-left:60px;}
.cmppic img{width:100%;}

/*最新新闻*/
.indexnews{float:left;width:100%;padding:60px 0;background: #f3f3f3;}
.indexnews h3{font-size:34px;font-weight:bold;text-align:center;line-height:56px;margin-bottom:20px;color: #252525;}
.index_news_list{width: 1200px;margin:0 auto;overflow:hidden;}
.index_news_list .right_news{float:right;width: 600px;}
.index_news_list .left_news{float:left; width:580px; background:#fff;}

.index_news_list .left_news .newspic{width: 100%; height:348px; overflow:hidden;float:left;}
.index_news_list .left_news .newspic img{width:100%;}
.index_news_list .left_news .newsinfo{margin-top:0;padding: 0 4%;float:left;}
.index_news_list .left_news .newsinfo .title{position:relative;line-height:22px; overflow:hidden; font-size:18px; font-weight:500; margin: 20px 0 8px 0; display:block; width:100%; height:22px;}
.index_news_list .left_news .newsinfo h4{position:absolute; left:0;}
.index_news_list .left_news .newsinfo .desc{font-size:14px; line-height:20px; color:#999; font-weight:300; text-align:justify; height:60px; overflow:hidden;}

.index_news_list .right_news ul { overflow:hidden;}
.index_news_list .right_news ul li{float:left;width: 100%;margin-bottom:10px;background:#fff;}
.index_news_list .right_news ul li:hover{ background:#d0d0d0;}
.index_news_list .right_news ul li .newsinfo{margin-top:0;padding: 0 4%;}
.index_news_list .right_news ul li .newsinfo .title{position:relative;line-height:22px; overflow:hidden; font-size:18px; font-weight:500; margin: 20px 0 8px 0; display:block; width:100%; height:22px;}
.index_news_list .right_news ul li .newsinfo h4{position:absolute; left:0;}
.index_news_list .right_news ul li .newsinfo .desc{font-size:14px; line-height:20px; color:#999; font-weight:300; text-align:justify; overflow:hidden;}
.index_news_list .right_news ul li .newsinfo .other{border-top:1px solid #eee; padding:14px 0; margin-top:10px;}
.index_news_list .right_news ul li .newsinfo .other .readmore{float:right; color:#797979; font-size:13px;}
.index_news_list .right_news ul li .newsinfo .other span{color:#999; font-size:13px; margin-right:16px;}
.index_news_list .right_news ul li .newsinfo .other span i{margin-right:6px;}


/*首页产品*/
.index_products{width:100%;clear:both;overflow:hidden;background: #d12224 url(../images/index_probg.jpg) no-repeat center center;}
.products{width: 1240px;margin:0 auto;overflow:hidden;padding:40px 0;}

.products h3{font-size:34px; font-weight:bold; text-align:center; line-height:56px; margin-bottom:20px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.26); color:#fff;}
.products ul{overflow:hidden;}
.products ul li {width: 18%;float:left;margin: 2% 3.16%;position: relative;border: 4px solid #333333;}
.products ul li .litpic{width:100%;overflow:hidden;position:relative;}
.products ul li .litpic a{float:left;width:100%;}
.products ul li .litpic img{width:100%;}
.products ul li .title{line-height:40px;height:40px;text-align:center;position: relative;width: 100%;}
.products ul li p{color: #fff;background: #6d6d6d;}
.products a.more{width:120px; overflow:hidden; text-align:center; display:block; margin:50px auto 0 auto; color:#fff; border-radius:15px; height:30px; line-height:30px; border:1px solid #fff;}
.products a.more:hover{background:#fff; color:#FF0000;}

/*FOOTER*/
.footer{width:100%; background:#333; float:left; overflow:hidden; position:relative; z-index:99;}
.copyright {background:url(../images/foot_logo.png) no-repeat left center; background-size:160px; color: #fff; width: 1200px;margin: 0 auto;height: 70px;  line-height: 70px; position: relative; text-align: center; font-size:14px;}
.copyright span{color:#fff; margin-left:60px; font-style:italic; float:right;}
.copyright a{color:#fff;}

.wrap{min-height:400px; background:#f1f1f1; overflow:hidden; width:100%;}
.page_banner{float:left; width:100%; overflow:hidden; position:relative; height:300px;}
.page_banner .catename {position: relative;color: #fff;padding: 20px 0;width: 300px;margin: 0 auto;text-align: center;font-size: 36px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);top: 90px;border-bottom: 1px solid rgba(51, 51, 51, 0.6);border-top: 1px solid rgba(51, 51, 51, 0.6);box-shadow: 0 0 black; font-weight:bold;}

/*LOCATION*/
.location{margin:0 auto;width:1200px;clear:both;height:40px;line-height: 40px;padding: 20px 0; position:relative; font-size:14px; color:#666;}
.location font,.location a{color:#444; padding:5px 12px; margin:0 4px;font-size:13px; line-height:40px;}
.location font{ color:#aaa;}
.location i{margin-right:6px;font-size:13px; line-height:20px;}
.location a:hover{color:#040404;}
.location span.tips{float:right; margin-right:1%; font-size:13px; line-height:20px; color:#aaa;}
.location .select_cate{float:right;}
.location .select_cate .select_cate_btn{background:#000; color:#fff; padding:10px 30px; border:none;}
/*中间白色主区块*/
.viewmain{width:1200px; overflow:hidden; margin:20px auto; background:#fff; position:relative;/*box-shadow: 0 0 9px rgba(175, 175, 175, 0.15); border: 1px solid #dedede;*/}

/**********************产品中心*******************/
.promain{width:1200px;overflow:hidden;margin:0 auto;padding-top:10px;position: relative;}
.category_list{width: 240px;float: left;background: #fff;padding: 20px;margin-top:10px;position: absolute;height: 100%; min-height:600px;}
.category_list h2{font-size:26px; color:#444; line-height:44px; height:44px; margin-bottom:20px;}
.category_list dl{}
.category_list dt{ color:#fff;}
.category_list dt a{color:#fff; background:#999; padding:6px 15px; font-size:16px; display:block;}
.category_list dt a.bigcate_cur{background:#333!important; color:#fff;}
.category_list dd{ padding:15px 0px;}
.category_list dd li{position:relative;list-style-type:none;height:34px;overflow: hidden;}
.category_list dd li a{font-size:14px;color:#444;display:block;line-height:34px;padding-left:20px;position:absolute;width: 100%;}
.category_list dd li a.cate_cur {color: #d12224!important;font-weight: bold;background: #eee;}

.prolist{width:100%;overflow:hidden;float: right;width: 900px;margin-top:10px;background: #fff; min-height:1160px;}
.prolist ul{width:100%;overflow:hidden;margin-left: -1px;top: 1px;position: relative;}
.prolist ul li{width: 33.2%;float: left;margin: 0;overflow:hidden;background:#fff;border-left: 1px solid #eee;border-bottom: 1px solid #eee;}
.prolist ul li .litpic{width: 100%;overflow:hidden;float: left;}
.prolist ul li .litpic img{overflow:hidden; width:100%;}
.prolist ul li h4{font-size:14px;line-height:48px;color:#333;text-align: center;}

.prolist ul li .info .explain p.activity em{color:#ff0000;}
.prolist ul li .info a{width:48%; font-size:13px; text-align:center; display:inline-block; color:#999;}
.prolist ul li .info a:hover{text-decoration:underline!important; color:#2a748f;}
.prolist ul li .info a i{margin-right:6px;}
.prolist ul li .info a.more{background:#ff5b6b; color:#fff; font-size:13px; line-height:26px; padding:3px 10px; display:block; width:50%; text-align:center; float:right; position:relative;}
.prolist ul li .info a.more:hover{width:60%;}
.prolist ul li .info a.more:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width: 25px;
 height: 50px;
 top: 0;
 left: -45px;
 opacity: 0.3;
 -webkit-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
 -webkit-transform: skewX(-25deg);
 transform: skewX(-25deg);
}
.prolist ul li .info a.more:hover:before {width: 45px;left: 205px;}

	/*详情*/
.proview {width:92%; overflow:hidden; margin:0 auto; padding-top:20px;}
.proview .litpic{width:34%; overflow:hidden; float:left; border-radius:50%;}
.proview .litpic img{width:100%;}
.proview .right_info{float:right;width: 62%;}
.proview .right_info h1{line-height:40px;font-size:20px;margin-bottom:10px;}
.proview .right_info .category{font-size:14px; display:block; height:22px; line-height:22px;}
.proview .right_info .category i{margin-right:6px; color:#040404;}
.proview .right_info .category a{color:#999;}
.proview .right_info .category a:hover{color:#444;}
.proview .right_info p{line-height:22px; font-size:14px;}
.proview .right_info .htmlqrcode{float:right; position:relative;}
.proview .right_info .htmlqrcode .qico{background: #fff url(../images/qico.png) no-repeat center center; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; border-radius: 4px;}
.proview .right_info .leftbtns{float:left; width:460px;}
.proview .right_info .other{overflow: hidden;height: 40px;margin-bottom:20px; border:1px solid #ddd; position:relative;border-radius:4px; float:left; width:100%;}
.proview .right_info .other i{color:#999; font-size:34px; line-height:40px;}
.proview .right_info .other a.pre_pro{float:left;height:40px;width:10%;position:absolute;left:0; text-align:center;}
.proview .right_info .other a.next_pro{float:right;height:40px;width:10%;position:absolute;right:0; text-align:center;}
.proview .right_info .other a.cate_pro{text-align: center;line-height: 40px;font-size: 20px;position: absolute;margin-left: 10%;color: #fff; width: 80%;}
.proview .right_info .other a.cate_pro i{font-size:18px;}
.proview .right_info p.prodescription{padding:10px 0;color:#aaa; margin-bottom:40px;}
.proview .right_info .other a.cate_pro:hover{color:#eee;}
.proview .right_info .pro_tel{color: #a5a5a5; background:#ffffff; text-align:center; line-height: 40px;height:40px;font-size:16px; border-radius: 4px; float:left; border:1px solid #ddd; width:100%;}
.proview .right_info .pro_tel i{margin-right:8px;}
.proview .right_info .xunjia{width: 100%; line-height: 40px; height: 40px; float: left; margin-bottom: 20px; font-size: 14px; border-radius: 4px; text-align: center; border:1px solid #ddd; overflow:hidden;}
.proview .right_info .xunjia i{margin-right: 6px;}
.proview .right_info .xunjia a{color: #444; display:block;}
.proview .right_info .xunjia a:hover{background:#eee;}
	/*参数切换*/
.detail_tab_group{position: relative;margin-top:20px; clear:both; width:100%; border-top: 1px solid #ddd; overflow:hidden;}
.detail_tab_group .tabpage{opacity: 0;height: 0;overflow: hidden;transition: opacity 0.4s ease, height 0.4s ease;text-align:center; float:left; width:800px;}
.detail_tab_group .tabpage.active{opacity: 1;height: auto;overflow: visible; padding-bottom:40px;}
.detail_tab_group .tabpage h3{text-align:center; font-size:16px; line-height:34px; width:100%; margin:28px 0; color:#fff; background:#ff5b6b; border-radius:4px; box-shadow: 0 0 9px #bbbbbb;font-family: 'open_sansregular';}
.detail_tab_group .tabpage i{color:#fff; height:34px; line-height:34px; font-size:14px; margin-right:8px;}
.detail_tab_group .tabpage img{max-width:100%;}
.tab-nav{list-style: none; padding: 0; margin-top:24px; 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:20px;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:1px solid #ddd; border-radius:3px;}
.tab-nav li.active a{background: #ff5b6b;color:#fff; border:1px solid #ff5b6b;}


/*新闻列表页-列表*/
.newsmain{width:1200px; overflow:hidden; margin:0 auto; padding-top:10px;}
.newslist{width:100%; overflow:hidden; margin:0 auto;}
.newslist{ width:100%; float:left; overflow:hidden;}
.newslist ul {padding-top:20px;width: 100%;overflow:hidden;}
.newslist ul li{width: 100%;margin:0 40px 40px 0;background:#fff;box-shadow: 0px 2px 9px rgba(27, 27, 27, 0.1);overflow: hidden;}
.newslist ul li .newspic{width: 300px;height: 200px;overflow:hidden;float: left;margin: 20px;}
.newslist ul li .newspic img{width:100%;}
.newslist ul li .newsinfo{float: left;border-top:none;padding:30px;background: #fff;width: 800px;border-left: 0;}
.newslist ul li .newsinfo .pubtime{color:#ff5b6b;font-size:13px;font-weight:300;line-height: 50px;}
.newslist ul li .newsinfo .pubtime i{margin-right:6px; color:#ff5b6b;}
.newslist ul li .newsinfo h3{line-height:22px;height: 22px;overflow:hidden;fo;font-size: 20px;nt-weight:500;margin-bottom:10px;color:#555;font-family: 'open_sansregular';}
.newslist ul li .newsinfo h3:hover{color:#333;}
.newslist ul li .newsinfo .desc{font-size:14px; line-height:20px; color:#777; font-weight:300; text-align:justify; height:60px; overflow:hidden;}
.newslist ul li .newsinfo .other{border-top:1px solid #eee;padding-top:14px;}
.newslist ul li .newsinfo .other .readmore{float:right; color:#888; font-size:13px;}
.newslist ul li .newsinfo .other .readmore:hover{color:#333;}
.newslist ul li .newsinfo .other .hits{float:left; color:#999; font-size:13px;}
.newslist ul li .newsinfo .other i{margin-right:6px; color:#888;}

/*新闻及产品列表页子菜单弹出*/
.soncatebox{float:right; position:absolute; width:180px; text-align:center; right:0; top:0;}
.soncatebox .drop{font-weight: bold; float: left; width: 180px; position: relative; background: #ecf0f1;}
.soncatebox .drop a{position: relative;}
.soncatebox .drop a i{margin-left:8px;}
.soncatebox .drop a.selectbtn{display: block; padding: 20px 8px; color: #fff; position: relative; z-index: 20; text-align: center; text-decoration: none; font-weight: 300; margin:0; background:#333;}
.soncatebox .drop a.selectbtn:hover{background:#009f95; color:#fff;}
.soncatebox .sub_menu{display: none; position: absolute; top: 0; left: 0; width: 180px; z-index: 10; background:#666;}
.soncatebox .sub_menu li{font-weight: normal;}
.soncatebox .sub_menu li a{display: block; color: #ddd; margin:0;}
.soncatebox .sub_menu li a:hover{display: block; background: #444 !important; color: #fff !important;}


/*新闻详情*/
.newsview{padding:60px;}
.newsview h1{font-size:24px; line-height:40px; text-align:center;}
.newsview .info{text-align:center; margin:10px;}
.newsview .info span{margin:0 20px; font-size:13px; color:#999;}
.newsview .info span i{color:#999; margin-right:6px;}
.newsview .content{margin-top:30px;}
.newsview .content p{margin:14px 0; line-height:24px; font-size:14px; color:#666; text-align:center;}
.newsview .cansu{margin-top:30px; font-size:14px; padding:0 40px;}
.newsview .cansu h3{text-align:center; font-size:24px; line-height:60px; color:#222; border-bottom: 1px dashed #ddd; margin-bottom:24px;}
.newsview .cansu p{font-size:14px; color:#666; line-height:22px; margin-bottom:20px; text-align:justify;}
.newsview .cansu p img{max-width:100%;}
.newsview .pn{float:left; clear:both; margin:40px 0; width:100%; border-radius:20px; overflow:hidden;}
.newsview .pn li{ font-size:14px; line-height:40px; color:#666; border-bottom: 1px solid #ddd;}
.newsview .pn li a{color:#999;}
.newsview .pn li a:hover{color:#ff5b6b;}
.newsview .pn li.next{float:right; width:40%; overflow:hidden; text-align:right; padding-right:14px;}
.newsview .pn li.next i{ margin-left:11px; line-height:40px; float:right; color:#999;}
.newsview .pn li.pre{float:left; width:40%; overflow:hidden; text-align:left; padding-left:14px;}
.newsview .pn li.pre i{ margin-right:11px; line-height:40px; float:left; color:#999;}
.newsview .pn .line {height: 8px;background: #ff5b6b;border: 0;border-radius: 4px;position: relative;margin-top: 37px;}

.newsview .content table{margin:0 auto;}
.newsview .content table td{border:1px solid #ddd; padding:10px!important; color:#666; border-color: #999!important;}
.newsview .content table td strong{ font-weight:normal; color:#666;}

/**********************搜索页*******************/
.searchmain{width:1200px; overflow:hidden; margin:0 auto; padding-top:10px;}
.searchlist{width:100%; overflow:hidden; margin:0 auto;}
.searchlist ul{ width:100%; overflow:hidden;}
.searchlist ul li{width: 23%;float:left; box-shadow:.0px 1px 3px #ddd;margin:1%;overflow:hidden;background:#fff; position:relative;}
.searchlist ul li .litpic{width: 100%;overflow:hidden;float: left;}
.searchlist ul li .litpic img{width:100%; overflow:hidden;}
.searchlist ul li .litpic img:hover{}
.searchlist ul li .title{position:absolute; text-align:center; bottom:0; width:100%; overflow:hidden; height:40px; line-height:40px; background:rgba(0, 0, 0, 0.38); color:#fff;}

/*单页*/
.pages{padding:60px;}
.pages h1{font-size:24px; line-height:40px; text-align:center;}
.pages .content{margin-top:30px; overflow:hidden;}
.pages .content p{margin:14px 0; line-height:24px; font-size:14px; color:#666;}

/*联系我们*/
.all_contact{position:fixed;z-index:99999;width: 0;height: 100%;background: #555;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; text-align:center; border-radius:50%; overflow:hidden;}
.all_contact .close i{color:#fff; transition:1.2s; cursor:pointer; line-height:40px;}
.all_contact .close i:hover{color:#d12224; 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:#eee; width:500px;}
.all_contact .cmain .contactus .contactinfo p{margin:14px 0; line-height:22px; font-size:14px; color:#eee; width:500px;}
.all_contact .cmain .contactus .contactinfo p i{width:24px; text-align:center; color:#ffffff; margin-right:5px;}
.all_contact .map{width: 48%;min-width:400px;float:left;height:100%;border-right:6px solid #fff;box-shadow: 1px 0 4px rgba(121, 121, 121, 0.52);}
.all_contact .map .themap{height:100%;}