@charset "UTF-8";
@font-face {
  font-family: 'Conv_Nobel-Regular';
  src: url("../fonts/Nobel-Regular.eot");
  src: local("☺"), url("../fonts/Nobel-Regular.woff") format("woff"), url("../fonts/Nobel-Regular.ttf") format("truetype"), url("../fonts/Nobel-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* 重置样式 */
body, html, div, p, table, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
html{
  overflow:-Scroll;
  overflow-x:hidden;
  zoom:1;
  overflow-y:scroll;
  overflow:-moz-scrollbars-vertical;
}
ul, ol, li, dl, dt, dd {
  list-style: none;
}
img, a {
  border: none;
}
img{padding:0;margin:0;}
em {
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
a {
  outline: none; color:#333333;
  text-decoration: none;
}
a:active {
  star: expression(this.onFocus=this.blur());
}
body {
  behavior: url(../js/csshover.htc);/* 解决ie6下hover不起作用等兼容问题 */
  font: normal 12px/22px Conv_Nobel-Regular, Arial, "微软雅黑", Helvetica, sans-serif;
  color: #263949;
}
.clear {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  overflow: hidden;
}
.fl{
  float:left;
}
.fr{
  float:right;
}
.wrap1000 {
  position: relative;
  margin: 0 auto;
  width: 1000px;
}
.wrap1060 {
  position: relative;
  margin: 0 auto;
  width: 1060px;
}
.wrap1100 {
  position: relative;
  margin: 0 auto;
  width: 1100px;
}
.wrap1200 {
  margin: 0 auto;
  width: 1200px;
}
.wrap1300 {
  position: relative;
  margin: 0 auto;
  width: 1300px;
}
.wrap1920 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
}
.wrap1190 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1190px;
}
.contanier {
  padding: 0 170px;
  background:#ececec;
}
/* 头部 */
#header{/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/ position:fixed; top:0px; left:0px; z-index:10000; background:#fff}
#header .head{}
.head .logo_box{padding:16px 0 8px 0}
.head .share_to{ padding-top:38px}
.head .share_to li{float:left;position:relative;margin-left:30px}
.share_to li .info{ position:absolute; display:block; z-index:20;top:30px;left:-20px;width:80px;height:0px;overflow: hidden;}
.share_to li .info2{ position:absolute; display:block; z-index:20000;top:40px;left:-48px;height:0px;overflow: hidden;color: #333;font-size: 20px;font-weight: bold;}
.share_to li .info3{ position:absolute; display:block; z-index:20;top:30px;left:-25px;width:80px;height:0px;overflow: hidden;}

.head .share_to a{ display:inline-block;}
#header #logo{
  width:117px;
  height:64px;
  text-indent: -999px;
  overflow: hidden; float:left
}
#header #logo03{
  float:left;
}
#header #logo img,#header #logo03 img {
  width: 100%;
  display: block;
}
#header .menu_box{ margin-left:205px}
#header #nav {
}
#header #nav li {
  float: left;
  width: 135px;
  height: 100%;
  overflow: hidden;
  z-index:99;text-align:center
}
#header #nav li a{
  color:#2a2a2a;
  font-size:16px;
  text-align: center;width:135px; display:block; background:url(../images/main_11.png) no-repeat right 44px; padding:15px 0 26px 0;transition: all linear 0.3s;
}
#header #nav li.last a{ background:none}
#header #nav li a em{ color:#fff; display:block; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px}
#header #nav li a:hover{color:#fff; background:#000}
#header #showNav {
  display: none;
  position: relative;
  float: right;
  width: 40px;
  height: 42px;
}
#header #showNav span {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 68%;
  height: 4px;
  background: #595959;
  margin-bottom: 10px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform-origin: left;
  transform-origin: left;
}
#header #showNav span:nth-of-type(2) {
  top: 19px;
}
#header #showNav span:nth-of-type(3) {
  top:30px;
}
#header #showNav.active span:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header #showNav.active span:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}
#header #showNav.active span:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 小屏幕导航样式 */
.shadow20 {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 190;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#slideNav {
  display: block;
  position: fixed;
  top: 0px;
  right: -150px;
  z-index: 190;
  width: 150px;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
#slideNav a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
  width:95%;
  height: 50px;
  font: normal 16px/50px "微软雅黑", Helvetica, sans-serif, "宋体";
  color: #2a2a2a;
  border-bottom: #cacaca 1px solid;
  padding-left:5%
}
#slideNav a:nth-of-type(1) {
  margin-top:88px;
}
#slideNav a:hover, #slideNav a.active {
  color: #fff; background:#000
}
.focus{ margin-top:88px}
.focusA{padding-top:101px;}
.main{ width:100%; padding-top:67px}
.main .section{ padding-top:48px}
.main .section2{ padding-top:25px}
.main .section3{ padding-top:55px}
.main .section4{ padding-top:38px}
.main .title{ text-align:center; margin-top:46px}
.main .title em{ display:block; margin-bottom:20px}
.main .title p{ color:#6c6c6c; font-size:14px; line-height:24px}
.section .step{ background:url(../images/line.jpg) no-repeat center;padding-top:37px}
.section .step li{ float:left;text-align:center; border-right:1px dashed #f0f0f0; width:399px; padding:84px 0}
.step li:nth-child(3n){ border-right:none}
.step li a em{ display:block; background:url(../images/ico.png) no-repeat;width:113px; height:112px;margin:0 auto 33px auto;transition: all linear 0.3s;}
.step li:hover{ cursor:pointer}
.step li:hover a em.em{background-position:0 -147px}
.step li a em.em2{background-position:-138px 0px}
.step li:hover a em.em2{background-position:-138px -147px}
.step li a em.em3{background-position:-275px 0px}
.step li:hover a em.em3{background-position:-275px -147px}
.step li a em.em4{background-position:-412px 0px}
.step li:hover a em.em4{background-position:-412px -147px}
.step li a em.em5{background-position:-549px 0px}
.step li:hover a em.em5{background-position:-549px -147px}
.step li a em.em6{background-position:-687px 0px}
.step li:hover a em.em6{background-position:-687px -147px}
.step li a h1{ font-size:25px; color:#363636}
.step li a h1 span{ display:block; color:#939393; font-size:14px; margin-top:11px;line-height:19px}
.tab_box .tab_title{ text-align:center; padding-top:20px; margin-bottom:52px}
.tab_title a{ display:inline-block; width:146px; border:1px solid #e5e5e5; border-left:none; height:37px; line-height:39px; text-align:center; color:#646464; font-size:16px;-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;}
.tab_title a.cur{ background:#000;border:1px solid #000; color:#fff}
.tab_title a.first{border-left:1px solid #e5e5e5;}
.tab_title a.first.cur{ border-left:1px solid #000}
.tab_list .content{ display:none}
.content .block{ display:inline-block;float:left}
.content .pic{ height:354px;overflow:hidden;display:inline-block;}
.content .pic:hover img{ opacity:0.8}
.content .text{ background:#000; padding:104px 60px 90px 60px; height:160px; overflow:hidden}
.content .text h2{ color:#fff; font-size:22px; height:22px; overflow:hidden}
.content .text p{ color:#fff; font-size:14px; line-height:21px; margin:13px 0 26px 0; height:63px; overflow:hidden}
.content .more{ width:108px; height:34px; border:1px solid #fff; color:#fff; font-size:14px; text-align:center; line-height:36px; display:block}
.content .one1{ width:980px}
.content .one1 .pic{display:inline-block;width:639px;height:354px; overflow:hidden}
.content .one1 .text{width:221px}
.content .one2{ width:923px}
.content .one2 .pic{width:595px;height:354px; overflow:hidden}
.content .one2 .text{width:208px}
.content .one3{ width:640px}
.content .one3 .pic{width:321px; height:354px; overflow:hidden}
.content .pic a img:hover{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition:-ms-transform 0.4s ease-out;opacity: .8;}
.content .pic a img{transform: scale(1);-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;-webkit-transition: opacity .1s;transition: opacity .1s;}
.content .one3 .text{width:199px}
.content .one4{ width:935px}
.content .one4 .pic{width:606px}
.content .one4 .text{width:209px}
.content .one5{ width:328px;}
.content .one5 a{ display:block;width:236px; padding:130px 46px 143px 46px;background:#fce21c}
.content .one5 a em{ display:block; margin-bottom:18px}
.content .one5 a span{ display:block; height:34px; width:108px; border:1px solid #000; color:#000; font-size:14px; line-height:36px; text-align:center; margin:0 auto}
.main .sy_box{width:100%}
.sy_box .road{ width:100%; background:url(../images/pic_41.jpg) no-repeat;height:421px; background-size:100% auto}
.sy_box .road .step2{position:relative;height:421px;margin-top:145px}
.sy_box .road span{display:block;position:absolute;font-size:18px;color:#000}
.road span.wz{top:10px;left:296px}
.road span.wz2{bottom:88px;left:577px}
.road span.wz3{top:-29px;right:228px}
.main .sy_box2{ width:100%; background:url(../images/main_43.png) repeat; background-size:100% auto; margin-top:172px;height:702px; padding-bottom:52px}
.sy_box2 .step3{ background:#000; margin-top:30px}
.sy_box2 .left{ background:#fce21c; padding:72px 42px; width:516px; height:308px; overflow:hidden}
.sy_box2 .left p{ color:#000; font-size:14px; line-height:28px; text-indent:28px}
.sy_box2 .right{ padding:108px 95px; width:410px}
.sy_box2 .right p{ color:#fff;padding:12px 0; clear:both}
.sy_box2 .right p i{ display:inline-block; vertical-align:middle; margin-right:18px}
.sy_box2 .right p span{ display:inline-block;border-bottom:1px dashed #fff; font-size:18px; padding-bottom:25px; width:315px}
.sy_box2 .right p span.last{ border-bottom:none}
.main .sy_box2 .title p{ color:#fff}
.section .step4{ padding-top:37px}
.step4 li{ float:left; width:400px; background:#efefef}
.step4 li .img{ width:201px;display:inline-block;height:202px; overflow:hidden}
.step4 li .img img{ width:201px; height:202px}
.step4 li .text2{ width:167px; padding:67px 16px; height:68px; overflow:hidden}
.step4 li .text2 h3{ color:#000; font-size:16px; margin-bottom:2px}
.step4 li .text2 p{ color:#494949; height:44px; overflow:hidden; line-height:24px}
.step4 li:hover{ background:#fce21c; cursor:pointer}
.footer{width:100%;background:url(../images/footer.png) no-repeat;background-size: 100% 120px;margin-top:79px;/* padding:32px 0; */height: 120px;/* padding-top: 20px; */}
.footer p{ color:#fffefe; font-size:12px; line-height:24px}
.step4 li .img img:hover{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition:-ms-transform 0.4s ease-out;}
.step4 li .img img{transform: scale(1);-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;-webkit-transition: opacity .1s;transition: opacity .1s;}
.main .sy_box3{ width:100%; background:url(../images/ny_bg.png) no-repeat; background-size:100% auto}
.section .tab_nav{text-align:center; margin:45px 0 72px 0}
.tab_nav a{ display:inline-block;width:146px; border:1px solid #525251; border-left:none; height:37px; line-height:39px; text-align:center; color:#757676; font-size:16px;-webkit-transition: all .3s ease-in-out 0s;}
.main2{ padding-top:0; margin-top:88px}
.tab_nav a.cur2{ background:#fde955;border:1px solid #fde955; color:#000}
.tab_nav a:nth-child(1n){border-left:1px solid #525251}
.section .product{ padding-bottom:80px}
.section .product ul{ width:1224px}
.product li{float:left;width:281px;margin-right:25px; margin-bottom:25px}
.product li .wz_box{ border:1px solid #e8e8e8; padding:23px 24px 21px 24px}
.product li a h2{ color:#676767;font-size:18px; margin-bottom:3px;height:22px;overflow:hidden}
.product li a p{color:#676767;font-size:14px;line-height:22px;height:44px;overflow:hidden}
.product li a .look{ display:block; width:78px; height:28px; line-height:30px; text-align:center; border:1px solid #404040; color:#000; font-size:14px; margin-top:14px}
.product li:hover .look{ background:#404040; color:#fff}
.product li a .picture{ width:281px; height:277px; overflow:hidden}
.product li a .picture img:hover{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition:-ms-transform 0.4s ease-out;}
.product li a .picture img{transform: scale(1);-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;-webkit-transition: opacity .1s;transition: opacity .1s;}
.main .contain{ width:100%}
.contain .leftside{width:608px;padding:43px 25px; position:fixed;}
.leftside h3{ color:#676767; font-size:18px; line-height:28px}
.leftside p{color:#676767; font-size:14px; line-height:24px; margin-top:16px}
.leftside span{ display:block}
.leftside .time{ color:#939393; font-size:14px; margin:30px 0 24px 0}
.leftside .time strong{ color:#676767; font-size:18px; font-weight:normal}
.leftside .back a{ border-radius:100%; width:72px; height:72px; background:#000; color:#fff; font-size:14px; text-align:center; line-height:72px; display:block}
.contain .rightside{ padding:55px 50px; background:#f5f5f5; min-height:500px}

.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}


.rslides_nav{height:51px;width:30px;position:absolute;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);top:65%;text-indent:-9999px;overflow: hidden;text-decoration:none;margin-top:-28px;z-index:1000}
.rslides_nav.next{right:20%;background:url(../images/arrow-right.png) no-repeat;display:none}
.rslides_nav.prev{left:20%;background:url(../images/arrow-left.png) no-repeat;display:none}
.rslides_tabs{position:relative;bottom:50px;clear:both;text-align:center; z-index:1000}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin:0 5px}
.rslides_tabs li a{text-indent:-9999px;overflow:hidden;background: url(../images/dot.png) no-repeat;display:inline-block;_display: block;*display:block;width: 14px; height:15px;}
.rslides_tabs .rslides_here a{background:url(../images/dot2.png) no-repeat;}
.rslides li:hover .rslides_nav.next{ display:block}
.rslides li:hover .rslides_nav.prev{ display:block}