html,body{
margin:0px;
padding:0px;
font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans CN",sans-serif,Arial;
font-size:12px;
height: 100%
}
div{
margin:auto;
padding:0px;
}
ul,li{
margin:0px;
padding:0px;
}
img{
border:0px;
}
@font-face{
font-family:avenirpro_bold;
src: url("avenirpro_bold.otf")
}


.index_bg{
width:100%;
height: 100%;
background: url("../images/bg_seafoodwell_index.jpg") top;
background-repeat: no-repeat;
background-size:100%;
display: block;
position:relative;
}

.index_button{
width: 62%;
height:65%;
min-width:700px;
display: block;
position:relative;
}
.index_button .left{
float:left;
text-align:left;
display: inline-block;
position:absolute;
left: 0px;
bottom:0px;
}
.index_button .left .left_text_cn{
float: left;
clear: both;
font-size: 17px;
font-weight: bold;
color: #2290ee;
}
.index_button .left .left_text_en{
float: left;
clear: both;
font-size: 24px;
font-weight:900;
font-family:avenirpro_bold,arial;
color: #000000;
text-decoration: none;
}
.index_button .left .left_text_en:hover{
color: #2290ee;
text-decoration:underline;
}
.index_button .right{
float:right;
text-align:right;
display: inline-block;
position:absolute;
right: 0px;
bottom:0px;
}
.index_button .right .right_text_cn{
float: right;
clear: both;
font-size: 17px;
font-weight: bold;
color: #2290ee;
}
.index_button .right .right_text_en{
float: right;
clear: both;
font-size: 24px;
font-weight:900;
font-family:avenirpro_bold,arial;
color: #000000;
text-decoration: none;
}
.index_button .right .right_text_en:hover{
color: #2290ee;
text-decoration:underline;
}

.index_footer{
width: 100%;
height:50px;
text-align: center;
font-size: 14px;
font-family:avenirpro_bold,arial;
color:rgba(155,155,155,0.5);
position:absolute;
bottom:0px;
}



.works_list_header_container{
clear: both;
width:100%;
height:auto;
display: block;
}
.works_list_header{
clear: both;
width: 100%;
min-width: 1130px;
height: 85px;
}
.works_list_header .logo{
float: left;
width: 235px;
height: 85px;
background: url("../images/works_list_logo.png") no-repeat;
background-size:cover;
}
.works_list_header .logo img{
width: 235px;
min-width: 235px;
height: 85px;
}
.works_list_header .menu{
float: right;
display: inline-block;
height: 85px;
text-align: right;
}
.works_list_header .menu .menu_a{
float:right;
padding:22px 30px 20px 0px;
}
.works_list_header .menu .menu_a a{
display:inline-block;
color: #FFFFFF;
text-decoration: none;
}
.works_list_header .menu .menu_a a:hover{
display:inline-block;
color: #FFFFFF;
text-decoration:underline;
border-bottom: 1px #FFFFFF solid;
}
.works_list_header .menu .menu_a .menu_en{
float: right;
clear: both;
font-size: 20px;
font-weight:800;
font-family: avenirpro_bold,arial;
height: 22px;
}
.works_list_header .menu .menu_a .menu_cn{
float: right;
clear: both;
font-size: 12px;
}



.channel_footer{
clear:both;
height:100px;
width:1100px;
font-size: 14px;
font-weight: 900;
font-family: avenirpro_bold,arial;
text-align: center;
bottom: 0px;
}
.channel_footer_logo{
float:right;
padding-top: 60px;
}
.channel_footer_logo img{
width: 75px;
height: 60px;
}
.channel_footer_box{
padding-top: 40px;
width:1100px;
text-align: center;
color: #B9B9B9;
bottom: 0px;
}
.channel_footer a{
font-size: 14px;
color: #B9B9B9;
text-decoration: none;
}
.channel_footer a:hover{
color: #000000;
text-decoration: underline;
}




.works_001_5184app_banner{
background: url("../works/images/works_001_5184app_banner.jpg") center top no-repeat;
background-size: 1920px auto;
}
.works_002_xrkapp_banner{
background: url("../works/images/works_002_xrkapp_banner.jpg") center top no-repeat;
background-size: 1920px auto;
}




.works_list_container{
clear: both;
display:block;
width: 1130px;
height: auto;
}
.works_list_container_title{
clear: both;
display: inline-block;
width: 1105px;
padding: 20px 0 60px 25px;
}
.works_list_container_title .title_1{
float: left;
font-family: avenirpro_bold,arial;
font-size: 75px;
font-weight: 900;
color: #000000;
}
.works_list_container_title .title_2{
float: left;
font-size: 28px;
font-weight: bold;
color: #000000;
padding:40px 30px 0px 30px;
}
.works_list_box{
display: inline-block;
overflow:hidden;
width: 322px;
height: 223px;
margin:5px 25px 10px 25px;
text-align: center;
}
.works_list_box img{
width: 320px;
height: 183px;
box-shadow: 0px 18px 18px -10px rgba(0, 0, 0, 0.1);
border-radius: 16px;
}
.works_list_box a{
display: inline-block;
overflow: hidden;
font-size: 12px;
font-weight: normal;
color: #CCCCCC;
text-decoration: none;
text-align: center;
}
.works_list_box a:hover{
text-decoration: none;
font-weight: bold;
color: #333333;
}
.works_list_box a:hover img{
box-shadow: 0px 12px 14px -10px rgba(0, 0, 0, 0.1);
border-radius: 16px;
margin-top: 1px;
}


.works_list_body{
background: url("../images/works_list_bg.png") no-repeat top;
background-size:cover;
}

.about_list_body{
background: url("../images/about_list_bg.png") no-repeat top;
background-size:cover;
}


.about_list_box{
display: inline-block;
overflow:hidden;
width: 320px;
height: 160px;
margin:5px 25px 45px 25px;
position: relative;
box-shadow: 0px 20px 20px -10px rgba(0, 0, 0, 0.1);
border-radius: 16px;
}
.about_list_box .about_title_1{
left:80px;
top:30px;
font-size: 28px;
font-weight: 900;
color: #FFFFFF;
font-family:avenirpro_bold,arial;
position: absolute;
}
.about_list_box .about_title_2{
right:32px;
bottom:30px;
font-size: 16px;
font-weight: 900;
color: #FFFFFF;
font-family:avenirpro_bold,arial;
position: absolute;
}

.bg_wechat{
background:url("../images/about_bg_wechat.png") no-repeat;
background-size:320px 160px;
}
.bg_qq{
background:url("../images/about_bg_qq.png") no-repeat;
background-size:320px 160px;
}
.bg_skype{
background:url("../images/about_bg_skype.png") no-repeat;
background-size:320px 160px;
}
.bg_phone{
background:url("../images/about_bg_phone.png") no-repeat;
background-size:320px 160px;
}
.bg_email{
background:url("../images/about_bg_email.png") no-repeat;
background-size:320px 160px;
}
.bg_homepage{
background:url("../images/about_bg_homepage.png") no-repeat;
background-size:320px 160px;
}