html,body,div,object,iframe,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,fieldset,form,label,legend,button,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td,a,abbr,address,acronym,cite,code,del,dfn,em,img,ins,kbd,q,span,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,section,article,aside,header,footer,nav,menu,hgroup,dialog,details,summary,figure,figcaption,canvas,embed,output,ruby,time,mark,audio,video {
 margin:0;
 padding:0;
 box-sizing: border-box;
}
html {
 color:#333;
 background:#fff;
}
body {
 line-height:1;
}
section,article,aside,header,footer,nav,menu,hgroup,dialog,details,figure,figcaption {
 display:block;
}
h1,h2,h3,h4,h5,h6 {
 font-size:100%;
 font-weight:normal;
}
ul,ol,li {
 list-style:none;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
caption,th {
 text-align:left;
}
fieldset,img {
 border:0;
}
legend {
 color:#333;
}
input,textarea,select {
 font-family:inherit;
 font-weight:inherit;
 font-size:inherit;
 color: #fff;
}
input,textarea,select {
 *font-size:100%;
}
legend {
 color:#333;
}
address,caption,cite,code,dfn,em,th,var {
 font-style:normal;
 font-weight:normal;
}
blockquote:before,blockquote:after,q:before,q:after {
 content:'';
}
sup {
 vertical-align:text-top;
}
sub {
 vertical-align:text-bottom;
}
a:link,a:visited {
 text-decoration:none;
}
a:hover,a:active,a:focus {
 text-decoration:none;
 outline:0;
}
.clearfix {
 *zoom:1;
}
.clearfix:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:".";
 clear:both;
 height:0;
}
.ts{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ts2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

}
.wone{ width: 100%; }
.wtow{ width: 1200px; margin: 0 auto; }

.head{ height: 106px;  display: flex; position: relative;}
.head ul{display: flex; line-height: 106px; padding-left: 200px; }
.head ul li{ padding: 0 20px; font-size: 16px; color: #777777; font-weight: 600; }
.head ul li a{
   color: #777777; 
}
.head .right{ position: absolute; right: 0; top: 50%;  margin-top: -16px;}
.head .right div{ display: inline-block; margin: 0 10px; }

.banner{ position: relative;}
.banner img{ width: 100%; height: 700px; }

.title{ text-align: center; height: 80px; margin:50px 0; }
.title h1{ font-size: 30px; color: #000; margin-bottom: 25px; } 
.title p{ color: #bababa; height: 40px; }
.title p span { display: inline-block; position: relative; height: 40px;  }
.title p span:after{ content: ""; display: block; width: 50%; height: 2px; background: #000; position: absolute; bottom: 0; left: 50%; margin-left: -25%; }


.how-list{ width: 100%; margin-top: 20px; padding-bottom: 15px; overflow: hidden;}
.how-list ul{display: flex; margin-top: 60px;}
.how-list ul li{ text-align: center;  padding: 0 30px; }
.how-list ul li h2{ height: 60px; line-height: 60px; color: #1e73be; font-size: 18px; }
.how-list ul li p{ font-size: 14px; line-height: 20px;  }

.tour-box,.bg{ background: #f7f9fa; padding: 60px 0; }
.Self{ background: #fff; padding: 5px 0;}
.tour-box > .list ul{ display: flex; margin-bottom: 20px; }
.Self > .list ul{ margin-bottom: 70px; }
.tour-box > .list .btn{ text-align: center; }
.tour-box > .list .btn span{border: 1px solid #000000;font-family: 微软雅黑;  font-size: 15px; font-weight: bold;padding: 4px 18px; border-width: 1px; border-color: rgb(188, 188, 188);  background-color: rgb(255, 255, 255);color: rgb(60, 193, 155);}
.tour-box > .list .btn span:hover{ background: #000; color: #fff; }
.tour-box > .list ul li{ width: 33.3%; padding: 10px; }
.tour-box > .list ul li .item{ overflow: hidden; padding: 5px;}
.tour-box > .list ul li img{ width: 100%; transition: all ease-in-out .2s;}
.tour-box > .list ul li:hover img{ transform: scale(1.08); }

.tour-box > .list ul li h3{ margin-top: 15px;font-size: 15px; font-weight: bold; color: #000000; font-family: 微软雅黑; margin-bottom: 10px; }
.tour-box > .list ul li p{   font-size: 14px;  font-weight: normal; margin-bottom: 10px;}
.tour-box > .list ul li span{ font-size: 16px; font-weight: bold; color: #dd3333;font-family: 微软雅黑;}
.bg> .list >.item ul{ display: flex; flex-direction:row; flex-wrap:wrap;}
.bg> .list >.item ul li{ width: 50%; padding: 0 10px;}
.bg> .list >.item ul li p{ height: 115px; line-height: 115px; overflow: hidden; font-size: 14px; color: #444444;}

.caselist .box{ display: flex; padding-top: 30px; padding-bottom: 30px; overflow: hidden; }
.caselist .box .item{ width: 33.3%; padding: 0 50px; text-align: center;transition: all ease-in-out .2s; }
.caselist .box .item:hover{margin-top: -30px;}
.caselist .box .item .img{ height: 150px; width: 150px; overflow: hidden; border-radius: 150px; margin: 0 auto; }
.caselist .box .item h3 { font-size: 18px; color: rgb(26, 188, 156); height: 80px; line-height: 80px; }
.caselist .box .item p{ font-size: 14px; line-height: 20px; } 

#input{ height: 40px; width: 100%; margin: 20px 0;}
.foot-list{ width: 100%; display: flex; }
.foot-list .box{ width: 900px; display: flex;}
.foot-list .box ul{ width: 20%; }
.foot-list .box ul li:first-child{ font-size: 18px; color: #696969; margin-bottom: 15px;}
.foot-list .box ul li{ font-size: 15px; line-height: 25px;  color: #696969;}
.b{ background: url(../images/social_icon_32x32.png)no-repeat;}




.foot-list .right{ width: 300px; }
.foot-list .right img{display: block; margin: 0 auto 15px;}
.foot-list .right .list{ display: flex; align-content: center; justify-content: center;  }
.foot-list .right .list .item{ height: 32px; width: 32px; margin: 0 5px; background-position: -32px -96px;}
.foot-list .right .list .item1{ background-position: 0px -96px;}
.foot-list .right .list .item2{background-position: -160px -96px;}
.foot-list .right .list .item3{background-position: -128px -96px;}

.foot{ text-align: center; margin-top: 30px; padding: 30px 0; border-top: 1px solid #f7f9fa; }
.foot p{ font-size: 14px; color: #9e9e9e; height: 30px; line-height: 30px;}
.foot span{ font-size: 14px; color: #22c6d8;}


.banner .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 99999;
}
.banner .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
   z-index: 99999;
}

.banner .inner{
  position: relative;
}

.banner .inner .text{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
  font-weight: bold;
}

.banner .inner .text .line1{
  font-size: 40px;
  margin-bottom: 10px;
}

.banner .inner .text .line2{
  font-size: 30px;
  margin-bottom: 30px;
}

.banner .inner .text .line3{
  font-size: 24px;
}

.fix{position: fixed; bottom: 0; right: 0; background: #000; width: 54px; padding: 12px;}
.fix .item{ width: 30px; height: 30px; background-position: -1px -196px; margin: 10px 0; }
.fix .item1{ width: 30px; height: 30px; background-position: -34px -193px; }

.sticky{position: fixed; height: 60px; line-height: 60px; z-index: 99999; background: #fff;}
.sticky h1{opacity: 0;}
.sticky ul li{ line-height: 60px;}
.sticky .right{ opacity: 0;}