@charset "utf-8";
/* CSS by Frank QQ:877133966 in 2017-06-05*/
/*@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');
}*/
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}
/* 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);
}
/* 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;
}
/*旋转*/
@-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)}
}
/*菜单选择器结束*/
.transition {transition:1.5s;}
body{ font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif}
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;}
.hdslider{ overflow:hidden; clear:both;}
.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;}
.sendrequire h3 i{ margin-right:6px; color:#0b6c8a;}
.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.textareas{ height:auto;}
.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:#828282;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:#fff;color:#444;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: #fff url(../images/top_bg.png) no-repeat center center; box-shadow:0px 1px 5px rgba(0,0,0,0.2); float:left; width:100%; position:relative; z-index:9999;}
.header{width:1200px;position: absolute;*z-index:1;bottom: 0;right: 0;}
.logo{height: 100px;width: 300px;overflow:hidden;float:left;}
.logo img{width:100%;}
.top-head{height:36px; color:#999;}
.top-head .topmain{width:1200px; margin:0 auto; overflow:hidden;}
.top-head .top-contact{ float:right; height:36px; overflow:hidden;}
.top-head .top-contact a{display:block;float:left;color: #f7f7f7;font-size:14px;padding:0 6px;line-height:36px;}
.top-head .top-contact a i{line-height:36px; font-size:16px; overflow:hidden; float:left; margin:0 10px;}

/*搜索框*/
.headsearch{float: left;height: 84px;position: relative;z-index: 2;overflow:hidden;margin-top: 20px;}
.inputbox {width: 100%;height: auto;overflow: hidden;margin-top: 30px;border-bottom: 1px solid #ddd;}
.headsearch_inp{float:left;color: #999;width:140px;font-size: 14px;padding-left:8px;height:34px;line-height:30px;display:block;background: none;border:none;}
.headsearch_btn{width: 40px;height: 36px;background: url(../images/search_btn.png) center center no-repeat;cursor: pointer;border:none;background-size:20px 20px;}

/*导航菜单 */
.top-nav {float: right;margin: 20px 0 0 0;}
.top-nav .navlist-wrap{position:relative;float:left;background: #e60013;padding: 0 40px;border-radius: 10px 0 0 0;}
.top-nav-menu{width:100%;}
.top-nav-menu .item{float:left;height:84px;color:#333;text-align:left;position:relative;z-index:9;}
.top-nav-menu .item .onelink{font-size: 14px;}
.top-nav-menu .item .onelink i{padding-left:6px;}
.top-nav-menu .item .onelink a{color:#fff;height: 84px;line-height: 84px;padding:0 36px;font-size: 15px;}
.top-nav-menu .item .onelink a.hover,.nqhtopnav .item .onelink a.cur{text-shadow: none;background: #fff;color: #444;}
.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;line-height:84px; color:#444; text-decoration:none;}
.top-nav-menu .item:nth-child(1) .onelink{border-left: none;}
.top-nav-menu .item:last-child .onelink{border-right: none;}
/*主导航二级导航*/
.twojnav{position:absolute;top:84px;left:0;display:none;background-color:#fff;box-shadow: 1px 2px 2px rgba(34, 34, 34, 0.44); border-radius: 0 0 8px 8px; overflow:hidden;}
.twojnav li{list-style-type:none;margin-right:150px;width:100%;position: relative;}
.twojnav a{color:#666;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 li em{position: absolute;right: 16px;line-height: 40px;top: 0; color:#4e4e4e;}
.twojnav .twolink:hover{color: #0a0a0a;}
.twojnav .twolink.show{background: #4e4e4e;color: #fff;}
.threejnav{background: #ececec;display:none;}
.threejnav a{display:block;line-height:40px;padding-left:13px; padding-left:40px; font-size:12px;}
.threejnav a:hover{background-color: #e2e2e2;color: #e60013;}

/*语言选择器*/
.select_language_box{position: relative;float: right;}
.tigger{overflow:hidden;display: block;text-align:center;color: #fff;font-size: 14px;line-height: 36px; margin-left:20px;}
.tigger i {font-size: 14px;color: #fff;line-height: 36px;float: left;margin-right: 8px;}
.tigger:hover{}
.selectbox{width: 120px;position:relative;overflow: hidden;}
.selectbox .up{position:absolute;width: 10px;height: 10px;top: 0;left: 50%; margin-left:-3px;}
.selectbox .up i{font-size:14px; line-height:14px; color:#fff;}
.selectbox .select_main{position:relative;background:#fff;box-shadow: 1px 2px 4px 2px rgba(76, 76, 76, 0.13);margin: 10px;border-radius: 4px;overflow: hidden;}
.selectbox .select_main h2 {padding: 15px 0 15px 15px;color: #bbb;line-height: 20px;height: 20px;font-size: 14px;background: #ffffff;}
.selectbox .select_main ul{zoom:1;overflow:hidden;font-size:12px; padding:8px 0;}
.selectbox .select_main ul li{text-align:center;line-height:24px;}
.selectbox .select_main ul li a{color:#888;display:block;}
.selectbox .select_main ul li a:hover{color:#222;}
.selectbox .select_main a.close_btn{display:block;border-radius:6px;text-align:center;font-size: 16px;color: #fb4d4d;}
.selectbox .select_main a.close_btn:hover{color:#9d2626;animation: rotate2 0.8s linear 1;}
.selectbox .select_main a.close_btn i {line-height: 30px;}

/*首页幻灯*/
.indexbanner { width: 100%; height: 720px; overflow: hidden; position: relative; z-index: 1;}
.indexbanner .box{width:80%; margin:0 auto; overflow:hidden; padding-top:140px; margin-top:-720px; position:relative;}
.indexbanner .box .half_left{width:40%;float:left;}
.indexbanner .box .half_right{width:40%;float:right;background: rgba(0, 0, 0, 0.34);padding:2.8%;color: #fff; line-height:30px; font-size:16px; margin-top:100px;}
.indexbanner .box .half_right h1{font-size:24px; line-height:36px; margin-bottom:6px;}
.indexbanner .box .half_left .circles{padding: 60px;background: rgba(255, 255, 255, 0.74);border-radius: 50%;width: 322px; border:4px solid #222;}
.steps{margin: 0 auto;height: 322px;list-style: none;width: 322px;z-index: 0;position: relative;color: #fff;border: 2px solid #e60013;border-radius: 50%;}
.steps_icon{width: 50%; border-radius:50%; top: 25%;position: absolute;left: 25%;}
.steps_description{position: absolute;bottom: 25%;text-align: center;width: 100%;}
.steps_description span{font-weight: bold;color: #444;text-align: center;}
.is-active a{font-size: 2em !important; background: #373232 !important;}
#steps-menu ul li{-moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; border-left: 140px solid transparent; border-top: 1px solid transparent; font-size: 10px; left: 50%; list-style: none; position: absolute; top: 50%; transform-origin: 0 0;}
#steps-menu ul li a{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #FFB533; color: #fff; text-decoration: none; position: absolute; border: 2px solid #fff; border-radius: 50%; text-align: center; height: 32px; width: 32px; font-size: 14px; line-height: 32px; box-shadow: 0 0 0 0 transparent;}
#steps-menu ul li a:hover{background: #373232; box-shadow: 0 0 0px 3px #373232;}
.step-1 ul li:nth-of-type(1){transform: rotate(-97deg);}
.step-1 ul li:nth-of-type(1) a{transform: rotate(97deg);}
.step-2 ul li:nth-of-type(1){transform: rotate(-157deg);}
.step-2 ul li:nth-of-type(1) a{transform: rotate(157deg);}
.step-3 ul li:nth-of-type(1){transform: rotate(-217deg);}
.step-3 ul li:nth-of-type(1) a{transform: rotate(217deg);}
.step-4 ul li:nth-of-type(1){transform: rotate(-277deg);}
.step-4 ul li:nth-of-type(1) a{transform: rotate(277deg);}
.step-5 ul li:nth-of-type(1){transform: rotate(-337deg);}
.step-5 ul li:nth-of-type(1) a{transform: rotate(337deg);}
.step-6 ul li:nth-of-type(1){transform: rotate(-397deg);}
.step-6 ul li:nth-of-type(1) a{transform: rotate(397deg);}
.step-1 ul li:nth-of-type(2){transform: rotate(-37deg);}
.step-1 ul li:nth-of-type(2) a{transform: rotate(37deg);}
.step-2 ul li:nth-of-type(2){transform: rotate(-97deg);}
.step-2 ul li:nth-of-type(2) a{transform: rotate(97deg);}
.step-3 ul li:nth-of-type(2){transform: rotate(-157deg);}
.step-3 ul li:nth-of-type(2) a{transform: rotate(157deg);}
.step-4 ul li:nth-of-type(2){transform: rotate(-217deg);}
.step-4 ul li:nth-of-type(2) a{transform: rotate(217deg);}
.step-5 ul li:nth-of-type(2){transform: rotate(-277deg);}
.step-5 ul li:nth-of-type(2) a{transform: rotate(277deg);}
.step-6 ul li:nth-of-type(2){transform: rotate(-337deg);}
.step-6 ul li:nth-of-type(2) a{transform: rotate(337deg);}
.step-1 ul li:nth-of-type(3){transform: rotate(23deg);}
.step-1 ul li:nth-of-type(3) a{transform: rotate(-23deg);}
.step-2 ul li:nth-of-type(3){transform: rotate(-37deg);}
.step-2 ul li:nth-of-type(3) a{transform: rotate(37deg);}
.step-3 ul li:nth-of-type(3){transform: rotate(-97deg);}
.step-3 ul li:nth-of-type(3) a{transform: rotate(97deg);}
.step-4 ul li:nth-of-type(3){transform: rotate(-157deg);}
.step-4 ul li:nth-of-type(3) a{transform: rotate(157deg);}
.step-5 ul li:nth-of-type(3){transform: rotate(-217deg);}
.step-5 ul li:nth-of-type(3) a{transform: rotate(217deg);}
.step-6 ul li:nth-of-type(3){transform: rotate(-277deg);}
.step-6 ul li:nth-of-type(3) a{transform: rotate(277deg);}
.step-1 ul li:nth-of-type(4){transform: rotate(83deg);}
.step-1 ul li:nth-of-type(4) a{transform: rotate(-83deg);}
.step-2 ul li:nth-of-type(4){transform: rotate(23deg);}
.step-2 ul li:nth-of-type(4) a{transform: rotate(-23deg);}
.step-3 ul li:nth-of-type(4){transform: rotate(-37deg);}
.step-3 ul li:nth-of-type(4) a{transform: rotate(37deg);}
.step-4 ul li:nth-of-type(4){transform: rotate(-97deg);}
.step-4 ul li:nth-of-type(4) a{transform: rotate(97deg);}
.step-5 ul li:nth-of-type(4){transform: rotate(-157deg);}
.step-5 ul li:nth-of-type(4) a{transform: rotate(157deg);}
.step-6 ul li:nth-of-type(4){transform: rotate(-217deg);}
.step-6 ul li:nth-of-type(4) a{transform: rotate(217deg);}
.step-1 ul li:nth-of-type(5){transform: rotate(143deg);}
.step-1 ul li:nth-of-type(5) a{transform: rotate(-143deg);}
.step-2 ul li:nth-of-type(5){transform: rotate(83deg);}
.step-2 ul li:nth-of-type(5) a{transform: rotate(-83deg);}
.step-3 ul li:nth-of-type(5){transform: rotate(23deg);}
.step-3 ul li:nth-of-type(5) a{transform: rotate(-23deg);}
.step-4 ul li:nth-of-type(5){transform: rotate(-37deg);}
.step-4 ul li:nth-of-type(5) a{transform: rotate(37deg);}
.step-5 ul li:nth-of-type(5){transform: rotate(-97deg);}
.step-5 ul li:nth-of-type(5) a{transform: rotate(97deg);}
.step-6 ul li:nth-of-type(5){transform: rotate(-157deg);}
.step-6 ul li:nth-of-type(5) a{transform: rotate(157deg);}
.step-1 ul li:nth-of-type(6){transform: rotate(203deg);}
.step-1 ul li:nth-of-type(6) a{transform: rotate(-203deg);}
.step-2 ul li:nth-of-type(6){transform: rotate(143deg);}
.step-2 ul li:nth-of-type(6) a{transform: rotate(-143deg);}
.step-3 ul li:nth-of-type(6){transform: rotate(83deg);}
.step-3 ul li:nth-of-type(6) a{transform: rotate(-83deg);}
.step-4 ul li:nth-of-type(6){transform: rotate(23deg);}
.step-4 ul li:nth-of-type(6) a{transform: rotate(-23deg);}
.step-5 ul li:nth-of-type(6){transform: rotate(-37deg);}
.step-5 ul li:nth-of-type(6) a{transform: rotate(37deg);}
.step-6 ul li:nth-of-type(6){transform: rotate(-97deg);}
.step-6 ul li:nth-of-type(6) a{transform: rotate(97deg);}
.step-content{display: none;}
#step-1{display: block;}

/*最新新闻*/
.indexnews{background: #555;width:100%;overflow: hidden;}
.indexnews h3{font-size:26px;color: #ffffff;line-height:36px;font-weight:normal;text-align:center; margin-top: 40px;}
.indexnews .indexnews_main{width: 1000px;margin: 0 auto;height: 400px;position:relative;}
.indexnews_list{position: relative;width: 100%;height: 100%;left: 130px;}
.indexnews_list ul{position: absolute;left: 0;top: 30px;width: 2030px;}
.indexnews_list ul li{position: relative;float: left;width: 660px;height:280px;margin-right: 40px;background-color: #fff;}
.indexnews_list ul li.clearfix.news-slider-cur {box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.32);}
.indexnews_list ul li span{display: inline-block;float: left;margin-right: 20px;width:280px;height:280px;}
.indexnews_list ul li span img{width:100%; height:100%;}
.indexnews_list ul li p{float: left;width: 340px;font-size: 14px;line-height: 24px;padding-top: 33px; color:#444;}
.indexnews_list ul li p.pubtime{ color:#a2a2a2; font-size:16px;}
.indexnews_list ul li div{position: absolute;left: 0;top: 204px;width: 100%;height: 50px;}
.indexnews_list ul li div em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: .3;filter: alpha(opacity=30);}
.indexnews_list ul li div dl{position: relative;z-index: 1;width: 100%;height: 100%;}
.indexnews_list ul li div dl dt{position: absolute;right: 0;top: 0;width: 290px;height: 100%;text-align: center;color: #fff;font-weight: normal;font-size:15px;line-height: 50px;background-image: url(../images/index_news_view.png) !important;background-repeat: no-repeat;}
.indexnews_list ul li div dl dt a{color: #fff;}
.indexnews_list ul li div dl dt a:hover{color: #fff;}
.indexnews_list ul li div dl dd{color: #fff;font-size: 16px;line-height: 24px;}
.indexnews_list ul li div dl dd h6{display: inline-block;width: 220px;margin-left: 10px;text-align: center;font-weight: normal;line-height:50px; font-size:15px;}
.indexnews_list ul li i{position: absolute;left: 0;top: 0;width: 660px;height: 280px;background-color: #B6C5D7;opacity: .8;filter: alpha(opacity=70);z-index: 10;}
.indexnews_list .news-slider-cur i{opacity: 0;filter: alpha(opacity=0);z-index: -1;}
.news-slider-contrs{position: absolute;margin-left: -130px;bottom: 35px;width: 100%;z-index: 1;text-align: center;}
.news-slider-contrs span{display: inline-block;width: 64px;height: 10px;font-size: 7px;background:#dddddd;filter: alpha(opacity=50);opacity: 0.5;cursor: pointer;}
.news-slider-contrs span.news-slider-contrs-cur{filter: alpha(opacity=100);opacity: 1;}

/*首页我们的优势*/
.indexadvantage{ width:100%; overflow:hidden; background:#fff url(../images/index_advantage.jpg) center center no-repeat; height:802px; margin-top:60px;}
.indexadvantage h3{text-align:center;color: #fff;font-size:30px;line-height:66px;padding-top:40px;}
.indexadvantage .intro{width:1200px; margin:0 auto; color:444; font-size:14px;}
.indexadvantage .intro p{line-height:24px;color: #fff;font-size:14px; text-align:center;}
.indexadvantage ul{width:1200px; height:540px; overflow:hidden; margin:0 auto; position:relative;}
.indexadvantage ul li{position:absolute; background:rgba(255, 255, 255, 0.8); padding:20px 30px; line-height:24px; font-size:14px; color:#444;}
.indexadvantage ul li:hover{background:#fff;}
.indexadvantage ul li h4{font-size:21px; line-height:44px; font-weight:bold; color:#222;}
.indexadvantage ul li:nth-child(1){top:240px; left:50px; width:180px;}
.indexadvantage ul li:nth-child(2){top:40px; left:250px; width:220px;}
.indexadvantage ul li:nth-child(3){top:100px; left:790px; width:280px;}
.indexadvantage ul li:nth-child(4){top:340px; left:700px; width:240px;}
/* 标签云特效 */
#tagscloud{width:250px;height:260px;position: relative;font-size:14px;color:#333;margin: 0 auto;text-align:center;margin-top: -400px;}
#tagscloud a{position:absolute;top:0px;left:0px;color:#333;font-family:Arial;text-decoration:none;margin:0 10px 15px 0;line-height:18px;text-align:center;font-size:12px;padding:1px 5px;display:inline-block;border-radius:3px;}
#tagscloud a.tagc1{background:#666;color:#fff;}
#tagscloud a.tagc2{background:#19aba5;color:#fff;}
#tagscloud a.tagc3{background:#e4530b;color:#fff;}
#tagscloud a:hover{color:#fff;background:#0099ff;}


/*首页QSI*/
.indexqsi{ width:100%; overflow:hidden; background:#fff;}
.indexqsi .qsi_list{width: 90%;margin:0 auto;margin-top:60px;}
.indexqsi .qsi_list ul{overflow:hidden;}
.indexqsi .qsi_list ul li{width: 28%;padding: 4% 0;margin:0 2.6%;float:left;list-style-type:none;background:#eee;}
.indexqsi .qsi_list ul li .qsi_ico{text-align:center;position:relative;margin:0 auto;width:120px;height:120px;background: #fff;border-radius:50%;overflow:hidden;}
.indexqsi .qsi_list ul li .qsi_ico i{line-height:120px;font-size:60px;color: #e60013;display:block;}
.indexqsi .qsi_list ul li .qsi_ico i:hover{animation: rotate 0.8s linear 1;}
.indexqsi .qsi_list ul li h4{text-align:center; line-height:50px; margin-top:16px; font-size:20px; font-weight:bold; color:#444;}
.indexqsi .qsi_list ul li p{text-align:center; font-size:14px; color:#666;}

/*FOOTER*/
.footer{width:100%; background:#222; float:left; overflow:hidden;}
.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; float:right;}
.copyright a{color:#fff;}
.gotop {position: fixed;display: none;z-index: 99999; bottom: 80px; right:100px; height:44px; width:44px; border:1px solid #ddd; border-radius:50%; text-align:center;cursor:pointer; background:#fff url(../images/gotop.png) no-repeat center center; background-size:cover; box-shadow:1px 1px 2px rgba(34, 34, 34, 0.44);}
.wrap{min-height:400px; background:#eee; overflow:hidden; width:100%;}
.page_banner{float:left; width:100%; overflow:hidden; position:relative; height:300px;}
.page_banner .catename {position: relative; width: 1200px; margin:0 auto; height:300px;}
.page_banner .catename h2{background:rgba(238, 238, 238, 0.75); color:#444; position:absolute; padding:30px 50px; left:0; bottom:0; border-radius:12px 12px 0 0; text-align: center;font-size: 30px; box-shadow: 2px 4px 4px rgba(4, 4, 4, 0.4);}
/*LOCATION*/
.location{width:100%;background:#fff;clear:both;}
.location .here{margin:0 auto;width:1200px;clear:both;height:40px;line-height: 40px;padding: 20px 0;}
.location .here font,.location a{color:#444; padding:5px 12px; margin:0 4px;font-size:13px; line-height:40px;}
.location .here font{ color:#aaa;}
.location .here i{margin-right:6px;font-size:13px; line-height:20px;}
.location .here a:hover{color:#040404;}
.location .here span.tips{float:right; margin-right:1%; font-size:13px; line-height:20px; color:#aaa;}
.location .here .select_cate{float:right;}
.location .here .select_cate .select_cate_btn{background:#000; color:#fff; padding:10px 30px; border:none;}
/*中间白色主区块*/
.viewmain{width:1200px; overflow:hidden; margin:20px auto; position:relative;}

/**********************产品中心*******************/
.promain{width:1200px; overflow:hidden; margin:0 auto; padding-top:10px;}
.prolist{width:100%; overflow:hidden; margin:0 auto;}
.prolist ul{ width:104%; overflow:hidden;}
.prolist ul li{width:23%; float:left; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.18); margin:0.5%; overflow:hidden; background:#fff;}
.prolist ul li .litpic{width:100%; overflow:hidden;}
.prolist ul li .litpic img{width:100%;}
.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;}
	/*详情*/
.proview {width: 100%;overflow:hidden;margin:0 auto;padding-top: 40px;background: #fff;}
.proview .promaininfo{width: 80%;margin:0 auto;background: #272727;overflow: hidden;padding: 6%;}
.proview .promaininfo .litpic{width:34%; overflow:hidden; float:left;}
.proview .promaininfo .litpic img{width:100%;}
.proview .promaininfo .right_info{float:right;width: 62%;}
.proview .promaininfo .right_info h1{line-height:40px;font-size:20px;margin-bottom:10px;color: #fff;}
.proview .promaininfo .right_info .category{font-size:14px; display:block; height:22px; line-height:22px;}
.proview .promaininfo .right_info .category i{margin-right:6px;color: #ffffff;}
.proview .promaininfo .right_info .category a{color: #fff;}
.proview .promaininfo .right_info .category a:hover{color:#ff6363;}
.proview .promaininfo .right_info p{line-height:22px; font-size:14px;}
.proview .promaininfo .right_info .htmlqrcode{float:right;position:relative;background: #fff;padding: 11px;}
.proview .promaininfo .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 .promaininfo .right_info .leftbtns{float:left;width: 394px;}
.proview .promaininfo .right_info .other{overflow: hidden;height: 40px;margin-bottom:20px;position:relative;float:left;width:100%;background: #fff;}
.proview .promaininfo .right_info .other i{color:#999; font-size:34px; line-height:40px;}
.proview .promaininfo .right_info .other a.pre_pro{float:left;height:40px;width:10%;position:absolute;left:0; text-align:center;}
.proview .promaininfo .right_info .other a.next_pro{float:right;height:40px;width:10%;position:absolute;right:0; text-align:center;}
.proview .promaininfo .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 .promaininfo .right_info .other a.cate_pro i{font-size:18px;}
.proview .promaininfo .right_info p.prodescription{padding:10px 0;color: #fff;margin-bottom: 24px;}
.proview .promaininfo .right_info .other a.cate_pro:hover{color:#eee;}
.proview .promaininfo .right_info .pro_tel{color: #444; background:#ffffff; text-align:center; line-height: 40px;height:40px;font-size:14px; float:left;  width:100%;}
.proview .promaininfo .right_info .pro_tel i{margin-right:8px;}
.proview .promaininfo .right_info .xunjia{width: 100%;line-height: 40px;height: 40px;float: left;margin-bottom: 20px;font-size: 14px; text-align: center; overflow:hidden;background: #fff;}
.proview .promaininfo .right_info .xunjia i{margin-right: 6px;}
.proview .promaininfo .right_info .xunjia a{color: #444; display:block;}
.proview .promaininfo .right_info .xunjia a:hover{background:#ff6363; color:#fff;}
	/*参数切换*/
.detail_tab_group{position: relative;margin-top:20px;clear:both;width: 92%;overflow:hidden;margin: 0 auto;background: #fff;padding: 2% 4%;}
.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: 20px;line-height:34px;margin:28px 0;color: #444;border-bottom: 1px dashed #ddd;font-weight: bold;}
.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: #e60013;color:#fff;border: 1px solid #e60013;}

/*新闻列表页-列表*/
.newsmain{width:1200px; overflow:hidden; margin:0 auto; padding-top:10px;}
.newslist{width: 70%;float:left;overflow:hidden;background: #fff;}
.newslist ul {padding: 20px;width: 100%;overflow:hidden;}
.newslist ul li{margin: 0 0 40px 0;background:#fff;overflow: hidden;border-bottom: 1px solid #eee;float: left;}
.newslist ul li:last-child{border:0;}
.newslist ul li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.newslist ul li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 0px 15px #ccc;
    -moz-box-shadow:0px 0px 15px #ccc;
    box-shadow:0px 0px 15px #ccc;
}
.newslist ul li a{display:block;}
.newslist ul li .newspic{width: 200px;height: 150px;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: 500px;border-left: 0;}
.newslist ul li .newsinfo .pubtime{color: #808080;font-size:13px;line-height: 26px;border: 1px solid #ddd;border-radius: 13px;float: left;padding: 0 18px;}
.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: 16px;nt-weight:500;margin-bottom:10px;color:#222;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;}

/*热门新闻列表*/
.hotnews{width: 28%;background: #fff; float: right;}
.hotnews h2{ font-size: 16px; font-weight: normal; line-height: 45px; height:45px; background: #fafafa; padding-left: 20px;}
.hotnews ul{ padding: 25px 0 35px 25px;}
.hotnews li a{font-size: 14px; line-height: 35px; color: #666; }
.hotnews li a:hover{color:#e60013;}

/*新闻详情*/
.newsview{width: 60%;float:left;overflow:hidden;background: #fff; padding:5%; position:relative;}
.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;}
.newsview .pn{float:left; clear:both; margin:30px 0; width:100%; overflow:hidden; border-top:1px solid #eee; padding-top:16px;}
.newsview .pn li{ font-size:14px; line-height:40px; color:#666; width:100%; overflow:hidden;}
.newsview .pn li a{color:#888888;}
.newsview .pn li a:hover{color:#e60013;}
.newsview .pn li.tag i{color:#ddd; margin-right:14px;}

/*相册*/
.photo{overflow:hidden;position:relative;}
.photo .words {padding: 20px;background: #f5f5f5;margin-top: 40px;font-size: 14px;color: #999;}
.photo ul{margin:0px;width: 1240px;}
.photo ul li{float:left;background: #fff;width: 286px;margin: 18px 18px 0 0;}
.photo ul li.hover{border-color:#19678c;}
.photo ul li .picview{position: relative;}
.photo ul li img{width:100%;}
.photo ul li img:hover{opacity:0.8}
.photo ul li p{font-size:14px; height:60px; line-height:60px; padding:0px 42px 0px 20px; overflow:hidden;}

/*单页*/
.catelist{float: left; width: 300px; background: #444; padding-top: 40px; position: absolute; height: 100%; left: 0; top: 0;}
.catelist li{line-height: 44px;height: 44px;font-size: 16px;width: 80%;margin: 0 auto;overflow: hidden;border-radius: 22px;position: relative;margin-bottom: 20px;}
.catelist li.cur{background: #222;}
.catelist li:hover{background:#636363;}
.catelist li a{color: #fff;padding-left: 38px;display:block;}
.catelist li i{color:#fff;position: absolute;line-height: 40px;left: 20px;}

.pages{padding:60px; background:#fff; float:right; position:relative; width:780px; min-height:600px;}
.pages h1{font-size:24px; line-height:40px; text-align:center;}
.pages .content{margin-top:30px;}
.pages .content p{margin:14px 0; line-height:24px; font-size:14px; color:#666;}
.pages .content p strong{font-weight:bold; color:#222; font-size:16px;}
.pages .content img{max-width:100%;}

/*联系我们*/
.all_contact{position:fixed;z-index:99999; height:0; width: 100%;background: #fff url(../images/contact_bg.gif) repeat;left: 0;top: 0;overflow: hidden;transition-property:height;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;}
.all_contact .close i{color:#000; transition:1.2s; cursor:pointer;}
.all_contact .close i:hover{color:#c30d23;}
.all_contact.open{height: 100%;}
.all_contact.open .close{opacity: 1;filter: alpha(opacity=100);}
.all_contact .cmain{width: 40%;float:right;overflow:hidden;margin-top:100px;}
.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:250px; margin:0 auto;}
.all_contact .cmain .contactus .contactinfo h4{font-size:18px; color:#333333; width:500px;}
.all_contact .cmain .contactus .contactinfo p{margin:14px 0; line-height:22px; font-size:14px; color:#555; width:500px;}
.all_contact .cmain .contactus .contactinfo p i{width:24px; text-align:center; color:#000; margin-right:5px;}
.all_contact .map{width: 58%;float:left;height:100%;border-right:6px solid #fff;box-shadow: 1px 0 4px rgba(121, 121, 121, 0.52);}
.all_contact .map .themap{min-height:800px; height:100%;}

/*文字跳动插件*/
.beat-char {
    position: relative;
	display: inline-block;
	background: transparent;
}
.text-rotate{
	transform:rotate(360deg) ;
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	-webkit-transition-duration: 0.7s;
}