html {
margin: 0;
padding: 0;
border: 0;
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #fff;
color: #666;
position: relative;
vertical-align: baseline;
width: 100%;
overflow-x: hidden;
}
a {
text-decoration: none;
outline: none;
}
a:link {
color: #666;
}
a:visited {
color: #666;
}
a:hover,
a:active,
a:focus {
color: #e87518;
text-decoration: none;
outline: none;
}
input {
padding: 0;
margin: 0;
font-family: 'Microsoft YaHei';
}
img {
border: none;
background: none;
vertical-align: middle;
}
ul,
ol,
li {
list-style-type: none;
}
select,
input,
img,
select {
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0
}
table,
th,
td {
vertical-align: middle
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.clearfix {
zoom: 1
}
.clearboth {
height: 0px;
line-height: 0px;
overflow: hidden;
clear: both;
font-size: 0px;
}
h1,
h2,
h3,
h4 {
font-size: 12px;
font-weight: bold;
}
hr {
border: 0;
border-top: 1px solid #ccc;
height: 0;
}
/*----- Common css ------*/
.fl {
float: left;
}
.fr {
float: right;
}
.di {
_display: inline;
}
.fwn {
font-weight: normal;
}
.dib {
*display: inline;
_zoom: 1;
_display: inline;
_font-size: 0px;
}
.com-img {
display: inline;
overflow: hidden;
margin: 0 auto;
display: table;
}
.com-img img {
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
.com-img:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
/*首页banner*/
.topbanner {
width: 100%;
position: relative;
}
.banner {
width: 100%;
margin: 0 auto;
position: absolute;
height: 100%;
left: 0;
top: 0;
}
.banner ul.bb {
position: relative;
padding: 0px;
margin: 0px;
z-index: 5;
width: 100%;
height: 100%;
}
.banner ul.bb li {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
}
.banner .num {
display: none;
position: absolute;
right: 0;
bottom: 20px;
z-index: 100;
width: 100%;
text-align: center;
}
.banner .num li {
width: 16px;
height: 16px;
display: inline-block;
margin-right: 8px;
background: #fff;
line-height: 16px;
text-indent: -100px;
overflow: hidden;
}
.banner .num li {
_display: inline;
_zoom: 1;
*display: inline;
}
.banner .num li.num_hover {
background-color: #6d1f71;
}
.banner .num li.num_hover a {
color: #fff;
}
.banner .num li a {
float: left;
display: inline;
text-align: center;
color: #666;
text-decoration: none;
cursor: pointer;
width: 16px;
height: 16px;
line-height: 16px;
}
.pre {
width: 80px;
height: 80px;
position: absolute;
left: 10%;
top: 50%;
margin-top: -40px;
z-index: 999;
cursor: pointer;
}
.next {
width: 80px;
height: 80px;
position: absolute;
right: 10%;
top: 50%;
margin-top: -40px;
z-index: 999;
cursor: pointer;
}
@keyframes myfirst {
from {
left: 100px;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@-moz-keyframes myfirst
/* Firefox */
{
from {
left: 100px;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@-webkit-keyframes myfirst
/* Safari 和 Chrome */
{
from {
left: 100px;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@-o-keyframes myfirst
/* Opera */
{
from {
left: 100px;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@keyframes mysec {
from {
right: 100px;
opacity: 0;
}
to {
right: 0;
opacity: 1;
}
}
@-moz-keyframes mysec
/* Firefox */
{
from {
right: 100px;
opacity: 0;
}
to {
right: 0;
opacity: 1;
}
}
@-webkit-keyframes mysec
/* Safari 和 Chrome */
{
from {
right: 100px;
opacity: 0;
}
to {
right: 0;
opacity: 1;
}
}
@-o-keyframes mysec
/* Opera */
{
from {
right: 100px;
opacity: 0;
}
to {
right: 0;
opacity: 1;
}
}
.topbanner .text {
color: #fff;
display: table;
text-align: center;
width: 80%;
height: 100%;
margin: 0 auto;
}
.topbanner .cur .text {}
.banbox {
display: table-cell;
vertical-align: middle;
}
.topbanner .text a {
color: #fff;
}
.topbanner .tit {
font: 600 66px/110px "Microsoft Yahei";
text-shadow: 2px 2px 2px #888;
}
.topbanner p {
font: 200 34px/60px "Microsoft Yahei";
text-shadow: 2px 2px 2px #888;
letter-spacing: 2px;
}
.topbanner .health {
font: 100 20px/40px "Microsoft Yahei";
margin-top: 10px;
}
.topbanner a.more {
text-transform: uppercase;
display: inline-block;
width: 160px;
background: #a50505;
font: 400 16px/40px "Microsoft Yahei";
color: #fff;
margin-top: 25px;
}
.topbanner .bantop {
position: relative;
opacity: 1;
right: 0;
animation: myfirst 1.2s;
-moz-animation: myfirst 1.2s;
-webkit-animation: myfirst 1.2s;
-o-animation: myfirst 1.2s;
}
.topbanner .banbottom {
position: relative;
opacity: 1;
right: 0;
animation: mysec 1.5s;
-moz-animation: mysec 1.5s;
-webkit-animation: mysec 1.5s;
-o-animation: mysec 1.5s;
}
@media (min-width: 769px) and (max-width:992px) {
.topbanner .tit {
font: 400 32px/50px "Microsoft Yahei";
}
.topbanner p {
font: 400 18px/30px "Microsoft Yahei";
}
.topbanner .health {
font: 400 12px/24px "Microsoft Yahei";
margin-top: 20px;
}
}
@media (max-width: 768px) {
.topbanner .tit {
font: 400 26px/50px "Microsoft Yahei";
}
.topbanner p {
font: 400 14px/30px "Microsoft Yahei";
}
.topbanner .health {
font: 400 12px/24px "Microsoft Yahei";
margin-top: 20px;
}
.pre {
width: 40px;
height: 40px;
position: absolute;
left: 10%;
top: 50%;
margin-top: -40px;
z-index: 999;
cursor: pointer;
}
.pre img {
width: 100%;
height: auto;
}
.next {
width: 40px;
height: 40px;
position: absolute;
right: 10%;
top: 50%;
margin-top: -40px;
z-index: 999;
cursor: pointer;
}
.next img {
width: 100%;
height: auto;
}
}
.w_top {
background-color: #333333;
color: #fff;
}
.w1600 {
max-width: 1600px;
margin: 0 8%;
}
.wel {
font: 400 14px/36px "Microsoft yahei";
}
.w_right .k1 a {
font: 400 14px/36px "Microsoft yahei";
color: #fff;
}
.w_right .k1 a:hover {
color: rgba(255, 255, 255, .8)
}
.w_right .k2 {
padding-left: 15px;
background: url(../images/top_phone.png) no-repeat left center;
margin: 0 50px;
font: 400 14px/36px "Microsoft yahei";
}
.w_right .k2 p {
margin: 0;
}
#header {
background-color: rgba(255, 255, 255, .9);
width: 100%;
z-index: 99;
}
.head {
position: relative;
padding: 15px 0 0;
}
@media(max-width:768px) {
.head {
padding: 0;
}
}
.top {
max-width: 1600px;
margin: 0 8%;
position: relative;
}
@media (max-width: 1250px) {
.top {
margin: 1% 5%;
}
.navbar {
margin-bottom: 0px !important;
}
}
.logo {}
.logo img {
max-width: 500px;
}
.topLink {
position: absolute;
width: 34px;
line-height: 34px;
right: 0;
top: 32px;
height: 74px;
z-index: 999;
}
.translate {
width: 100px;
position: absolute;
left: 0;
top: 10px;
z-index: 9999;
}
.tran-in {
left: 120px;
}
.translate li {
border: 1px dashed #cccccc;
line-height: 26px;
text-align: left;
background: #fff;
}
.translate li a {
display: block;
padding-left: 10px;
background: url(../images/dot4.png) no-repeat 88% 11px;
}
.translate li a:hover {
text-decoration: none;
color: #275cea;
cursor: pointer;
}
.translate-en {
display: none;
padding: 6px;
padding-top: 0px;
}
.translate li .translate-en a {
padding-left: 0px;
text-align: center;
background: #fff;
border-bottom: 1px solid #cccccc;
}
.translate li .translate-en a:hover {
font-weight: bold;
}
.topLink .f_count {
color: #ff0000;
font-size: 13px;
font-weight: bold;
}
.topLink .k2 {
color: #074b91;
font-size: 14px;
font-family: "微软雅黑";
}
#menu {
max-width: 750px;
padding-top: 25px;
}
.search {
position: absolute;
background-color: rgba(255, 255, 255, .8);
padding: 5px 10px 8px 10px;
width: 300px;
top: 30px;
right: 0;
display: none;
z-index: 99999;
}
#formsearch {
width: 230px;
float: right;
margin-top: 5px;
}
.hotSearch {
float: right;
height: 24px;
line-height: 24px;
font-weight: normal;
}
.hotSearch a {
margin-right: 6px;
}
#formsearch input {
height: 22px;
background: #fff;
border: 1px solid #c8c8c8;
line-height: 22px;
}
#formsearch input#keyword {
height: 22px;
line-height: 22px;
padding-left: 4px;
color: #666;
}
#formsearch input#s_btn {
width: 46px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: #a50505;
color: #fff;
border: none;
cursor: pointer;
}
.dao {
width: 750px;
padding-top: 25px;
}
.demo-menu {
width: 100%;
}
.demo-menu>li {
/* line-height: 70px;
height: 70px; */
text-align: center;
float: left;
position: relative;
z-index: 9;
margin: 0 3%;
}
.demo-menu>li>a {
display: block;
line-height: 60px;
color: #333;
height: 60px;
font-size: 16px;
padding: 0;
}
.demo-menu>li.active>a,
.demo-menu>li>a:hover {
background: none;
color: #333;
text-decoration: none;
border-bottom: 4px solid #a50505;
}
/*宝*/
#container2 {
max-width: 1600px;
margin: 0 8%;
margin-top: 90px;
}
.group {
text-align: center;
background: #fff;
}
.group h2 {
color: #333;
font: 600 30px/46px "Microsoft Yahei";
}
.group h2 p {
color: #999;
font: 400 14px/24px "Microsoft Yahei";
}
.pro-cate {
padding-top: 24px;
position: relative;
margin: 0 auto;
}
@media (min-width:1200px) {
.pro-cate {
width: 60%;
}
}
.pro-cate a {
text-decoration: none;
display: inline-block;
color: #333;
font: 400 14px/50px "Microsoft Yahei";
width: 106px;
text-align: center;
margin-bottom: 10px;
}
.pro-cate a span {
display: block;
border-bottom: 4px solid #fff;
}
.pro-cate:hover a {
text-decoration: none;
}
.pro-cate a:hover span {
border-bottom: 4px solid #a50505;
}
@media (min-width: 992px) {
.col-md-2 {
width: 16.66666667% !important;
}
}
@media (min-width: 768px) {
.col-sm-4 {
width: 33.33333333% !important;
}
}
.pro-center {
}
.pro-center li {
margin-bottom: 20px;
}
.pro-center li .img {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
display: block;
}
.pro-center li .img>img {
width: 100%;
}
.pro-center li img {
max-width: 100%;
height: auto;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.pro-center li .hides {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .3);
text-align: center;
display: none;
}
.pro-center li .hides div {
display: table;
height: 100%;
width: 100%;
}
.pro-center li .hides p {
display: table-cell;
vertical-align: middle;
}
.pro-center li h3 {
border: 1px solid #f2f2f2;
border-top: none;
padding: 16px;
margin: 0px;
}
.pro-center li h3 a {
color: #333;
font: 400 16px/16px "Microsoft Yahei";
}
.pro-center li h3:hover a {
text-decoration: none;
}
.pro-center li h3 p {
color: #666;
font: 400 12px/24px "Microsoft Yahei";
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
.pro-center li h3 a.more {
color: #333;
font: 400 14px/24px "Microsoft Yahei";
background: url(../images/more.png) no-repeat 100% 50%;
margin-top: 8px;
}
.pro-center li:hover .hides {
display: block;
}
.pro-center li:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.group .more {
text-transform: uppercase;
display: inline-block;
width: 160px;
background: #a50505;
font: 400 16px/40px "Microsoft Yahei";
color: #fff;
margin-top: 25px;
}
@media (max-width: 768px) {
#container2 {
margin: 0 2%;
margin-top: 20px;
}
.pro-center {
padding-top: 10px;
}
.pro-cate a {
font: 400 14px/30px "Microsoft Yahei";
}
.pro-center li h3 {
padding: 0;
border: none;
}
.pro-center li h3 a {
width: 100%;
text-align: center;
font: 400 16px/32px "Microsoft Yahei";
}
.group .more {
margin-top: 5px;
}
}
/*中间横幅*/
.mid_hf {
margin-top: 60px;
background: url(../images/bj4.png) no-repeat center fixed;
min-height: 530px;
position: relative;
background-size: cover;
}
.hf_text {
max-width: 1600px;
margin: 0 8%;
}
.mid_hf h2 {
font-size: 48px;
color: #fff;
font-weight: normal;
text-align: left;
padding-top: 150px;
margin-left: 0px;
}
.mid_hf h2 p {
font: 200 24px/40px "Microsoft yahei";
letter-spacing: 3px;
padding-top: 20px;
}
.mid_hf .more {
padding: 5px;
text-transform: uppercase;
/* display: inline-block; */
width: 160px;
background: #a50505;
font: 400 16px/30px "Microsoft Yahei";
color: #fff;
margin-top: 40px;
}
@media (max-width:1200px) {
.mid_hf h2 {
font-size: 40px;
}
.mid_hf h2 p {
font: 200 20px/30px "Microsoft yahei";
}
}
@media (max-width:992px) {
.mid_hf h2 {
font-size: 30px;
}
.mid_hf h2 p {
font: 200 18px/30px "Microsoft yahei";
}
}
@media (max-width:768px) {
.mid_hf h2 {
font: 400 18px/30px "Microsoft yahei";
margin: 0;
}
.mid_hf h2 p {
font: 200 14px/30px "Microsoft yahei";
}
}
/*关于我们*/
.aboutimg {
padding: 0 !important;
}
.aboutbox {
margin-top: 0px;
}
.aboutbox .col-sm-6 {
padding: 0;
}
.aboutimg p {
overflow: hidden;
margin: 0;
}
.aboutimg img {
max-width: 100%;
height: auto;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.aboutimg p {
padding: 0;
}
.aboutimg .hides {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
display: none;
}
.aboutimg .hides a {
display: block;
display: table;
height: 100%;
width: 100%;
text-align: center;
}
.aboutimg .hides p {
display: table-cell;
vertical-align: middle;
}
.aboutbox .about {
padding: 4% 8% 0;
margin: 0px;
}
.about .tit {
color: #333;
font: 600 30px/52px "Microsoft Yahei";
}
.about .tit span {
display: block;
font: 400 14px/28px "Microsoft Yahei";
}
.about .con {
color: #333;
font: 400 14px/28px "Microsoft Yahei";
padding-top: 20px;
}
.about a.more {
text-transform: uppercase;
background-color: #333333;
color: #fff;
font: 400 14px/30px "Microsoft Yahei";
margin-top: 30px;
padding: 10px;
display: inline-block;
}
.aboutimg:hover .hides {
display: block;
}
.aboutimg:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
@media (max-width: 1400px) and (min-width: 1024px) {
.aboutbox .about {
padding: 2% 4% 0 4%;
}
.about .tit {
font: 600 30px/40px "Microsoft Yahei"
}
.about .con {
padding-top: 10px;
}
.about a.more {
display: none;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.aboutbox .about {
padding: 20px 30px 0;
}
.about .con {
padding: 0;
height: 112px;
overflow: hidden;
}
.about a.more {
padding-top: 10px;
}
}
@media (max-width: 767px) {
.aboutbox .about {
padding: 20px 20px 15px;
}
.about a.more {
padding-top: 10px;
}
}
.news {
background: #f4f4f4;
padding: 20px 0 110px;
}
.news h2 {
text-align: center;
color: #333;
font: 600 30px/80px "Microsoft Yahei";
}
.news h2 a:hover {
color: #cc0001;
}
.news_list1 {
max-width: 1600px;
margin: 0 8%;
}
.news_list1 a {
overflow: hidden;
display: block;
}
.news_list1 .more {
text-transform: uppercase;
border: 1px solid #333;
color: #333;
font: 400 14px/22px "Microsoft Yahei";
margin-top: 30px;
padding: 10px;
display: inline-block;
}
.news_list1 .more:hover {
text-decoration: none;
background-color: #333333;
color: #fff;
}
.news_list1 a.img {
position: relative;
overflow: hidden;
}
.news_list1 img {
max-width: 100%;
height: auto;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news_list1 li {
margin-bottom: 10px;
}
.news_list1 li h3 {
padding-top: 8px;
}
.news_list1 li h3 span {
color: #666;
font: 100 16px/22px "Microsoft Yahei";
}
.news_list1 li h3 a {
color: #333;
font: 600 18px/46px "Microsoft Yahei";
}
.news_list1 li h3 p {
color: #666;
font: 400 14px/22px "Microsoft Yahei";
}
.news_list1 li h3 a.more {
color: #cc0001;
font: 400 12px/22px "Microsoft Yahei";
margin-top: 10px;
display: inline-block;
}
.news_list1 .hides {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
display: none;
}
.news_list1 .hides div {
display: block;
display: table;
height: 100%;
width: 100%;
text-align: center;
}
.news_list1 .hides p {
display: table-cell;
vertical-align: middle;
}
.news_list1 li:hover .hides {
display: block;
}
.news_list1 li:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
@media (max-width: 992px) {
.news_list1 {
margin: 0 2%;
}
.news_list1 li:last-child {
display: none;
}
}
@media (max-width: 767px) {
.news_list1 {
padding: 20px 20px 0;
}
}
/* 首页地图 */
.address {
background: #a50505;
margin-top: -48px;
text-align: center;
cursor: pointer;
}
.address img {}
.address span {
color: #fff;
font-family: "Microsoft YaHei";
font-size: 14px;
line-height: 76px;
margin-left: 12px;
margin-right: 10px;
}
.map {
height: 0px;
overflow: hidden;
transition: all 1.5s;
}
.map_show {
width: 100%;
height: auto;
}
.map_show p {
margin: 0;
}
.map_show p img {
width: 100%;
height: auto;
}
.foot {
background: #18181d;
padding: 54px 0;
}
#footer {
position: relative;
max-width: 1600px;
margin: 0 8%;
padding-top: 8px;
}
#footer a {}
#footer a:hover {
color: #cc0001;
text-decoration: none;
}
.nav_foot {
line-height: 24px;
color: #666;
}
.copyright {
line-height: 30px;
}
.contacts {
text-align: left;
}
.contacts h2 {
color: #fff;
font: 400 16px/46px "Microsoft Yahei";
}
.contacts .content {
color: #6d6c71;
font: 400 14px/30px "Microsoft Yahei";
}
.foot-ewm {
text-align: center;
color: #6d6c71;
font: 400 16px/60px "Microsoft Yahei";
padding-top: 15px;
color: #fff;
}
.foot-ewm img {
/* margin-right: 20px; */
min-width: 50%;
}
.foot-right {
background: url(../images/line2.png) repeat-y 20% 0;
}
.hot-rec {
width: 100%;
margin-top: 22px;
}
.foot-under {
color: #6d6c71;
font: 400 12px/30px "Microsoft Yahei";
}
.foot-under a {
color: #6d6c71;
}
.underright {
font: 400 12px/30px "Microsoft Yahei";
text-align: right;
}
@media (max-width: 1200px) {
.foot {
border-top: 5px solid #cc0001;
}
}
@media (max-width: 1570px) {
.message2 .m_label {
font-size: 14px;
}
.message2 #checkcode {
width: 120px;
}
}
@media (max-width: 1200px) {
.message2 #name {
height: 40px;
line-height: 40px;
margin-bottom: 5px;
}
.message2 #contact {
height: 40px;
line-height: 40px;
margin-bottom: 5px;
}
.message2 #content {
height: 40px;
line-height: 40px;
}
.message2 .m_label {
line-height: 40px;
}
.message2 #checkcode {
height: 30px;
line-height: 30px;
width: 100px;
}
.message2 #code {
padding-top: 5px;
}
.message2 .msgbtn {
height: 40px;
line-height: 40px;
margin-top: 10px;
}
}
@media (max-width: 980px) {
.foot-under {
padding-top: 20px;
}
}
@media (max-width: 768px) {
.foot {
padding: 20px 0;
}
.foot-under {
padding-top: 10px;
}
}
@media (max-width: 414px) {
.messbox {
width: 98%;
}
#footer {
width: 98%;
margin: 0 auto;
}
}
.nav2 li a {
display: block;
color: #fff;
font: 400 16px/46px "Microsoft Yahei";
}
.nav2 li .sec p {
color: rgba(255, 255, 255, 0.6);
font: 400 14px/30px "Microsoft Yahei";
}
.nav2 li .sec a {
color: rgba(255, 255, 255, 0.6);
font: 400 14px/30px "Microsoft Yahei";
}
.nav3 li a {
display: block;
color: #fff;
font: 400 16px/46px "Microsoft Yahei";
background: #1c1b1f;
text-align: center;
border-bottom: 1px solid #222126;
}
.nav3 li .sec {
display: none;
}
.nav3 li .sec a {
color: #6d6c71;
font: 400 14px/30px "Microsoft Yahei";
}
.page-position a,
.page-product-inquiry a {
/* color: #fff; */
}
.xymob-search .xymob-search-box #formsearch input#keyword {
width: 80%;
float: left;
background: none;
border: none;
outline: none;
color: hsla(0, 0%, 100%, .3);
font-family: Microsoft YaHei;
font-size: 16px;
height: 50px;
}
.xymob-search .xymob-search-box #formsearch input#s_btn {
width: 20%;
height: 50px;
background: none;
outline: none;
border: none;
cursor: pointer;
font-size: 20px;
color: #fff;
}