body,div{
padding: 0;
margin: 0;
}
.index-box{
width: 100%;
height: 102vh;
background: no-repeat;
/* 背景图垂直ã€æ°´å¹³å‡å±…ä¸ */
background-position: center center;
/* 当内容高度大于图片高度时，背景图åƒçš„ä½ç½®ç›¸å¯¹äºŽviewport固定 */
background-size: cover;
}
.header-box{
width: 100%;
margin: auto;
padding: 1% 0;
}
.fixeddiv{
left:0;
right:0;
top:0;
position: fixed;
z-index: 8;
background: rgba(255,255,255,1);
}
.header-left{
float: left;
width: 16%;
height: auto;
margin-left: 3%;
}
.header-ul{
width:60%;
float: left;
margin: 0.5% 0 0 5%;
}
.header-ul ul{
list-style-type: none;
padding:0;
margin: 0;
}
.header-ul ul li{
width:15%;
float: left;
color:#fff;
font-size: 15px;
cursor: pointer;
}
.xuanzhong{
color: #0ba690 !important;
}
.fixeddiv ul li{
color:#352b2b;
}
.header-search{
width:9%;
float: left;
border:1px solid #fff;
background: rgba(255,255,255,0.5);
border-radius: 30px;
margin-right: 3%;
}
#searchvalue{
border:0;
color: #fff;
text-indent: 8px;
position: relative;
padding: 7px 0;
background: none;
font-size: 15px;
width:81%;
outline: none;;
}
.fixeddiv .header-search{
background: #e7e5e0;
color: #8d8d89 !important;
}
.fixeddiv #searchvalue{
color: #8d8d89 !important;
}
.search-icon{
position: absolute;
z-index: 1;
margin: 5px 4px 0 0;
width: 19px;
height: 19px;
}
#searchvalue::-webkit-input-placeholder { /* webkit browsers */
color:#fff;
font-size:13px;
}
#searchvalue::-moz-placeholder { /* mozilla firefox 4 to 18 */
color:#fff;
font-size:13px;
}
#searchvalue::-moz-placeholder { /* mozilla firefox 19 */
color:#fff;
font-size:13px;
}
#searchvalue::-ms-input-placeholder { /* internet explorer 10 */
color:#fff;
font-size:13px;
}
.fixeddiv #searchvalue::-webkit-input-placeholder { /* webkit browsers */
color:#8d8d89;
font-size:13px;
}
.fixeddiv #searchvalue::-moz-placeholder { /* mozilla firefox 4 to 18 */
color:#8d8d89;
font-size:13px;
}
.fixeddiv #searchvalue::-moz-placeholder { /* mozilla firefox 19 */
color:#8d8d89;
font-size:13px;
}
.fixeddiv #searchvalue::-ms-input-placeholder { /* internet explorer 10 */
color:#8d8d89;
font-size:13px;
}
.seconddiv{
width: 100%;
height: 220vh;
padding: 1% 0;
background: url(/uploads/image/scimgs/people.jpg) no-repeat;
/* 背景图垂直ã€æ°´å¹³å‡å±…ä¸ */
background-position: center center;
/* 当内容高度大于图片高度时，背景图åƒçš„ä½ç½®ç›¸å¯¹äºŽviewport固定 */
background-size: cover;
}
.seconddiv-bg{
width: 100%;
height: auto;
position: absolute;
z-index: -1;
height: 220vh;
/* 背景图垂直ã€æ°´å¹³å‡å±…ä¸ */
background-position: center center;
/* 当内容高度大于图片高度时，背景图åƒçš„ä½ç½®ç›¸å¯¹äºŽviewport固定 */
background-size: cover;
}
.second-title{
width: 100%;
margin: 0 auto 1.8%;
font-size: 2.2rem;
padding: 0.8% 0;
color:#fff;
text-align: center;
font-weight: 550;
}
.second-detail{
width: 100%;
font-size: 1.2rem;
color:#fff;
margin: auto;
text-align: center;
}
.second-people{
width: 100%;
font-size: 1.1rem;
color: #fff;
margin: 1.8% auto 0;
text-align: center;
}
.videos{
width: 86%;
margin: 1% auto;
height: auto;
object-fit: fill;/*这里是关键*/
}
.videodiv{
text-align: center;
}
.secon-right{
width: 27%;
display: table;
float: right;
min-width: 450px;
margin: 8% 15% 0 0;
}
.right-title{
width: 100%;
}
.right-title img{
width: 60%;
height: auto;
}
.right-little{
width: 100%;
font-size: 1.6rem;
margin: 7% auto 3%;
color: #fff;
}
.right-jianjie{
color: #fff;
font-size: 1rem;
letter-spacing: 2px;
line-height: 26px;
margin-bottom: 5%;
}
.third-div{
width:100%;
display: table;
background: #000;
}
.mianhua{
width: 15%;
height: 29%;
position: absolute;
z-index: 1;
margin: -5% 0 0 0;
}
.third-title{
width: 100%;
padding: 2% 0;
text-align: center;
color: #fff;
font-size: 2rem;
font-weight: 550;
}
.third-box{
width: 100%;
margin: .5% 0 0 0;
}
.third-left{
width:45%;
float: left;
}
.third-right{
width:45%;
margin-left: 5%;
float: right;
}
.third-right img{
width:100%;
height: 100%;
}
.third-title1{
width: 78%;
color: #fff;
font-size: 1.3rem;
margin: 15% auto 7%;
}
.third-title2{
width: 78%;
color: #fff;
font-size: 1rem;
letter-spacing: 3px;
line-height: 30px;
margin:0 auto 8%;
}
.four-div{
width: 100%;
background: url(/uploads/image/scimgs/ceyan.jpg) no-repeat;
/* 背景图垂直ã€æ°´å¹³å‡å±…ä¸ */
background-position: center center;
/* 当内容高度大于图片高度时，背景图åƒçš„ä½ç½®ç›¸å¯¹äºŽviewport固定 */
background-size: cover;
height: 98vh;
}
.gaibian{
width: 25%;
height: auto;
position: absolute;
left:5%;
bottom:5%;
}
.five-div,.seven-div{
width: 100%;
background: url(/uploads/image/scimgs/sikao.jpg) no-repeat;
height: 89vh;
/* 背景图垂直ã€æ°´å¹³å‡å±…ä¸ */
background-position: center center;
/* 当内容高度大于图片高度时，背景图åƒçš„ä½ç½®ç›¸å¯¹äºŽviewport固定 */
background-size: cover;
}
.seven-div{
height: 98vh;
}
.five-box{
width:550px;
float:right;
margin: 40vh 6% 0 0;
}
.five-box-title{
font-size: 1.4rem;
color: #fff;
margin-bottom: 6%;
}
.five-second-title{
width: 100%;
font-size: 1rem;
letter-spacing: 3px;
line-height: 26px;
margin-bottom: 6%;
color: #fff;
}
.six-div{
width: 100%;
background: #000;
height: 15vh;
}
.six-div div{
font-size: 2.3rem;
color: #fff;
padding: 5vh 0 0 5vh;
}
.six-img{
position: absolute;
width: 16%;
height:30%;
z-index: 1;
margin: -9% 0 0 0;
right: 0;
}
.seven-div{
background: url(/uploads/image/scimgs/haibian.jpg) no-repeat;
background-size: 100% 100%;
}
.seven-box{
width: 35%;
margin: 0 0 0 5%;
}
.seven-title{
width: 100%;
padding: 20% 0 10% 0;
display: table;
}
.eight-box1{
padding-top:4%;
}
.seven-title img{
width: 35%;
height: auto;
}
.seven-word{
width: 100%;
font-size: 1rem;
color: #fff;
margin-bottom: 6%;
line-height: 26px;
letter-spacing: 3px;
}
.eight-div{
width: 100%;
background: url(/uploads/image/scimgs/damh.jpg) no-repeat;
background-size:100% 100%;
height: 73vh;
}
.infooter {
background: #c4c0bc;
padding-bottom: 12px;
display: table;
width: 100%
}
.infooter-top {
padding: 30px 0 20px
}
.infooter-item {
border-bottom: 1px solid #aca9a4
}
.infooter-item:last-of-type {
border-bottom: none
}
.infooter-h3 {
position: relative
}
.infooter-h3 a {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 16px;
color: #86837e;
text-decoration: none
}
.infooter-h3.active .infooter-span {
display: block
}
.infooter-h3.active:after {
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
border-top: 2px solid #aca9a4;
border-right: 2px solid #aca9a4;
-webkit-transform: translate(-50%,-50%) rotate(45deg);
-ms-transform: translate(-50%,-50%) rotate(45deg);
-o-transform: translate(-50%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: ""
}
.infooter-h3.active2:after {
-webkit-transform: translate(-50%,-50%) rotate(135deg);
-ms-transform: translate(-50%,-50%) rotate(135deg);
-o-transform: translate(-50%,-50%) rotate(135deg);
transform: translate(-50%,-50%) rotate(135deg)
}
.infooter-span {
position: absolute;
bottom: 0;
right: 0;
z-index: 10;
display: none;
width: 40%;
height: 100%
}
.infooter-menu {
border-top: 1px solid #aca9a4
}
.infooter-menu a {
position: relative;
display: block;
width: 100%;
line-height: 35px;
padding: 0 10px;
font-size: 14px;
color: #6a6662;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.infooter-menu a:hover {
color: #0ba690
}
.infooter-menu a:hover .infooter-menuweim {
visibility: inherit;
opacity: 1;
margin-left: 0
}
.infooter-fen {
text-align: center;
font-size: 0
}
.infooter-fen a {
position: relative;
display: inline-block;
vertical-align: top;
width: 42px;
height: 42px;
margin: 0 5px;
border: 1px solid #96938e;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
text-decoration: none
}
.infooter-fen a img {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.infooter-fen a .infooter-fenicon1 {
width: 100%
}
.infooter-fen a .infooter-fenicon2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden
}
.infooter-fen a:hover {
border-color: #0ba690
}
.infooter-fen a:hover .infooter-fenicon1 {
visibility: hidden;
opacity: 0
}
.infooter-fen a:hover .infooter-fenicon2 {
visibility: inherit;
opacity: 1
}
.infooter-fen a:hover .infooter-fenview {
margin-bottom: 0;
visibility: inherit;
opacity: 1
}
.infooter-fenview {
position: absolute;
bottom: 100%;
left: 50%;
z-index: 10;
width: 94px;
padding-bottom: 5px;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
margin-bottom: 20px;
visibility: hidden;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0
}
.infooter-fenview:after {
position: absolute;
bottom: 0;
left: 50%;
border-top: 5px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
content: ""
}
.infooter-fenview img {
width: 100%;
border: 4px solid #fff
}
.infooter-btm {
border-top: 1px solid #aca9a4;
padding: 10px 0 10px;
line-height: 1.69231;
text-align: center;
font-size: 13px;
color: #86837e
}
.infooter-btm a {
color: #86837e
}
.infooter {
position: relative;
z-index: 1
}
.infooter .infooter-top {
border-bottom: 1px solid #aca9a4;
display: table;
width: 100%
}
.infooter .infooter-zhong {
margin: 55px 0
}
.infooter .infooter-zhong .foottabbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.infooter .infooter-zhong .foottabbar .tabterm {
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 3%;
cursor: pointer
}
.infooter .infooter-zhong .foottabbar .tabterm:first-child {
width: 22%;
padding-right: 3%;
padding-left: 0
}
.infooter .infooter-zhong .foottabbar .tabterm:last-child {
width: 22%;
padding-left: 3%;
padding-right: 0;
border-right: none
}
.infooter .infooter-zhong .foottabbar .tabterm .ftz_tou {
width: 100%;
border: 1px solid #aca9a4;
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-border-radius: 10px;
border-radius: 10px;
padding-left: 15px
}
.infooter .infooter-zhong .foottabbar .tabterm .ftz_tou img {
width: 30px
}
.infooter .infooter-zhong .foottabbar .tabterm .ftz_tou img.lhide {
display: none
}
.infooter .infooter-zhong .foottabbar .tabterm .ftz_tou span {
margin-left: 10px;
font-size: 16px;
color: #86837e
}
.infooter .infooter-zhong .foottabbar .tabterm.active .ftz_tou {
background: #fff;
border-color: #fff
}
.infooter .infooter-zhong .foottabbar .tabterm.active .ftz_tou img.lhide {
display: block
}
.infooter .infooter-zhong .foottabbar .tabterm.active .ftz_tou img.lshow {
display: none
}
.infooter .infooter-zhong .foottabbar .tabterm:first-child.active .ftz_tou span {
color: #34aac7
}
.infooter .infooter-zhong .foottabbar .tabterm:nth-child(2).active .ftz_tou span {
color: #e6ae51
}
.infooter .infooter-zhong .foottabbar .tabterm:nth-child(3).active .ftz_tou span {
color: #c0996e
}
.infooter .infooter-zhong .foottabbar .tabterm:nth-child(4).active .ftz_tou span {
color: #34bdb6
}
.infooter .infooter-zhong .foottabcont {
margin-top: 20px;
width: 100%;
position: relative
}
.infooter .infooter-zhong .foottabcont .tabitem {
position: absolute;
top: 0;
left: 0;
display: none
}
.infooter .infooter-zhong .foottabcont .tabitem.active {
display: block;
position: static
}
.infooter .infooter-zhong .foottabcont .tabitem.active .fotzi_list {
display: block;
}
.infooter .infooter-zhong .foottabcont .tabitem .fotzi_list {
width: 100%
}
.infooter .infooter-zhong .foottabcont .tabitem .fotzi_list a {
display: inline-block;
margin-top: 5px;
margin-right: 30px;
font-size: 15px;
color: #86837e;
-webkit-transition: all .3s;
transition: all .3s;
text-decoration: none
}
.infooter .infooter-zhong .foottabcont .tabitem .fotzi_list a:hover {
font-weight: 700
}
.infooter .infooter-zhong .foottabcont .tabitem:nth-child(1) .fotzi_list a:hover {
color: #34aac7
}
.infooter .infooter-zhong .foottabcont .tabitem:nth-child(2) .fotzi_list a:hover {
color: #e9ac53
}
.infooter .infooter-zhong .foottabcont .tabitem:nth-child(3) .fotzi_list a:hover {
color: #c0996e
}
.infooter .infooter-zhong .foottabcont .tabitem:nth-child(4) .fotzi_list a:hover {
color: #34bdb6
}
.infooter .infooter-zhong .infowai_ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.infooter .infooter-zhong .infowai_ul li {
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 3%
}
.infooter .infooter-zhong .infowai_ul li:first-child {
width: 22%;
padding-right: 3%;
padding-left: 0
}
.infooter .infooter-zhong .infowai_ul li:last-child {
width: 22%;
padding-left: 3%;
padding-right: 0;
border-right: none
}
.infooter .infooter-zhong .infowai_ul li .ftz_tou {
width: 100%;
border: 1px solid #aca9a4;
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-border-radius: 10px;
border-radius: 10px;
padding-left: 15px
}
.infooter .infooter-zhong .infowai_ul li .ftz_tou img {
width: 30px
}
.infooter .infooter-zhong .infowai_ul li .ftz_tou img.lhide {
display: none
}
.infooter .infooter-zhong .infowai_ul li .ftz_tou span {
margin-left: 10px;
font-size: 16px;
color: #86837e
}
.infooter .infooter-zhong .infowai_ul li .fotzi_list {
display: none;
width: 100%
}
.infooter .infooter-zhong .infowai_ul li .fotzi_list a {
display: inline-block;
margin-top: 5px;
margin-right: 30px;
font-size: 15px;
color: #86837e
}
.infooter .infooter-zhong .infowai_ul li.active .fotzi_list {
display: block
}
.commonweb {
max-width: 1400px;
padding-left: 100px;
padding-right: 100px;
width: 80%;
margin: auto
}
.incommonweb {
max-width: 1600px;
padding: 0 100px;
max-width: 33.33333rem;
padding: 0 2.08333rem
}
.inleft-menuitem>a {
width: 70px;
height: 70px
}
.inleft-menuview {
padding: 12px 18px
}
.inleft-menuli img {
width: 100%
}
.inleft-menuli h6 {
margin-top: 6px
}
.infooter-top {
padding: 60px 0 42px;
padding: 1.25rem 0 .875rem
}
.infooter-item {
float: left;
width: 25%;
padding-right: 10px;
border-bottom: none;
padding-right: .20833rem
}
.infooter-item:nth-child(2) {
width: 30.83333%
}
.infooter-item:nth-child(2) .infooter-menu {
padding-left: 175px
}
.infooter-item:nth-child(3) {
width: auto;
max-width: 19.16667%
}
.infooter-item.last {
width: auto;
float: right;
padding-right: 0;
border-bottom: none
}
.infooter-item.last .infooter-h3 {
display: inline-block;
vertical-align: middle
}
.infooter-h3 {
padding-top: 0;
float: left;
margin-top: 9px
}
.infooter-h3 a {
display: block;
width: auto;
height: auto;
line-height: 22px;
font-size: 16px
}
.infooter-menu {
display: block;
border-top: none;
padding: 10px 0 0 120px
}
.infooter-menu a {
display: block;
width: 100%;
line-height: 22px;
padding: 0;
margin-bottom: 14px;
font-size: 14px;
margin-bottom: .29167rem;
text-decoration: none
}
.infooter-menuweim {
left: 115px;
bottom: -12px
}
.infooter-fen {
display: inline-block;
vertical-align: middle;
padding: 0 0 0 15px;
padding: 0 0 0 .3125rem
}
.infooter-btm {
padding: 35px 0 42px;
padding: .72917rem 0 .875rem
}
.infooter-btm a {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.infooter-btm a:hover {
color: #0ba690;
text-decoration: underline
}
.infooter-btmfl {
float: left
}
.infooter-btmfr {
float: right;
max-width: 45%
}
.inheader {
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 200;
width: 100%;
padding: 0 15px;
background: #ffffff;
-webkit-box-shadow: 0px 1px 2px -1px #ddd;
box-shadow: 0px 1px 2px -1px #ddd;
}
.inlogo {
float: left;
font-size: 0;
line-height: 60px;
}
.inlogo a {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.inlogo a img {
height: 24px;
}
.inlogo .white {
display: none;
}
.inlogo .inlogo-txt {
display: none;
}
.header-nav {
position: fixed;
top: 60px;
left: 0;
z-index: 200;
display: none;
width: 100%;
height: 100%;
padding: 20px 15px 130px;
background: #fff;
border-top: 1px solid #ddd;
}
.innav-ul {
max-height: 100%;
overflow-y: auto;
padding: 0;
margin: 0;
}
.innav-ul li {
border-bottom: 1px solid #ddd;
width:90%;
}
.innav-h3 {
position: relative;
padding: 0;
margin: 0;
}
.innav-h3.active .innav-span {
display: block;
}
.innav-ul li a{
text-decoration: none;
}
.innav-h3.active:after {
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
border-top: 2px solid #aaa;
border-right: 2px solid #aaa;
-webkit-transform: translatey(-50%) rotate(45deg);
-ms-transform: translatey(-50%) rotate(45deg);
-o-transform: translatey(-50%) rotate(45deg);
transform: translatey(-50%) rotate(45deg);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
content: "";
}
.innav-h3.active2:after {
-webkit-transform: translatey(-50%) rotate(135deg);
-ms-transform: translatey(-50%) rotate(135deg);
-o-transform: translatey(-50%) rotate(135deg);
transform: translatey(-50%) rotate(135deg);
}
.innav-h3 a {
display: block;
width: 100%;
height: 45px;
line-height: 45px;
font-size: 16px;
color: #666;
font-weight: normal;
}
.innav-span {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: none;
width: 40%;
height: 100%;
}
.innav-ermenu {
display: none;
border-top: 1px solid #ddd;
}
.innav-ermenu a {
display: block;
width: 100%;
height: 40px;
padding: 0 10px;
line-height: 40px;
font-size: 14px;
color: #666;
}
.inheader-fr {
float: right;
margin-right: 5%;
}
.header-btn {
line-height: 60px;
font-size: 0;
}
.header-btn a {
display: inline-block;
vertical-align: middle;
width: 36px;
height: 36px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.header-btn .insearch-btn {
margin-right: 10px;
background: no-repeat center center;
background-size: 18px auto;
}
.header-btn .insearch-btn.active {
background-color: #0ba690;
background-image: ;
}
.header-btn .mobile-btn {
padding: 13px 10px 0;
}
.header-btn .mobile-btn span {
position: relative;
display: block;
width: 100%;
height: 2px;
margin: 0 auto 6px;
background: #352b2b;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.header-btn .mobile-btn.active span {
background: #0ba690;
}
.header-btn .mobile-btn.active span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header-btn .mobile-btn.active span:nth-child(2) {
opacity: 0;
}
.header-btn .mobile-btn.active span:nth-child(3) {
top: -8px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.insearch-view {
position: fixed;
left: 0;
top: 60px;
z-index: 200;
display: none;
width: 100%;
padding: 10px;
line-height: 1;
}
.insearch-view form {
position: relative;
display: block;
width: 100%;
font-size: 0;
border: 2px solid #0ba690;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.insearch-view .insearch-intxt {
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 90px 0 15px;
font-size: 14px;
color: #666;
vertical-align: middle;
background: #fff;
}
.insearch-view .insearch-insub {
position: absolute;
top: 0;
right: 0;
z-index: 10;
width: 80px;
height: 100%;
background: #0ba690 no-repeat center center;
}
.headersearchbox {
display: none;
position: fixed;
left: 0px;
right: 0px;
top: 60px;
background: #fff;
padding: 20px;
line-height: 26px;
}
.headersearchbox form {
position: relative;
display: block;
width: 100%;
font-size: 0;
border: 2px solid #0ba690;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.headersearchbox .insearch-intxt {
width: 100%;
height: 40px;
line-height: 36px;
padding: 0 90px 0 15px;
border:0;
font-size: 14px;
color: #666;
vertical-align: middle;
background: #fff;
outline: none;
}
.headersearchbox .insearch-insub {
position: absolute;
top: 0;
right: 0;
border:0;
outline: none;
z-index: 10;
width: 80px;
height: 100%;
background: url(/uploads/image/scimgs/insearch-btn1.png) #0ba690 no-repeat center center;
}
.mobile-searchbtn {
background: url(/uploads/image/scimgs/insearch-btn3.png) no-repeat center center;
cursor: pointer;
}
.ceyan{
display: none;
}
.thirdimg{
display:block;
}
@media (max-width:1440px) {
.secon-right{
margin-top:13%;
}
}
@media (min-width: 1260px) { .commonweb { padding: 0 100px; } }
@media (max-width:600px) {
.inheader{
display: block;
}
.header-box{
display: none;
}
.index-box{
height: 26vh;
margin-top: 60px;
}
.second-title{
font-size: 1rem;
}
.second-detail{
font-size: 10px;
width: 95%;
margin: 2% auto;
}
.second-people{
font-size: 10px;
width: 95%;
margin: 3% auto 2%;
}
.videos{
height: 20vh;
}
.secon-right{
min-width: 210px;
margin-right: 0;
}
.secon-right{
margin-top:4%;
}
.right-little{
font-size:14px;
margin: 2% auto;
}
.right-jianjie{
font-size: 10px;
line-height: 15px;
letter-spacing: 1px;
margin-bottom: 2%;
}
.right-title img{
width: 37%;
}
.seconddiv{
height: 66vh;
}
.four-div{
display: none;
}
.third-title{
font-size: 1.1rem;
}
.mianhua{
width: 70px;
height: 90px;
margin: 11% 0 0 0;
}
.third-title1{
font-size: 13px;
line-height: 16px;
letter-spacing: 1px;
width: 90%;
}
.third-title2{
font-size: 10px;
letter-spacing: 1px;
line-height: 16px;
width: 93%;
}
.third-left{
margin-top: 24%;
}
.five-box-title{
font-size: 14px;
}
.five-second-title{
font-size: 10px;
letter-spacing: 1px;
line-height: 17px;
}
.six-div div{
font-size:14px;
}
.seven-word{
font-size: 10px;
line-height: 17px;
letter-spacing: 1px;
margin-bottom: 3%;
}
.five-div{
height: 30vh;
}
.five-box{
margin: 4vh 0 0 3%;
width: 250px;
}
.six-div{
height: 10vh;
}
.six-img{
width: 80px;
height: 100px;
margin: -15% 0 0 0;
}
.seven-div{
height: 30vh;
background-size: cover;
}
.seven-title-1{
display: none;
}
.seven-box{
width: 68%;
margin:0;
padding: 5% 0 0 5%;
}
.eight-div{
height: 24vh;
}
.seven-title{
padding: 5% 0 0 2%;
}
.eight-div .seven-title img{
width: 25%;
}
.infooter .infooter-zhong{
display: none;
}
.infooter-menu{
display: none;
}
.infooter-item{
border-bottom: 1px solid #aca9a4;
float:none;
display: table;
width: 100% !important;
max-width: 100% !important;
}
.infooter-h3{
width: 100%;
font-size: 13px;
font-weight: normal;
display: block;
padding: 0;
margin: 10px 0;
}
.infooter-h3 a{
font-size: 10px;
text-decoration: none;
width: 100%;
display: block;
}
.infooter-fen a{
width: 28px;
height: 28px;
}
.infooter-fen{
margin: auto;
padding: 0 0 3% 35%;
}
.infooter-btm a{
text-decoration: none;
}
.commonweb{
width: 99%;
padding: 0;
margin: 0;
}
.infooter-top{
padding: 0;
}
.infooter .infooter-top{
width: 92%;
margin: auto;
}
.infooter{
padding-top: 2%;
}
.ceyan{
display: block;
}
.ceyan img{
width: 37vh !important;
height: auto !important;
position: absolute;
right: 0;
z-index: 0;
}
.third-left{
position: relative;
z-index: 1;
width: 50%;
}
.thirdimg{
display:none;
}
.thirdimg img{
width:23vh !important;
right: 0;
z-index: 0;
position: absolute;
height: auto !important;
}
.infooter-btmfr{
float: none;
margin: auto;
}
.third-div{
height: 54vh;
}
}