@charset "utf-8";
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
.draw_line::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background-color: #f1971b;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}

.draw_line:hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.flow:hover {
  transform:translateY(-9px);
  -webkit-transform:translateY(-9px);
  -moz-transform:translateY(-9px);
  box-shadow:10px 10px 10px -10px rgbargba(100,100,100,.9);
  -webkit-box-shadow:10px 10px 10px -10px rgba(100,100,100,.9);
  -moz-box-shadow:10px 10px 10px -10px rgba(100,100,100,.9);
  transition:all .3s ease;
}
.top
{
  background-color:#444444;
  height:35px;
  width:100%;
}
header
{
  width:100%;
  height:50px;
  margin:0 auto;
  background-color:#f7b146;
}
.navcon
{
  z-index:999;
}
.header_con {
    width:100%;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1600px) {
.header_con {
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.header_con {
  width:100%;
  }
}
.logo
{
  display:inline-block;
  width:185px;
  height:45px;
  vertical-align: middle;
}
.buy
{
  display:inline-block;
  width:200px;
  height:55px;
  margin-left:20px;
  vertical-align: middle;
}
.buy a{
  display:inline-block;
  margin-left: 15px;
}
.buy a img:hover{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: gray;
  border-radius: 50%;
  animation:xz 1s linear 1 ;
}
@keyframes xz{
  from  {transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}
.menu
{
  position: relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  height:50px;
  vertical-align: middle;
  font-size:0;
  -webkit-text-size-adjust:none;
}
.menu .menu_con
{
  float:left;
  
  margin-top: 0px;
}
.menu .menu_con .menu_a,
.menu .home .menu_a
{
  text-align:center;
  font-size:16px;
  display:block;
  width: 10%;
  min-width: 100px;
  max-width: 120px;
  height:50px;
  line-height:50px;
  color:#ffffff;
  padding-top:0px;
}
@media screen and (max-width: 1200px) {
.menu .menu_con .menu_a,
.menu .home .menu_a {
    width: 10%;
    min-width: 100px;
  }
}
@media screen and (min-width: 1201px) {
.menu .menu_con .menu_a,
.menu .home .menu_a {
    width: 120px;
  }
}
.menu .menu_con .menu_a:hover
{
  color:#ffffff;
  border-bottom: 0px solid #f0f0f0;
  margin-bottom: 0px;
  padding-top:0px;
}
.menu .on .menu_a
{
  color:#ffffff;
  border-bottom: 0px solid #f0f0f0;
  margin-bottom: 0px;
  padding-top:0px;
}
.menu .home .menu_a:hover,
.menu .home .on .menu_a
{
  border-bottom: 0px solid #f0f0f0;
}
.menu .menu_con .menu_sub
{
  display:none;
  position: absolute;
  width:120px;
  text-align: center;
  background-color: #ffffff;
  z-index: 2;
  color: #171717;
  font-size: 14px;
  margin-top: 0px;
}

.menu .menu_con .menu_sub_p
{
  display:none;
  position: absolute;
  left:0;
  width: 1200px;
  text-align: center;
  background-color: #ffffff;
  z-index: 2;
  color: #171717;
  font-size: 14px;
  margin-top: 0px;
  overflow: hidden;
}
.menu .menu_con:hover .menu_sub,.menu .menu_con:hover .menu_sub_p
{
  display:block;
}
.menu .menu_con .menu_sub:hover
{
  margin-top: 0px;
  border-top: 0px solid #f0f0f0;
}
.menu .on .menu_sub:hover
{
  border-top:0;
}
.menu .menu_con .menu_sub_p:hover
{
  margin-top: 0px;
  border-top: 0px solid #f0f0f0;
}
.menu .on .menu_sub:hover
{
  margin-top: 0px;
}
.menu .on .menu_sub_p:hover
{
  margin-top: 0px;
}
.menu .menu_con .menu_sub ol
{
    display: block;
    width: auto;
    text-align: center;
    margin: 0;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    border-bottom: 0px solid #323232;
}
.menu .menu_con .menu_sub ol:first-child{
  margin-top:6px;
}
.menu .menu_con .menu_sub ol:last-child{
  margin-bottom:6px;
}
.menu .menu_con .menu_sub_p ol
{
  float: left;
  text-align: center;
  max-width: 300px;
  margin: 10px 0;
  margin-right: 50px;
  padding: 0 0 0 25px;
  
}
.menu .menu_con .menu_sub_p ol dl{
  margin:0;
  padding:0;
}
.menu .menu_con .menu_sub_p ol dl dd{
  text-align:left; 
  padding:3px 0;
}
.menu .menu_con .menu_sub ol a
{
  text-align: center;
  font-size:16px;
  display:block;
  color:#868686;
  width:100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menu .menu_con .menu_sub_p ol a
{
  text-align: left;
  font-size:16px;
  display:block;
  color:#868686;
  width:100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menu .menu_con .menu_sub ol a:hover,.menu .menu_con .menu_sub_p ol a:hover
{
  color:#f7b146;
}
.search
{
  display:inline-block;
  vertical-align: middle;
  margin-left: 10px;

}

.search .schinp
{
  vertical-align: middle;
  margin-right:-10px;
  padding:0 6px;
  border:1px solid #ddd;
  border-right:0;
  height:25px;
  font-size:12px;
  border-radius:15px 0 0 15px;
  outline:none;
}
.search .sch_btn
{
  vertical-align: middle;
  border: 0;
  width: 40px;
  height: 25px;
  line-height: 25px;
  border-radius: 0 15px 15px 0;
}
.web
{
  /*width: 100px;*/
  margin-left: 10px;
  padding-left: 40px;
  display:inline-block;
  font-size: 14px;
  color: #ffffff;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  background: url(../picture/telphone.png) no-repeat 0 0;
}
.web a{
  display:inline-block;
  font-size: 16px;
  color: #666;
}
.web span{
  display:inline-block;
  font-size: 28px;
  color: #f7b146;
}
.swiper {
  width:100%;
  
  max-width: 1920px;
  overflow:hidden;
  margin: 0 auto;
  height: 640px;
  background:#fff;
  position:relative; 
}
.swiper-container{
  width:100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 640px;
}
.swiper-slide {
  width:100%; 
  position:relative; 
  overflow:hidden; 
  text-align: center;
  font-size: 18px;
  background: #fff;
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  opacity: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide a img {
  width: 1920px;
  margin-left: 50%;
  top:0;
  left: -960px;
  position: absolute;
}
.swiper-pagination-bullet {
  width: 50px;
  height: 2px;
  text-align: center;
  line-height: 2px;
  font-size: 0px;
  color:#808080;
  opacity: 1;
  background: #808080;
}
.swiper-pagination-bullet .swiper-line{
  display:block;
  width:0;
  height:100%;
  box-sizing:border-box;
  transition:none;
}
.swiper-pagination-bullet-active .swiper-line{
  display:block;
  width:100%;
  background:#fff;
  transition:width 5s;
}
.swiper-slide-active{
  opacity: 1;
  transition: opacity 3s;
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev{
  display:block;
}
.swiper-button-next, .swiper-button-prev{
  display:none;
  margin-top: -50px;
  z-index: 10;
  padding: 10px 5px;
  opacity: 0.4;
}


.idx_pro
{
  background-color:none;
  padding:60px 0 0 0;
}
.idx_pro .idx_pro_con
{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.idx_pro .idx_pro_title h3
{
  text-align:center;
  font-size:30px;
  color: #6d6d6d;
  margin: 0;
  font-weight: bold;
}
.idx_pro .idx_pro_more{
  margin:20px auto;
  font-size:16px;
  color:#666;
}
.idx_pro .draw_line
{
  width:250px;
  height:3px;
  margin:0 auto;
  position: relative;
  background-color:#e6e6e6;
}
.idx_pro .draw_line span{
  width:50px;height:5px;background-color:#f1971b;display: block;vertical-align: middle;top: -2px;left: 50%;margin-left: -25px;position: absolute;
}
.idx_pro_list{
  width:100%;
  max-width:1600px;
  margin:50px auto;
  overflow:hidden;
}
@media screen and (max-width: 1600px) {
.idx_pro_list{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.idx_pro_list{
  width:100%;
  }
}
.idx_pro_left{
  float:left;
  position: relative;
  display:inline-block;
  width:48%;
  margin-right:4%;
    overflow:hidden;
}
.idx_pro_left_img{
  position: relative;
  padding-bottom:88%;
}
.idx_pro_left img{
position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
    height: 100%;
	margin:0 auto;
}
.idx_pro_left_title{
    display: block;
    position: absolute;
    bottom: 0;
    height:50px;
    width: 100%;
    z-index: 250;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
}
.idx_pro_left .idx_pro_left_title a{
  display:block;
  font-size:22px;
  width:100%;
  line-height:50px;
  color:#fff;
}
.idx_pro_left:hover .idx_pro_left_title a{
  font-size:26px;
}
.idx_pro_left:hover .idx_pro_left_title p{
    width: 60%;
    margin: 20px auto 10px;
    text-align: center;
    color: #fff;
}
.idx_pro_left:hover .idx_pro_left_title a.more{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border: 1px solid #f7b146;
    background-color:#f7b146;
    color:#fff;
    margin: 0 auto;
}
.idx_pro_left:hover .idx_pro_left_title{
    top: auto;
    bottom: 0;
    height: 100%;
    padding: 30% 0;
}
.idx_pro_right{
  float:right;
  display:inline-block;
  width:48%;
}
.idx_pro_right_top
{
    position: relative;
    overflow:hidden;
    margin-bottom:4%;
}
.idx_pro_right_top_img{
  position: relative;
  padding-bottom:42%;
}
.idx_pro_right_top img{
position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
    height: 100%;
	margin:0 auto;
}
.idx_pro_right_top_title{
    display: block;
    position: absolute;
    bottom: 0;
    height:50px;
    width: 100%;
    z-index: 250;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
}
.idx_pro_right_top .idx_pro_right_top_title a{
  display:block;
  font-size:22px;
  width:100%;
  line-height:50px;
  color:#fff;
}
.idx_pro_right_top:hover .idx_pro_right_top_title a{
  font-size:26px;
}
.idx_pro_right_top:hover .idx_pro_right_top_title a.more{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border: 1px solid #f7b146;
    background-color:#f7b146;
    color:#fff;
    margin: 0 auto;
}
.idx_pro_right_top:hover .idx_pro_right_top_title{
    top: auto;
    bottom: 0;
    height: 100%;
    padding: 15% 0;
}

.idx_pro_right_bottom
{
    position: relative;
    overflow:hidden;
}
.idx_pro_right_bottom_img{
  position: relative;
  padding-bottom:42%;
}
.idx_pro_right_bottom img{
position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
    height: 100%;
	margin:0 auto;
}
.idx_pro_right_bottom_title{
    display: block;
    position: absolute;
    bottom: 0;
    height:50px;
    width: 100%;
    z-index: 250;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
}
.idx_pro_right_bottom .idx_pro_right_bottom_title a{
  display:block;
  font-size:22px;
  width:100%;
  line-height:50px;
  color:#fff;
}
.idx_pro_right_bottom:hover .idx_pro_right_bottom_title a{
  font-size:26px;
}
.idx_pro_right_bottom:hover .idx_pro_right_bottom_title a.more{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border: 1px solid #f7b146;
    background-color:#f7b146;
    color:#fff;
    margin: 0 auto;
}
.idx_pro_right_bottom:hover .idx_pro_right_bottom_title{
    top: auto;
    bottom: 0;
    height: 100%;
    padding: 15% 0;
}

.product
{
  background-color:#f2f6f7;
  padding:60px 0 0 0;
}
.product .pro_con
{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.product .pro_title h3
{
  text-align:center;
  font-size:30px;
  color: #6d6d6d;
  margin: 0;
}
.product .pro_more{
  margin:20px auto;
  font-size:16px;
  color:#666;
}
.product .draw_line
{
  width:250px;
  height:3px;
  margin:0 auto;
  position: relative;
  background-color:#e6e6e6;
}
.product .draw_line span{
  width:50px;height:5px;background-color:#f1971b;display: block;vertical-align: middle;top: -2px;left: 50%;margin-left: -25px;position: absolute;
}
.product .pimg{
  width:1590px;height:670px;background-color:#111;margin:50px auto;position: relative;
}
.product .pimg .pmenu{
  width:210px;height:670px;position: absolute;left: 205px;z-index: 2;background: #f1971b;
}
.product .pimg .pmenu dl{
  margin: 0;
  padding:0;
  overflow: hidden;
}
.product .pimg .pmenu dl dd#one1{
  cursor: pointer;
  overflow: hidden;
  height:220px;
  margin:0;
  margin-top:-1px;
  margin-bottom:0px;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
.product .pimg .pmenu dl dd#one2{
  cursor: pointer;
  overflow: hidden;
  height:230px;
  margin:0;
  margin-bottom:0px;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
.product .pimg .pmenu dl dd#one3{
  cursor: pointer;
  overflow: hidden;
  height:222px;
  margin:0;
  border-top:1px solid #fff;
  border-bottom:1px solid #f1971b;
}
.product .pimg .pmenu dl dd.hover{
  background: #333;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
}
.product .pimg .pmenu dl dd#one1 .m_con{
    display: block;
    width: 100px;
    height: 100px;
    margin: 59px auto;
}
.product .pimg .pmenu dl dd#one2 .m_con{
    display: block;
    width: 100px;
    height: 100px;
    margin: 55px auto;
}
.product .pimg .pmenu dl dd#one3 .m_con{
    display: block;
    width: 100px;
    height: 100px;
    margin: 59px auto;
}
.product .pimg .pmenu dl dd .m_con .m_ico{
    display: block;
    width: 80px;
    height: 80px;
    margin:0 10px;
}
.product .pimg .pmenu dl dd#one1 .m_con .m_ico{
    background: url(../image/m_home.png) center no-repeat;
}
.product .pimg .pmenu dl dd#one2 .m_con .m_ico{
    background: url(../image/m_fire.png) center no-repeat;
}
.product .pimg .pmenu dl dd#one3 .m_con .m_ico{
    background: url(../image/m_safe.png) center no-repeat;
}
.product .pimg .pmenu dl dd#one1.hover .m_con .m_ico{
    background: url(../image/m_home_on.png) center no-repeat;
}
.product .pimg .pmenu dl dd#one2.hover .m_con .m_ico{
    background: url(../image/m_fire_on.png) center no-repeat;
}
.product .pimg .pmenu dl dd#one3.hover .m_con .m_ico{
    background: url(../image/m_safe_on.png) center no-repeat;
}
.product .pimg .pmenu dl dd .m_con .m_title{
    color:#414040;
    width: 100px;
    height: 20px;
}
.product .pimg .pmenu dl dd#one1.hover .m_con .m_title{
    color:#fff;
}
.product .pimg .pmenu dl dd#one2.hover .m_con .m_title{
    color:#fff;
}
.product .pimg .pmenu dl dd#one3.hover .m_con .m_title{
    color:#fff;
}
.product .pimg .pcon{
  width:1590px;height:670px;background-color:#111;margin:0 auto;
}
.product .pimg .pcon div{
  display:none;width:1590px;height:670px;background-color:#888;
}
.product .pimg .pcon div.hover{
  display:block;
}


.sol-home
{
    background: url(../image/logo.png)no-repeat center;
    background-size: cover;
    height: auto;
    text-align: center;
}
#sol-home,
#sol-home-3,
#sol-home-5
{
    padding: 195px 0px 0px 0px;
    color: #fff;
}
#sol-home-4,
#sol-home-6
{
    padding: 195px 0px 0px 0px;
    color: #000;
}
#sol-home-2
{
    padding: 75px 0px 0px 0px;
    color: #000;
}
.sol-home-con
{
    max-width: 1600px;
    width: 100%;
    height:800px;
    margin: 0px auto;
    position: relative;
}
.sol-home-con .sol-home-ico
{
    visibility: visible;
    animation-name: fadeInLeft;
}
.sol-home-con img
{
    max-width: 100%;
    vertical-align: bottom;
}
.sol-home-con .sol-home-tit
{
    display: block;
    margin-top: 30px;
    font-size: 52px !important;
}
.sol-home-con p
{
    font-size: 16px;
    line-height: 38px;
}

.sol-home-list
 {
    width: 100%;
    height: 800px;
}
.sol-home-list #con_two_1,
.sol-home-list #con_two_2,
.sol-home-list #con_two_3,
.sol-home-list #con_two_4,
.sol-home-list #con_two_5,
.sol-home-list #con_two_6,
.sol-home-list #con_two_7,
.sol-home-list #con_two_8,
.sol-home-list #con_two_9,
.sol-home-list #con_two_10,
.sol-home-list #con_two_11,
.sol-home-list #con_two_12
{
  width:100%;
  height:800px;
}
.sol-home-list .sol-home-img
{
  width:1200px;
  margin:0 auto;
  text-align:left;
  padding:195px 0 0 0;
}
.sol-home-title
{
    display: block;
    font-size: 52px !important;
  background:#f7b146;
  color:#fff;
}
.sol-home-menu 
{
  margin: 0px auto;
  background:#f7b146;
}
.sol-home-menu ul ol
{
  cursor: pointer;
  display:inline-block;
  width:auto;
  height:100px;
  line-height:50px;
  font-size:20px;
  text-align:center;
  margin:25px 10px;
  color:#eee;
}

.sol-home-menu ul ol.hover{
  border-bottom:2px solid #fff;
  color:#fff;
}

.sol-home-menu ul ol#two1{
padding-top:50px;
background:url(../image/two1.png) no-repeat top center;
}
.sol-home-menu ul ol#two1.hover{
padding-top:50px;
background:url(../image/two1_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two2{
padding-top:50px;
background:url(../image/two2.png) no-repeat top center;
}
.sol-home-menu ul ol#two2.hover{
padding-top:50px;
background:url(../image/two2_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two3{
padding-top:50px;
background:url(../image/two3.png) no-repeat top center;
}
.sol-home-menu ul ol#two3.hover{
padding-top:50px;
background:url(../image/two3_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two4{
padding-top:50px;
background:url(../image/two4.png) no-repeat top center;
}
.sol-home-menu ul ol#two4.hover{
padding-top:50px;
background:url(../image/two4_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two5{
padding-top:50px;
background:url(../image/two5.png) no-repeat top center;
}
.sol-home-menu ul ol#two5.hover{
padding-top:50px;
background:url(../image/two5_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two6{
padding-top:50px;
background:url(../image/two6.png) no-repeat top center;
}
.sol-home-menu ul ol#two6.hover{
padding-top:50px;
background:url(../image/two6_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two7{
padding-top:50px;
background:url(../image/two7.png) no-repeat top center;
}
.sol-home-menu ul ol#two7.hover{
padding-top:50px;
background:url(../image/two7_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two8{
padding-top:50px;
background:url(../image/two8.png) no-repeat top center;
}
.sol-home-menu ul ol#two8.hover{
padding-top:50px;
background:url(../image/two8_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two9{
padding-top:50px;
background:url(../image/two9.png) no-repeat top center;
}
.sol-home-menu ul ol#two9.hover{
padding-top:50px;
background:url(../image/two9_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two10{
padding-top:50px;
background:url(../image/two10.png) no-repeat top center;
}
.sol-home-menu ul ol#two10.hover{
padding-top:50px;
background:url(../image/two10_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two11{
padding-top:50px;
background:url(../image/two11.png) no-repeat top center;
}
.sol-home-menu ul ol#two11.hover{
padding-top:50px;
background:url(../image/two11_on.png) no-repeat top center;
}
.sol-home-menu ul ol#two12{
padding-top:50px;
background:url(../image/two12.png) no-repeat top center;
}
.sol-home-menu ul ol#two12.hover{
padding-top:50px;
background:url(../image/two12_on.png) no-repeat top center;
}




.sol-hotel
{
    padding: 155px 0px 0px 0px;
    background: url(../image/logo.png)no-repeat center;
    background-size: cover;
    height: 800px;
    text-align: center;
}
#sol-hotel,
#sol-hotel-2,
#sol-hotel-4,
#sol-hotel-6
{
    color: #fff;
}
#sol-hotel-3,
#sol-hotel-5
{
    color: #000;
}
#sol-hotel-2 .sol-hotel-con,
#sol-hotel-4 .sol-hotel-con,
#sol-hotel-6 .sol-hotel-con
{
    text-align: left;
}
#sol-hotel-3 .sol-hotel-con,
#sol-hotel-5 .sol-hotel-con
{
    text-align: right;
}
.sol-hotel-con
{
    width: 100%;
    max-width: 1520px;
    height:800px;
    margin: 0px auto;
    position: relative;
}
@media screen and (max-width: 1600px) {
.sol-hotel-con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.sol-hotel-con{
  width:100%;
  }
}
.sol-hotel-con .sol-hotel-ico
{
    visibility: visible;
    animation-name: fadeInLeft;
}
.sol-hotel-con img
{
    max-width: 100%;
    vertical-align: bottom;
}
.sol-hotel-con .sol-hotel-tit
{
  overflow:hidden;
  width:100%;
}
.sol-hotel-con .sol-hotel-tit div
{
    display: block;
    margin-top: 30px;
    overflow: hidden;
    font-size: 52px !important;
}
#sol-hotel-2 .sol-hotel-con .sol-hotel-tit div,
#sol-hotel-3 .sol-hotel-con .sol-hotel-tit div,
#sol-hotel-4 .sol-hotel-con .sol-hotel-tit div,
#sol-hotel-5 .sol-hotel-con .sol-hotel-tit div,
#sol-hotel-6 .sol-hotel-con .sol-hotel-tit div
{
    width: 210px;
    padding: 20px 0;
    border-bottom: 4px solid #f7b146;
}
#sol-hotel-3 .sol-hotel-con .sol-hotel-tit div,
#sol-hotel-5 .sol-hotel-con .sol-hotel-tit div
{
    float: right;
}
.sol-hotel-con p
{
    font-size: 16px;
    line-height: 38px;
}






.sol-fire
{
    background: url(../image/logo.png)no-repeat center;
    background-size: cover;
    height: 800px;
    text-align: center;
}
#sol-fire,
#sol-fire-2,
#sol-fire-4,
#sol-fire-6
{
    padding: 135px 0px 0px 0px;
    color: #fff;
}
#sol-fire-3,
#sol-fire-5
{
    padding: 45px 0px 0px 0px;
    color: #fff;
}
#sol-fire-2 .sol-fire-con,
#sol-fire-4 .sol-fire-con,
#sol-fire-6 .sol-fire-con
{
    text-align: left;
}
#sol-fire-3 .sol-fire-con,
#sol-fire-5 .sol-fire-con
{
    text-align: right;
}
.sol-fire-con
{
    width: 100%;
    max-width: 1520px;
    height:800px;
    margin: 0px auto;
    position: relative;
}
@media screen and (max-width: 1600px) {
.sol-fire-con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.sol-fire-con{
  width:100%;
  }
}
.sol-fire-con .sol-fire-ico
{
    visibility: visible;
    animation-name: fadeInLeft;
}
.sol-fire-con img
{
    max-width: 100%;
    vertical-align: bottom;
}
.sol-fire-con .sol-fire-tit
{
  overflow:hidden;
  width:100%;
}
.sol-fire-con .sol-fire-tit div
{
    display: block;
    margin-top: 30px;
    overflow: hidden;
    font-size: 52px !important;
}
#sol-fire-2 .sol-fire-con .sol-fire-tit div,
#sol-fire-3 .sol-fire-con .sol-fire-tit div,
#sol-fire-4 .sol-fire-con .sol-fire-tit div,
#sol-fire-5 .sol-fire-con .sol-fire-tit div,
#sol-fire-6 .sol-fire-con .sol-fire-tit div
{
    display: inline-block;
    padding: 20px 0;
    border-bottom: 4px solid #f7b146;
}
#sol-fire-3 .sol-fire-con .sol-fire-tit div,
#sol-fire-5 .sol-fire-con .sol-fire-tit div
{
    float: right;
}
.sol-fire-con p
{
    font-size: 16px;
    line-height: 38px;
}
#sol-fire-2 .sol-fire-con .sol-fire-inf,
#sol-fire-3 .sol-fire-con .sol-fire-inf,
#sol-fire-4 .sol-fire-con .sol-fire-inf,
#sol-fire-5 .sol-fire-con .sol-fire-inf,
#sol-fire-6 .sol-fire-con .sol-fire-inf
{
    display: inline-block;
    text-align: left;
}




.sol-office
{
    padding: 155px 0px 0px 0px;
    background: url(../image/logo.png)no-repeat center;
    background-size: cover;
    height: 800px;
    text-align: center;
}
#sol-office,
#sol-office-3,
#sol-office-5,
#sol-office-6
{
    color: #fff;
}
#sol-office-2,
#sol-office-4
{
    color: #000;
}
#sol-office-2 .sol-office-con,
#sol-office-4 .sol-office-con,
#sol-office-6 .sol-office-con
{
    text-align: left;
}
#sol-office-3 .sol-office-con,
#sol-office-5 .sol-office-con
{
    text-align: right;
}
.sol-office-con
{
    width: 100%;
    max-width: 1520px;
    height:800px;
    margin: 0px auto;
    position: relative;
}
@media screen and (max-width: 1600px) {
.sol-office-con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.sol-office-con{
  width:100%;
  }
}
.sol-office-con .sol-office-ico
{
    visibility: visible;
    animation-name: fadeInLeft;
}
.sol-office-con img
{
    max-width: 100%;
    vertical-align: bottom;
}
.sol-office-con .sol-office-tit
{
  overflow:hidden;
  width:100%;
}
.sol-office-con .sol-office-tit div
{
    display: block;
    margin-top: 30px;
    overflow: hidden;
    font-size: 52px !important;
}
#sol-office-2 .sol-office-con .sol-office-tit div,
#sol-office-3 .sol-office-con .sol-office-tit div,
#sol-office-4 .sol-office-con .sol-office-tit div,
#sol-office-5 .sol-office-con .sol-office-tit div,
#sol-office-6 .sol-office-con .sol-office-tit div
{
    width: 210px;
    padding: 20px 0;
    border-bottom: 4px solid #f7b146;
}
#sol-office-3 .sol-office-con .sol-office-tit div,
#sol-office-5 .sol-office-con .sol-office-tit div
{
    float: right;
}
.sol-office-con p
{
    font-size: 16px;
    line-height: 38px;
}









.sol-elderlycare
{
    padding: 105px 0px 0px 0px;
    background: url(../image/logo.png)no-repeat center;
    background-size: cover;
    height: 800px;
    text-align: center;
}
#sol-elderlycare,
#sol-elderlycare-3,
#sol-elderlycare-5,
#sol-elderlycare-7
{
    color: #fff;
}
#sol-elderlycare-2,
#sol-elderlycare-4,
#sol-elderlycare-6
{
    color: #000;
}
#sol-elderlycare-2 .sol-elderlycare-con,
#sol-elderlycare-4 .sol-elderlycare-con,
#sol-elderlycare-6 .sol-elderlycare-con
{
    text-align: left;
}
#sol-elderlycare-3 .sol-elderlycare-con,
#sol-elderlycare-5 .sol-elderlycare-con,
#sol-elderlycare-7 .sol-elderlycare-con
{
    text-align: right;
}
.sol-elderlycare-con
{
    width: 100%;
    max-width: 1520px;
    height:800px;
    margin: 0px auto;
    position: relative;
}
@media screen and (max-width: 1600px) {
.sol-elderlycare-con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.sol-elderlycare-con{
  width:100%;
  }
}
.sol-elderlycare-con .sol-elderlycare-ico
{
    visibility: visible;
    animation-name: fadeInLeft;
}
.sol-elderlycare-con img
{
    max-width: 100%;
    vertical-align: bottom;
}
.sol-elderlycare-con .sol-elderlycare-tit
{
  overflow:hidden;
  width:100%;
}
.sol-elderlycare-con .sol-elderlycare-tit div
{
    display: block;
    margin-top: 30px;
    overflow: hidden;
    font-size: 52px !important;
}
#sol-elderlycare-2 .sol-elderlycare-con .sol-elderlycare-tit div,
#sol-elderlycare-3 .sol-elderlycare-con .sol-elderlycare-tit div,
#sol-elderlycare-4 .sol-elderlycare-con .sol-elderlycare-tit div,
#sol-elderlycare-5 .sol-elderlycare-con .sol-elderlycare-tit div,
#sol-elderlycare-6 .sol-elderlycare-con .sol-elderlycare-tit div,
#sol-elderlycare-7 .sol-elderlycare-con .sol-elderlycare-tit div
{
    width: 210px;
    padding: 20px 0;
    border-bottom: 4px solid #f7b146;
}
#sol-elderlycare-3 .sol-elderlycare-con .sol-elderlycare-tit div,
#sol-elderlycare-5 .sol-elderlycare-con .sol-elderlycare-tit div,
#sol-elderlycare-7 .sol-elderlycare-con .sol-elderlycare-tit div
{
    float: right;
}
.sol-elderlycare-con p
{
    font-size: 16px;
    line-height: 38px;
}








.political-advantage-wrap {
	width: 100%;
	height: 800px;
	position: relative;
}
.political-advantage-wrap-bg:nth-child(1) {
	background: url("../image/10.png");
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.political-advantage-wrap-bg:nth-child(2) {
	background: url("../image/111.png");
}
.political-advantage-wrap-bg:nth-child(3) {
	background: url("../image/121.png");
}
.political-advantage-wrap-bg:nth-child(4) {
	background: url("../image/131.png");
}
.political-advantage-wrap-bg:nth-child(5) {
	background: url("../image/141.png");
}
.political-advantage-wrap-bg:nth-child(6) {
	background: url("../image/15.png");
}
.political-advantage-wrap-bg:nth-child(7) {
	background: url("../image/16.png");
}
.political-advantage-wrap-bg:nth-child(8) {
	background: url("../image/17.png");
}
.political-advantage-wrap-bg:nth-child(9) {
	background: url("../image/18.png");
}
.political-advantage-wrap-bg:nth-child(10) {
	background: url("../image/19.png");
}
.political-advantage-wrap-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.political-advantage-wrap > img:first-child {
	display: block;
}
.political-advantage {
    width:100%;
	max-width: 1250px;
	margin: 0 auto;
	font-size: 16px;
	color: #4E595F;
    z-index: 1;
    position: relative;
}
@media screen and (max-width: 1600px) {
.political-advantage{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.political-advantage{
  width:100%;
  }
}
.political-advantage h3 {
	padding-top: 100px;
	font-size: 36px;
	text-align: center;
	font-weight: 600;
}
.political-advantage-title {
	margin-top: 144px;
	overflow: hidden;
}
.hover-box-wrap {
	height: 10px;
	margin-top: 30px;
	border-bottom: 1px solid #DCDCDC;
}
.hover-box {
	width: 10%;
	height: 10px;
	
	background: #f7b146;
}
.political-advantage-title div {
    width: 10%;
    text-align: center;
    float: left;
    
    font-weight: 600;
    cursor: pointer;
}
.political-advantage-title div:first-child {
	
}
.political-advantage-title div p {
	width: 80px;
	margin:10px auto;
}
.political-advantage-detail p {
	width: 100%;
	margin-top: 100px;
	text-align: center;
	font-weight: 300;
	line-height: 32px;
	display: none;
}
.political-advantage-detail p:first-child {
	display: block;
}













.youshi
{
  background-color:#fff;
  padding:60px 0 0 0;
    width: 100%;
    margin: 75px auto 40px auto;
    text-align: center;
    overflow: hidden;
}
.youshi .solu_con
{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.youshi .solu_title h3
{
  text-align:center;
  font-size:30px;
  color: #6d6d6d;
  margin: 0;
}
.youshi .solu_more{
  margin:20px auto;
  font-size:16px;
  color:#666;
}
.youshi .draw_line
{
  width:250px;
  height:3px;
  margin:0 auto;
  position: relative;
  background-color:#e6e6e6;
}
.youshi .draw_line span{
  width:50px;height:5px;background-color:#f1971b;display: block;vertical-align: middle;top: -2px;left: 50%;margin-left: -25px;position: absolute;
}
.youshi .simg{
  width:100%;margin:50px auto;position: relative;
}
.youshi .simg .smenu
{
  margin: 0px auto;
}
.youshi .simg .smenu ul ol
{
  
  cursor: pointer;
  display:inline-block;
  width: 10%;
  height:100px;
  line-height:50px;
  font-size:20px;
  text-align:center;
  color: #6d6d6d;
}
.youshi .simg .smenu ul ol.hover{
  border-bottom:2px solid #f7b146;
  color:#f7b146;
}
.youshi .simg .smenu ul ol#two1{
padding-top:50px;
background:url(../image/two111.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two1.hover{
padding-top:50px;
background:url(../image/two1_on1.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two2{
padding-top:50px;
background:url(../image/two21.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two2.hover{
padding-top:50px;
background:url(../image/two2_on1.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two3{
padding-top:50px;
background:url(../image/two31.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two3.hover{
padding-top:50px;
background:url(../image/two3_on1.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two4{
padding-top:50px;
background:url(../image/two41.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two4.hover{
padding-top:50px;
background:url(../image/two4_on1.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two5{
padding-top:50px;
background:url(../image/two51.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two5.hover{
padding-top:50px;
background:url(../image/two5_on1.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two6{
padding-top:50px;
background:url(../image/two61.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two6.hover{
padding-top:50px;
background:url(../image/two6_on1.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two7{
padding-top:50px;
background:url(../image/two71.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two7.hover{
padding-top:50px;
background:url(../image/two7_on1.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two8{
padding-top:50px;
background:url(../image/two81.png) no-repeat top center;
}
.youshi .simg .smenu ul ol#two8.hover{
padding-top:50px;
background:url(../image/two8_on1.png) no-repeat top center;
}


.youshi .simg .smenu ul ol a span
{
  font-size:16px;
  color:#fff;
}





.youshi .simg .scon{
  width:100%;background-color:#fff;margin:0 auto;padding: 10px 0 50px 0;
}
.youshi .simg .scon div{
  display:none;width:100%;background-color:#fff;
}
.youshi .simg .scon div.hover{
  display:block;
}
.youshi .simg .scon div a img{
    width: 100%;
}

.idx_sol
{
  background-color:#fff;
  padding:10px 0 0 0;
}
.idx_sol .idx_sol_con
{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.idx_sol .idx_sol_title h3
{
  text-align:center;
  font-size:30px;
  color: #6d6d6d;
  margin: 0;
  font-weight: bold;
}
.idx_sol .idx_sol_more{
  margin:20px auto;
  font-size:16px;
  color:#666;
}
.idx_sol .draw_line
{
  width:250px;
  height:3px;
  margin:0 auto;
  position: relative;
  background-color:#e6e6e6;
}
.idx_sol .draw_line span{
  width:50px;height:5px;background-color:#f1971b;display: block;vertical-align: middle;top: -2px;left: 50%;margin-left: -25px;position: absolute;
}
.idx_sol_list{
    width: 100%;
    padding:60px 0;
    position: relative;
}
.idx_sol_list ul{
    position: relative;
    width:100%;
    max-width: 1600px;
    margin:0 auto;
    font-size: 0;
}
@media screen and (max-width: 1600px) {
.idx_sol_list ul{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.idx_sol_list ul{
  width:100%;
  }
}
.idx_sol_list ul li{
position: relative;
    display: inline-block;
    width: 20%;
    margin: 0px;
}
.idx_sol_list ul li .idx_sol_img
{
padding-bottom: 164%;
    position: relative;
    display: block;
}
.idx_sol_list ul li .idx_sol_img img
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.idx_sol_list ul li:hover .idx_sol_img{

}
.idx_sol_list ul li .idx_sol_info
{
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0%;
    z-index: 250;
    font-size:16px;
    background:#f7b146;
    overflow: hidden;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    cursor: pointer
}
.idx_sol_list ul li .idx_sol_info img
{
    width: 100%;
}
.idx_sol_list ul li:hover .idx_sol_info{
    top: auto;
    bottom: 0;
    height: 110%;
    max-height: 680px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}





.solution
{
  background-color:#fff;
  padding:10px 0 0 0;
}
.solution .solu_con
{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.solution .solu_title h3
{
  text-align:center;
  font-size:30px;
  color: #6d6d6d;
  margin: 0;
}
.solution .solu_more{
  margin:20px auto;
  font-size:16px;
  color:#666;
}
.solution .draw_line
{
  width:250px;
  height:3px;
  margin:0 auto;
  position: relative;
  background-color:#e6e6e6;
}
.solution .draw_line span{
  width:50px;height:5px;background-color:#f1971b;display: block;vertical-align: middle;top: -2px;left: 50%;margin-left: -25px;position: absolute;
}
.solution .simg{
  width:100%;margin:50px auto;position: relative;
}
.solution .simg .smenu
{
  margin: 0px auto;
}
.solution .simg .smenu ul ol
{
  
  cursor: pointer;
  display:inline-block;
  width:auto;
  height:50px;
  line-height:50px;
  font-size:20px;
  text-align:center;
  margin:25px 20px;
  color: #6d6d6d;
}
.solution .simg .smenu ul ol.hover{
  border-bottom:2px solid #f7b146;
  color:#f7b146;
}

.solution .simg .smenu ul ol a span
{
  font-size:16px;
  color:#fff;
}


.solution .simg .scon{
  width:100%;background-color:#fff;margin:0 auto;padding: 10px 0 50px 0;
}
.solution .simg .scon div{
  display:none;width:100%;height:635px;background-color:#fff;
}
.solution .simg .scon div.hover{
  display:block;
}
.solution .simg .scon div a{
    display:block;
  width:1590px;
  height:636px;
  margin:0 auto;
  overflow:hidden;
}

.video
{
  background-color:#f4f4f4;
  padding:60px 0 0 0;
}
.video .video_con
{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.video .video_title h3
{
  text-align:center;
  font-size:30px;
  color: #6d6d6d;
  margin: 0;
  font-weight: bold;
}
.video .video_more{
  margin:20px auto;
  font-size:16px;
  color:#666;
}
.video .video_more a{
    position: relative;
    padding: 5px 10px;
    border: 1px solid #f7b146;
}
.video .video_more a:hover span{
    color:#fff; 
}
.video .video_more a span {
  overflow:hidden;
  position: relative;
    font-size: 14px;
    color: #000;
}
.video .video_more a:hover::before {
    transition: all .3s;
    width: 100%;
  color:#fff;
}

.video .video_more a::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 0%;
    height:100%;
    background: #f7b146;
    transition: all .3s;
}


.video .draw_line
{
  width:250px;
  height:3px;
  margin:0 auto;
  position: relative;
  background-color:#e6e6e6;
}
.video .draw_line span{
  width:50px;height:5px;background-color:#f1971b;display: block;vertical-align: middle;top: -2px;left: 50%;margin-left: -25px;position: absolute;
}
#video-list {
    width: 100%;
    padding: 60px 0;
    position: relative;
}
#video-list .video-ul {
    position: relative;
    width:100%;
    max-width: 1600px;
    margin: 0 auto;
    font-size: 0;
}
@media screen and (max-width: 1600px) {
#video-list .video-ul {
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
#video-list .video-ul {
  width:100%;
  }
}
#video-list .video-li {
    position: relative;
    display: inline-block;
    width: 33%;
    margin: 0.1%;
}
#video-list .video-li .videolist {
	padding-bottom: 60%;
	position: relative;
	display: block;
	background: #000;
}
#video-list .video-li .videolist video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	filter: brightness(0.70);
}
#video-list .video-li .videolist img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin-left: -32px;
	margin-top: -32px;
	display: block;
	width: 64px;
	height: 64px;
}
.videos{display:none; position:fixed; left:50%; top:50%; margin-left: -325px; margin-top: -185px; z-index:100; background: #000;}
.vclose{position:absolute; right:0; top:2%; border-radius:100%; cursor: pointer;}
#video-list .video-li a{
    padding-bottom: 60%;
    position: relative;
    display: block;
}
#video-list .video-li a .hr-bootom
{
  position: absolute;
  width:100%;
  height:5px;
  margin:0;
  border:0;
  bottom: 0;
}
#video-list .video-li1 a img{transform: scale(1);transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.5) 0s;}
#video-list .video-li1 a img:hover{transform: scale(1.2);transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.5) 0s;}
#video-list .video-li1 a:hover hr{background:#333;}
#video-list .video-li a .hr-bootom::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background-color: #f1971b;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}

#video-list .video-li:hover a .hr-bootom::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

#video-list .video-li .v_btn{
    background: url(../image/video_ico.png) center center no-repeat;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 250;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
}
#video-list .video-li .v_title{
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin: 0 auto;
    font-weight: 100;
    font-size: 17px;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}


.video_list
{
 width:100%;
  margin:0 auto;
}
.video_list_con
{
    width:100%;
    max-width: 1600px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    padding: 0 0 20px 0;
}
@media screen and (max-width: 1600px) {
.video_list_con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.video_list_con{
  width:100%;
  }
}

.video_list_left
{
   width:15%;
   max-width: 160px;
   float: left;
}

.video_list_left_menu
{
    border: 0;
    text-align: left;
    background-color: #999;
}
.video_list_left_menu li
{
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background-color: #edf0f2;
    margin-bottom: 1px;
}
.video_list_left_menu li a
{
    width: 100%;
    height: 100%;
    display: block;
}
.video_list_left_menu li:hover,
.video_list_left_menu li.on
{
    background-color: #f8c54b;
}
.video_list_left_menu li:hover a,
.video_list_left_menu li.on a
{
    color:#fff;
}

.video_list_right
{
    width:80%;
    margin-left:5%;
    float: right;
}
.video_list_right ul li
{
    position: relative;
    width: 30.3%;
    display: inline-block;
    margin: 0 1.5%;
    padding: 0;
    background-color: #ffffff;
    margin-bottom: 50px;
    overflow: hidden;
}
.video_list_right ul li .video_list_right_img{
    padding-bottom: 60%;
    position: relative;
}
.video_list_right ul li .video_list_right_img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.video_list_right ul li .video_list_right_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left:  -32px;
    margin-top: -32px;
    width: 64px;
    height: 64px;
}
.video_list_right ul li:hover .video_list_right_btn
{
    background: #000 url(../image/video_ico.png) center center no-repeat;
    padding-bottom: 60%;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 3;
    opacity: 0.5;
  color:#fff;
}
.video_list_right ul li:hover .video_list_right_title a
{
  color:#000;
}
.video_list_right ul li .video_list_right_title
{
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin: 0 auto;
    font-weight: 100;
    font-size: 17px;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #edf0f2;
}




.aboutus
{
  width:100%;
  padding: 60px 0;
  background: #fefcfc;

}
.aboutus .aboutus_more
{
  background-color:transparent;
  height:20px;
  color:#666;
}

.aboutus .aboutus_con
{
  width:100%;
  margin:0 auto;
  padding:0;
  text-align:center;
}
.aboutus .aboutus_title h3
{
    text-align: center;
    font-size: 30px;
    color: #6d6d6d;
      font-weight: bold;
}
.aboutus .aboutus_stitle
{
  text-align:center;
  color:#666;
}
.aboutus .aboutus_stitle h4
{
  font-size:23px;
  line-height:1;
  color:#666;
}
.aboutus .aboutus_stitle h5
{
  font-size:17px;
  line-height:1;
  color:#666;
}
.aboutus .aboutus_list
{
  width:100%;
  max-width: 1600px;
  padding: 20px 0;
  margin:0 auto;
}
@media screen and (max-width: 1600px) {
.aboutus .aboutus_list{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.aboutus .aboutus_list{
  width:100%;
  }
}
.aboutus .aboutus_list ul
{
  font-size:0;
}
.aboutus .aboutus_list ul li
{
    display: inline-block;
    width: 23%;
    margin: 1%;
    height: auto;
    min-height: 230px;
    background: #f8f8f8;
    text-align: center;
    vertical-align: bottom;
    position: relative;
    border: 0 !important;
}
.aboutus .aboutus_list ul li a
{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  vertical-align: middle;
  overflow: hidden;
}
.aboutus .aboutus_list .about-pic {
    position: relative;
    padding-top: 185px;
}
.aboutus .aboutus_list ul li div#three1,
.aboutus .aboutus_list ul li div#three2,
.aboutus .aboutus_list ul li div#three3,
.aboutus .aboutus_list ul li div#three4,
.aboutus .aboutus_list ul li div#three5,
.aboutus .aboutus_list ul li div#three6,
.aboutus .aboutus_list ul li div#three7,
.aboutus .aboutus_list ul li div#three8
{
  width: 100%;
  height: 100%;
  position: absolute;
  vertical-align: middle;
}
.aboutus .aboutus_list ul li div#con_three_1,
.aboutus .aboutus_list ul li div#con_three_2,
.aboutus .aboutus_list ul li div#con_three_3,
.aboutus .aboutus_list ul li div#con_three_4,
.aboutus .aboutus_list ul li div#con_three_5,
.aboutus .aboutus_list ul li div#con_three_6,
.aboutus .aboutus_list ul li div#con_three_7,
.aboutus .aboutus_list ul li div#con_three_8
{
  display:none;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  position: absolute;
  background-color:#f7b146;
  opacity: 1;
  color: #fff;
  filter: opacity(1);
  font-size:16px;
  padding: 120px 6px 0 6px;
  line-height: 1.5;
}

.aboutus .aboutus_list ul li div.hover{
  display: block;
}



.aboutus .aboutus_list ul li img
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 185px;
  display: block;
  vertical-align: middle;
}
.aboutus .aboutus_list ul li h3
{
  font-size:17px;
  color:#656565;
  font-weight: bold;
}
.aboutus .aboutus_list ul li h4
{
  font-size:14px;
  color:#656565;
}



.quality_list{
    padding: 50px 0 20px 0;
    color: #666;
    background-color: #fff;
}
.quality_title{
    width: 1442px;
    margin: 0 auto;
    text-align: left;
}
.quality_title h2{
    font-size: 18px;
    color: #757373;
    font-weight: bold;
}
.quality_title p{
    font-size: 16px;
    color: #757373;
}
.quality_con{
    width: 1442px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    color: #666;
    background-color: #fff;
}
.quality_con .quality_dl{
    width: 1486px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 50px;
}
.quality_con .quality_dl .quality_dd{
    width: 250px;
    height: 210px;
    display: inline-block;
    margin: 0 44px 44px 0;
}
.quality_con .quality_dl .quality_dd .q_ico{
    width: 250px;
    height: 170px;
    display: block;
    background-color: #f2f1f0;
}
.quality_con .quality_dl .quality_dd .q_title{
    width: 250px;
    height: 40px;
    line-height: 40px;
    background-color: #f9ac37;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.quality_con .quality_dl .quality_dd:hover .q_title{
    background-color: #333;
    color: #f9ac37;
}

.news
{
  width:100%;
  margin:0px auto;
  padding: 60px 0;
  background-color:#f2f6f7;
}
.news .news_con
{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.news .news_title h3
{
  text-align:center;
  font-size:30px;
  color:#666;
  margin: 0;
  font-weight: bold;
}
.news .news_more{
  margin:20px auto;
  font-size:16px;
  color:#666;
}
.news .draw_line
{
  width:250px;
  height:3px;
  margin:0 auto;
  position: relative;
  background-color:#e6e6e6;
}
.news .draw_line span{
  width:50px;height:5px;background-color:#f1971b;display: block;vertical-align: middle;top: -2px;left: 50%;margin-left: -25px;position: absolute;
}
.news .news_list
{
  width:100%;
  max-width: 1600px;
  margin:50px auto;
  overflow:hidden;
}
@media screen and (max-width: 1600px) {
.news .news_list{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.news .news_list{
  width:100%;
  }
}
.news .news_list .news_top_li
{
    position: relative;
    width: 38%;
    margin-right: 2%;
  float:left;
  overflow:hidden;
}
.news .news_list .news_top_li .news_top_li_img
{
 padding-bottom:65%;
  position: relative;
    display: block;
}
.news .news_list .news_top_li .news_top_li_img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.news .news_list .news_top_li .news_top_stitle
{
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin: 0 auto;
    font-weight: 100;
    font-size: 17px;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f7b146;
}
.news .news_list .news_top_li .news_top_stitle a {
    padding-bottom: 60%;
    position: relative;
    display: block;
    color: #fff;
}
.news .news_list .news_list_li
{
float: left;
    width: 19%;
    height: 100%;
    padding-bottom: 55px;
    margin-left: 1%;
    background-color: #fff;
    overflow: hidden;
}
.news .news_list_con
{
    padding-bottom: 130%;
    position: relative;
    display: block;
}
.news .news_list_info
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  text-align: left;
}
.news .news_list_li:hover,
.news .news_list_info:hover,
.news .news_list_info:hover .news_list_stitle a,
.news .news_list_info:hover .news_list_desc,
.news .news_list_info:hover .news_list_more a
{
  background-color:#f7b146;
  color:#fff;
}
.news .news_list_info:hover .news_list_time span.date{
  color:#fff;
  border-bottom: 2px solid #fff;
}
.news .news_list_info:hover .news_list_time span.year{
  color:#fff;
}
.news .news_list_info .news_list_stitle
{
    font-size: 16px;
    padding:20px;
    color: #333;
    display: block;
    font-weight: bold;
}
.news .news_list_info .news_list_desc
{
  margin:0px 0;
  padding:0 20px;
  color:#767676;
  font-size:14px;
}
.news .news_list_info .news_list_time
{
  display: inline-block;
  height: 90px;margin: 0;
  padding: 20px 20px 0 20px;
  text-align:center;color:#000;
    vertical-align: middle;
}
.news .news_list_info .news_list_time span.date{
    width: 50px;
    display: block;
    font-size: 34px;
    height: 45px;
    line-height: 45px;
    border-bottom: 2px solid #999;
    text-align: left;
    color:#f7b146;
}
.news .news_list_info .news_list_time span.year{
	width: 100px;font-size: 16px;display: block;height: 45px;line-height: 45px;color:#999;text-align: left;
}
.news .news_list_info .news_list_more
{
    padding: 20px;
    height:20px;
}
.news .news_list_info .news_list_more a
{
    color:#f7b146;
}




.ab_menu
{
    width:100%;
    max-width: 1600px;
    margin: 30px auto;
    height: 50px;
    vertical-align: middle;
    font-size: 0;
    -webkit-text-size-adjust: none;
    text-align: center;
    border-bottom:1px solid #e0dede;
}
@media screen and (max-width: 1600px) {
.ab_menu{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.ab_menu{
  width:100%;
  }
}
.ab_menu .menu_con {
    display: inline-block;
    margin-top: 0px;
}
.ab_menu .menu_con .menu_a{
    text-align: center;
    font-size: 16px;
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    color: #171717;
    padding-top: 0px;
}
.ab_menu .menu_con .menu_a:hover,
.ab_menu .on .menu_a
{
  color:#f7b146;
  border-bottom: 2px solid #f7b146;
  margin-bottom: -1px;
  padding-top:0px;
}









.product_list
{
  background-color:#edf0f2;
  overflow: hidden;
  padding:0 0 20px 0;
}
.product_list .channel_name
{
  width:100%;
  max-width: 1600px;
  margin: 10px auto -40px auto;
  padding: 15px;
  font-size: 35px;
  color: #000000;
}
@media screen and (max-width: 1600px) {
.product_list .channel_name{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.product_list .channel_name{
  width:100%;
  }
}
.product_list .channel_name_title
{
  display:inline-block;
  line-height:1;
  background:url(../image/cat_ico.png) no-repeat;
  background-size: 100% 100%;
  font-size: 20px;
  color: #fff;
    width: 20%;
    max-width: 150px;
  height: 40px;
  margin-top: -30px;
  padding: 10px;
  vertical-align: middle;
}
.product_list .channel_name_title2
{
  display:inline-block;
  line-height:1;
  background:url(../image/cat_ico2.png) no-repeat;
  background-size: 100% 100%;
  font-size: 20px;
  color: #fff;
    width: 20%;
    max-width: 170px;
  height: 40px;
  margin-top: -30px;
  padding: 10px;
  vertical-align: middle;
}
.product_list .channel_menu
{
    width:80%;
    display: inline-block;
}
.product_list .channel_menu li
{
    display: inline-block;
    width:auto;
    margin:0 2%;
    text-align: center;
    font-size: 14px;
}
@media screen and (max-width: 1600px) {
.product_list .channel_menu li{
    margin:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.product_list .channel_menu li{
    margin:0 2%;
  }
}
.product_list .channel_menu li a
{
  display:block;
}
.product_list .channel_menu li a .pro_cat_ico
{
  display:block;
}
.product_list .channel_menu li a .pro_cat_ico_on
{
  display:none;
}
.product_list .channel_menu li a.hover .pro_cat_ico,
.product_list .channel_menu li a:hover .pro_cat_ico
{
  display:none;
}
.product_list .channel_menu li a.hover .pro_cat_ico_on,
.product_list .channel_menu li a:hover .pro_cat_ico_on
{
  display:block;
}
.product_list .channel_menu li a span
{
  color:#7D7D7D;
}
.product_list .channel_menu li a.hover span,
.product_list .channel_menu li a:hover span
{
  color:#f7b146;
}
.product_list_con
{
  width: 100%;
  margin: 0 auto;
}
.product_list_con ul
{
  width: 100%;
  max-width: 1600px;
  margin: 50px auto;
  font-size: 0;
}
.product_list_con ul li
{
    position: relative;
    display: inline-block;
    width: 23%;
    margin: 10px 1%;
    padding: 0 0 10px 0;
    background-color: #ffffff;
    overflow: hidden;
}
.product_list_con ul li .product_list_con_img 
{
    display: block;
    overflow: hidden;
}
.product_list_con ul li .product_list_con_img a
{
    padding-top: 35%;
    padding-bottom: 35%;
    display: block;
    position: relative;
}
.product_list_con ul li .product_list_con_img a img
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.product_list_con_img a img{
    transform: scale(1);
    transition: all 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.5) 0s;
}
.product_list_con ul li:hover .product_list_con_img a img{
    transform: scale(1.1);
    transition: all 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.5) 0s;
}
.product_list_con_info
{
  float:left;
  font-size:14px;
  width: 100%;
}
.product_list_con_title
{
  width: 100%;
  height:30px;
  line-height:30px;
  margin:0 auto;
  font-size:14px;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  
}
.product_list_con_sname
{
  width: 100%;
  height:30px;
  line-height:30px;
  margin:0 auto;
  font-weight: 100;
  font-size:17px;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  
}
.product_list_con_snum
{
  width: 100%;
  height:10px;
  line-height:10px;
  margin:0 auto;
  font-size:12px;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  
}
.product_list_con_view
{
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  font-size: 12px;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  
  margin-top: 0px;
}
.product_list_con ul li:hover .product_list_con_view a
{   
  background-color:#f7b146;
  color:#fff;
}
.product_list_con_view a
{   
  display: block;
  width: 80px;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  padding: 1px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
}
.product_list_con_desc
{
  height:220px;
}
.product_list_con_more
{
  width:50px;
  padding:2px 3px;
  border:1px solid #e3e3e3;
  font-size:12px;
  text-align:center;
}

.profile
{
  
  max-height:550px;

}
.profile_con {
  width: 1200px;
  margin: 0 auto;
}
.profile_title h4{
  margin:0 auto;
  padding: 0;
  text-align: center;
  font-size: 36px;
  color: #606060;
  font-weight: normal;
  height:80px;
  line-height:80px;
}
.profile_title h3{
  margin:0 auto;
  padding: 50px 0;
  text-align: center;
  font-size: 42px;
  color: #595959;
  height:50px;
}
.profile_info
{
  padding: 30px 0;
  font-size:24px;
  color: #000000;
  line-height:1.3;
}

.sells
{
  background: #EFEFEE;
  height:620px;
  padding:0;
}
.sells_con {
  width: 1200px;
  margin: 0 auto;
}
.sells_title h3{
  width: 1200px;
  height:50px;
  line-height: 100px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 35px;
  color: #595959;
}
.sells_info
{
  padding: 20px 0;
  font-size:26px;
  color: #ffffff;
  text-indent: 2em;
  text-align:center;
  text-shadow: 1px 1px 1px #000;
}


.sells_list
{
  width:1200px;
  padding: 50px 0;
}
.sells_list ul
{
  font-size:0;
}
.sells_list ul li
{
  display: inline-block;
  width:400px;
  line-height:1;
  text-align:center;
}
.sells_list ul li span
{
  font-size:56px;
  color:#ffffff;
  text-shadow: 2px 2px 2px #000;
}
.sells_list ul li span b
{
  font-size:42px;
  color:#ffffff;
  font-weight:normal;
}


.case
{
  background: #ffffff;
  max-height:850px;

}
.case_con {
  margin: 0 auto;
  margin-top:50px;
}
.case_title h3{
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 35px;
  color: #595959;
}

.chronicle
{
  background: #f9f9fa;

}
.chronicle_con {
  width: 1350px;
  margin: 0 auto;
}
.chronicle_title h3{
  margin:0 auto;
  padding: 10px 0;
  text-align: center;
  font-size: 42px;
  color: #333333;
}
.chronicle_info
{
  width:800px;
  margin:0 auto;
  padding: 10px 0 50px 0;
  color: #6e6e6e;
  font-size: 24px;
  line-height: 1.33349;
  font-weight: 400;
  letter-spacing: .009em;
}
.chronicle_info p
{
  margin:0 auto;
  line-height:1.5;
  color: #6e6e6e;
  font-weight:normal;
}



.honor
{
  background: #ffffff;
  background-attachment: scroll;
}
.honor_con {
width:100%;margin:0 auto;padding:0;color:#666;background-color:#fff;overflow: hidden;
}
.honor_con .honor_dl{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  text-align:left;
  padding-bottom: 50px;
  font-size:0;
}
@media screen and (max-width: 1600px) {
.honor_con .honor_dl{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.honor_con .honor_dl{
  width:100%;
  }
}
.honor_con .honor_dd{
width: 21%;
    display: inline-block;
    margin: 0 2%;
    overflow: hidden;
}
.honor_con .honor_dd .h_con{
    width: 100%;
    padding-bottom: 50%;
    text-align: center;
  position: relative;
}
.honor_con .honor_dd .h_ico{
    width: 100%;
    padding-bottom: 50%;
    position: relative;
    display: block;
}
.honor_con .honor_dd .h_con .h_ico img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font-size: 14px;
    z-index: 3;
}
.honor_con .honor_dd .h_con:hover  .h_ico img{

}
.honor_con .honor_dd .h_title{
    position: absolute;
    font-size: 18px;
    width: 100%;
    height: 100px;
    line-height: 100px;
    top: 43%;
    margin: 0 auto;
    display: block;
    z-index: 1;
  background-color:#f0f0f2;
}
.honor_con .honor_dd .h_title2{
width:210px;height: 100px;line-height: 20px;background-color:#f0f0f2;display: block;text-align: center;font-size: 16px;color: #696668;padding: 45px 5px 0 5px;
}
.honor_con .honor_dd .h_con:hover .h_title{
background-color:#f7b146;color: #fff;
}
.honor_title h4{
  margin:0 auto;
  padding: 0;
  text-align: center;
  font-size: 35px;
  color: #595959;
  font-weight: normal;
}

.honor_design
{
  background: #ecf1f3 url(../image/honor_design_bg.png) center no-repeat;
  background-attachment: scroll;
  height:760px;

}
.honor_design_con {
  width: 100%;
  margin: 0 auto;
}
.honor_design_info
{
  height:240px;
  padding: 80px 0;
  font-size:26px;
  color: #ffffff;
  text-indent: 2em;
  text-align:center;
}
.honor_design_img
{
  height:220px;
  padding: 25px 0;
  font-size:26px;
  color: #ffffff;
  background-color:rgb(235,235,235,0.6);
  text-align:center;
}
.honor_design_img img
{
  display:inline-block;
}

.honor_list
{
  background-attachment: scroll;
  padding:50px 0 20px 0;color:#666;
  background-color:#fff;
}
.honor_list_con {
  width: 1200px;
  margin: 0 auto;
  margin-top:50px;
}
.honor_title{
width:1442px;margin:0 auto;text-align:left;
}
.honor_title h2{
font-size:18px;color:#757373;font-weight:bold;
}
.honor_title p{
font-size:16px;color:#757373;
}
.honor_list_title h4{
  margin:0 auto;
  padding: 0;
  text-align: center;
  font-size: 35px;
  color: #595959;
  font-weight: normal;
}
.honor_list_con ul
{
  font-size:0;
}
.honor_list_con ul li
{
  width:280px;
  height:200px;
  line-height:1;
  margin:10px;
  display:inline-block;
  text-align:center;
  font-size:18px;
  overflow:hidden;
}
.honor_list_top
{
  width:280px;
  height:70px;
  display: block;
}
.honor_list_bottom
{
  width:280px;
  height:130px;
  background-color:#f7f7f7;
  font-size:18px;
  display: block;
  padding-top: 50px;
}
.partners
{
  background: #ffffff;
  max-height:850px;

}
.partners_con {
  margin: 50px auto;
}
.partners_title h3{
  width: 1200px;
  margin:0 auto;
  padding: 0;
  text-align: center;
  font-size: 35px;
  color: #595959;
}




.smart_office
{
  background: #ffffff;
  max-height:850px;

}
.smart_office_con {
  padding: 50px 0;
  background-color:#f0f0f0;
}
.smart_office_title h3{
  width: 1200px;
  margin:0 auto;
  padding: 20px 0;
  text-align: left;
  font-size: 33px;
  color: #575d65;
}
.smart_office_img
{
  width: 100%;
  height:380px;
  position:relative;
  overflow:hidden;
  margin:20px auto;
  padding:100px 0;
  background: #edf0f2;
  background-attachment: scroll;

}


.smart_office_list
{
  background: #ffffff;

}
.smart_office_list_con {
  margin: 0 auto;
}
.smart_office_list_title h3{
  width: 1200px;
  margin:0 auto;
  padding: 20px 0;
  text-align: center;
  font-size: 42px;
  color: #333333;
}



.contactus
{
  width:100%;
  padding: 10px 0;
  background: #fff;
}
.contactus strong,
.contactus b
{
  font-size:24px;
  color:#666;
}
.contactus .contactus_con,
.map .map_con
{
  width:1200px;
  margin:20px auto;
  padding:0;
  text-align:left;
}
.contactus .contactus_title h3
{
  text-align:left;
  font-size:60px;
  color:#848282;
  margin:15px 0;
}
.contactus .contactus_title h4
{
  text-align:left;
  font-size:30px;
  color:#848282;
  margin:15px 0;
}
.contactus .contactus_title h5
{
  text-align:left;
  font-size:20px;
  color:#848282;
  margin:0;
}

.contactus_info
{
  font-size:24px;
  color:#828282;
}
.contactus_info form input
{
  padding:10px;
  width: 500px;
  border: 0px;
  height: 55px;
  background: #f6f6f6;
}
.contactus_info form textarea
{
  width: 600px;
  height:260px;
  border: 0px;
  padding:20px;
  line-height: 24px;
  background: #f6f6f6;
}
.contactus_info form input.is_btn
{
  width:150px;
  height:45px;
  border: 0;
  background:#f7b146;
  color:#fff;
  border-radius: 6px;
}


.news2
{
  width:100%;
  margin:0px auto;
  background-color:#ecf1f3;
}
.news2 .news2_con
{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:20px 0;
  overflow: hidden;
}
@media screen and (max-width: 1600px) {
footer .footer_con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
footer .footer_con{
  width:100%;
  }
}
.news2 .news2_title
{
  text-align:center;
  font-size:35px;
  color:#000000;
}
.news2 .news2_img 
{
  float:left;
  width:595px;
  margin-right:10px;
}
.news2 .news2_info
{
  float:right;
  width:595px;
  height: 334px;
  text-align:left;
  background-color:#ffffff;
}
.news2 .news2_info .news2_stitle
{
  font-size:26px;
  padding-left:10px;
  color:#151311;
  margin:20px 0;
}
.news2 .news2_info .news2_desc
{
  margin:20px 0;
  padding:10px;
  color:#151311;
  font-size:16px;
}
.news2 .news2_info .news2_time
{
  padding-left:10px;
  color:#151311;
  font-size:14px;
}

.news2 .news2_list
{
  margin-bottom:30px;
  overflow:hidden;
}
.news2 .news2_list .news2_list_top
{
  margin-bottom:20px;
  display: block;
  overflow: hidden;
}
.news2 .news2_list_img 
{
  float:left;
  margin-right:10px;
  width: 595px;
  height: 335px;
  overflow: hidden;
}
.news2 .news2_list_info
{
  float:right;
  width:595px;
  padding: 10px 0;
  height:335px;
  text-align:left;
  background-color:#ffffff;
}
.news2 .news2_list_info .news2_list_stitle
{
  font-size:21px;
  padding-left:10px;
  color:#151311;
}
.news2 .news2_list_info .news2_list_desc
{
  margin:20px 0;
  padding:10px;
  color:#767676;
  font-size:14px;
}
.news2 .news2_list_info .news2_list_time
{
  padding-left:10px;
  color:#151311;
  font-size:13.5px;
}

.news2 .news2_list2
{
  padding:10px;
  background-color:#ffffff;
}
.news2 .news2_list2_info 
{
  margin-bottom:10px;
}
.news2 .news2_list2_info:hover
{
background: #eee;
}
.news2 .news2_list2_info .news2_list2_stitle
{
  font-size:18px;
}
.news2 .news2_list2_info .news2_list2_stitle a
{
  color:#000;
}
.news2 .news2_list2_info .news2_list2_desc
{
  height:30px;
  margin:2px 0;
  padding:5px;
  color:#767676;
  font-size:14px;
}
.news2 .news2_list2_info .news2_list2_time
{
  display:none;
  color:#151311;
  font-size:13.5px;
}
.pages
{
  width:100%;
  margin:10px auto;
  text-align:center;
}
.pages li
{
  margin: 0 3px;
  width: auto;
  height: 25px;
  display: inline-block;
  padding: 1px 10px;
  border: 1px solid #e3e3e3;
}


.news2_body
{
  padding:20px;
  background:#fff;
}
.news2_body_title
{
  font-size:26px;
  color:#131313;
  font-weight: bold;
}
.news2_body_info
{
  font-size:20px;
  margin:10px 0;
  display:none;
}
.news2_body_content
{
  padding:20px 0;
  font-size:18px;
  color:#424242;
}
.news2_body_content img
{
  max-width:90%;
  margin:0 auto;
}

.pro_menu
{
  width:100%;
  height:70px;
  background-color:#eee;
}
.pro_menu_con
{
  width:1200px;
  margin:0 auto;
  height:70px;
  line-height:70px;
}
.pro_menu_title
{
  display:inline-block;
  float:left;
  font-size:24px;
  color:#444;
}
.pro_menu_list
{
  display:inline-block;
  float:right;
}
.pro_menu_list li
{
  display:inline-block;
  margin:0 22px;
  font-size:17px;
  color:#444;
}
.pro_detail
{
  width:100%;
}
.pro_download
{
  width:100%;
  background:#f9f9f9;
}
.pro_related
{
  background:#fff;
}
.pro_related .product_list_con ul li {
  background:#f9f9f9;
}
.pro_detail_con,
.pro_related_con,
.pro_download_con
{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}
@media screen and (max-width: 1600px) {
.pro_detail_con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.pro_detail_con{
  width:100%;
  }
}
.pro_detail_con img{
  max-width:98%;
}
.pro_detail_title,
.pro_related_title,
.pro_download_title
{
  width:100%;
  text-align:left;
  height:70px;
  line-height:70px;
  display:block;
  background:#fff;
  font-size:17px;
  color:#444;
}
.pro_download_title
{
  width:100%;
  background:#f9f9f9;
}
.pro_download_list
{
  width: 128px;
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  display: inline-block;
  margin-right: 20px;
}

.contactus
{
  width:100%;
  padding: 10px 0;
  background: #fff;
}
.contactus strong,
.contactus b
{
  font-size:24px;
  color:#666;
}
.contactus .contactus_con,
.map .map_con
{
  width:100%;
  max-width:1200px;
  margin:20px auto;
  padding:0;
  text-align:left;
}
.contactus .contactus_title h3
{
  text-align:left;
  font-size:60px;
  color:#848282;
  margin:15px 0;
}
.contactus .contactus_title h4
{
  text-align:left;
  font-size:30px;
  color:##848282;
  margin:15px 0;
}
.contactus .contactus_title h5
{
  text-align:left;
  font-size:20px;
  color:#848282;
  margin:0;
}

.contactus_info
{
  font-size:24px;
  color:#828282;
}
.contactus_info form input
{
  padding:10px;
  width: 500px;
  border: 0px;
  height: 55px;
  background: #f6f6f6;
}
.contactus_info form textarea
{
  width: 100%;
  height:260px;
  border: 0px;
  padding:20px;
  line-height: 24px;
  background: #f6f6f6;
}
.contactus_info form input.is_btn
{
  width:150px;
  height:45px;
  border: 0;
  background:#f7b146;
  color:#fff;
  border-radius: 6px;
}



footer
{
  width:100%;
  height:450px;
  background-color:#333;

}
footer .footer_con
{
  width:100%;
  max-width:1600px;
  padding:0;
  margin:0 auto;
  font-size:0;
}
@media screen and (max-width: 1600px) {
footer .footer_con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
footer .footer_con{
  width:100%;
  }
}
footer .footer_con .footer_top
{
  height:108px;
  border-bottom:2px solid #a6a6a6;
}
footer .footer_con .footer_top dd.ft_1{
    float: left;
    width: 250px;
    height: 108px;
    margin: 0;
    padding-left:10px;
}
footer .footer_con .footer_top dd.ft_1 .title{
  display:block;
  padding-top:40px;
  height:60px;
  line-height:20px;
  font-size:15px;
  color:#fff;
}
footer .footer_con .footer_top dd.ft_1 .con{
  height:48px;
  font-size:28px;
  color:#f1971b;
  font-weight:bold;
}

footer .footer_con .footer_top dd.ft_2{
    float: left;
    width: 250px;
    height: 108px;
    margin: 0;
}
footer .footer_con .footer_top dd.ft_2 .title{
  display:block;
  padding-top:40px;
  height:60px;
  line-height:20px;
  font-size:15px;
  color:#fff;
}
footer .footer_con .footer_top dd.ft_2 .con{
  height:48px;
  font-size:28px;
  color:#f1971b;
  font-weight:bold;
}

footer .footer_con .footer_top dd.ft_3{
float: right;
    padding-right:10px;
    height: 108px;
    margin: 0;
    font-size: 24px;
    text-align: right;
}
footer .footer_con .footer_top dd.ft_3 a{
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin-top: 55px;
    font-size:15px;
    display: block;
    float: right;
    background-color:#f1971b;
    color:#fff;
}
footer .footer_con .footer_top dd.ft_3 a:hover{
    background-color:#f1971b;
}
footer .footer_con .menu_title
{
  margin:20px 0;
  font-size:20px;
}
footer .footer_con ul li
{
  color:#fff;
  line-height:1.8;
}
footer .footer_con ul li a
{
  font-size:14px;
  color:#fff;
}
footer .footer_con ul li a:hover
{
  font-size:14px;
  color:#f7b146;
}
footer .footer_con .footer_menu
{
  overflow: hidden;
  padding: 0 10px;
}
footer .footer_con .menu_pro
{
    float: left;
    width: 180px;
    text-align: center;
}
footer .footer_con .menu_contact
{
  float: right;
  font-size:13px;
  line-height:2;
  display:inline-block;
}
footer .footer_con .menu_contact dd
{
  margin: 0;
  padding: 0;
  
  
}
footer .footer_con .menu_contact dd ul li{
    display: inline-block;
    width: 130px;
    text-align: right;
}
footer .footer_con .menu_contact dd ul li .f_img{
      text-align: center;
    margin: 2px 0;
}
footer .footer_con .menu_contact dd ul li .f_font{
      text-align: center;
    margin: 2px 0;
}


footer .footer_con .menu_contact .flogo
{
  text-align: right;
  font-size:16px;
  color:#cbcbcb;
  margin-right:0;
}


footer .footer_con .menu_contact hr{
    width: 100%;
    height: 2px;
    margin: 10px auto;
    padding: 0;
    background-color: #c0bebf;
}

footer .copyright
{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  font-size: 14px;
  text-align: left;
  color:#fff;
  border-top:0px solid #a6a6a6;
}
@media screen and (max-width: 1600px) {
footer .copyright{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
footer .copyright{
  width:100%;
  }
}
footer .copyright a
{
    vertical-align: middle;
  padding-right:10px;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.float{ position:fixed; right:10px; top:200px; z-index:2000; background:none;}
.float_show
{
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    margin: 5px 0;
    background: #f5f5f5;
    border-radius: 5px;
}
.float_shicon{ width:60px; height:60px; cursor:pointer;}
.float_shicon1{ background:url(../image/float_ac1.png) center center no-repeat;}
.float_shicon2{ background:url(../image/float_ac2.png) center center no-repeat;}
.float_shicon3{ background:url(../image/float_ac3.png) center center no-repeat;}
.float_show .float_shicon4 a{ background:url(../image/float_ac4.png) center center no-repeat; width:60px; height:60px;}
.float_shAll{ display:none; position:absolute; right:65px; top:0; width:130px; height:auto; overflow:hidden; padding-right:14px;}
.float_shBox {
    width: 130px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
    background-color: #f1971b;
    color: #fff;
    font-size: 15px;
}
.float_icon{ background:url(../image/float_shicon.png) no-repeat; position:absolute; right:6px; top:20px; z-index:20; width:8px; height:15px; cursor:pointer;}
.float_qq{ width:130px;}
.float_qq a{ font-size:15px; color:#fff;}
.float_shTel h3{ font-size:16px;margin:0;padding:0;}
.float_shTel p{ color:#FD696D; font-size:18px;margin:0;padding:0;}
.float_wxName{ height:20px; line-height:20px; text-align:center;}
.float_shWx{ width:98px;}
.float_shWx img{ display:block; width:98px; margin:0 auto;}
.cur .float_shicon{width:60px; height:60px;}
.float .cur .float_shicon1{ background:#f1971b url(../image/float_ac1_on.png) center center no-repeat;}
.float .cur .float_shicon2{ background:#f1971b url(../image/float_ac2_on.png) center center no-repeat;}
.float .cur .float_shicon3{ background:#f1971b url(../image/float_ac3_on.png) center center no-repeat;}
.float .cur .float_shicon4 a{ background:#f1971b url(../image/float_ac4_on.png) center center no-repeat; width:60px; height:60px;}
.float .float_show4{ width:60px; height:60px;}
.float_show3 .float_icon{ top:90px;}
.float_shicon a{ display:block; width:60px; height:60px;}


.sol_pro {
    width:100%;
    max-width: 1600px;
    margin: 0 auto;
}
.sol_pro .sol_pro_tit
{
    width:100%;
    margin:0 auto;
    text-align: center;
    display: block;
    margin-top: 30px;
    overflow: hidden;
    font-size: 36px !important;
  color:#333;
}
.sol_pro .sol_pro_inf
{
    width:100%;
    margin:0 auto;
    text-align: center;
   font-size: 16px;
    line-height: 38px;
    font-size: 18px !important;
  color:#333;
}
.sol_pro .sol_pro_list {
    position: relative;
    padding:30px 0;
}
.sol_pro .family-list2 .list2-mains2 {
    padding-left: 332px;
}
.sol_pro .family-list2 .list2-mains2 {
    position: relative;
    padding-left: 412px;
    margin-top: 12px;
}
.sol_pro .list2-banner {
    overflow: hidden; }

.sol_pro .can-hover .img-wrap {
    overflow: hidden;
    width: 380px;
    height:270px;
}
.sol_pro .can-hover .img-wrap .img100 {
    transition: all 1s ease;
}
.sol_pro .img100 {
    display: block;
    width: 200x;
    height:200px;
    margin: 0 auto;
}
.sol_pro .pro-name {
    position: absolute;
    font-size: 18px;
    line-height: 2;
    bottom: 36px;
    left: 0;
    width: 100%;
    color: #333;
    text-align: center;
}
.sol_pro .pro-name2 {
    position: absolute;
    font-size: 18px;
    line-height: 2;
    bottom: 6px;
    left: 0;
    width: 100%;
    color: #333;
    text-align: center;
}
.sol_pro .swiper-btns-wrap5 {
    position: absolute;
    z-index: 3;
    height: 1px;
    overflow: visible;
    width: 100%;
    left: 0;
    top: 50%;
}
.sol_pro .family-list2 .swiper-btns-wrap5 .prev {
    left: 10px;
}
.sol_pro .swiper-btns-wrap5 .prev {
    left: 1.5rem;
    background-image: url(../image/prev4.png);
}
.sol_pro .swiper-btns-wrap5 .prev:hover {
    background-image: url(../image/prev4on.png);
}
.sol_pro .swiper-btns-wrap5 .btn {
    position: absolute;
    display: block;
    width: 27px;
    height: 50px;
    margin-top: -25px;
    cursor: pointer;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: 100%;
    overflow: hidden;
}
.sol_pro .swiper-btns-wrap5 .next {
    right: 10px;
}

.sol_pro .swiper-btns-wrap5 .next {
    right: 1.5rem;
    background-image: url(../image/next4.png);
}
.sol_pro .swiper-btns-wrap5 .next:hover {
    background-image: url(../image/next4on.png);
}



.about_title
{
    width:100%;
    color: #666;
    background-color: #fff;
}
.about_title_con
{
    width:100%;
    max-width: 1600px;
    margin: 0 auto;
    text-align: left;
}
@media screen and (max-width: 1600px) {
.about_title_con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.about_title_con{
  width:100%;
  }
}
.about_title_con_topline
{
    width: 72px;
    height: 5px;
    background-color: #f8c54b;
}
.about_title_title
{
  
}
.about_title_title h2 {
    font-size: 18px;
    color: #757373;
    font-weight: bold;
}
.about_con
{
  width:100%;
  
}
.about_con_con
{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
@media screen and (max-width: 1600px) {
.about_con_con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.about_con_con{
  width:100%;
  }
}
.about_con_list
{
  width:100%;
  overflow: hidden;
}
.about_con_list_left
{
    float: left;
    width:60%;
    max-width: 780px;
    font-size: 15px;
    text-align: left;
    line-height: 1.6;
}
.about_con_list_right
{
    float: right;
    width:40%;
    max-width: 610px;
    position: relative;
    overflow: hidden;
}
.about_con_list_right_img
{
padding-bottom: 65%;
}
.about_con_list_right img
{
    max-width: 610px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}



.about_partner .w1200 {
  width:100%;
  max-width: 1600px;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
.about_partner .w1200{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.about_partner .w1200{
  width:100%;
  }
}
.about_partner .ovh{
overflow: hidden;
}
.about_partner .moudle-titles3 {
    text-align: center;
    padding: 64px 0 56px;
    color: #333;
}
.about_partner .moudle-titles3 .moudle-h5 {
    font-size: 36px;
    line-height: 1.5;
}
.about_partner .intro-list11 .swiper-slide {
    border: 1px solid #e1e1e1;
    overflow: hidden;
    transition-duration: .3s;
}
.about_partner .img200 {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.about_partner .intro-list11-hd01 {
    padding: 5px 0;
    text-align: center;
}

.about_partner .intro-list11-hd01 .swiper-pagination-bullet {
    width: 30px;
    height: 2px;
    display: inline-block;
    margin: 0 8px !important;
    position: relative;
    transition-duration: .5s;
    cursor: pointer;
    opacity: 1;
    background: #999;
    border-radius: 0;
     }
.about_partner .intro-list11-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
      height: 4px;
      background: #f1971b; }





.equis_list{
    padding: 50px 0 20px 0;
    color: #666;
    background: url(../image/bg.png) right top no-repeat;
}

.equis_con{
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
.equis_dl
{
  width:100%;
    max-width: 1600px;
    margin: 0 auto;
    text-align: left;
}
@media screen and (max-width: 1600px) {
.equis_dl{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.equis_dl{
  width:100%;
  }
}
.equis_dd
{
    width: 160px;
    height: 105px;
    display: inline-block;
    margin: 0 15px 0 0;
}
.e_ico
{
    width: 160px;
    height: 105px;
    display: block;
    background-color: #fff;
    border: 4px solid #ececec;
    border-radius: 15px;
}





.quality_list{
    width: 100%;
    text-align: center;
}
.quality_list_con
{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
@media screen and (max-width: 1600px) {
.quality_list_con{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.quality_list_con{
  width:100%;
  }
}
.quality_list_con_img
{
    padding-bottom: 60%;
    position: relative;
    display: block;
}
.quality_list_con img
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}






.heiman_list{
    padding: 50px 0;
    color: #666;
    background-color: #fff;
}
.heiman_list_img{
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 1600px) {
.heiman_list_img{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.heiman_list_img{
  width:100%;
  }
}
.heiman_list_img img{
    width: 100%;
}




.bus_sol_con {
    width: 100%;
    margin: 100px auto;
    padding: 0;
    color: #666;
    background-color: #fff;
}

.bus_sol_con .bus_sol_dl{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  text-align:left;
  padding-bottom: 50px;
  font-size:0;
}
@media screen and (max-width: 1600px) {
.bus_sol_con .bus_sol_dl{
  width:98%;
  padding:0 1%;
  }
}
@media screen and (min-width: 1601px) {
.bus_sol_con .bus_sol_dl{
  width:100%;
  }
}

.bus_sol_con .bus_sol_dd {
    width: 21%;
    display: inline-block;
    margin: 0 2%;
}
.bus_sol_con .bus_sol_dd .bs_con{
    width: 100%;
    padding-bottom: 0;
    text-align: center;
    position: relative;
}
.bus_sol_con .bus_sol_dd .bs_con span.flow{
    display: inline-block;
    width: 98%;
    margin: 0 1%;
    text-align: center;
    float: left;
    position: relative;
    border: 1px solid #e3e3e3;
}
.bus_sol_con .bus_sol_dd .bs_ico {
width: 100%;
    display: block;
    position: absolute;
    top: -80px;
}
.bus_sol_con .bus_sol_dd .bs_ico img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    font-size: 14px;
    z-index: 3;
}
.bus_sol_con .bus_sol_dd .bs_title{
    font-size: 14px;
    text-align: left;
    padding: 10px;
    height: 165px;
    overflow: hidden;
}
.bus_sol_con .bus_sol_dd .bs_title h3{
  display: inline;
  font-weight:bold;
  padding-bottom:5px;
  border-bottom: 2px solid #f7b146;
}