body {
  text-align: left;
  padding: 0;
  margin: 0;
  font: 14px;
  color: #333;
 font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif!important;
  height: auto;
  background: #fff;
  overflow-x: hidden;
}
div,
p,
li {
  word-break: break-all;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
}
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th {
  padding: 0;
  margin: 0;
}
fieldset {
  border-top-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
}
a img {
  border: 0;
  padding: 0;
  margin: 0;
}
i {
  font-style: normal;
}
address,
caption,
cite,
cite,
code,
dfn,
em,
th,
var {
  font-weight: normal;
  font-style: normal;
}
li {
  list-style-type: none;
}
caption {
  text-align: left;
}
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  font-size: 100%;
}
q:unknown {
  content: '';
}
html {
  min-width: 1280px;font-family: sans-serif;
}
.por {
  position: relative;
}
.poa {
  position: absolute;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: 100%;
}
a:link {
  color: #333;
  text-decoration: none;
}
a:visited {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #f96b00;
  text-decoration: none;
}
.icon {
  background-image: url("../images/icon.png");
  display: inline-block;
  vertical-align: middle;
}
.left {
  float: left;
}
.right {
  float: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.w1000 {
  width: 1000px;
  margin: 0 auto;
}
.clear {
  clear: both;
  font-size: 0;
  margin: 0;
  padding: 0;
  display: block;
  _height: 0;
  overflow: hidden;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.hidden {
  display: none;
}
.icon {
  background: url(../images/icon.png) no-repeat;
  display: block;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
/***********共用结束************/
/***首页*****/
/*******顶部*******/
.header_main {
  background: #fff;
  z-index: 20;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #ddd;
}
.header_main .tel {
  color: #e8c295;
  position: relative;
  padding-left: 45px;
  margin-right: 15px;
}
.header_main .tel i {
  width: 36px;
  height: 36px;
  background-position: 0 -172px;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 21px;
}
.header_main .tel p {
  color: #aeaeae;
  font-size: 16px;
  padding-top: 20px;
  line-height: 16px;
}
.header_main .tel h3 {
  font-size: 25px;
  color: #f96b00;
}
.header_main .header {
  position: relative;
  z-index: 2;
}
.header .logo {
  display: inline-block;
  margin-left: 64px;
  margin-top: 25px;
}
.header .nav li:first-child a {
  background: none;
}
.header .nav li {
  width: 120px;
  margin: 0 1px;
  text-align: center;
  line-height: 80px; 
  float: left;
}
.header .nav li a {
  position: relative;
  background: url(../images/nav_li.jpg) left center repeat-y;
  line-height: 16px;
  height: 16px;
}
.header .nav li i {
  position: absolute;
  bottom: -16px;
  left: 50%;
  width: 0;
  height: 5px;
  background: url(../images/nav_on.jpg) center bottom no-repeat;
}
.header .nav li:hover i,
.header .nav li.hover i {
  width: 100%;
  margin-left: -50%;
}
.header .nav li:hover a,.header .nav li.hover a{font-weight:bold;color:#f96b00;}
.header .nav a {
  display: inline-block;
  height: 70px;
  width: 100%;
}
.header .nav .sub-box {
  width: 100%;
  height: 80px;
  position: absolute;
  left: 0;
  text-align: center;
  top: 80px;
  background: url(../images/block30.png) repeat 0 0;
  display: none;
  line-height: 35px;
}
.header .nav .sub-box p {
  width: 700px;
  position: absolute;
  right: 100px;
  top: 0;
  height: 55px;
  padding-top: 25px;
  text-align: left;
  line-height: 35px;
}
.header .nav .sub-box p a{color:#333;}
.header .nav .l2 .sub-box p{right:200px;}
.header .nav .l1 .sub-box p{right:400px;}
.header .nav .sub-box p .icon {
  width: 6px;
  height: 10px;
  background-position: -96px 0;
  position: absolute;
  top: 19px;
  left: 15px;
}
.header .nav .sub-box p a {
 color: #fff !important;
  line-height: 35px;
  height: 35px;
  padding: 0;
  text-align: center;
  overflow: hidden; 
  vertical-align: top;width:auto;
  padding: 0 10px;
  margin: 0 5px;
  font-size: 14px;display:inline-block;
  border-radius: 6px;background:none;
}
.header .nav .sub-box p a:hover {
   background:#f96b00;
}
.header .search-box {
  position: relative;
}
.header .search-box .butn {
  display: block;
  background: #f96b00;
  cursor: pointer;
  width: 90px;
  height: 55px;
  padding-top: 25px;
}
.header .search-box .butn i {
  width: 28px;
  height: 28px;
  background-position: -73px 0;
  margin: 0 auto;
}
.header .search-box .butn.hov i {
  background-position: -111px 0;
}
.header .share-sub {
  position: absolute;
  right: 90px;
  top: 0;
  width: 0;
  height: 80px;
  overflow: hidden;
  background: #fa8024;
  z-index: 15;
}
.header .share-sub .sub-btn {
  border: none;
  width: 28px;
  height: 28px;
  background-position: -73px 0;
  margin-top: 26px;outline:none;cursor:pointer;
}
.header .share-sub .tex {
  width: 220px;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  padding: 30px 10px 30px;
  color: #fff;
  border: none;
  background: #fa8024;
  outline: none;
}
/*********togbtn*/
.togbtn .icon {
  position: absolute;
  top: 50%;
  margin-top: -43px;
  cursor: pointer;
  width: 86px;
  height: 86px;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  z-index: 22;
  opacity: 0.4;
}
.togbtn .icon.prev {
  background-position: -82px -194px;
}
.togbtn .icon.prev:hover {
  margin-left: -10px;
  opacity: 1;
}
.togbtn .icon.next {
  background-position: -168px -194px;
}
.togbtn .icon.next:hover {
  margin-right: -10px;
  opacity: 1;
}
.banner .togbtn .prev {
  left:7%;
}
.banner .togbtn .next {
  right: 7%;
}
/********togbtn end****/
/*wrap*/
.wrap {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.wrap .mouse-ico {
  position: absolute;
  width: 15px;
  height: 25px;
  left: 50%;
  margin-left: -7px;
  bottom: 58px;
  z-index: 20;
}
.wrap .mouse-ico span {
  width: 15px;
  height: 25px;
  background-position: 0 -127px;
}
.wrap .mouse-ico span.mouse {
  animation: mousemove 3s linear 1s infinite;
}
#menu {
  position: fixed;
  right: 10px;
  top: 50%;
  margin-top: -61px;
  z-index: 10;
  width: 18px;
}
#menu li {
  width: 12px;
  height: 12px;
  position: relative;
  border: 1px solid #f96b00;
  cursor: pointer;
  margin-left: 1px;
  margin-bottom: 6px;
  border-radius: 100%;
  text-indent: -1000px;
  background: #f3e5c8;
}
#menu li a {
  display: block;
  width: 100%;
  height: 100%;
}
#menu li.active {
  background: #f96b00;
  width: 14px;
  height: 14px;
  border: #f3e5c8 solid 1px;
  margin-left: 0;
}
/*rightFix*/
.rightFix {
  width: 48px;
  position: fixed;
  right:40px;
  top: 50%;
  margin-top: -110px;
  z-index: 99;
}
.right_ny{right:10px;}
.rightFix .ico {
  width: 48px;
  height: 48px;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0px;
  transition: all ease 300ms;
  margin-top: 1px;
  padding: 0px;
  border-radius: 48px;
  border: 1px solid #d3d3d6;
  margin-bottom: 5px;
  background: #f6f6f7 url(../images/fix-ico.png) no-repeat center 0;
}
.rightFix .ico img {
  width: 120px;
  height: 120px;
  position: absolute;
  left: -78px;
  top: 0;
  padding: 3px;
  background: #f96b00;
  border: 1px solid #f0cd91;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 10px;
}
.rightFix .ico span {
  width: 210px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  position: absolute;
  left: -78px;
  top: 0;
  background: #f96b00;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 18px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 48px;
}
.rightFix .ico:hover {
  background-color: #f96b00;
  border-color: #f96b00;
  overflow: visible;
}
.rightFix .ico:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -140px;
}
.rightFix .ico:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -215px;
}
.rightFix .fix-tel {
  background-position: 11px 12px;
}
.rightFix .fix-tel:hover {
  background-position: -33px 12px;
}
.rightFix .fix-qq {
    background-position: 11px -96px;
  
}
.rightFix .fix-qq:hover {
  background-position: -33px -96px;
}
.rightFix .fix-ewm {
  background-position: 11px -40px;
}
.rightFix .fix-ewm:hover {
 background-position: -33px -40px;
}
.rightFix .fix-ewm2 {
  background-position: 11px -192px;
}
.rightFix .fix-ewm2:hover {
   background-position: -33px -96px;
}
.rightFix .fix_top {
  background-position: 11px -150px;
}
.rightFix .fix_top:hover {
  background-position: -33px -150px;
}
.rightFix .fix-form {
  background-position: 10px -234px;
}
.rightFix .fix-form span {
  font-size: 14px;
  line-height: 23px;
  width: 180px;
}
.rightFix .fix-form:hover {
  background-position: -37px -234px;
}
.screen-main {
  position: absolute;
  height: 630px;
  top: 50%;
  margin-top: -315px;
  z-index: 11;
  left: 0;
  width: 100%;
}
.wrap .section_1 .banner,
.wrap .section_1 .banner .list,
.wrap .section_1 .banner .list .item {
 
}
.wrap .section_1 .banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.wrap .section_1 .banner .list {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.wrap .section_1 .banner .list .bannerimg {
  position: absolute;
  top: 0px;
  left: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  min-height: 100%;
}
.wrap .section_1 .banner .list .item {
  position: absolute; left: 0; top: 0; display: none; text-align: center; width: 100%; overflow: hidden; background-position: center 80px; background-repeat: no-repeat; color: #fff; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.wrap .section_1 .banner .list a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.wrap .section_1 .banner .list .block {
  display: block;
}
.wrap .section_1 .banner .tip {
  width: 1000px;
  height: 25px;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 15%;
  z-index: 3;
  margin-left: -500px;
}
.wrap .section_1 .banner .tip span {
  display: inline-block;
  width: 18px;
  height: 18px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  margin: 0 8px;
  cursor: pointer;
  font-size: 14px;
  background-position: 0 0;
}
.wrap .section_1 .banner .tip span.cur {
  background-position: -18px 0;
}
.index_title {
  text-align: center;
 
  height: 140px;
}
.index_title h3 {
  font-size: 36px;
  font-weight: 100;
  padding-bottom: 5px; padding-top:35px;
}
.index_title h3 b {
  color: #f96b00;
}
.index_title p {
  font-size: 24px;
  color: #646464;
  background: url(../images/line.png) no-repeat center bottom;
  width: 100%;
  height:5px;
  padding-bottom:5px;
}
.section_2 {
  position: relative;
  background: #e7d6b7 url(../images/s2_bg.jpg) center bottom no-repeat;
  background-size: cover;
}
.section_2 .index_title{    padding-top: 13vh;}
.section_2 .body {
  padding: 0 5%;
}
.section_2 .body li {
  width: 21%;
  float: left;  
  margin-left: 2%;height: 60vh;
  margin-right: 2%;
  text-align: center;
  position: relative;overflow:hidden;
}
.section_2 .body li img{width:100%;display:block;transition:ease-in-out  .2s;}
.section_2 .body li .on {
  color: #fff;
  display: block;
  width: 100%;
  height: 247px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.section_2 .body li .on h3 {
  font-size: 24px;
  font-weight:bold;
  padding-top: 129px;transition:ease-in-out .2s;
}
.section_2 .body li .on i {
  display: block;
  width: 18px;
  height: 2px;
  background: #fff;
  margin: 13px auto;display:none;
}
.section_2 .body li .on p {
  margin-bottom: 40px; padding-top:10px
}
.section_2 .body li a {
  display: block;
  width: 100%;
  height: 100%;
}
.section_2 .body li:hover img{transform:scale(1.1);
 
}
.section_2 .body li:hover .on h3 {
  padding-top: 45px;
}
.section_2 .body li:hover .on p{padding-top:0px}
.section_2 .body li:hover .on i {
  width: 66px;
  height: 66px;
  background: url(../images/icon.png);
  background-position: 0 -40px;display:block;
}
.section_3 {
  background: url(../images/s3_bg.jpg) center top no-repeat;
  background-size: cover;
}
.section_3 .index_title{height:80px;}
.section_3 .body {
  width: 542px;
  margin: 0 auto;
}
.section_3 .body li {
  width: 206px;
  text-align: center;
  margin-top: 200px;
}
.section_3 .body li h3 {
  font-size: 45px;
  color: #f96b00;
}
.section_3 .body li p {
  font-size: 16px;
  color: #888; margin-bottom:40px;
}
.section_3 .body li a {
  display: block;
  width:177px;
  height:39px;
  line-height:39px;
  text-align: center;
  font-size:15px;
  color: #f96b00;
  background:none;
  border-radius: 25px;margin:0 auto;
  margin-top: 20px;border:1px solid #f96b00;
 
}
.section_3 .body .fr h3 {
  color: #4077f8;
}
.section_3 .body .fr p {
  color: #666;
}
.section_3 .body .fr a {
  background:none;
  border:1px solid #4077f8;
  color:#4077f8;
}
.section_3 .body li a:hover {
   box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
}
.section_3 .body .fr a:hover {
    box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
}
.section_4 {
  background:#2087d8;  
}
.section_4 .body {
  text-align: center;
}
.section_4 .screen-main{width:464px;left:50%; margin-left:-232px; margin-top:-335px;}
.section_4 .index_title h3{color:#fff;}
.section_4 .body .bg {
  width: 464px;
  height: 464px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top:-132px;
  -webkit-animation: rotate 40s linear 0s infinite;
  animation: rotate 40s linear 0s infinite;
  margin-left: -232px;
  background: url(../images/s4_line.png) no-repeat;
  background-size: cover; z-index:10;
}
.section_4 .body .line {
  
  width: 362px;
  height:362px; 
  border-radius: 100%;
  position: absolute;
  left: 50%;background:#fbfbfb;
  top:50%; margin-top:-81px;
  margin-left: -181px; z-index:15;
}
.section_4 .rad{position:absolute;width:40%;left:50%; margin-left:-20%;border:1px dashed #6ca5d1; height: calc(width);border-radius:100%;top:50%;margin-top:calc(-20% + 100px);
}
.section_4 .rad1{z-index:14;}
.section_4 .rad2{width:60%;margin-left:-30%;margin-top:calc(-30% + 100px);z-index:13;}
.section_4 .rad3{width:80%;margin-left:-40%;margin-top:calc(-40% + 100px);z-index:12;}
.section_4 .rad  .a{position:absolute;left:-67px;width:122px;height:122px;border-radius:100%;border:6px solid #4d9fe0;top:50%; margin-top:-67px;overflow:hidden;}
.section_4 .rad  a:hover{border:6px solid #f96b00;}
.section_4 .rad  .a2{left:auto;right:-67px;}
.section_4 .rad img{width:100%;border-radius:100%;transition:ease-in-out .2s;}
.section_4 .body .line ul{width:100%;margin:80px auto 0;}
.section_4 .body .line ul li:first-child img{width:80%;}
.section_4 .body .line ul li:nth-child(2){float:left;width:50%;}
.section_4 .body .line ul li:nth-child(2) img{width:80%}
.section_4 .body .line ul li:nth-child(3){float:right;width:50%;}
.section_4 .body .line ul li:nth-child(3) img{width:80%}
.section_4 .body .line .more{border:1px solid #f96b00;width:166px;height:47px;line-height:47px;text-align:center;color:#f96b00;font-size:20px;display:block;margin:0 auto;border-radius:23px;transition:ease-in-out .2s;}
.section_4 .body .line .more:hover{background:#f96b00;color:#fff;}
.section_5 {
  background:#f8f8f8; 
}
.section_5 .index_title{width:345px;}
.section_5 .body {
  width:calc(100% - 445px);  float:right;
}
.section_5 .body li {
  margin-bottom: 18px;
  padding: 13px 0 13px 13px;
  height: 200px;
}
.section_5 .body li .box1 {
  width: 266px;
  height: 200px;
  overflow: hidden;
}
.section_5 .body li .box1 img {
  width: 100%;transition:ease-in-out .2s;
}
.section_5 .body li .box2 {
  margin-left: 31px;
  padding-top: 34px;
  width:calc(100% - 519px);
}
.section_5 .body li .box2 h3 {
  font-size:22px;overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;

}
.section_5 .body li .box2 p {
  color: #666;
  line-height: 26px;
  margin-top: 13px; height:52px;
  margin-bottom: 26px;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;
  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;
}
.section_5 .body li .box2 .fl {
  color: #f96b00;
}
.section_5 .body li .box2 .fr {
  width: 43px;
  height: 43px;
  background: #fff;
  border-radius: 100%;
  display: block;
  text-align: center;
  display: none;
}
.section_5 .body li .box2 .fr i {
  width: 22px;
  height: 5px;
  background-position: -162px 0;
  margin-top: 19px;
  margin-left: 11px;transition:ease-in-out .2s;
}
.section_5 .body li .box3 {
  border-left: 1px dotted #dedede;
  height: 200px;
  padding-left: 22px;
  margin-left: 20px;
}
.section_5 .body li .box3 h3 {
  font-size: 34px;
  color: #999;
  padding-top: 27px;
}

.section_5 .body li .box3 p {
  font-size: 18px;
  color: #9c9c9c;
}
.section_5 .body li .box3 span {
  width: 29px;
  height: 2px;
  background: #d5d5d5;
  display: block;
  margin-top: 10px;
}
.section_5 .body li a {
  display: block;
  width: 100%;
  height: 100%;
}

.section_5 .body li:hover .box1 img{transform:scale(1.1)}
.section_5 .body li:hover .box2 .fr {
  display: block;
}
.section_5 .body li:hover .box2 p {
  
}
.section_5 .body li:hover .box2 h3 {
  color:#f96b00;
}
.section_5 .screen-main {  
   height: 714px;
  width:auto;right:10%; left:10%;margin-top: -340px;
}
.section_5 .screen-main .index_title {
  text-align: left;float:left;    height: 382px;
    margin-top: -191px; position:absolute;top:50%;left:0;
}
.section_5 .screen-main .index_title p {
  background: none; height:30px;padding-bottom:20px;
}
.section_5 .screen-main .index_title span {
  width:140px;
  height: 4px;
  display: block;
  background: #f96b00;
}
.section_5 .screen-main .index_title h4 {
  font-size: 24px;
  padding-top: 71px;
  font-weight: 100;
}
.section_5 .screen-main .index_title h5 {
  font-size: 16px;
  color: #666;
  font-weight: 100;
}
.section_5 .screen-main .index_title ul {
  padding-top: 48px;
}
.section_5 .screen-main .index_title li {
  float: left;
  font-size: 16px;
  line-height: 16px;
  margin-right: 10px;
}
.section_5 .screen-main .index_title li b {
  width: 5px;
  height: 5px;
  border: 5px solid #9a9a9a;
  display: block;
  border-radius: 100%;
  float: left;
  margin-right: 5px;
}
.section_5 .screen-main .index_title li a {
  color: #9a9a9a;
}
.section_5 .screen-main .index_title li a:hover {
  color: #f96b00;
}
.section_5 .screen-main .index_title li a:hover b {
  border: 5px solid #f96b00;
}
.section_5 .screen-main .index_title .a {
  background: #f96b00;
  color: #fff;
  width: 158px;
  height: 38px;
  border-radius: 19px;
  display: block;
  text-align: center;
  line-height: 38px;
  position: relative;
  padding-right: 14px;
  font-size: 16px;  
  transition: ease-in-out .2s;
  margin-top: 31px;
}
.section_5 .screen-main .index_title .a b {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  border: 8px solid #fff;
  margin-top: 7px;
  float: left;
  margin-left: 8px;
}
.section_5 .screen-main .index_title .a:hover {
 background: #dc7324; box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);
}

.section_6 {
  background: url(../images/s6_bg.jpg) center center no-repeat;
  background-size: cover;
}
.section_6 .more {
  background: #f96b00;
  width: 66px;
  height: 77px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: 56px;
  top: 50%;
  margin-top: -38px;
  transition: ease-in-out .2s;
}
.section_6 .more i {
  width: 14px;
  height: 23px;
  background-position: -193px 0;
  margin-left: 26px;
  margin-top: 26px;
}
.section_6 .more a {
  display: block;
  width: 100%;
  height: 100%;
}
.section_6 .more:hover {
  margin-left: 60px;
}
.section_6 .screen-main {
  width: 600px;
  padding-left: 10%;
  height: 352px;
  margin-top: -176px;
}
.section_6 .screen-main .index_title {
  text-align: left;
}
.section_6 .screen-main .index_title p {
  background: none;
  height:30px; padding-bottom:22px;
}
.section_6 .screen-main .index_title span {
  width: 33px;
  height: 4px;
  display: block;
  background: #f96b00;
}
.section_6 .screen-main .index_title h4 {
  font-size: 20px;
  padding-top: 54px;
  font-weight: 100;
}
.section_6 .screen-main .index_title .p {
  font-size: 16px;
  color: #666;
  font-weight: 100;
  line-height: 26px;
  margin-top: 13px;
}
.section_6 .screen-main .index_title a {
  background: #f96b00;
  color: #fff;
  width: 158px;
  height: 38px;
  border-radius: 19px;
  display: block;
  text-align: center;
  line-height: 38px;
  position: relative;
  padding-right: 14px;
  font-size: 16px;
  margin-top: 36px;
  transition: ease-in-out .2s;
}
.section_6 .screen-main .index_title a b {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  border: 8px solid #fff;
  margin-top: 7px;
  float: left;
  margin-left: 8px;
}
.section_6 .screen-main .index_title a:hover {
  background: #dc7324; box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);
}
.section_7 {
  background: url(../images/s7_bg.jpg) center top no-repeat;
  background-size: cover;
}
.section_7 .index_title {
  height: auto;
}

.section_7 .screen-main {
  width: 714px;
  position: absolute;
  left: 50%;
  margin-left: 90px;
  height: 590px;
  margin-top: -295px;
}
.section_7 .screen-main .body {
  position: relative;
}
/*
.section_7 .screen-main .body  h3{font-size:52px;color:#f96b00;font-weight:100; margin-top:35px;}
.section_7 .screen-main .body  p{font-size:16px;line-height:24px;}
.section_7 .screen-main .body  h4{font-size:16px;color:#666;}
.section_7 .screen-main .body .wx{background:#fff;border:1px solid #ddd;text-align:center; padding:10px 10px;display:inline-block;}
.section_7 .screen-main .body .wx img{width:200px;height:200px;display:block; padding-bottom:10px;}
.section_7 .screen-main .body a{background:#f96b00;color:#fff;width:160px;height:40px;text-align:center;line-height:40px;font-size:16px;display:block; margin-top:52px;}
.section_7 .screen-main .body  a i{width:19px;height:19px;background-position:-373px -206px;display:inline-block; margin-right:10px}*/
.section_7 .screen-main .body li {
  float: left;
  margin-bottom: 46px;
}
.section_7 .screen-main .body li .fl {
  border-right: 1px solid #dedede;
  height: 55px;
  margin-right: 7px;
}
.section_7 .screen-main .body li i {
  width: 34px;
  height: 34px;
  background-position: -218px 0;
  margin-right: 7px;
  margin-top: 13px;
}
.section_7 .screen-main .body li h3 {
  color: #f96b00;
  font-size: 24px;
  line-height: 24px;
}
.section_7 .screen-main .body li p {
  width:255px;
  color: #666;
  line-height: 24px;
  padding-top: 4px;
}
.section_7 .screen-main .body li:nth-child(4) p{width:255px;}
.section_7 .screen-main .body li .i2 {
  background-position: -254px -1px;
}
.section_7 .screen-main .body li .i3 {
  background-position: -291px 0;width:35px;
}
.section_7 .screen-main .body .right {
  text-align: center;
  position: absolute;
  right: 0;
  top: -50px;
}
.section_7 .screen-main .body .right img {
  width: 110px;
  height: 110px;
  border: 5px solid #d1d1d1;
}
.section_7 .screen-main .body .right h3 {
  font-weight: 100;
  color: #888c95;
  line-height: 30px;
}
.section_7 .screen-main ul {
  margin-top: 36px;
}
.section_7 .screen-main form ul {
  width: 105%;
}
.section_7 .screen-main form li {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 12px;
  margin-right: 20px;
  width: 163px;
  float: left;
}
.section_7 .screen-main form li input {
  border: none;
  outline: none;
  color: #aeaeae;
  background: none;
  width: 100%;
}
.section_7 .screen-main form .btn {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #f96b00;
  outline: none;
  border: none;
  margin-top: 30px;
  cursor: pointer;
  transition: ease-in-out .2s;
}
.section_7 .screen-main form .btn:hover {
  width: 120px; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
.section_7 .screen-main form textarea {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  resize: none;
  background: none;
  outline: none;
  color: #aeaeae;
  margin-top: 20px;
}
.section_7 .index_title {
  text-align: left;
}
.section_7 .index_title p {
  background: none; height:30px;padding-bottom:22px;
}

.section_7 .index_title span {
  width: 33px;
  height: 4px;
  display: block;
  background: #f96b00;
}
.section_7 .index_title h4 {
  font-size: 20px;
  padding-top: 30px;
  font-weight: 100;
}
.section_7 .bott {
  font-size: 12px;
  position: absolute;
  bottom: 30px;
  width: 1200px;
  left: 50%;
  margin-left: -600px;text-align:center;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*animated*/
.onactive .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active .animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active .animated.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.active .animated.fast {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.active .opacityA {
  -webkit-animation-name: opacityA;
  animation-name: opacityA;
}
/* 浜厜 */
.hvr-light {
  overflow: hidden;
  position: relative;
}
.hvr-light:before {
  content: "";
  position: absolute;
  width: 90px;
  height: 370px;
  top: -0px;
  left: -200px;
  overflow: hidden;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-32deg);
  -ms-transform: skewX(-32deg);
  -moz-transform: skewX(-32deg);
  transform: skewX(-32deg);
}
.hvr-light:hover:before {
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  -ms-transition: left 1s;
  transition: left 1s;
  left: 1300px;
}
.hvr-light:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
@keyframes opacityA {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.active .scale {
  -webkit-animation-name: scale;
  animation-name: scale;
}
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.active .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.active .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes rotates {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotates {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.active .start {
  -webkit-animation-name: start;
  animation-name: start;
  animation-iteration-count: infinite;
}
@-webkit-keyframes start {
  0%,
  30% {
    opacity: .5;
    -webkit-transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    -webkit-transform: translate(0, -6px);
  }
}
@-moz-keyframes start {
  0%,
  30% {
    opacity: .5;
    -moz-transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    -moz-transform: translate(0, -6px);
  }
}
@keyframes start {
  0%,
  30% {
    opacity: .5;
    transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    transform: translate(0, -6px);
  }
}
@keyframes mousemove {
  0% {
    transform: translateY(-5px);
  }
  25% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  75% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-5px);
  }
}
.onactive .flyInDown {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInUp {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInRight {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .flyInLeft {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .Swing1 {
  -webkit-animation-name: Swing1;
  animation-name: Swing1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes Swing1 {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
  }
}
@-moz-keyframes Swing1 {
  0% {
    -moz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-o-keyframes Swing1 {
  0% {
    -oz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@media screen and (max-width: 1600px) {
  .header .logo {
    margin-left: 10px;
  }
  .header .nav li {
    width: 115px;
  }
 
  .section_3 .body {
    width: 500px;
  }
  
  .section_4 .screen-main {
    height: 500px;
    margin-top: -230px;
  }
 .section_4 .body .bg{width:380px;height:380px;margin-left:-190px; margin-top:-90px;}
 .section_4 .body .line{width:300px;height:300px;margin-left:-150px; margin-top:-50px;}
 .section_4 .body .line ul li:first-child img{width:65%;}
 .section_4 .body .line ul li:nth-child(2) img{width:75%;}
 .section_4 .body .line ul li:nth-child(3) img{width:75%}
 .section_4 .body .line .more{width:120px;height:38px;line-height:38px;border-radius:19px;font-size:14px;margin-top:5px;}
 .section_4 .rad .a{width:90px; height:90px; left:-51px;}
 .section_4 .rad .a2{left:auto; right:-51px;}

 
   .section_5 .body li .box2{
       width:calc(100% - 300px);
   }
  .section_5 .body li .box3 {
    display: none;
  }
  .section_6 .screen-main {
    margin-top: -170px;
  }
  .section_6 .more {
    margin-left: 35px;
  }
  .section_6 .more:hover {
    margin-left: 45px;
  }
  .section_6 .screen-main .index_title .p {
    width: 540px;
  }
  .section_6 .screen-main .index_title h4{ padding-top:20px;}
     .section_5 .screen-main .index_title h3{ padding-top:0;}
  .section_5 .screen-main{height:480px;margin-top:-200px;}
  .section_5 .screen-main .body li:nth-child(3){display:none;
  
  }
   .section_7 .screen-main {
    height: 480px;
    margin-top: -200px;
  }
  .section_7 .index_title h4 {
    display: none;
  }
  .section_7 .screen-main .body li p{width:198px;}
  .section_7 .index_title p {
    padding-bottom: 10px;display:none;
  }
    .section_7 .index_title span{margin-bottom:10px;}
  .section_7 .screen-main {
    margin-left: 50px;
    width: 600px;
  }
  .section_7 .screen-main ul {
    margin-top:10px;width:105%;
  }
  .section_7 .bott {
    bottom: 9px;
  }
  .section_7 .screen-main .body li {
    margin-bottom: 25px;
  }
  .section_7 .screen-main .body .right {
    display: none;
  }
  .section_7 .screen-main form li {
    width: 120px;
  }
  .section_7 .screen-main form textarea {
    width: 540px;
  }
  .section_7 .screen-main form .btn {
    margin-top: 15px;
  }
  .section_7 .bott {
    bottom: 9px;
  }
  .section_7 .screen-main .body li {
    margin-bottom: 25px;
  }
  .section_7 .screen-main .body .right {
    display: none;
  }
  .section_7 .screen-main form li {
    width: 120px;
  }
  .section_7 .screen-main form textarea {
    width: 540px;
  }
  .section_7 .screen-main form .btn {
    margin-top: 15px;
  }
}
@media screen and (max-height: 700px) {
     .section_2 .screen-main {
    height: 500px;
    margin-top: -200px;
  }
  .section_2 .index_title {
    height: 115px;
  }
  .section_2 .index_title h3{ padding-top:20px;}
  .section_2 .body li {
    height: 350px;
  }
  .section_2 .body li .on {
    height: 220px;
  }
   .section_3 .index_title h3{ padding-top:20px;}
  .section_3 .screen-main {
    height: 500px;
    margin-top: -180px;
  }
  .section_3 .body li {
    margin-top:100px;
  }


}
.sub_banner { 
  margin-top: 81px;
}
.sub_banner img{width:100%; display:block;}
.ping_title {
  text-align: center;
  padding: 36px 0;
}
.ping_title h3 {
  font-size: 32px;
  color: #f96b00;
}
.ping_title p {
  font-size: 18px;
  color: #7e7e7e;
  padding-top: 5px;
}
.case_1 {
  padding: 0 4% 50px;
}
.case_1 li {
  width:48%;
  float: left;
  margin-left: 1%;
  margin-right: 1%; 
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.case_1 li img{display:block;width:100%;transition:ease-in-out .2s;}
.case_1 li .on {
  background: url(../images/case_on.png) top left repeat-x;
  width: 100%;
  height:220px;
  position: absolute;
  left: 0;
  bottom:-115px;
  transition: ease-in-out .2s;
}
.case_1 li .on h3 {
  color: #fff;
  font-size:22px;
  font-weight: 100;
  padding: 40px 27px 20px;
}
.case_1 li .on p {
  color: #fff;
  line-height: 24px; height:48px;overflow:hidden;
  padding: 0 27px;
 text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;
  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;
}
.case_1 li .on span {
  display: block;
  background: #f96b00;
  color: #fff;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 17px;
  margin-left: 27px;
  margin-top: 18px;
}
.case_1 li a {
  display: block;
  width: 100%;
  height: 100%;
}
.case_1 li:hover .on {
  bottom: -60px;
}
.case_1 li:hover .on h3{padding-bottom:0;}
.case_1 li:hover img{transform:scale(1.1);}
.bottom_copy {
  border-top: 1px solid #e5e5e5;
  padding: 0 5%;
  height: 66px;text-align:center;
  line-height: 66px;
  font-size: 12px;
}
.bottom_copy  .right,.bottom_copy .right a{color:#ccc;}
.case_nav {
  background: #f7f7f7;
  height: 60px;
  line-height: 60px;
  padding: 0 5%;
}
.case_nav ul {
  background: url(../images/case_li.jpg) left center no-repeat;
  width: 100%;
  height: 100%;
}
.case_nav li {
  background: url(../images/case_li.jpg) right center no-repeat;
  float: left;
  width: 25%;
  text-align: center;
  font-size: 16px;
}
.list_imgnav li{width:14%;}
.case_nav li .icon {
  width: 26px;
  height: 26px;
  background-position: -340px 0;
  display: inline-block;
  margin-left: 10px;
  opacity: 0;
}
.case_nav li .i2 {
  width: 25px;
  height: 25px;
  background-position: -85px -48px;
  margin-left: 0;
  margin-right: 10px;
  opacity: 1;
}
.case_nav li a.hover,
.case_nav li a:hover {
  color: #f96b00;
  font-weight: bold;
}
.case_nav li a.hover .icon,
.case_nav li a:hover .icon {
  opacity: 1;
}
.case_nav .l2 .i2 {
  background-position: -110px -48px;
}
.case_nav .l3 .i2 {
  background-position: -135px -48px;
}
.case_nav .l4 .i2 {
  background-position: -160px -48px;
}
.case_nav .l1 a.hover .i2,
.case_nav .l1 a:hover .i2 {
  background-position: -85px -73px;
}
.case_nav .l2 a.hover .i2,
.case_nav .l2 a:hover .i2 {
  background-position: -110px -73px;
}
.case_nav .l3 a.hover .i2,
.case_nav .l3 a:hover .i2 {
  background-position: -135px -73px;
}
.case_nav .l4 a.hover .i2,
.case_nav .l4 a:hover .i2 {
  background-position: -160px -73px;
}
.case_nav .left a {
  color: #f96b00;
}
.case_nav .right i {
  width: 16px;
  height: 16px;
  background-position: 0 -217px;
  display: inline-block;
  margin-right: 10px;
}
.case_list {
  padding: 0 5% 50px;
}
.case_list .title {
  padding: 40px 0 30px;
}
.case_list .title h3 {
  font-size: 32px;
  font-weight: 100;
}
.case_list .title p {
  font-size: 18px;
  color: #7e7e7e;
  padding-top: 10px;
}
.case_list .body li {
  position: relative;border:1px solid #eee; margin-bottom:44px;
}
.case_list .body li a {
  display: block;
  width: 100%;
  height: 100%;
}
.case_list .body .img {
  width: 26%;  
}
.case_list .body .img div {
  padding-top: 75%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.case_list .body .img img {
  width: 100%;
  position: absolute;
  transition: ease-in-out .3s;
  left: 0;
  top: 0;
  display: block;
}
.case_list .body .txt {
  width: 53%;
  padding-left: 3%;
  padding-right: 2%;
  position: absolute;
  left: 28%;
  margin-top: -71px;
  top: 50%;
}
.case_list .body .txt h3 {
  font-size: 20px;
}
.case_list .body .txt p {
  color: #777;
  line-height: 24px;
  padding-top: 10px;
  margin-bottom: 20px;
  height: 48px;
  overflow: hidden;
}
.case_list .body .txt span {
  display: block;
  width: 125px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 3px;
  border: 1px solid #e4e4e4;
}
.case_list .body .ico {
  position: absolute;
  width: 52px;
  height: 52px;
  right:60px;
  top: 50%;
  margin-top: -26px;
  opacity: 0;
  transition: ease-in-out .2s;
}
.case_list .body .ico .icon {
  width: 52px;
  height: 52px;
  background-position: -81px -124px;
}
.case_list li:hover {
  background:#f8f8f8;
}
.case_list li:hover .img div img {
  transform: scale(1.1);
}
.case_list li:hover .txt h3 {
  color: #f96b00;
}
.case_list li:hover .txt span {
  border: 1px solid #f96b00;
  background: #f96b00;
  color: #fff;
}
.case_list li:hover .ico {
  opacity: 1;
  right:40px;
}
/* pager */
.pager {
  padding: 30px 0 30px;
  text-align: center;
}
.pager:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.pager p {
  height: 32px;
  line-height: 32px;
  float: left;
  color: #666;
  display: none;
}
.pager ul {
  overflow: hidden;
  margin-left: 20px;
}
.pager ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 !important;
  height: auto !important;
  border: none !important;
}
.pager ul a {
  line-height: 30px;
  margin-left: 7px;
  padding: 0 10px;
  transition: all ease 300ms;
  color: #666;
  border: 1px solid #ddd;
  text-decoration: none;
  float: left;
  background: #fff;
  border-radius: 2px;
}
.pager ul a.current,
.pager ul a:hover {
  background-color: #f96b00;
  border-color: #f33f4b;
  color: #fff;
}
.case_show {
  padding: 0 10%;
  overflow: hidden;margin-bottom:50px;
}
.case_show .title {
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  width: 90%;  
  margin: 0 auto; padding-bottom:40px; padding-top:40px;
}
.case_show .title p{  padding-top:15px;}
.case_show .title h1 {
  font-size: 30px;
}
.case_show .title h3 {
  font-size: 30px;
}
.case_show .con {
  line-height: 30px;
  padding: 50px 0;font-size:18px;
}
.case_show .con img {
  max-width: 100%;
}
/* reLink */
.reLink {
  width: 100%;
  height: 58px;
  line-height: 58px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
  margin-top: 10px;
}
.reLink .nextLink,
.reLink .prevLink {
  width: 49%;
  display: block;
  font-size: 16px;
  text-align: left;float:left;
  color: #666;
}
.reLink .nextLink a:hover,
.reLink .prevLink a:hover {
  color: #f96b00;
}
.reLink .nextLink {
  text-align: right;
}
.case_remm {
  background: #f7f7f7;
  padding: 0 4%;
  margin-top: 50px;
}
.case_remm h2 {
  line-height: 84px;
  color: #f96b00;
  font-size: 24px;
  font-weight: 100;
  padding-left: 1%;
}
.case_remm li {
  width: 23%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  padding: 0 0 17%;
  margin-bottom: 45px;
  position: relative;
  overflow: hidden;
}
.case_remm li .on {
  background: url(../images/case_on.png) top left repeat-x;
  width: 100%;
  height: 220px;
  position: absolute;
  left: 0;
  bottom: -120px;
  transition: ease-in-out .2s;
}
.case_remm li .on h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 100;
  padding: 40px 27px 10px;
}
.case_remm li a {
  display: block;
  width: 100%;
  height: 100%;
}
.case_remm li:hover .on {
  bottom: -110px;
}
.showPro {
  padding: 50px 5%;
}
.showPro .showContxt {
  padding: 30px 0 35px;
  font-size: 16px;
  line-height: 32px;
}
.showPro .showContxt img {
  max-width: 100%;
  height: auto !important;
}
.showPro .showimgCon {  
  font-size: 16px;
  line-height: 32px; border:1px solid #e5e5e5;
}
.showPro .showimgCon .slideBox{ width:548px;  overflow:hidden; position:relative;float:left;  }
.showPro .showimgCon		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:30px; bottom:20px; z-index:1; }
.showPro .showimgCon		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.showPro .showimgCon		.slideBox .hd ul li{ float:left; margin-right:8px;  width:12px; height:12px;border-radius:100%; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.showPro .showimgCon		.slideBox .hd ul li.on{ background:#f96b00; color:#fff; }
.showPro .showimgCon		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.showPro .showimgCon		.slideBox .bd li{ zoom:1; vertical-align:middle; }
.showPro .showimgCon		.slideBox .bd img{ width:100%;  display:block;  }
.showPro .showimgCon .txtcon {
  width:calc(100% - 702px);  
  float: right;
  position: relative; padding-right:77px;
}
.showPro .showimgCon .txtcon .tit {
  position: relative;
  font-size: 36px;
  margin-bottom: 28px;
  font-weight: bold;
  line-height: 44px;
  padding-bottom: 14px; 
  padding-top:65px;

}
.showPro .showimgCon .txtcon .subtit{border-bottom:1px solid #e5e5e5;width:370px; margin-bottom:20px;}
.showPro .showimgCon .txtcon .subtit h5{font-size:22px;border-bottom:3px solid #f96b00; padding-bottom:12px;display:inline-block;font-weight:100;}
.showPro .showimgCon .txtcon h3 {
  font-weight: 100;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
}
.showPro .showimgCon .txtcon h3 span {
  color: #f96b00;
  font-size: 20px;
}
.showPro .showimgCon .txtcon .tit .goBack {
  position: absolute;
  right: 0;
  top: 0;
  color: #999999;
  font-size: 14px;
  display: block;
  font-weight: normal;
  cursor: pointer;
}
.showPro .showimgCon .txtcon .tit .goBack s {
  width: 20px;
  height: 20px;
  background-position: -440px -62px;
  margin-left: 6px;
}
.showPro .showimgCon .txtcon .tit .goBack:hover {
  color: #047fcc;
}
.showPro .showimgCon .txtcon .txt {
  line-height:35px;
  font-size: 16px; padding-bottom:35px;
  color: #666;
}
.showPro .showimgCon .txtcon .txt .item {
  margin-bottom: 7px;
  max-height: 144px;
  overflow: hidden;
}
.showPro .showimgCon .txtcon .tel-btn {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 40px;
}
.showPro .showimgCon .txtcon .tel-btn .btn {
  width: 210px;
  height: 50px;
  line-height: 50px;
  margin-top: 5px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: #f96b00;
  display: block;
}
.showPro .showimgCon .txtcon .tel-btn .btn i {
  width: 22px;
  height: 18px;
  background-position: -36px -243px;
  display: inline-block;
  margin-right: 10px;
}
.showPro .showimgCon .txtcon .tel-btn .btn:hover {
  background: #e46d13;
}
.showPro .showimgCon .txtcon .tel-btn .tel {
  width: 280px;
  float: left;
}
.showPro .showimgCon .txtcon .tel-btn .tel span,
.showPro .showimgCon .txtcon .tel-btn .tel strong {
  display: block;
  color: #666666;
}
.showPro .showimgCon .txtcon .tel-btn .tel s {
  width: 42px;
  height: 42px;
  display: block;
  float: left;
  margin-right: 6px;
  background-position: -180px 0;
}
.showPro .showimgCon .txtcon .tel-btn .tel span {
  font-size: 16px;
  line-height: 20px;
}
.showPro .showimgCon .txtcon .tel-btn .tel strong {
  font-size: 28px;
  line-height: 28px;
}
.showPro .showimg {
  width: 622px;
  position: relative;
  float: left;
  overflow: hidden;
}
.showPro .showimg .bigimg {
  width: 622px;
  height: 467px;
  display: block;
  position: relative;
  background: #ddd;
}
.showPro .showimg .bigimg .list {
  width: 5000%;
}
.showPro .showimg .bigimg .list li {
  width: 622px;
  height: 467px;
  float: left;
}
.showPro .showimg .bigimg .list img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 300ms;
}
.showPro .showimg .smallimg {
  width: 622px;
  height: 126px;
  position: relative;
  padding-top: 30px;
  z-index: 10;
  overflow: hidden;
}
.showPro .showimg .list {
  width: 542px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.showPro .showimg .listcon {
  width: 600% !important;
  position: relative;
}
.showPro .showimg .prev,
.showPro .showimg .next {
  width: 20px;
  height: 76px;
  z-index: 10;
  position: absolute;
  top: 58px;
  cursor: pointer;
  background: url(../images/show-btn-ico.png) no-repeat 0 center;
}
.showPro .showimg .prev:hover,
.showPro .showimg .next:hover {
  background-color: #f9f9f9;
}
.showPro .showimg .prev {
  left: 0;
  background-position: 3px center;
}
.showPro .showimg .next {
  right: 0;
  background-position: -84px center;
}
.showPro .showimg li {
  width: 170px;
  height: 126px;
  margin-right: 16px;
  float: left;
  cursor: pointer;
  position: relative;
}
.showPro .showimg li img {
  width: 100%;
  height: 100%;
  display: block;
}
.showPro .showimg li.on {
  width: 168px;
  height: 124px;
  border: 1px solid #f96b00;
}
.con_tab {
  background: #f7f7f7;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.con_tab .hd {
  border-bottom: 1px solid #e5e5e5;
}
.con_tab .hd ul {
  padding: 0 5%;
}
.con_tab .hd li {
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  float: left;
  font-size: 20px;
}
.con_tab .hd .on {
  background: #f96b00;
  color: #fff;
}
.con_tab .bd {
  padding: 0 5%;
}
.con_tab .bd .con {
  padding: 50px 0;
  line-height:35px; min-height:300px;color:#000;font-size:18px;
}
.prodcut_link {
  padding: 0 5%;
}
.ewmbox {
  width: 300px;
  height: 320px;
  padding-top: 20px;
  background: #fff;
  z-index: 9999;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -170px 0 0 -150px;
  text-align: center;
  font-size: 16px;
  display: none;
}
.ewmbox .close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: -25px;
  right: -40px;
  cursor: pointer;
  border-radius: 100%;
  background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center;
  transition: all ease 300ms;
}
.ewmbox .close:hover {
  transform: rotate(180deg);
}
.ewmbox img {
  width: 260px;
  height: 260px;
  display: block;
  margin: 0 auto 10px;
}
.dialog-layout {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.erro {
  text-align: center; min-height:400px;color:red;font-size:18px; padding-top:20px;
}
.product_nav {
  background: #f7f7f7;
  height: 60px;
  line-height: 60px;
  padding: 0 5%;
}

.product_nav ul {
  background: url(../images/case_li.jpg) left center no-repeat;
  width: 100%;
  height: 100%;
}
.product_nav li {
  background: url(../images/case_li.jpg) right center no-repeat;
  float: left;
  width: 25%;
  text-align: center;
  font-size: 16px;
}
.product_nav li .icon {
  width: 25px;
  height: 25px;
  background-position: -198px -49px;
  margin-left: 0;
  margin-right: 10px;
  opacity: 1;
  display: inline-block;
}
.product_nav li a.hover,
.product_nav li a:hover {
  color: #f96b00;
  font-weight: bold;
}
.product_nav .l2 .icon {
  background-position: -223px -49px;
}
.product_nav .l3 .icon {
  background-position: -248px -49px;
}
.product_nav .l1 .hover .icon,
.product_nav .l1 a:hover .icon {
  background-position: -198px -74px;
}
.product_nav .l2 .hover .icon,
.product_nav .l2 a:hover .icon {
  background-position: -223px -74px;
}
.product_nav .l3 .hover .icon,
.product_nav .l3 a:hover .icon {
  background-position: -248px -74px;
}
.new_nav li .icon {
  background-position: -271px -49px;
}
.new_nav .l2 .icon {
  background-position: -296px -49px;
}
.new_nav .l3 .icon {
  background-position: -321px -49px;
}
.new_nav .l1 .hover .icon,
.new_nav .l1 a:hover .icon {
  background-position: -271px -74px;
}
.new_nav .l2 .hover .icon,
.new_nav .l2 a:hover .icon {
  background-position: -296px -74px;
}
.new_nav .l3 .hover .icon,
.new_nav .l3 a:hover .icon {
  background-position: -321px -74px;
}
.product_list {
  padding: 30px 4% 20px;background:#f9f9f9;
}
.product_list .body  ul{margin-right:-50px;}
.product_list .body li {
  width:calc(100%/3 - 50px);
  float: left;
  margin-left: 1%;background:#fff;
  margin-right: 1%;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.product_list .body li h3 {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 20px;overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
 
}
.product_list .body li p {
  line-height: 24px;
  font-size:16px;
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;color:#999;
  -webkit-box-orient: vertical;
  height:48px;
}
.product_list .body li span {
  display: block;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
  margin-top: 22px;
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  transition: ease-in-out .1s;
}
.product_list .body li .img {
  width: calc(100% - 2px);
    border: 1px solid #ddd;
    border-bottom: 0;
}
.product_list .body li .img a {
  position: relative;
  width: 100%;
  padding-top: 75%;
  overflow: hidden;display:block;
}
.product_list .body li .img img {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: ease-in-out .2s;
}
.product_list .body li .txt {
  border: 1px solid #e7e7e7;
  padding: 30px;
}

.product_list .body li:hover span {
  background: #f96b00;
  color: #fff;
  border: 1px solid #f96b00;
}
.product_list .body li:hover h3 {
  color: #f96b00;
}
.product_list .body li:hover p {
  color: #333;
}
.product_list .body li:hover .img img {
  transform: scale(1.1);
}
.news_remm {
 
  padding-top: 80px;
 
  padding-bottom: 40px;
}
.news_remm .txt h4 {
  color: #7e7e7e;
  font-weight: 100;
}
.news_remm .txt h4 i {
  width: 18px;
  height: 18px;
  background-position: -371px 0;
  display: inline-block;
  margin-right: 10px;
}
.news_remm .txt h5 {
  font-weight: 100;
  color: #999;
  line-height: 24px;
  padding-top: 15px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;
  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;  height:48px;
}
.news_list {
  padding: 20px 5% 1px;
}
.news_list .body {
  padding-top: 34px;
}
.news_list .body li {
  position: relative;margin-bottom: 44px;
}
.news_list .body li a {
  display: block;
  width: 100%;
  height: 100%;
}
.news_list .body li:hover .txt h4 {
  padding-left: 20px;
}
.news_list .body li:hover .img div img {
  transform: scale(1.1);
}
.news_list .body .img {
  width: 32%;
  
}
.news_list .body .img div {
  padding-top: 75%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.news_list .body .img img {
  width: 100%;
  transition: ease-in-out .3s;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.news_list .body .txt {
  width: 60%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -92px;
}
.news_list .body .txt span {
  color: #7e7e7e;
}
.news_list .body .txt h3 {
  color: #f96b00;
  font-size: 24px;
  padding-top: 15px;
  padding-bottom: 10px;overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
}
.news_list .body .txt p {
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news_list .body .txt h4 {
  font-weight: 100;
  font-size: 18px;
  color: #7e7e7e;
  margin-top: 30px;
  transition: ease-in-out .2s;
}
.news_list .body .txt h4 i {
  width: 32px;
  height: 32px;
  background-position: 0 -243px;
  display: inline-block;
  margin-right: 10px;
}
.about_1 {
  padding: 50px 6% 50px;
}
.about_1 .left {
  width: 48%;
}
.about_1 .left h3 {
  font-size: 40px;
  font-weight: 100;
  line-height: 118px;
}
.about_1 .left .p {
  color: #888;
  line-height: 30px;
}
.about_1 .left .p p {
  text-indent: 2em;
}
.about_1 .left .more {
  display: block;
  background: #f96b00;
  color: #fff;
  width: 180px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 24px;
  margin-top: 30px;
  transition: ease-in-out .2s;
}
.about_1 .left .more i {
  width: 20px;
  height: 20px;
  background-position: -32px -143px;
  display: inline-block;
  margin-right: 11px;
}
.about_1 .left .more:hover {
  width: 220px;
}
.about_1 .right {
  width: 48%;
}
.about_1 .right img {
  width: 100%;
  display: block;
}
.about_2 {
  background: #f7f7f7;
  width: 100%;
  text-align: center; padding-top:50px;
  padding-bottom: 50px;
}
.about_2 .t {
  font-size: 40px;
  line-height: 173px;
}
.about_2 ul {
  padding: 0 5%;
}
.about_2 li {
  float: left;
  width: 18%;
  margin-left: 1%;
  margin-right: 1%;
  position: relative;overflow:hidden;
}
.about_2 li img {
  width: 100%;
  display: block;transition:ease-in-out .2s;
}
.about_2 li:hover img{transform:scale(1.1);}
.about_2 li .on {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: ease-in-out .2s;
}
.about_2 li .on i {
  width: 65px;
  height: 65px;
  background-position:0px -301px;
  margin:77px auto 0;
}
.about_2 li .on h3 {
  font-size: 26px;
  color: #fff;
  font-weight: 100;
}
.about_2 .l2 .on i {  
  background-position: -136px -120px;
  
}
.about_2 .l3 .on i {
  background-position: -201px -120px;
}
.about_2 .l4 .on i {
  background-position: -266px -120px;
}
.about_2 .l5 .on i {
  background-position: -331px -120px;
}
.about_2 li:hover .on {
  background: url(../images/about_2.png) repeat;
}
.about_2 li:hover .on h3 {
  font-weight: bold;
}
.contact {
  padding: 0 5% 68px;
}
.contact .title {
  padding-top: 52px;
  padding-bottom: 25px;
}
.contact .title span {
  display: block;
  width: 33px;
  height: 4px;
  background: #f96b00;
  margin-bottom: 16px;
}
.contact .title h3 {
  font-size: 30px;
  font-weight: 100;
}
.contact #allmap1 {
  width: 100%;
  height: 265px;
}
.contact .body {
  position: relative; 
  padding-top: 30px;width:100%;
}
.contact .body .left{width:100%;}
.contact .body .left li {
  float: left;
  margin-bottom: 46px;
  width:calc(100% / 4)
}
.contact .body .left li .fl {
  border-right: 1px solid #dedede;
  height: 55px;
  margin-right: 7px;
}
.contact .body .left li .fr {
  float: left;
}
.contact .body .left li i {
  width: 34px;
  height: 34px;
  background-position: -218px 0;
  margin-right: 7px;
  margin-top: 13px;
}
.contact .body .left li h3 {
  color: #f96b00;
  font-size: 24px;
  line-height: 24px;
}
.contact .body .left li p {
  width: 265px;
  color: #666;
  line-height: 24px;
  padding-top: 4px;
}
.contact .body .left li .i2 {
  background-position: -254px -1px;
}
.contact .body .left li .i3 {
  background-position: -291px 0;width:35px;
}
.contact .body .left li .i4 {
  background-position: -262px -202px;
}
.contact .body .left li .i5 {
  background-position: -296px -202px;
}
.contact .body .right {
  text-align: center;
  position: absolute;
  right: 67px;
  top: 40px;
}
.contact .body .right img {
  width: 110px;
  height: 110px;
  border: 5px solid #d1d1d1;
}
.contact .body .right h3 {
  font-weight: 100;
  color: #888c95;
  line-height: 30px;
}
.contact ul {
  margin-top: 36px;
}
.contact form {
  width: 75%;
}
.contact form h3 {
  font-size: 24px;
  font-weight: 100;
  padding-top: 40px;
}
.contact form span {
  display: block;
  width: 33px;
  height: 4px;
  background: #f96b00;
  margin-bottom: 16px;
  margin-top: 15px;
}
.contact form ul {
  width: 100%;
}
.contact form li {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 12px;
  margin-right: 2%;
  width: 23%;
  float: left;
}
.contact form li input {
  border: none;
  outline: none;
  color: #aeaeae;
  background: none;
  width: 100%;
}
.contact form .btn {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #f96b00;
  outline: none;
  border: none;
  margin-top: 30px;
  cursor: pointer;
  transition: ease-in-out .2s;
}
.contact form .btn:hover {
  width: 120px;
}
.contact form textarea {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  width: 98%;
  resize: none;
  background: none;
  outline: none;
  color: #aeaeae;
  margin-top: 20px;
  margin-right: 2%;
  height: 50px;
}
.product_title {
  text-align: center;
  margin: 36px 5%;
  position: relative;
}
.product_title h3 {
  font-size: 32px;
  color: #f96b00;
}
.product_title p {
  font-size: 18px;
  color: #7e7e7e;
}
.product_title .search {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -19px;
  width: 185px;
  height: 38px;
}
.product_title .search .input {
  border: 1px solid #e9eaeb;
  width: 138px;
  height: 20px;
  line-height: 20px;
  padding: 8px 35px 8px 10px;
  border-radius: 19px;
  color: #cdcccd;
  outline: none;
}
.product_title .search .btn {
  width: 23px;
  height: 30px;
  background-position: -338px -204px;
  outline: none;
  border: none;
  position: absolute;
  right: 13px;
  top: 4px;
  cursor: pointer;
}
.product_1 {
  background: #f7f7f7;
  padding: 48px 5% 61px;
}
.product_1 .box1 .left {
  width: 40%;
}
.product_1 .box1 .right {
  width: 40%;
}
.product_1 .box1 .right .body .fl i {
  background-position: -325px -245px;
}
.product_1 .box1 .right .hov {
  background: #f96b00;
  color: #fff;
}
.product_1 .box1 .right .hov .fl i {
  background-position: -355px -245px;
}
.product_1 .box1 .t .fl h3 {
  color: #f96b00;
  font-size: 45px;
}
.product_1 .box1 .t .fl p {
  font-size: 16px;
  color: #7e7e7e;
}
.product_1 .box1 .t .fr {
  margin-top: 20px;
}
.product_1 .box1 .t .fr a {
  border: 2px solid #f96b00;
  font-size: 18px;
  display: block;
  width: 146px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #f96b00;
  border-radius: 22px;
  transition: ease-in-out .2s;
}
.product_1 .box1 .t .fr a:hover {
  width: 180px;
}
.product_1 .box1 .body {
  position: relative;
  border: 1px solid #eeecec;
  background: #fff;
  
  margin-top: 43px;
  line-height: 88px;
  font-size: 20px;transition:ease-in-out .2s;
}
.product_1 .box1 .body:hover{background:#f96b00;color:#fff;}
.product_1 .box1 .body:hover .fr i{}
.product_1 .box1 .body:hover .fl i {
  background-position: -291px -245px;
}
.product_1 .box1 .body:hover .fr i {
  background-position: -66px -181px;
}
.product_1 .box1 .body .fl i {
  width: 30px;
  height: 34px;
  background-position: -260px -245px;
  display: inline-block;
  margin-right: 10px;
  margin-left: 35px;
}
.product_1 .box1 .body .fr i {
  width: 18px;
  height: 18px;
  background-position: -46px -181px;
  margin-top: 35px;
  margin-right: 15px;
  cursor: pointer;
}
.product_1 .box1 .body ul { 
  left: -1px;
  top: 88px;
  z-index: 10;
  background: #fff;
  width: 100%;
  border: 1px solid #eeecec;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 30px 0;
  display: none;
 
}
.product_1 .box1 .body ul li {
  line-height: 59px;
  border-bottom: 1px solid #eeecec;
  margin: 0 20px;
  font-size: 18px;
}
.product_1 .box1 .body ul li a {
  display: block;
  width: 100%;
  height: 100%;
  transition: ease-in-out .2s;
}
.product_1 .box1 .body ul li:hover {
  border-bottom: 1px solid #f96b00;
}
.product_1 .box1 .hov {
  background: #f96b00;
  color: #fff;
}

.product_1 .box2 {
  padding-top:10px;
}
.product_1 .box2 .t .fl h3 {
  font-size: 34px;
  font-weight: 100;
}
.product_1 .box2 .t .fr a {
  border: 2px solid #f96b00;
  font-size: 18px;
  display: block;
  width: 146px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #f96b00;
  border-radius: 22px;
  transition: ease-in-out .2s;
}
.product_1 .box2 .t .fr a:hover {
  width: 180px;
}
.product_1 .box2 .body {
  overflow: hidden;
}
.product_1 .box2 .body ul {
  margin-right: -5%;
  padding: 50px 0 62px;
}
.product_1 .box2 .body li {
  width: calc(100%/4 - 5%);
  float: left;
  margin-right: 5%;
}
.product_1 .box2 .body li a {
  display: block;
  border: 1px solid #e5e5e5;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product_1 .box2 .body li img {
  display: block;
  width: 100%;
  transition: ease-in-out .2s;
}
.product_1 .box2 .body li a:hover {
  border: 1px solid #f96b00;
}
.product_1 .box2 .body li a:hover img {
  transform: scale(1.1);
}
.product_2 {
  margin: 70px 5%;
  background: url(../images/product.jpg) center top no-repeat;
  background-size: cover;
  height: 180px;
  line-height: 180px;
  font-size: 30px;
}
.product_2 .left {
  padding-left: 50px;
}
.product_2 .right a {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #f96b00;
  border-radius: 20px;
  display: block;
  font-size: 16px;
  margin-top: 70px;
  margin-right: 64px;
  transition: ease-in-out .2s;
}
.product_2 .right a:hover {
  width: 200px;
}
/* map_ul  */
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
}
.map_ul li {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 25px;
}
.map_ul li a {
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-weight: bold;
  display: block;
  background: #f6f6f6;
  text-indent: 15px;
}
.map_ul .list-inline {
  display: block;
  width: 86%;
}
.map_ul .list-inline li {
  height: 32px;
  display: inline-block;
  *display: inline;
  margin: 15px 5px 15px 0;
  zoom: 1;
  line-height: 32px;
  border-bottom: 0;
  text-align: center;
  width: auto;
  padding: 0px;
}
.map_ul .list-inline li a {
  text-indent: 0;
  font-weight: normal;
  display: block;
  line-height: 32px;
  height: 32px;
  display: inline-block;
  padding: 0px 10px;
  width: auto;
  border: 1px solid #ccc;
  text-align: center;
}
.map_ul .list-inline li a:hover {
  background: #f96b00;
  color: #fff;
  border: 1px solid #f96b00;
}
.product_dl{background:#fff; padding-top:0px;}
.product_dl .box2 .body li{margin-bottom:20px;}
.produc_fix{position: fixed;
    left: 0;
    top:50%; margin-top:-57px;
    background: #f96b00;
    width: 20px;
    padding: 10px 2px;
    border-radius: 0 5px 5px 0;
    text-align: center;
    color: #fff;
    z-index:10;}
.product_fix_ul{position:absolute;left:-152px;top:0;z-index:20;width:150px;background:#fff;border:2px solid #ddd;border-left:none;border-radius:0 5px 5px 0;transition:ease-in-out .2s;text-align:left;}
.product_fix_ul li{border-bottom:1px solid #ddd;line-height:50px;height:50px; padding-left:20px;}
.product_fix_ul li a{display:block;width:100%; height:100%;}
.product_fix_ul li:hover{background:#f96b00;color:#fff;}
.product_fix_ul li:hover a{color:#fff;}
.produc_fix:hover .product_fix_ul{left:0;}
.img_ul{background:#fff;}
.img_ul .body li{width:calc(100%/4 - 50px);}
.img_ul .body li .img{border:1px solid #e7e7e7; padding:10px;width:auto;border-bottom:none;}
.case_all { padding:0 5%;}
.case_all .case_left{    width: 75%;    float: left; padding:0;}
.case_all .case_right{width: 22.8%;
    float: right;}
.case_all .case_right .relevant {
        margin-top:50px;
        padding: 13px 9% 55px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .07)
    }

.case_all .case_right .relevant h2 {
        font-size: 16px;
        color: #333;
        line-height: 48px
    }

.case_all .case_right .relevant a {
        display: block;
        width: 100%;
        font-size: 16px;
        color: #666;
        line-height: 26px;
        padding: 7px 0 7px 0;       
        transition: background .3s, color .3s;overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
 
    }
.case_all .case_right .relevant a:hover{color:#f96b00;}
@media screen and (max-width: 1600px){  
    .about_1 .left h3{font-size:20px;line-height:60px;}
    .about_1 .left .p{ text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; height:120px;
  -webkit-line-clamp: 4;  line-clamp:4;  -webkit-box-orient: vertical;  }
    .about_1 .left .more{margin-top:18px;}
    .contact .body .right{right:0;}
    .about_2 li .on h3{font-size:20px;}
      .about_2 li .on i{margin-top:45px;}
    .contact .body .left li:nth-child(4){width:calc(100% / 4 - 50px);}
    .contact .body .left li:nth-child(2){width:calc(100% / 4 + 50px);}
    .contact .body .left li:nth-child(2) p{width:265px;}
    .contact .body .left li p{width:189px;}
}
.sideMenu { margin: 62px 5% 0; min-height:500px; }
.sideMenu .h3 { padding: 17px 19px; border: 1px solid #dcdcdc; border-left: 8px solid #f96b00; margin-bottom: 22px; cursor:pointer; }
.sideMenu .h3 .title .left h3 { font-size: 20px; color: #000; font-weight: 100;  }
.sideMenu .h3 .title .right { color: #999; font-size: 18px; }
.sideMenu .h3 .title .right a{background:#f96b00;color:#fff;padding:5px 15px;font-size:14px;}
.sideMenu .h3 .title p { color: #005b9c; display: block; font-size: 18px; }
.sideMenu ul { border-top: 1px solid #dcdcdc; padding-top: 15px; margin-top: 15px; color: #999; display: none; line-height: 28px;transition:ease-in-out .2s; }
.sideMenu .h3.on ul{display:block;}
.list_time{ padding:30px 4% 0}
.list_time .title h3{font-size:30px; text-align:center;}
.list_time .img2{width:100%;}
.list_time .img2 img{width:100%; display:block;}
.list_time .body2 ul{padding:50px 20px;}
.list_time .body2 li{background:url(../images/time.jpg) no-repeat 156px top; padding-bottom:30px}
.list_time .body2 .left{font-size:30px;color:#c8c8c8;width:222px;line-height:30px; margin-top:-5px;font-weight:bold}
.list_time .body2 .right{float:left;width:calc(100% - 222px);color:#666;line-height:30px; margin-top:-5px;  border-bottom:1px dotted #dedede; padding-bottom:30px;}
.list_time .body2 li.on .left{color:#f96b00;}
.list_time .body2 li.on .right{color:#f96b00;font-weight:bold;}
.list_time .body2 li:hover .right{transition:ease-in-out .2s;padding-left:15px;    width: calc(100% - 237px);}
.time_remm{padding:50px 0 0;background:none;}
.time_remm  .body li{margin-left:0; margin-right:50px;}
.time_remm .body li .img{overflow:hidden}

.time_remm .body li .txt h5{line-height:25px;height:50px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;
  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical; color:#f96b00;}
.historys {background:url(../images/lc_bg.jpg) no-repeat center top; min-height:645px; background-size:cover;
	    padding: 30px 10% 20px;
}
.historys .title{text-align:center; padding-bottom: 40px;}
.historys .title span{display:block;width:36px;height:2px;background:#ff6800; margin:0 auto;}
.historys .title h2 {
	font-size:28px; color: #000;  padding-bottom:12px;
}
.historys .sma{border-bottom:1px dotted #cacaca;width:100%;height:142px;}
.historys .sma li{float:left; width:calc(100% / 9 );font-size:23px;position:relative;height:155px;text-align:center; }
.historys .sma ul{}

.historys .sma li p{position:absolute;font-family:Arial;top:88px;width:100%;text-align:center;transition:ease-in-out .2s;}
.historys .sma li  i{width:9px;height:9px;background:#ff6800;border-radius:100%;display:block;border:3px solid #ffc298;position:absolute;transition:ease-in-out .2s;bottom:5px;left:50%; margin-left:-6px;z-index:10;}
.historys .sma li.on{font-size:60px;color:#ff6800;}
.historys .sma li.on p{top:0;font-weight:bold;width:300px; left:50%; margin-left:-150px;}
.historys .sma li.on i{width:16px;height:16px;border:6px solid #ffc298;bottom:0; margin-left:-14px;}
.historys .con{text-align:center;line-height:29px;font-size:18px; padding:60px 30px 0}
.historys .prev{width:35px;height:35px;background:url(../images/lc45.png) no-repeat; position:absolute;left:-55px;top:125px;}
.historys .next{width:35px;height:35px;background:url(../images/lc46.png) no-repeat;position:absolute;right:-55px;top:125px;}
.showimg{position:relative;}

.jq22-container { position: relative;width:100%;background:url(../images/time_bg.jpg) left 142px repeat-x;}
 .sociales { text-align: center; }
 .date{ position:relative; height:155px;overflow:hidden;}
 #timeline { width: 100%; position: relative; margin-top:50px; }
 #dates { }
 #dates li { float:left; width:180px;font-size:23px;position:relative;height:155px;text-align:center;  }
 #dates li a { position:relative;width:100%; height:100%;display:block; }
 #dates li i{width:9px;height:9px;background:#ff6800;border-radius:100%;display:block;border:3px solid #ffc298;position:absolute;transition:ease-in-out .2s;bottom:5px;left:50%; margin-left:-6px;z-index:10;}

 #dates li a p{position:absolute;font-family:Arial;top:68px;width:100%;text-align:center;}
 #dates li a  i{width:9px;height:9px;background:#ff6800;border-radius:100%;display:block;border:3px solid #ffc298;position:absolute;transition:ease-in-out .2s;bottom:5px;left:50%; margin-left:-6px;z-index:10;}
 #dates li a.selected{font-size:38px;color:#ff6800;}
 #dates li a.selected p{top:0;font-weight:bold;width:300px; left:50%; margin-left:-150px;}
 #dates li a.selected i{width:16px;height:16px;border:6px solid #ffc298;bottom:0; margin-left:-14px;}

 #issues { width: 100%;overflow: hidden; }
 #issues li { width: 100%;  font-size:18px;position:absolute;left:0;top:0;text-align:center;display:none; }
 #issues li.selected{display:block;}


 #next,  #prev { position: absolute; top: 5px; font-size: 70px; width: 56px; height: 56px; overflow: hidden; background: url(../images/icon.png) no-repeat; }
 #next { width:35px;height:35px;background:url(../images/lc46.png) no-repeat;position:absolute;right:-55px;top:125px; }
 #prev { width:35px;height:35px;background:url(../images/lc45.png) no-repeat; position:absolute;left:-55px;top:125px; }
 #next.disabled, #prev.disabled { opacity: 0.2; }

 .showimg{ position: relative;width:100%;background:url(../images/time_bg.jpg) left 142px repeat-x; margin:0 auto;height:500px;}
 .showimg .bigimg{ display: block; position: relative; width:1200px; margin:0 auto;overflow:hidden; padding-top:50px;height:450px;}
 .showimg .bigimg .list{width: 7000%;}
 .showimg .bigimg .list li{width:1200px; float: left;text-align:center;font-size:18px;line-height:30px;}
 .showimg .smallimg{width: 100%;  position: relative;  z-index: 10; height:155px; }
 .showimg .list{width:1200px; overflow: hidden; position: relative; margin: 0 auto;height:155px;}
 .showimg .listcon{width:700%; position: relative;}
 .showimg .prev,
 .showimg .next{width:35px;height:35px; z-index: 10; position: absolute; top:125px; cursor: pointer;left:-100px; }

 .showimg .prev{background:url(../images/lc45.png) no-repeat;}
 .showimg .next{width:35px;height:35px;background:url(../images/lc46.png) no-repeat;left:auto;right:-100px;}
 .showimg  .smallimg li{ width:167px; margin-right: 2px; float: left; cursor: pointer; position: relative;height:155px; }

 .showimg .smallimg li.on{color:#f96b00;font-size:60px;}
 .showimg .smallimg li p{position:absolute;font-family:Arial;top:88px;width:100%;text-align:center;font-size:23px;}
 .showimg .smallimg li  i{width:9px;height:9px;background:#c9c9c9;border-radius:100%;display:block;border:3px solid #e9e9e9;position:absolute;transition:ease-in-out .2s;bottom:5px;left:50%; margin-left:-6px;z-index:10;}
 .showimg .smallimg li.on p{top:0;font-weight:bold;width:300px; left:50%; margin-left:-150px;font-size:43px; }
 .showimg .smallimg li.on i{width:16px;height:16px;border:6px solid #ffc197;bottom:0; margin-left:-14px;background:#ff6800;}














@media screen and (max-width: 1600px) {
     .showimg .smallimg li{width:153px;}
       .showimg .smallimg .list{width:1100px;}
      .showimg .smallimg li.on p{font-size:40px;}
}





.xiang_j{ position:fixed; left:5px; top:60%; text-align:center; width:120px; background-color:#f43333; z-index:66;}
.xiang_j img{ display:block; width:120px;}
.xiang_j p{ padding:12px; color:#fff;font-size:12px;}