@font-face {

font-family: FontAwesome;

font-weight: 400;

font-style: normal;

src: url('../font/fontawesome-webfont.eot');

src: url('../font/fontawesome-webfont.eot') format('embedded-opentype'), url('../font/fontawesome-webfont.woff2') format('woff2'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('https://en.kagem.net/template/pc/skin/fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0') format('svg')

}

/*reset*/



body, dl, dd {

margin: 0;

font-family: FontAwesome;

}

ul {

margin: 0;

padding: 0;

}

li {

list-style: none;

}

h1, h2 {

margin-bottom: 12px;

margin-top: 0px;

font-weight: normal;

}

p {

margin: 0;

}

a {

text-decoration: none;

}

img {

display: block;

}

input {

margin: 0;

padding: 0;

border: none;

outline: none;

}

.clearfix {

clear: both;

}

/*commen*/







/*内页导航*/































.tn {

width: 100%;

height: 81px;

border-bottom: 2px solid #e7e7e7;

position: fixed;

background-color: #FFF;

z-index: 999999;

}

.tn_logo img {

display: block;

float: left;

width: 114px;

height: 44px;

margin: 19px 0px 18px 3.28%;

}

.tn_nav {

float: left;

width: 82%;

}

.tn_nav {

float: left;

display: inline-block;

text-align: center;

}

.tn_nav a {

display: inline-block;

color: #595757;

margin: 24px 3% 0px 3%;

border-bottom: 1px solid #535353;

font-size: 14px;

padding-bottom: 13px;

}

.tn_lg {

float: right;

margin-right: 4.28%;

margin-top: -29px;

}

.tn_lg span {

padding: 0 4px;

font-size: 12px;

}

.tn_lg a {

color: #898989;

font-size: 14px;

}

.tn_nav a:hover {

color: #1eb8ce;

border-bottom: 1px solid #1eb8ce;

}

.tn_lg :hover a {

color: #231815;

}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

.tn {

width: 100%;

height: 81px;

border-bottom: 2px solid #e7e7e7;

}

.tn_logo img {

display: block;

float: left;

width: 100px;

height: 40px;

margin: 19px 0px 18px 2.28%;

}

.tn_nav {

float: left;

width: 80%;

}

.tn_nav {

float: left;

display: inline-block;

text-align: center;

}

.tn_nav a {

display: inline-block;

color: #595757;

margin: 24px 2% 0px 2%;

border-bottom: 1px solid #535353;

font-size: 13px;

padding-bottom: 13px;

}

.tn_lg {

float: right;

margin-right: 1.28%;

margin-top: -29px;

}

.tn_lg span {

padding: 0 4px;

font-size: 12px;

}

.tn_lg a {

color: #898989;

font-size: 12px;

}

.tn_nav a:hover {

color: #1eb8ce;

border-bottom: 1px solid #1eb8ce;

}

.tn_lg a:hover {

color: #231815;

}

}

* {

color: #595757;

font-family: jiajing;

}

.fl {

float: left;

}

.fr {

float: right;

}

.cl:after {

content: "";

display: block;

clear: both;

}

/*分栏导航*/































































.active {

border-bottom: 8px solid #1eb8ce;

}

.zh_nav {

height: 98px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 20%;

float: left;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 92px;

font-size: 22px;

font-family: FontAwesome;

}

.zh_nav li:hover a {

border-bottom: 8px solid #1eb8ce;

font-family: jiajing;

}

.hexin_hn li {

width: 33.3333%;

}

.contact_hn li {

width: 33.3333%;

}

/*搜索*/































































.head-right {

right: 34px;

top: 20px;

height: 34px;

margin: auto 0;

display: block;

position: absolute;

}

.head-right .ser {

width: 25px;

height: 34px;

background: url(../image/ico2.png) no-repeat center;

cursor: pointer;

}

.search-alert {

position: absolute;

left: 0;

top: -81px;

width: 100%;

height: 81px;

background-color: rgba(0,0,0,0.8);

z-index: 98;

transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

.search-alert .close {

display: block;

width: 30px;

height: 30px;

background: url(../image/ico_07_1.png) no-repeat center;

background-size: 24px auto;

position: absolute;

top: 0;

bottom: 0;

margin: auto 0;

right: 2.6%;

cursor: pointer;

-webkit-transition: -webkit-transform 0.3s ease 0s;

transition: transform 0.3s ease 0s;

}

.search-alert .close:hover {

-webkit-transform: rotate(90deg);

-ms-transform: rotate(90deg);

transform: rotate(90deg);

}

.search-alert .cent-form {

position: absolute;

width: 66%;

top: 0;

bottom: 0;

left: 0;

right: 0;

margin: auto;

height: 65px;

line-height: 65px;

border-bottom: 1px solid #515151;

}

.search-alert .cent-form .tex {

font-size: 24px;

height: 65px;

line-height: 65px;

text-align: left;

width: 100%;

box-sizing: border-box;

color: #fff;

background: none;

padding-left: 70px;

padding-right: 120px;

background: url(../image/ico2_2.png) no-repeat left center;

}

.search-alert .cent-form .sub-butn {

border: none;

width: 120px;

background: none;

position: absolute;

right: 0;

top: 0;

text-align: center;

height: 65px;

font-size: 22px;

line-height: 65px;

color: #fff;

}

.search-alert.active {

top: 0;

}

@media only screen and (max-width: 1280px) {

.Hlang {

position: relative;

float: left;

margin: 0 -10px 0 0;

}

.head-right {

right: 54px;

top: 15px;

height: 34px;

margin: auto 0;

display: block;

position: absolute;

}

.head-right .ser {

width: 20px;

height: 24px;

background: url(../image/wico2.png) no-repeat center;

cursor: pointer;

}

.search-alert {

position: absolute;

left: 0;

top: -100%;

width: 100%;

height: 90%;

background-color: rgba(0,0,0,0.8);

z-index: 98;

transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

.search-alert .close {

display: block;

width: 30px;

height: 30px;

background: url(../image/wico_07_1.png) no-repeat center;

background-size: 24px auto;

position: absolute;

top: 0;

bottom: 0;

margin: auto 0;

right: 24px;

cursor: pointer;

-webkit-transition: -webkit-transform 0.3s ease 0s;

transition: transform 0.3s ease 0s;

}

.search-alert .close:hover {

-webkit-transform: rotate(90deg);

-ms-transform: rotate(90deg);

transform: rotate(90deg);

}

.search-alert .cent-form {

position: absolute;

width: 76%;

top: 0;

bottom: 0;

left: 0;

right: 0;

margin: auto;

height: 40px;

line-height: 40px;

}

.search-alert .cent-form .tex {

font-size: 16px;

height: 40px;

line-height: 40px;

text-align: left;

width: 100%;

box-sizing: border-box;

color: #fff;

background: none;

padding-left: 70px;

padding-right: 120px;

background: url(../image/wico2_2.png) no-repeat left center;

}

.search-alert .cent-form .sub-butn {

border: none;

width: 60px;

background: none;

position: absolute;

right: 0;

top: 0;

text-align: center;

height: 40px;

font-size: 14px;

line-height: 40px;

color: #fff;

}

.search-alert.active {

top: 0;

}

}

/*公司概况*/































































.ab_box {

max-width: 1520px;

width: 79.17%;

margin: 0 auto;

}

.ab_box h2 {

text-align: center;

font-size: 36px;

margin-top: 43px;

margin-bottom: 44px;

}

.ab_box h2 span {

padding-bottom: 12px;

border-bottom: 1px solid #1eb8ce;

}

.ab_box p {

width: 100%;

text-align: left;

font-size: 15px;

color: #595757;

line-height: 26px;

}

/*发展历程*/































































.ab_box h3 {

border-bottom: 1px solid #dcdddd;

padding-bottom: 10px;

margin-top: 37px;

}

.ab_box h3 span {

font-size: 37px;

border-bottom: 3px solid #1eb8ce;

font-weight: normal;

padding-bottom: 8px;

}

.ab_box h4 {

font-size: 13px;

margin-top: -10px;

font-weight: normal;

margin-bottom: 39px;

}

.ab_lc_box  .ab_lc li {

width: 260px;

float: left;

margin-right: 60px;

height: 131px;

margin-bottom: 24px;

}

.ab_lc h1 {

font-size: 30px;

color: #1eb8ce;

}

.ab_lc h5 {

width: 100%;

font-size: 17px;

line-height: 23px;

color: #595757;

margin-top: 0px;

font-weight: normal;

text-align: left;

}

.ab_lc p {

width: 100%;

font-size: 14px;

color: #595757;

line-height: 23px;

margin-top: -26px;

}

/*销售网络*/































































.ab_ditu {

background-color: #efefef;

padding-top: 51px;

margin-top: 54px;

padding-bottom: 76px;

}

.ab_dt {

max-width: 1520px;

margin: 0 auto;

}

.ab_dt h2 {

font-size: 40px;

text-align: center;

color: #595757;

font-weight: normal;

padding-bottom: 10px;

}

.ab_dt_hr {

display: block;

margin: 0 auto;

}

.ab_dt p {

width: 738px;

font-size: 17px;

line-height: 30px;

margin-top: 53px;

}

.ab_dt p span {

color: #0f0964;

}

.ab_dt_mr {

display: block;

margin: -52px auto 0 auto;

}

@media( max-width:1562px) {

.ab_dt p {

margin-left: 2.5%;

width: 48%;

}

.ab_dt_mt {

margin-left: 5%;

}

}

/*全球销售网络*/































































.ab_qq {

background-color: #b7dee6;

padding-top: 56px;

padding-bottom: 68px;

}

.ab_qq h2 {

font-size: 38px;

text-align: center;

color: #595757;

margin-bottom: 10px;

}

.ab_qq_hr {

display: block;

margin: 0 auto 23px auto;

}

.ab_qq div {

width: 1520px;

margin: 0 auto;

}

.ab_qq div p {

width: 944px;

font-size: 17px;

color: #595757;

margin-top: 26px;

line-height: 30px;

}

@media( max-width:1822px) {

.ab_qq_dt {

width: 92%;

margin: 0 auto;

}

}

@media( max-width:1520px) {

.ab_qq div {

width: 100%;

}

.ab_qq div p {

width: 58%;

font-size: 17px;

margin-left: 5%;

color: #595757;

}

}

/*企业文化*/































































.ab_qy_box {

background-color: #efeff0;

padding-top: 125px;

margin-bottom: 560px;

}

.ab_qy_box h2 {

font-size: 38px;

text-align: center;

color: #595757;

margin-bottom: 10px;

}

.ab_qy {

width: 79.16666%;

margin: 0 auto;

background-color: #ccc;

}

.squeezeBox {

width: 100%;

}

.squeezeBox li {

float: left;

}

.squeezeBox li .squeezeHide {

width: 256.57894%;

}

.squeezeBox li .squeezeShow {

width: 102%;

height: 22.715em;

}

.squeezeBox .ab_wh_img {

width: 51.976%;

float: left;

}

.squeezeHide div {

width: 48.024%;

float: left;

}

.squeezeBox li:nth-child(1) .squeezeHide {

background-color: #1bb8ce;

}

.squeezeBox li:nth-child(2) .squeezeHide {

background-color: #100964;

}

.squeezeBox li:nth-child(3) .squeezeHide {

background-color: #ffffff;

}

.squeezeBox li:nth-child(1) .squeezeShow {

background-color: #1bb8ce;

}

.squeezeBox li:nth-child(2) .squeezeShow {

background-color: #100964;

}

.squeezeBox li:nth-child(3) .squeezeShow {

background-color: #ffffff;

}

.squeezeBox li .squeezeHide div img {

display: block;

margin-top: 108px;

margin-left: 80px;

}

.squeezeBox li .squeezeHide div h3 {

font-size: 2.15vw;

font-weight: normal;

color: #fff;

margin-top: 13px;

margin-left: 70px;

}

.squeezeBox li .squeezeHide div p {

font-size: 2.05vwpx;

color: #fff;

margin-left: 70px;

margin-top: -14px;

}

.squeezeBox li .squeezeShow div img {

display: block;

padding-top: 108px;

margin-left: 80px;

}

.squeezeBox li .squeezeShow div h3 {

font-size: 2.15vw;

font-weight: normal;

color: #fff;

margin-top: 13px;

margin-left: 70px;

}

.squeezeBox li:nth-child(3) .squeezeHide div p {

color: #898989 !important;

}

.squeezeBox li:nth-child(3) .squeezeHide div h3 {

color: #898989 !important;

}

.squeezeBox li:nth-child(3) .squeezeShow div h3 {

color: #898989 !important;

}

/*核心力量*/































































.w1200 {

max-width: 1200px;

margin: 0 auto;

}

.w1172 {

max-width: 1172px;

margin: 0 auto;

}

.henxin_abf h2 {

font-size: 33px;

text-align: center;

margin-top: 53px;

}

.henxin_abf p {

font-size: 16px;

line-height: 25px;

}

.henxin_abh {

display: block;

margin: 11px auto 29px auto;

}

.hexin_bj {

min-width: 1172px;

margin: 0 auto;

background: url(../image/hexin_bj.jpg) no-repeat center top;

}

.hexin_bj h2 {

font-size: 20px;

color: #595656;

text-align: center;

font-weight: 600;

}

.hexin_bj>div:nth-child(1) {

padding-top: 17px;

}

.hexin_bj>div:nth-child(1) p {

margin-left: 456px;

}

.hexin_bj p {

display: block;

font-size: 17px;

color: #898989;

width: 288px;

margin: 12px auto 0 auto;

line-height: 28px;

}

.hexin_bj ul li {

margin-top: 181px;

margin-bottom: 236px;

margin-left: 10px;

}

@media( max-width:1260px) {

.hexin_bj {

display: none;

}

.henxin_abf {

width: 90%;

}

}

.ab_jishu {

display: none;

}

@media( max-width:1260px) {

.ab_jishu {

display: block;

width: 90%;

margin: 0 auto 12em auto;

}

}

/*品质管控*/































































.pz01 {

margin-top: 81px;

}

.pz02 li {

float: left;

}

.pz02 li:nth-child(1) {

margin-right: 2.901%;

width: 54.010%;

}

.pz02 li:nth-child(2) {

width: 43.089%;

}

.pz02 li h3 {

color: #1bb8ce;

font-size: 23px;

padding-top: 1.75em;

}

.pz02 li img {

display: block;

width: 100%;

}

.pz03 {

padding-top: 3.55em;

}

.w1193 {

max-width: 1193px;

margin: 0 auto 5em auto;

}

.hexin_pro li {

float: left;

margin: 0 10.25px 20.5px 10.25px;

position: relative;

}

.hexin_pro li div {

position: absolute;

left: 27px;

top: 25px;

}

.hexin_pro li div h2 {

color: #1bb8ce;

font-size: 15px;

font-weight: 600;

}

.hexin_pro li div p {

color: #717070;

font-size: 14px;

line-height: 20px;

margin-top: 7px;

}

.hexin_pro li:nth-child(1) p {

width: 186px;

}

.hexin_pro li:nth-child(3) p {

width: 126px;

}

.hexin_pro li:nth-child(4) p {

width: 116px;

}

.hexin_pro li:nth-child(5) p {

width: 142px;

}

.hexin_pro li:nth-child(8) p {

width: 142px;

}

/*生产规模*/































































.guimo_list {

width: 604px;

margin: 5em auto 4.5em auto;

}

.guimo_list li {

float: left;

width: 301px;

margin-right: 2px;

background-color: #dcdddd;

height: 60px;

line-height: 60px;

color: #595757;

font-size: 23px;

text-align: center;

}

.guimo_list li:nth-child(2) {

margin-right: 0px;

}

.ab_guimo {

background: url(../image/in_guimo_01.jpg) no-repeat center top;

margin-bottom: 6em;

}

.ab_guimo li {

float: left;

width: 293px;

text-align: center;

font-size: 14px;

color: #595757;

padding-top: 78px;

padding-bottom: 86px;

}

.ab_guimo li span {

color: #898989;

}

.ab_guimo li i {

font-size: 37px;

font-style: normal;

color: #1bb8ce;

}

.guimo_list .blue {

background-color: #1bb8ce;

color: #fff;

}

.progs {

background-color: #efefef;

}

.progs h2 {

font-size: 33px;

text-align: center;

padding-top: 2em;

}

.progs_img {

display: block;

width: auto;

margin: 2.75em auto 0em auto;

padding-bottom: 5.45em;

}

@media( max-width:1780px) {

.progs_img {

width: 96%;

}

}

.w1195 {

width: 1195.5px;

margin: 0 auto 3.5em auto;

}

.ab_shebei h2 {

font-size: 33px;

text-align: center;

margin-top: 53px;

}

.ab_shebei li {

float: left;

margin: 0 11.75px;

background-color: #efefef;

height: 741px;

margin-bottom: 63px;

}

.ab_shebei li h2 {

width: 258px;

font-size: 23px;

text-align: left;

color: #595757;

margin-left: 30px;

margin-top: 40px;

line-height: 32px;

}

.ab_shebei li p {

width: 308px;

font-size: 14px;

color: #595757;

margin-left: 30px;

line-height: 23px;

margin-top: 20px;

}

.ab_shebei li:hover {

background-color: #1bb8ce;

}

.ab_shebei li:hover h2 {

color: #fff;

}

.ab_shebei li:hover p {

color: #fff;

}

/*资讯中心*/































































.zixun_box {

margin-top: 5em;

padding-bottom: 3.5em;

}

.zixun_top {

width: 49.51745%;

float: left;

margin-right: 3.5%;

}

.zixun_top h2 {

font-size: 27px;

color: #1bb8ce;

}

.zixun_tdata {

font-size: 14px;

color: #727171;

padding-top: 13px;

padding-bottom: 21px;

}

.zixun_tpinf {

font-size: 15px !important;

color: #595757 !important;

line-height: 25px;

}

.zixun_logo {

float: left;

}

.zixun_top ul {

border-bottom: 1px solid #c9caca;

padding-bottom: 18px;

margin-top: 28px;

}

.zixun_top li span {

display: inline-block;

font-size: 14px;

color: #c9caca;

padding-top: 3px;

}

.zixunf {

padding-bottom: 30px;

}

.zixunf ul {

border-top: 1px solid #dcdddd;

margin-top: 32px;

padding-top: 36px;

}

.zixunf li {

float: left;

}

.zixunf li:nth-child(1) {

width: 112px;

padding-left: 15px;

background-color: #efefef;

margin-right: 27px;

padding-bottom: 18px;

}

.zixun_cdatar {

width: 61px;

height: 50px;

overflow: hidden;

padding-top: 6px;

}

.zixun_cdatar span {

display: inline-block;

width: 100%;

font-size: 45px;

color: #1bb8ce;

font-weight: 600;

}

.zixun_cdatay {

display: block;

height: 30px;

overflow: hidden;

}

.zixun_cdatay span {

display: inline-block;

width: 80px;

height: 26px;

overflow: hidden;

font-size: 18px;

color: #727171;

}

.zixun_cdatan {

width: 43px;

height: 20px;

overflow: hidden;

margin-top: -7px;

}

.zixun_cdatan span {

display: inline-block;

width: 100%;

font-size: 18px;

color: #727171;

}

.zixunf li:nth-child(2) {

width: 86.86%;

}

.zixunf .zixun_tdata {

margin-top: -2px;

}

.zixunf .zixun_tpinf {

margin-top: -8px;

}

.zixun_morr {

width: 100%;

background-color: #efefef;

padding: 14px 0px;

margin-top: 2.5em;

}

.zixun_morr img {

display: block;

margin: 0 auto;

}

.zixun_info {

background-color: #efefef;

margin-top: 7.5em;

}

.w1270 {

max-width: 1270.5px;

margin: 0 auto;

padding-top: 6.5em;

}

.w1270 ul li {

float: left;

width: 320px;

margin: 0 49.25px;

margin-bottom: 2em;

border-top: 1px solid #1bb8ce;

}

.w1270 ul li h3 {

font-size: 20px;

color: #595757;

line-height: 22px;

height: 55px;

}

.w1270 ul li div {

font-size: 14px;

color: #595757;

margin-top: 0px;

margin-bottom: 2px;

}

.w1270 ul li p {

font-size: 14px;

color: #595757;

line-height: 23px;

margin-bottom: 6px;

}

.w1270 ul li p a {

display: block;

width: 38px;

height: 37px;

font-size: 28px;

font-weight: normal;

line-height: 37px;

color: #fff;

text-align: center;

background-color: #dcdddd;

margin-top: 16px;

}

.w1270 ul li p a:hover {

background-color: #1bb8ce;

}

.w1270 ul li img {

width: 325px;

height: 210px;

}

@media (max-width:1024px) {

.zixun_box {

padding-top: 1em;

margin-bottom: 1.0em;

}

.zixun_top {

width: 100%;

float: none;

padding: 30px auto 0px auto;

}

.zixun_top h2 {

font-size: 18px;

color: #1bb8ce;

}

.zixun_tdata {

font-size: 13px;

color: #727171;

padding-top: 13px;

padding-bottom: 12px;

}

.zixun_tpinf {

font-size: 12px !important;

color: #595757 !important;

line-height: 20px;

}

.zixun_logo {

width: 90%;

float: none;

text-align: center;

margin-left: 5%;

display: none;

}

.zixun_box .fl {

float: none;

}

.zixun_box .fr {

float: none;

display: none;

}

.zixun_top ul {

border-bottom: 0px solid #c9caca;

padding-bottom: 18px;

margin-top: 28px;

}

.zixun_top li span {

display: inline-block;

font-size: 14px;

color: #c9caca;

padding-top: 3px;

}

.zixunf ul {

border-top: 1px solid #dcdddd;

margin-top: 16px;

padding-top: 16px;

}

.zixunf li {

float: left;

}

.zixunf li:nth-child(1) {

text-align: left;

background-color: #efefef;

margin-right: 27px;

padding-bottom: 8px;

margin-bottom: 10px;

}

.zixun_cdatar {

width: 61px;

height: 20px;

overflow: hidden;

padding-top: 6px;

display: block;

}

.zixun_cdatar span {

font-size: 18px;

color: #1bb8ce;

font-weight: 600;

margin-top: 0px;

}

.zixun_cdatay {

display: block;

height: 20px;

overflow: hidden;

margin-top: 0px;

display: block;

}

.zixun_cdatay span {

display: inline-block;

width: 61px;

height: 20px;

overflow: hidden;

font-size: 15px;

color: #727171;

margin-top: 6px;

}

.zixun_cdatan {

height: 20px;

width: 100%;

padding-top: 12px;

text-align: 0;

}

.zixun_cdatan span {

width: 100%;

font-size: 12px;

color: #727171;

text-align: 0;

}

.zixunf li h2 {

font-size: 18px;

}

.zixunf li:nth-child(2) {

width: 100%;

}

.zixunf .zixun_tdata {

margin-top: -2px;

}

.zixunf .zixun_tpinf {

margin-top: -8px;

}

.zixun_morr {

width: 100%;

background-color: #efefef;

padding: 14px 0px;

margin-top: 0.5em;

}

.zixun_morr img {

display: block;

margin: 0 auto;

}

.zixun_info {

background-color: #efefef;

margin-top: 3.5em;

}

.w1270 {

width: 100%;

margin: 0 auto;

padding-top: 0.5em;

background-color: #FFF;

}

.w1270 ul li {

float: left;

width: 90%;

margin: 5px 5%;

margin-bottom: 1em;

border-top: 1px solid #1bb8ce;

}

.w1270 ul li h3 {

font-size: 18px;

color: #595757;

}

.w1270 ul li div {

font-size: 14px;

color: #595757;

margin-top: 10px;

margin-bottom: 10px;

}

.w1270 ul li p {

font-size: 14px;

color: #595757;

line-height: 23px;

margin-bottom: 26px;

}

.w1270 ul li p a {

display: block;

width: 38px;

height: 37px;

font-size: 28px;

font-weight: normal;

line-height: 37px;

color: #fff;

text-align: center;

background-color: #dcdddd;

margin-top: 16px;

}

.w1270 ul li p a:hover {

background-color: #1bb8ce;

}

.w1270 ul li img {

width: 100%;

}

}

/*产品中心*/































































.productshow {

width: 1170px;

margin: auto;

padding: 60px 0 0 0;

}

.product1 li {

width: 25%;

}

.product_top {

display: block;

width: 100%;

margin-top: 9.5em;

}

.product_btxt {

font-size: 14px;

color: #595757;

margin-top: -15px;

}

.product_box ul {

margin-top: 2.25em;

}

.product_box li {

float: left;

}

.product_box li:nth-child(1) {

margin-top: 56px;

margin-right: 96px;

}

.product_box li:nth-child(2) {

width: 675px;

}

.product_box li h2 {

font-size: 28px;

color: #000;

}

.product_box li h3 {

font-size: 19px;

height: 2.65em;

line-height: 2.65em;

font-weight: normal;

color: #000;

border-bottom: 1px solid #a0a0a0;

border-top: 1px solid #a0a0a0;

}

.product_tedi p {

font-size: 16px;

color: #595757;

line-height: 25px;

}

.product_tedi {

padding-bottom: 0px;

height: 290px;

}

.product_yase {

font-size: 18px;

color: #595757;

border-bottom: 1px solid #a0a0a0;

}

.product_yase p {

display: inline-block;

}

.product_info1 {

margin-top: 4.75em;

}

.product_down {

display: block;

width: 296px;

height: 72px;

border: 1px solid #15adc1;

background-color: #15adc1;

text-align: center;

color: #fff;

font-size: 23px;

border-radius: 4px;

line-height: 72px;

margin: 3.5em auto 6em auto;

}

.product_down:hover {

background-color: #333;

border: 1px solid #333;

}

.product_xg_box {

background-color: #efefef;

padding-bottom: 6em;

}

.product_xg_box h2 {

font-size: 30px;

text-align: center;

color: #000;

padding-top: 2.5em;

padding-bottom: 0.4em;

}

.ab_hr2 {

display: block;

margin: 0 auto;

}

.w1492 {

width: 1492px;

margin: 3.25em auto 0 auto;

}

.w1492 li {

width: 340px;

margin: 0 16.5px;

float: left;

}

.w1492 li img {

width: 100%;

}

.w1492 li p {

text-align: center;

margin-top: 0.35em;

}

.w1492 li p:nth-child(2) {

height: 60px;

}

.w1492 li p a {

display: inline-block;

font-size: 13px;

line-height: 20px;

}

.w1492 li:hover a {

color: #15adc1;

}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

.product_box li:nth-child(2) {

width: 47%;

float: right;

}

.product_box li:nth-child(1) {

margin-top: 56px;

margin-right: 0px;

width: 46%;

}

.product_box li:nth-child(1) img {

width: 100%;

}

.product_tedi {

padding-bottom: 0px;

height: 300px;

font-size: 13px;

}

}

@media( max-width:1520px) {

.w1492 {

width: 100% !important;

}

.w1492 ul {

width: 96%;

margin: 0 auto;

}

.w1492 li {

width: 22.7882% !important;

margin: 0 1.1059%;

float: left;

}

.w1492 li img {

display: block;

width: 100%;

}

}

/*产品了列表2*/































































.w1202 {

max-width: 1202px;

margin: 4.75em auto 0 auto;

}

.product_list2 li {

float: left;

margin: 0 13px;

margin-bottom: 3.45em;

}

.product_list2 li p {

border-top: 1px solid #7f7f7f;

border-bottom: 1px solid #7f7f7f;

line-height: 67px;

margin-top: 0.95em;

}

.product_list2 li span {

font-size: 16px;

width: 250px;

line-height: 20px;

float: left;

margin-top: 10px;

}

.product_list2 li p a {

float: right;

font-size: 12px;

}

.product_list2 li:hover a {

color: #15adc1;

}

/*产品了列表2*/































































.product_list3 {

display: block;

width: 100%;

margin-top: 3.15em;

margin-bottom: 5.5em;

}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

.w1172 {

width: 90%;

margin: 0 5%;

}

.w1200 {

width: 90%;

margin: 0 5%;

}

}

@media (max-width:768px) {

.w1172 {

width: 90%;

margin: 0 5%;

}

.w1200 {

width: 90%;

margin: 0 5%;

}

.product_btxt {

font-size: 14px;

color: #595757;

margin-top: -15px;

}

.product_box ul {

margin-top: 1.0em;

}

.product_box li {

float: left;

width: 100%;

}

.product_box li:nth-child(1) {

margin-top: 0px;

margin-right: 0px;

}

.product_box li:nth-child(1) img {

width: 100%;

}

.product_box li:nth-child(2) {

width: 100%;

}

.product_box li h2 {

font-size: 20px;

color: #000;

margin: 10px 0 0 0;

padding: 0;

}

.product_box li h3 {

font-size: 16px;

height: 2.5em;

line-height: 2, 5em;

font-weight: normal;

color: #000;

border-bottom: 1px solid #a0a0a0;

border-top: 1px solid #a0a0a0;

}

.product_tedi p {

font-size: 13px;

color: #777575;

line-height: 34px;

}

.product_tedi {

padding-bottom: 0px;

height: 100%;

font-size: 13px;

}

.product_yase {

font-size: 16px;

color: #595757;

border-bottom: 1px solid #a0a0a0;

padding-bottom: 15px;

margin-top: 15px;

}

.product_yase p {

display: inline-block;

}

.product_info1 {

margin-top: 4.75em;

}

.product_xg_box {

background-color: #efefef;

padding-bottom: 2em;

}

.product_xg_box h2 {

font-size: 20px;

text-align: center;

color: #000;

padding-top: 1em;

padding-bottom: 0.4em;

}

.ab_hr2 {

display: block;

margin: 0 auto;

}

.w1492 {

width: 100%;

margin: 1em auto 0 auto;

}

.w1492 ul {

width: 96%;

margin: 0 auto;

}

.w1492 li {

width: 48% !important;

margin: 0 1%;

float: left;

}

.w1492 li img {

display: block;

width: 100%;

}

.w1492 li img {

width: 100%;

}

.w1492 li div {

text-align: center;

margin-top: 0.35em;

}

.w1492 li div a {

display: inline-block;

font-size: 15px;

line-height: 26px;

}

.w1492 li:hover a {

color: #15adc1;

}

.product_info1 {

margin-top: 2em;

}

}

@media (max-width:480px) {

.w1172 {

width: 90%;

margin: 0 5%;

}

.w1200 {

width: 90%;

margin: 0 5%;

}

.product_btxt {

font-size: 14px;

color: #595757;

margin-top: -15px;

}

.product_box ul {

margin-top: 1.0em;

}

.product_box li {

float: left;

width: 100%;

}

.product_box li:nth-child(1) {

margin-top: 0px;

margin-right: 0px;

}

.product_box li:nth-child(1) img {

width: 100%;

}

.product_box li:nth-child(2) {

width: 100%;

}

.product_box li h2 {

font-size: 20px;

color: #000;

margin: 10px 0 0 0;

padding: 0;

}

.product_box li h3 {

font-size: 16px;

height: 2.5em;

line-height: 2, 5em;

font-weight: normal;

color: #000;

border-bottom: 1px solid #a0a0a0;

border-top: 1px solid #a0a0a0;

}

.product_tedi p {

font-size: 13px;

color: #595757;

line-height: 34px;

}

.product_tedi {

padding-bottom: 0px;

height: 100%;

font-size: 13px;

}

.product_yase {

font-size: 15px;

color: #595757;

border-bottom: 1px solid #a0a0a0;

padding-bottom: 15px;

margin-top: 15px;

}

.product_yase p {

display: inline-block;

}

.product_info1 {

margin-top: 4.75em;

}

.product_xg_box {

background-color: #efefef;

padding-bottom: 2em;

}

.product_xg_box h2 {

font-size: 20px;

text-align: center;

color: #000;

padding-top: 1em;

padding-bottom: 0.4em;

}

.ab_hr2 {

display: block;

margin: 0 auto;

}

.w1492 {

width: 100%;

margin: 1em auto 0 auto;

}

.w1492 ul {

width: 96%;

margin: 0 auto;

}

.w1492 li {

width: 48% !important;

margin: 0 1%;

float: left;

}

.w1492 li img {

display: block;

width: 100%;

}

.w1492 li img {

width: 100%;

}

.w1492 li div {

text-align: center;

margin-top: 0.35em;

}

.w1492 li div a {

display: inline-block;

font-size: 15px;

line-height: 26px;

}

.w1492 li:hover a {

color: #15adc1;

}

.product_info1 {

margin-top: 2em;

}

.product_down {

display: block;

width: 200px;

height: 52px;

border: 1px solid #15adc1;

background-color: #15adc1;

text-align: center;

color: #fff;

font-size: 23px;

border-radius: 4px;

line-height: 52px;

margin: 2em auto 2em auto;

}

.product_down:hover {

background-color: #333;

border: 1px solid #333;

}

}

/*下载页面*/































































.downa li {

width: 50%;

}

.w1201 {

max-width: 1201.5px;

margin: 5em auto 0 auto;

}

.down li {

width: 371px;

margin: 0 14.75px;

background-color: #efefef;

float: left;

height: 50.5em;

margin-bottom: 4em;

}

/*.w1201 li{ width:30.878%; margin:0 1.2276%}*/































































.down li div img {

display: block;

margin: 0 auto;

padding-top: 1.25em;

}

.down li div img:nth-child(2) {

display: none;

}

.down li:hover div img:nth-child(2) {

display: block;

}

.down li:hover div img:nth-child(1) {

display: none;

}

.down li h2 {

font-size: 23px;

text-align: center;

color: #727171;

margin-top: 0.65em;

margin-bottom: 0.85em;

}

.down li h3 {

margin-left: 5.326%;

font-size: 17px;

font-weight: normal;

}

.down li p {

margin-left: 5.326%;

width: 88.9487%;

font-size: 14px;

line-height: 24px;

}

.down li:nth-child(2) p {

margin-top: -0.7em;

}

.down_yh {

margin-top: 0.55em;

}

.down li:hover {

background-color: #1bb8ce;

}

.down li:hover h2 {

color: #efefef;

}

.down li:hover h3 {

color: #efefef;

}

.down li:hover p {

color: #efefef;

}

.w1210 {

width: 1210px;

margin: 0 auto;

}

.down2 {

background-color: #efeff0;

padding-top: 6.5em;

padding-bottom: 4em;

}

.down2 li {

float: left;

width: 554px;

margin: 0 18px;

margin-bottom: 2.65em;

background-color: #fff;

padding: 16px 0px 14px 14px;

}

.down2_01, .down2_02 {

float: left;

}

.down2 li .down2_01 {

display: block;

margin-right: 16px;

}

.down2 li h3 {

font-size: 18px;

color: #595757;

font-weight: normal;

margin-top: 2px;

width: 300px;

height: 60px;

line-height: 20px;

}

.down2 li h3 span {

display: block;

font-size: 16px;

}

.down2 li p {

display: inline-block;

width: 332px;

margin-top: 58px;

}

.down2 li p span {

display: inline-block;

float: right;

}

.down2 li p a {

float: left;

}

.down2 li p a img:nth-child(2) {

display: none;

}

.down2 li p a:hover img:nth-child(2) {

display: block;

}

.down2 li p a:hover img:nth-child(1) {

display: none;

}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

.down li {

width: 90%;

margin: 0 5%;

background-color: #efefef;

float: left;

height: 60.5em;

margin-bottom: 4em;

padding-top: 0;

}

.down .imgwid {

width: 100%;

}

.w1210 {

width: 100%;

margin: 0 auto;

}

.down2 {

background-color: #efeff0;

padding-top: 3.5em;

padding-bottom: 3em;

}

.down2 li {

float: left;

width: 84%;

margin: 0 5%;

margin-bottom: 2.65em;

background-color: #fff;

padding: 16px 3%;

}

.down2_01, .down2_02 {

float: left;

}

.down2 li .down2_02 {

float: left;

width: 67%;

}

.down2 li .down2_01 {

display: block;

margin-right: 3%;

width: 30%;

}

.down2 li .down2_01 img {

width: 100%;

}

.down2 li h3 {

font-size: 16px;

color: #595757;

font-weight: normal;

margin-top: 2px;

}

.down2 li h3 span {

display: block;

font-size: 16px;

}

.down2 li p {

display: inline-block;

width: 100%;

margin-top: 18px;

font-size: 12px;

}

.down2 li p span {

display: inline-block;

float: right;

}

.down2 li p a {

float: left;

}

.down2 li p a img:nth-child(2) {

display: none;

}

.down2 li p a:hover img:nth-child(2) {

display: block;

}

.down2 li p a:hover img:nth-child(1) {

display: none;

}

}

@media only screen and (max-width: 768px) {

.down li {

width: 90%;

margin: 0 5%;

background-color: #efefef;

float: left;

height: 60.5em;

margin-bottom: 4em;

}

.down .imgwid {

width: 100%;

}

.w1210 {

width: 100%;

margin: 0 auto;

}

.down2 {

background-color: #efeff0;

padding-top: 3.5em;

padding-bottom: 3em;

}

.down2 li {

float: left;

width: 84%;

margin: 0 5%;

margin-bottom: 2.65em;

background-color: #fff;

padding: 16px 3%;

}

.down2_01, .down2_02 {

float: left;

}

.down2 li .down2_02 {

float: left;

width: 67%;

}

.down2 li .down2_01 {

display: block;

margin-right: 3%;

width: 30%;

}

.down2 li .down2_01 img {

width: 100%;

}

.down2 li h3 {

font-size: 14px;

color: #595757;

font-weight: normal;

margin-top: 2px;

width: 200px;

}

.down2 li h3 span {

display: block;

font-size: 14px;

}

.down2 li p {

display: inline-block;

width: 100%;

margin-top: 18px;

font-size: 12px;

}

.down2 li p span {

display: inline-block;

float: right;

}

.down2 li p a {

float: left;

}

.down2 li p a img:nth-child(2) {

display: none;

}

.down2 li p a:hover img:nth-child(2) {

display: block;

}

.down2 li p a:hover img:nth-child(1) {

display: none;

}

}

/*联系我们*/































































.link_dtu img {

display: block;

width: 100%;

margin-top: 2em;

}

.zhshow {

width: 1180px;

margin: 50px auto;

}

.zhshow .zhshowleft {

float: left;

width: 820px;

overflow: hidden;

}

.zhshow .zhshowright {

float: right;

width: 310px;

}

.zhshowleft ul {

}

.zhshowleft ul li {

float: left;

display: block;

}

.zhshowleft ul li:nth-child(1) {

width: 100px;

padding-left: 15px;

background-color: #efefef;

margin-right: 10px;

padding-bottom: 18px;

}

.zhshowleft .linebg {

width: 690px;

background: url(../image/newsline.jpg) no-repeat left bottom;

height: 120px;

}

.zhshowleft ul li dl {

}

.zhshowleft ul li dl dt {

float: left;

}

.zhshowleft ul li dl dt h2 {

color: #1ab8d1;

line-height: 26px;

}

.zhshowleft .fxd {

float: right;

line-height: 20px;

padding-top: 60px;

}

.zhshowleft .fxd img {

display: inline;

}

.zhshowleft .showcon {

margin-left: 125px;

margin-top: 30px;

}

.zhshow .zhshowright h2 {

border-bottom: #1cb8cf solid 2px;

line-height: 50px;

}

.zhshow .zhshowright h2 span {

float: right;

font-weight: 100;

font-size: 14px;

}

.zhshow .zhshowright ul {

display: block;

margin-top: 12px;

}

.zhshow .zhshowright ul li {

font-size: 14px;

margin-bottom: 10px;

border-bottom: #dddddd solid 1px;

padding-bottom: 6px;

line-height: 26px;

}

.zhshow .zhshowright ul li span {

display: block;

}

.zhshowleft .dlline {

background: url(../image/newsline.jpg) no-repeat left bottom;

padding-bottom: 30px;

}

.zhshowleft .dlline .fxda {

float: right;

line-height: 20px;

}

.zhshowleft .dlline .fxda img {

display: inline;

}

.zhshowleft .showcona {

margin-top: 30px;

}

@media (max-width:768px) {

.zhshow {

width: 100%;

margin: 20px auto;

}

.zhshow .zhshowleft {

float: left;

width: 100%;

overflow: hidden;

}

.zhshow .zhshowright {

float: right;

width: 100%;

}

.zhshowleft .showcon {

margin-left: 0px;

margin-top: 30px;

}

}

@media (max-width:480px) {

.zhshow {

width: 100%;

margin: 20px auto;

background-color: #FFF;

}

.zhshow .zhshowleft {

float: left;

width: 90%;

overflow: hidden;

padding: 0 5%;

}

.zhshow .zhshowright {

float: right;

width: 90%;

padding: 0 5%;

}

.zhshowleft .showcon {

margin-left: 0px;

margin-top: 30px;

}

.zhshowleft .linebg {

width: 100%;

background: url(../image/newsline.jpg) no-repeat left bottom;

height: 120px;

}

.zhshowleft ul li dl {

}

.zhshowleft ul li dl dt {

float: left;

width: 100%;

}

.zhshowleft ul li dl dt h2 {

color: #1ab8d1;

line-height: 20px;

font-size: 18px;

}

.zhshowleft .fxd {

float: right;

line-height: 20px;

padding-top: 10px;

width: 100%;

}

.zhshowleft ul li:nth-child(1) {

width: 100px;

padding-left: 15px;

margin-right: 10px;

padding-bottom: 8px;

display: none;

}

.zhshowleft .dlline {

background: url(../image/newsline.jpg) no-repeat left bottom;

height: 100px;

padding-bottom: 20px;

font-size: 12px;

}

.zhshowleft .dlline h2 {

font-size: 18px;

margin-bottom: 6px;

}

.zhshowleft .dlline .fxda {

float: right;

width: 100%;

}

.zhshowleft .showcona {

margin-top: 30px;

font-size: 12px;

}

}

/* 展会css */































































.ryzh {

text-align: center;

padding-bottom: 60px;

margin-top: 60px;

}

.h2class {

text-align: center;

font-size: 35px;

padding-bottom: 30px;

}

.divclass {

font-size: 35px;

display: inline;

position: relative;

}

.divclass:before {

content: " ";

position: absolute;

left: 40%;

bottom: -10px;

width: 20%;

height: 0px;

border-bottom: 1px solid #1cb8ce;

}

.warper {

width: 1170px;

height: 500px;

margin: 0 auto;

padding: 3px 3px 50px 3px;

}

#wowslider-container1 {

zoom: 1;

position: relative;

width: 1170x;

float: right;

z-index: 90

}

* html #wowslider-container1 {

width: 1170px

}

#wowslider-container1 .ws_images ul {

position: relative;

width: 10000%;

height: auto;

left: 0;

list-style: none;

margin: 0;

padding: 0;

border-spacing: 0;

overflow: visible

}

#wowslider-container1 .ws_images ul li {

width: 1%;

line-height: 0;

float: left;

font-size: 0;

padding: 0!important;

margin: 0!important

}

#wowslider-container1 .ws_images {

position: relative;

left: 0;

top: 0;

width: 100%;

height: 100%;

overflow: hidden

}

#wowslider-container1 .ws_images a {

width: 100%;

display: block;

color: transparent;

color: #FFF;

}

#wowslider-container1 img {

max-width: none!important

}

#wowslider-container1 .ws_images img {

width: 100%;

border: none 0;

max-width: none;

padding: 0;

margin: 0

}

#wowslider-container1 a {

color: #FFF;

text-decoration: none;

outline: 0;

border: 0

}

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {

position: absolute;

display: none;

top: 50%;

margin-top: -3.5em;

z-index: 60;

height: 7.1em;

width: 7.1em;

background-image: url(https://en.kagem.net/template/pc/skin/images/arrows.png);

background-size: 200%

}

#wowslider-container1 a.ws_next {

background-position: 100% 0;

right: 1em

}

#wowslider-container1 a.ws_prev {

left: 1em;

background-position: 0 0

}

#wowslider-container1 a.ws_next:hover {

background-position: 100% 100%

}

#wowslider-container1 a.ws_prev:hover {

background-position: 0 100%

}

* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev {

display: block

}

#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {

display: block

}

#wowslider-container1 .ws_playpause {

display: none;

width: 7.1em;

height: 7.1em;

position: absolute;

top: 50%;

left: 50%;

margin-left: -3.5em;

margin-top: -3.5em;

z-index: 59;

background-size: 100%

}

#wowslider-container1:hover .ws_playpause {

display: block

}

#wowslider-container1 .ws_pause {

background-image: url(https://en.kagem.net/template/pc/skin/images/pause.png)

}

#wowslider-container1 .ws_play {

background-image: url(https://en.kagem.net/template/pc/skin/images/play.png)

}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {

background-position: 100% 100%!important

}

#wowslider-container1 .ws-title {

position: absolute;

display: block;

bottom: -4.0em;

left: 0em;

margin-right: 1em;

padding: 1em .9em .9em .9em;

color: #fff;

z-index: 50;

text-transform: uppercase;

border-radius: .2em;

-moz-border-radius: .2em;

-webkit-border-radius: .2em

}

#wowslider-container1 .ws-title a:link {

color: #FFF;

}

#wowslider-container1 .ws-title div {

margin-top: .3em;

font-size: 1.6em;

line-height: 1.15em;

font-weight: normal;

text-transform: none;

color: #fff

}

#wowslider-container1 .ws-title span {

font-size: 2.4em

}

#wowslider-container1 .ws_thumbs {

font-size: 0;

position: absolute;

overflow: auto;

z-index: 70;

left: -19.51%;

top: 0;

width: 18.72%;

height: 100%

}

#wowslider-container1 .ws_thumbs img {

text-decoration: none;

border: 0;

width: 100%

}

#wowslider-container1 .ws_thumbs a {

position: relative;

text-indent: -4000px;

color: transparent;

opacity: .85;

text-decoration: none;

display: inline-block;

border: 0;

margin-bottom: 4%;

text-indent: 0;

padding: 2.99%;

width: 89.54%;

background-color: #fff

}

#wowslider-container1 .ws_thumbs a:hover {

opacity: 1

}

#wowslider-container1 .ws_thumbs a:hover img {

visibility: visible

}

#wowslider-container1 .ws_thumbs div {

position: relative;

width: 100%

}

#wowslider-container1 .ws_thumbs a.ws_selthumb {

background-color: #46cad9

}

#wowslider-container1 .ws_images ul {

animation: wsBasic 16s infinite;

-moz-animation: wsBasic 16s infinite;

-webkit-animation: wsBasic 16s infinite;

color: #fff

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

.ryzh {

text-align: center;

padding-bottom: 28px;

margin-top: 28px;

}

.divclass {

font-size: 20px;

display: inline;

position: relative;

}

.divclass:before {

content: " ";

position: absolute;

left: 40%;

bottom: -10px;

width: 20%;

height: 0px;

border-bottom: 1px solid #1cb8ce;

}

.warper {

width: 100%;

height: 460px;

margin: 0 auto;

padding: 3px 3px 20px 0px;

}

}

@media only screen and (min-width: 480px) and (max-width: 768px) {

.ryzh {

text-align: center;

padding-bottom: 28px;

margin-top: 28px;

}

.divclass {

font-size: 20px;

display: inline;

position: relative;

}

.divclass:before {

content: " ";

position: absolute;

left: 40%;

bottom: -10px;

width: 20%;

height: 0px;

border-bottom: 1px solid #1cb8ce;

}

.warper {

width: 100%;

height: 320px;

margin: 0 auto;

padding: 3px 3px 20px 0px;

}

}

@media( max-width:480px) {

.ryzh {

text-align: center;

padding-bottom: 28px;

margin-top: 28px;

}

.divclass {

font-size: 20px;

display: inline;

position: relative;

}

.divclass:before {

content: " ";

position: absolute;

left: 40%;

bottom: -10px;

width: 20%;

height: 0px;

border-bottom: 1px solid #1cb8ce;

}

.warper {

width: 100%;

height: 250px;

margin: 0 auto;

padding: 3px 3px 20px 0px;

}

}

@keyframes wsBasic {

0% {

left:-0%

}

12.5% {

left:-0%

}

25% {

left:-100%

}

37.5% {

left:-100%

}

50% {

left:-200%

}

62.5% {

left:-200%

}

75% {

left:-300%

}

87.5% {

left:-300%

}

}

@-moz-keyframes wsBasic {

0% {

left:-0%

}

12.5% {

left:-0%

}

25% {

left:-100%

}

37.5% {

left:-100%

}

50% {

left:-200%

}

62.5% {

left:-200%

}

75% {

left:-300%

}

87.5% {

left:-300%

}

}

@-webkit-keyframes wsBasic {

0% {

left:-0%

}

12.5% {

left:-0%

}

25% {

left:-100%

}

37.5% {

left:-100%

}

50% {

left:-200%

}

62.5% {

left:-200%

}

75% {

left:-300%

}

87.5% {

left:-300%

}

}

.contacttop {

margin-top: 30px;

}

.contact {

width: 1172px;

margin: auto;

padding: 120px 0;

}

.contact .contactleft {

float: left;

width: 495px;

}

.contact .contactright {

float: right;

width: 495px;

}

.contact h2 {

border-bottom: #1cb8ce solid 3px;

line-height: 60px;

font-weight: bold;

margin-bottom: 60px;

}

.contact .contactleft .contacta {

background: url(../image/contacta.jpg) no-repeat left;

padding-left: 50px;

height: 134px;

border-bottom: #CCC solid 1px;

height: 104px;

border-top: #CCC solid 1px;

height: 104px;

line-height: 30px;

padding-top: 30px;

}

.contact .contactleft .contactb {

background: url(../image/contactb.jpg) no-repeat left;

padding-left: 50px;

height: 134px;

border-bottom: #CCC solid 1px;

height: 104px;

line-height: 30px;

padding-top: 30px;

}

.contact .contactleft .contactc {

background: url(../image/contactc.jpg) no-repeat left;

padding-left: 50px;

height: 134px;

border-bottom: #CCC solid 1px;

height: 104px;

line-height: 30px;

padding-top: 30px;

}

.contact .contactleft .contactd {

background: url(../image/contactd.jpg) no-repeat left;

padding-left: 50px;

height: 134px;

border-bottom: #CCC solid 1px;

height: 104px;

line-height: 30px;

padding-top: 30px;

}

.contact .contactright .wxa {

background: url(../image/wxa.jpg) no-repeat left;

padding-left: 150px;

border-bottom: #CCC solid 1px;

height: 104px;

line-height: 30px;

padding-top: 30px;

}

.contact .contactright .wxb {

background: url(../image/wxb.jpg) no-repeat left;

padding-left: 150px;

border-bottom: #CCC solid 1px;

height: 104px;

line-height: 30px;

padding-top: 30px;

}

.contact .contactright .wxc {

background: url(../image/wxc.jpg) no-repeat left;

padding-left: 150px;

border-bottom: #CCC solid 1px;

height: 104px;

line-height: 30px;

padding-top: 30px;

}

.contact .contactright .wxd {

height: 104px;

line-height: 30px;

padding-top: 30px;

border-top: #CCC solid 1px;

}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

.contacttop {

margin-top: 30px;

}

.contact {

width: 100%;

margin: auto;

padding: 50px 0;

}

.contact .contactleft {

float: left;

width: 90%;

padding: 0 5%

}

.contact .contactright {

float: right;

width: 90%;

padding: 0 5%

}

.contact h2 {

border-bottom: #1cb8ce solid 3px;

line-height: 60px;

font-weight: bold;

margin-bottom: 30px;

font-size: 20px;

}

}

@media (max-width:768px) {

.contacttop {

margin-top: 30px;

}

.contact {

width: 100%;

margin: auto;

padding: 50px 0;

}

.contact .contactleft {

float: left;

width: 90%;

padding: 0 5%

}

.contact .contactright {

float: right;

width: 90%;

padding: 0 5%

}

.contact h2 {

border-bottom: #1cb8ce solid 3px;

line-height: 60px;

font-weight: bold;

margin-bottom: 30px;

font-size: 20px;

}

}

/*商户合作*/































































.swhz {

width: 100%;

background-color: #efefef;

}

.swhz .swhzleft {

float: left;

width: 50%;

}

.swhz .swhzleft img {

width: 100%;

}

.swhz .swhzright {

float: right;

width: 50%;

background-color: #efefef;

padding-top: 80px;

}

.swhz .swhzright .rightcon {

margin-left: 60px;

}

.swhz .swhzright h2 {

font-size: 40px;

color: #1bb8ce;

margin: 0;

padding: 0;

}

.swhz .swhzright h3 {

font-size: 22px;

color: #1bb8ce;

font-weight: 400;

margin: 0;

padding: 0;

}

.swhz .swhzright h4 {

font-size: 22px;

background: url(../image/h4icon.jpg) no-repeat left center;

padding-left: 30px;

margin: 20px 0;

}

.swhz .swhzright .rightcon .h4z {

margin-left: 30px;

width: 500px;

font-size: 14px;

}

.wdlxfs {

width: 1175px;

margin: auto;

padding: 20px 0 100px 0;

}

.wdlxfs .wda {

float: left;

width: 275px;

height: 170px;

background-color: #efefef;

padding: 70px 40px;

line-height: 24px;

font-size: 16px;

margin-left: 30px;

margin-bottom: 30px;

}

.wdlxfs .wda h2 {

margin-bottom: 30px;

margin: 0 0 13px 10px;

padding: 0;

font-size: 30px;

}

.wdlxfs .wda .add {

background: url(../image/linka.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .tel {

background: url(../image/linkb.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .lxr {

background: url(../image/linkc.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda:hover {

background-color: #1bb8ce;

}

.wdlxfs .wda:hover h2 {

color: #FFF;

}

.wdlxfs .wda:hover .add {

background: url(../image/linkah.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .tel {

background: url(../image/linkbh.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .lxr {

background: url(../image/linkch.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

@media only screen and (min-width: 991px) and (max-width: 1440px) {

.swhz {

width: 100%;

background-color: #efefef;

}

.swhz .swhzleft {

float: left;

width: 50%;

}

.swhz .swhzleft img {

width: 100%;

}

.swhz .swhzright {

float: right;

width: 50%;

background-color: #efefef;

padding-top: 35px;

}

.swhz .swhzright .rightcon {

margin-left: 40px;

}

.swhz .swhzright h2 {

font-size: 30px;

color: #1bb8ce;

margin: 0;

padding: 0;

}

.swhz .swhzright h3 {

font-size: 18px;

color: #1bb8ce;

font-weight: 400;

margin: 0;

padding: 0;

}

.swhz .swhzright h4 {

font-size: 18px;

background: url(../image/h4icon.jpg) no-repeat left center;

padding-left: 10px;

margin: 20px 0;

}

.swhz .swhzright .rightcon .h4z {

margin-left: 30px;

width: 500px;

font-size: 14px;

}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.swhz .swhzleft {

float: left;

width: 100%;

}

.swhz .swhzleft img {

width: 100%;

}

.swhz .swhzright {

float: right;

width: 100%;

background-color: #efefef;

padding: 30px 0;

}

.swhz .swhzright .rightcon {

width: 90%;

margin: 0 5%;

}

.swhz .swhzright h2 {

font-size: 20px;

color: #1bb8ce;

margin: 0;

padding: 0;

font-weight: bold;

}

.swhz .swhzright h3 {

font-size: 16px;

color: #1bb8ce;

font-weight: 400;

margin: 0;

padding: 0;

}

.swhz .swhzright h4 {

font-size: 14px;

background: url(../image/h4icon.jpg) no-repeat left center;

padding-left: 15px;

margin: 10px 0;

}

.swhz .swhzright .rightcon .h4z {

margin-left: 15px;

width: 100%;

font-size: 12px;

}

.wdlxfs {

width: 100%;

margin: auto;

padding: 20px 0 20px 0;

}

.wdlxfs .wda {

float: left;

width: 280px;

height: 190px;

background-color: #efefef;

padding: 20px;

line-height: 24px;

font-size: 16px;

margin: 0 20px 30px 20px;

;

}

.wdlxfs .wda h2 {

margin-bottom: 20px;

margin: 0 0 10px 30px;

padding: 0;

font-size: 20px;

}

.wdlxfs .wda .add {

background: url(../image/linka.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .tel {

background: url(../image/linkb.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .lxr {

background: url(../image/linkc.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda:hover {

background-color: #1bb8ce;

}

.wdlxfs .wda:hover h2 {

color: #FFF;

}

.wdlxfs .wda:hover .add {

background: url(../image/linkah.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .tel {

background: url(../image/linkbh.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .lxr {

background: url(../image/linkch.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

}

@media (max-width:768px) {

.swhz .swhzleft {

float: left;

width: 100%;

}

.swhz .swhzleft img {

width: 100%;

}

.swhz .swhzright {

float: right;

width: 100%;

background-color: #efefef;

padding: 30px 0;

}

.swhz .swhzright .rightcon {

width: 90%;

margin: 0 5%;

}

.swhz .swhzright h2 {

font-size: 20px;

color: #1bb8ce;

margin: 0;

padding: 0;

font-weight: bold;

}

.swhz .swhzright h3 {

font-size: 16px;

color: #1bb8ce;

font-weight: 400;

margin: 0;

padding: 0;

}

.swhz .swhzright h4 {

font-size: 14px;

background: url(../image/h4icon.jpg) no-repeat left center;

padding-left: 15px;

margin: 10px 0;

}

.swhz .swhzright .rightcon .h4z {

margin-left: 15px;

width: 100%;

font-size: 12px;

}

.wdlxfs {

width: 100%;

margin: auto;

padding: 20px 0 20px 0;

}

.wdlxfs .wda {

float: none;

width: 280px;

height: 190px;

background-color: #efefef;

padding: 20px;

line-height: 24px;

font-size: 16px;

margin: 0 auto 30px auto;

}

.wdlxfs .wda h2 {

margin-bottom: 20px;

margin: 0 0 10px 30px;

padding: 0;

font-size: 20px;

}

.wdlxfs .wda .add {

background: url(../image/linka.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .tel {

background: url(../image/linkb.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .lxr {

background: url(../image/linkc.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda:hover {

background-color: #1bb8ce;

}

.wdlxfs .wda:hover h2 {

color: #FFF;

}

.wdlxfs .wda:hover .add {

background: url(../image/linkah.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .tel {

background: url(../image/linkbh.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .lxr {

background: url(../image/linkch.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

}

/*人才招聘*/































































.joblist {

width: 1200px;

margin: auto;

padding: 60px 0;

}

.joblist .jobul {

display: block;

border-bottom: #dcdedd solid 3px;

height: 40px;

}

.joblist .jobul li {

float: left;

font-weight: bold;

font-size: 16px;

}

.joblist .jobul .jobzw {

width: 300px;

text-indent: 30px;

}

.joblist .jobul .jobdw {

width: 300px;

text-align: center;

}

.joblist .jobul .jobdd {

width: 300px;

text-align: center;

}

.joblist .jobul .jobsj {

width: 300px;

text-align: right;

}

.joblist .jobdl {

display: block;

border-bottom: #dcdedd solid 1px;

height: 60px;

line-height: 60px;

}

.joblist .jobdl dt {

float: left;

font-weight: bold;

font-size: 14px;

}

.joblist .jobdl .dlzw {

width: 300px;

text-indent: 30px;

}

.joblist .jobdl .dldw {

width: 300px;

text-align: center;

}

.joblist .jobdl .dldd {

width: 300px;

text-align: center;

}

.joblist .jobdl .dlsj {

width: 300px;

text-align: right;

}

.joblist .jobdl .dlzw a:link {

color: #38bcd5;

}

.joblist .jobdl .dlzw a:visited {

color: #38bcd5;

}

.joblist .jobdl .dlzw a:hover {

color: #222;

}

.jobmore {

border: 2px solid #c9c9c9;

border-radius: 20px;

height: 36px;

line-height: 36px;

width: 180px;

margin: 60px auto 0 auto;

text-align: center;

}

.jobcontent {

background-color: #e6e7e7;

padding: 60px;

}

.jobcontent .jobcona {

width: 1055px;

margin: auto;

background-color: #FFF;

padding: 35px 60px;

margin-bottom: 20px;

}

.jobcontent .jobcona .jobconaleft {

float: left;

width: 750px;

line-height: 28px;

}

.jobcontent .jobcona .jobconaright {

float: right;

width: 250px;

text-align: right;

}

.jobcontent .jobcona h2 {

color: #333;

margin-bottom: 10px;

}

.jobcontent .jobconb {

width: 1055px;

margin: auto;

background-color: #FFF;

padding: 60px;

margin-bottom: 20px;

line-height: 38px;

}

.jobcontent .jobconb h2 {

font-size: 20px;

color: #333;

margin-bottom: 30px;

}

.jobcontact {

text-align: right;

font-size: 14px;

}

@media (max-width:1200px) {

.top {

display: none;

}

.banner_ab1 {

display: none;

}

.tn {

display: none;

}

.ey-head {

display: block;

}

.ey-banner-ny {

display: block;

}

.ey-banner {

display: block;

padding-top: 50px;

}

.active {

border-bottom: 2px solid #1eb8ce;

}

.zh_nav {

height: 60px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 20%;

float: left;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 58px;

font-size: 16px;

}

.zh_nav li:hover a {

border-bottom: 3px solid #1eb8ce;

}

.hexin_hn li {

width: 33.3333%;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 60px;

font-size: 16px;

}

.joblist {

width: 100%;

margin: auto;

padding: 20px 0;

}

.joblist .jobul {

display: block;

border-bottom: #dcdedd solid 3px;

height: 40px;

}

.joblist .jobul li {

float: left;

font-weight: bold;

font-size: 12px;

}

.joblist .jobul .jobzw {

width: 32%;

text-indent: 10px;

}

.joblist .jobul .jobdw {

width: 18%;

text-align: center;

}

.joblist .jobul .jobdd {

width: 18%;

text-align: center;

}

.joblist .jobul .jobsj {

width: 30%;

text-align: right;

padding-right: 2%;

}

.joblist .jobdl {

display: block;

border-bottom: #dcdedd solid 1px;

height: 60px;

line-height: 60px;

}

.joblist .jobdl dt {

float: left;

font-weight: bold;

font-size: 12px;

}

.joblist .jobdl .dlzw {

width: 32%;

text-indent: 10px;

}

.joblist .jobdl .dldw {

width: 18%;

text-align: center;

}

.joblist .jobdl .dldd {

width: 18%;

text-align: center;

}

.joblist .jobdl .dlsj {

width: 30%;

text-align: right;

padding-right: 2%;

}

.joblist .jobdl .dlzw a:link {

color: #38bcd5;

}

.jobmore {

border: 1px solid #c9c9c9;

border-radius: 26px;

height: 26px;

line-height: 26px;

width: 130px;

margin: 30px auto 0 auto;

text-align: center;

}

.jobcontent {

background-color: #e6e7e7;

padding: 20px 10px;

}

.jobcontent .jobcona {

width: 90%;

margin: auto;

background-color: #FFF;

padding: 5%;

margin-bottom: 20px;

}

.jobcontent .jobcona .jobconaleft {

float: left;

width: 100%;

line-height: 28px;

}

.jobcontent .jobcona .jobconaright {

float: right;

width: 100%;

text-align: left;

}

.jobcontent .jobcona h2 {

color: #333;

margin-bottom: 10px;

font-size: 18px;

}

.jobcontent .jobconb {

width: 90%;

margin: auto;

background-color: #FFF;

padding: 5%;

margin-bottom: 0px;

line-height: 38px;

}

.jobcontent .jobconb h2 {

font-size: 20px;

color: #333;

margin-bottom: 18px;

}

.jobcontact {

text-align: right;

font-size: 14px;

}

}

@media (max-width:768px) {

.joblist {

width: 100%;

margin: auto;

padding: 20px 0;

}

.joblist .jobul {

display: block;

border-bottom: #dcdedd solid 3px;

height: 40px;

}

.joblist .jobul li {

float: left;

font-weight: bold;

font-size: 12px;

}

.joblist .jobul .jobzw {

width: 66%;

text-indent: 10px;

}

.joblist .jobul .jobdw {

width: 0%;

text-align: center;

display: none;

}

.joblist .jobul .jobdd {

width: 0%;

text-align: center;

display: none;

}

.joblist .jobul .jobsj {

width: 30%;

text-align: right;

padding-right: 2%;

}

.joblist .jobdl {

display: block;

border-bottom: #dcdedd solid 1px;

height: 60px;

line-height: 60px;

}

.joblist .jobdl dt {

float: left;

font-weight: bold;

font-size: 12px;

}

.joblist .jobdl .dlzw {

width: 66%;

text-indent: 10px;

}

.joblist .jobdl .dldw {

width: 0%;

text-align: center;

display: none;

}

.joblist .jobdl .dldd {

width: 0%;

text-align: center;

display: none;

}

.joblist .jobdl .dlsj {

width: 30%;

text-align: right;

padding-right: 2%;

}

.joblist .jobdl .dlzw a:link {

color: #38bcd5;

}

.jobmore {

border: 1px solid #c9c9c9;

border-radius: 26px;

height: 26px;

line-height: 26px;

width: 130px;

margin: 30px auto 0 auto;

text-align: center;

}

.jobcontent {

background-color: #e6e7e7;

padding: 20px 10px;

}

.jobcontent .jobcona {

width: 90%;

margin: auto;

background-color: #FFF;

padding: 5%;

margin-bottom: 20px;

}

.jobcontent .jobcona .jobconaleft {

float: left;

width: 100%;

line-height: 28px;

}

.jobcontent .jobcona .jobconaright {

float: right;

width: 100%;

text-align: left;

}

.jobcontent .jobcona h2 {

color: #333;

margin-bottom: 10px;

font-size: 18px;

}

.jobcontent .jobconb {

width: 90%;

margin: auto;

background-color: #FFF;

padding: 5%;

margin-bottom: 0px;

line-height: 38px;

}

.jobcontent .jobconb h2 {

font-size: 20px;

color: #333;

margin-bottom: 18px;

}

.jobcontact {

text-align: right;

font-size: 14px;

}

}

@media (max-width:580px) {

.zh_nav {

height: 35px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 33%;

float: left;

height: 37px;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 35px;

font-size: 12px;

}

.zh_nav li:hover a {

border-bottom: 2px solid #1eb8ce;

}

.hexin_hn li {

width: 50%;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 35px;

font-size: 12px;

}

.contact_hn li a {

display: block;

width: 100%;

text-align: center;

line-height: 35px;

font-size: 12px;

}

.henxin_abf h2 {

font-size: 20px;

text-align: center;

margin-top: 13px;

}

.active {

border-bottom: 2px solid #1eb8ce;

}

}

@media only screen and (  max-width: 768px) and (min-width: 580px) {

.zh_nav {

height: 40px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 33%;

float: left;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 38px;

font-size: 12px;

}

.zh_nav li:hover a {

border-bottom: 2px solid #1eb8ce;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 38px;

font-size: 12px;

}

.active {

border-bottom: 2px solid #1eb8ce;

}

}

@media only screen and (max-width: 1024px) and (min-width: 768px) {

.zh_nav {

height: 50px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 33%;

float: left;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 48px;

font-size: 16px;

}

.zh_nav li:hover a {

border-bottom: 2px solid #1eb8ce;

}

.active {

border-bottom: 4px solid #1eb8ce;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 48px;

font-size: 16px;

}

}

@media only screen and (max-width: 3000px) and (min-width: 1024px) {

.zh_nav {

height: 98px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 33.333%;

float: left;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 92px;

font-size: 22px;

font-family: FontAwesome;

}

.zh_nav li:hover a {

border-bottom: 6px solid #1eb8ce;

font-family: jiajing;

}

.active {

border-bottom: 4px solid #1eb8ce;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 92px;

font-size: 22px;

}

}

/*pages*/































































.downpagebg {

background-color: #efeff0;

padding-bottom: 50px;

}

.pages {

height: 60px;

padding: 20px 0 30px;

width: 100%;

clear: both;

display: table;

margin: auto;

}

.tcdPageCode {

text-align: center;

color: #1db8ce;

font-size: 14px;

}

.tcdPageCode li {

display: inline;

}

.tcdPageCode span.disabled {

display: inline-block;

height: 35px;

line-height: 35px;

padding: 0 14px;

margin: 0 2px;

color: #808080;

background: #fff;

border: 1px solid #e6e3e3;

vertical-align: middle;

border-radius: 1px;

}

.tcdPageCode span.current {

display: inline-block;

height: 35px;

line-height: 35px;

padding: 0 14px;

margin: 0 2px;

color: #fff;

background-color: #1db8ce;

border: 1px solid #1db8ce;

vertical-align: middle;

border-radius: 1px;

}

.tcdPageCode a {

display: inline-block;

color: #1db8ce;

height: 35px;

line-height: 35px;

background: #fff;

padding: 0 14px;

border: 1px solid #ddd;

margin: 0 2px;

vertical-align: middle;

border-radius: 1px;

}

.qqserver .qqserver-header:after, .qqserver .qqserver-header:before, .qqserver li a:after, .qqserver li a:before {

display: table;

content: ' '

}

.qqserver .qqserver-header:after, .qqserver li a:after {

clear: both

}

.qqserver .qqserver-header, .qqserver li a, .tabs, .user-main, .view-category, .view-category-list>li {

*zoom:1

}

.qqserver {

position: fixed;

top: 48%;

left: 0;

height: 450px;

margin-top: -104px;

z-index: 10;

}

.qqserver.unfold .qqserver-body {

left: 0

}

.qqserver .qqserver-body {

position: absolute;

left: -744px;

width: 640px;

height: 450px;

padding: 12px 10px;

border: #ebebeb solid 1px;

background-color: #FFF;

box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.1);

}

.qqserver .qqserver_fold {

position: absolute;

left: 0;

padding: 0;

cursor: pointer;

background: #1bb8ce

}

.qqserver .qqserver-header * {

float: right;

position: absolute;

right: 0;

top: 150px;

}

.qqserver .qqserver_arrow {

margin-top: -1px;

margin-left: 7px;

cursor: pointer

}

.qqserver .qqserver-footer {

margin-top: 10px;

padding-top: 14px;

padding-bottom: 14px;

padding-left: 11px;

border-top: 1px dashed #d1d4cc

}

.qqserver .qqserver-footer .text-primary {

color: #70CA5D;

font-size: 14px;

}

.qqserver .qqserver_icon-alert {

display: inline-block;

margin-right: 10px;

vertical-align: -3px;

*display:inline;

*zoom:1;

*vertical-align:-1px

}

.qqserver_fold div {

width: 70px;

height: 90px;

background-image: url(../image/8.jpg);

background-position: 0 0

}

.qqserver_fold:hover div {

width: 90px;

height: 90px;

background-image: url(../image/8.jpg);

background-position: 0 0

}

.qqserver_arrow {

width: 32px;

height: 90px;

background-image: url(../image/7.jpg);

}

.qqserver_arrow:hover {

width: 32px;

height: 90px;

background-image: url(../image/7.jpg);

}

.qqserver dl {

margin: 10px 0 0 0;

padding: 0;

width: 40%;

float: left;

margin-left: 5%;

}

.qqserver dl dd {

margin: 0;

padding: 0;

line-height: 22px;

}

.qqserver dl dd a:link {

font-size: 12px;

}

.qqserver dl dd a:visited {

font-size: 12px;

}

.qqserver dl dd a:hover {

font-size: 12px;

}

.qqserver dl dt {

margin: 0;

padding: 0;

font-size: 14px;

color: #1bb8ce;

margin-bottom: 5px;

}

.protitlebg {

background: url(../image/productmenubg.jpg) repeat-x #FFF top;

box-shadow: 0px 3px 5px #ccc;

padding-bottom: 5px;

}

@media (max-width:1080px) {

.protitlebg {

display: none;

}

.qqserver .qqserver-header:after, .qqserver .qqserver-header:before, .qqserver li a:after, .qqserver li a:before {

display: table;

content: ' '

}

.qqserver .qqserver-header:after, .qqserver li a:after {

clear: both

}

.qqserver .qqserver-header, .qqserver li a, .tabs, .user-main, .view-category, .view-category-list>li {

*zoom:1

}

.qqserver {

position: fixed;

left: 0;

top: 15%;

height: 450px;

margin-top: 0px;

z-index: 10;

}

.qqserver.unfold .qqserver-body {

left: 0

}

.qqserver .qqserver-body {

position: absolute;

left: -36s4px;

width: 340px;

height: 450px;

padding: 12px 10px;

background-color: #FFF;

box-shadow: 1px 2px 15px 2px rgba(0,0,0,0.1);

}

.qqserver .qqserver_fold {

position: absolute;

left: 0;

padding: 0;

cursor: pointer;

background: #1bb8ce

}

.qqserver .qqserver-header * {

float: right;

position: absolute;

right: 0;

top: 150px;

}

.qqserver .qqserver_arrow {

margin-top: -1px;

margin-left: 7px;

cursor: pointer

}

.qqserver .qqserver-footer {

margin-top: 10px;

padding-top: 14px;

padding-bottom: 14px;

padding-left: 11px;

border-top: 1px dashed #d1d4cc

}

.qqserver .qqserver-footer .text-primary {

color: #70CA5D;

font-size: 14px;

}

.qqserver .qqserver_icon-alert {

display: inline-block;

margin-right: 10px;

vertical-align: -3px;

*display:inline;

*zoom:1;

*vertical-align:-1px

}

.qqserver_fold div {

width: 70px;

height: 60px;

background-image: url(../image/8-.jpg);

background-position: 0 0

}

.qqserver_fold:hover div {

width: 70px;

height: 60px;

background-image: url(../image/8-.jpg);

background-position: 0 0

}

.qqserver_arrow {

width: 25px;

height: 70px;

background-image: url(../image/7-.jpg);

}

.qqserver_arrow:hover {

width: 25px;

height: 70px;

background-image: url(../image/7-.jpg);

}

.qqserver dl {

margin: 10px 0 0 0;

padding: 0;

width: 40%;

float: left;

margin-left: 4%;

}

.qqserver dl dd {

margin: 0;

padding: 0;

line-height: 16px;

}

.qqserver dl dd a:link {

font-size: 10px;

}

.qqserver dl dd a:visited {

font-size: 10px;

}

.qqserver dl dd a:hover {

font-size: 10px;

}

.qqserver dl dt {

margin: 0;

padding: 0;

font-size: 14px;

color: #1bb8ce;

margin-bottom: 5px;

}

}

.swhz .swhzright {

float: right;

width: 100%;

background-color: #efefef;

padding: 30px 0;

}

.swhz .swhzright .rightcon {

width: 90%;

margin: 0 5%;

}

.swhz .swhzright h2 {

font-size: 20px;

color: #1bb8ce;

margin: 0;

padding: 0;

font-weight: bold;

}

.swhz .swhzright h3 {

font-size: 16px;

color: #1bb8ce;

font-weight: 400;

margin: 0;

padding: 0;

}

.swhz .swhzright h4 {

font-size: 14px;

background: url(../image/h4icon.jpg) no-repeat left center;

padding-left: 15px;

margin: 10px 0;

}

.swhz .swhzright .rightcon .h4z {

margin-left: 15px;

width: 100%;

font-size: 12px;

}

.wdlxfs {

width: 100%;

margin: auto;

padding: 20px 0 20px 0;

}

.wdlxfs .wda {

float: left;

width: 280px;

height: 190px;

background-color: #efefef;

padding: 20px;

line-height: 24px;

font-size: 16px;

margin: 0 20px 30px 20px;

;

}

.wdlxfs .wda h2 {

margin-bottom: 20px;

margin: 0 0 10px 30px;

padding: 0;

font-size: 20px;

}

.wdlxfs .wda .add {

background: url(../image/linka.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .tel {

background: url(../image/linkb.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .lxr {

background: url(../image/linkc.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda:hover {

background-color: #1bb8ce;

}

.wdlxfs .wda:hover h2 {

color: #FFF;

}

.wdlxfs .wda:hover .add {

background: url(../image/linkah.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .tel {

background: url(../image/linkbh.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .lxr {

background: url(../image/linkch.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

}

@media (max-width:768px) {

.swhz .swhzleft {

float: left;

width: 100%;

}

.swhz .swhzleft img {

width: 100%;

}

.swhz .swhzright {

float: right;

width: 100%;

background-color: #efefef;

padding: 30px 0;

}

.swhz .swhzright .rightcon {

width: 90%;

margin: 0 5%;

}

.swhz .swhzright h2 {

font-size: 20px;

color: #1bb8ce;

margin: 0;

padding: 0;

font-weight: bold;

}

.swhz .swhzright h3 {

font-size: 16px;

color: #1bb8ce;

font-weight: 400;

margin: 0;

padding: 0;

}

.swhz .swhzright h4 {

font-size: 14px;

background: url(../image/h4icon.jpg) no-repeat left center;

padding-left: 15px;

margin: 10px 0;

}

.swhz .swhzright .rightcon .h4z {

margin-left: 15px;

width: 100%;

font-size: 12px;

}

.wdlxfs {

width: 100%;

margin: auto;

padding: 20px 0 20px 0;

}

.wdlxfs .wda {

float: none;

width: 280px;

height: 190px;

background-color: #efefef;

padding: 20px;

line-height: 24px;

font-size: 16px;

margin: 0 auto 30px auto;

}

.wdlxfs .wda h2 {

margin-bottom: 20px;

margin: 0 0 10px 30px;

padding: 0;

font-size: 20px;

}

.wdlxfs .wda .add {

background: url(../image/linka.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .tel {

background: url(../image/linkb.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda .lxr {

background: url(../image/linkc.png) no-repeat left top;

padding-left: 30px;

margin-bottom: 10px;

}

.wdlxfs .wda:hover {

background-color: #1bb8ce;

}

.wdlxfs .wda:hover h2 {

color: #FFF;

}

.wdlxfs .wda:hover .add {

background: url(../image/linkah.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .tel {

background: url(../image/linkbh.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

.wdlxfs .wda:hover .lxr {

background: url(../image/linkch.png) no-repeat left top;

padding-left: 30px;

color: #FFF;

}

}

/*人才招聘*/































































.joblist {

width: 1200px;

margin: auto;

padding: 60px 0;

}

.joblist .jobul {

display: block;

border-bottom: #dcdedd solid 3px;

height: 40px;

}

.joblist .jobul li {

float: left;

font-weight: bold;

font-size: 16px;

}

.joblist .jobul .jobzw {

width: 300px;

text-indent: 30px;

}

.joblist .jobul .jobdw {

width: 300px;

text-align: center;

}

.joblist .jobul .jobdd {

width: 300px;

text-align: center;

}

.joblist .jobul .jobsj {

width: 300px;

text-align: right;

}

.joblist .jobdl {

display: block;

border-bottom: #dcdedd solid 1px;

height: 60px;

line-height: 60px;

}

.joblist .jobdl dt {

float: left;

font-weight: bold;

font-size: 14px;

}

.joblist .jobdl .dlzw {

width: 300px;

text-indent: 30px;

}

.joblist .jobdl .dldw {

width: 300px;

text-align: center;

}

.joblist .jobdl .dldd {

width: 300px;

text-align: center;

}

.joblist .jobdl .dlsj {

width: 300px;

text-align: right;

}

.joblist .jobdl .dlzw a:link {

color: #38bcd5;

}

.joblist .jobdl .dlzw a:visited {

color: #38bcd5;

}

.joblist .jobdl .dlzw a:hover {

color: #222;

}

.jobmore {

border: 2px solid #c9c9c9;

border-radius: 20px;

height: 36px;

line-height: 36px;

width: 180px;

margin: 60px auto 0 auto;

text-align: center;

}

.jobcontent {

background-color: #e6e7e7;

padding: 60px;

}

.jobcontent .jobcona {

width: 1055px;

margin: auto;

background-color: #FFF;

padding: 35px 60px;

margin-bottom: 20px;

}

.jobcontent .jobcona .jobconaleft {

float: left;

width: 750px;

line-height: 28px;

}

.jobcontent .jobcona .jobconaright {

float: right;

width: 250px;

text-align: right;

}

.jobcontent .jobcona h2 {

color: #333;

margin-bottom: 10px;

}

.jobcontent .jobconb {

width: 1055px;

margin: auto;

background-color: #FFF;

padding: 60px;

margin-bottom: 20px;

line-height: 38px;

}

.jobcontent .jobconb h2 {

font-size: 20px;

color: #333;

margin-bottom: 30px;

}

.jobcontact {

text-align: right;

font-size: 14px;

}

@media (max-width:1200px) {

.top {

display: none;

}

.banner_ab1 {

display: none;

}

.tn {

display: none;

}

.ey-head {

display: block;

}

.ey-banner-ny {

display: block;

}

.ey-banner {

display: block;

padding-top: 50px;

}

.active {

border-bottom: 2px solid #1eb8ce;

}

.zh_nav {

height: 60px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 20%;

float: left;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 58px;

font-size: 16px;

}

.zh_nav li:hover a {

border-bottom: 3px solid #1eb8ce;

}

.hexin_hn li {

width: 33.3333%;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 60px;

font-size: 16px;

}

.joblist {

width: 100%;

margin: auto;

padding: 20px 0;

}

.joblist .jobul {

display: block;

border-bottom: #dcdedd solid 3px;

height: 40px;

}

.joblist .jobul li {

float: left;

font-weight: bold;

font-size: 12px;

}

.joblist .jobul .jobzw {

width: 32%;

text-indent: 10px;

}

.joblist .jobul .jobdw {

width: 18%;

text-align: center;

}

.joblist .jobul .jobdd {

width: 18%;

text-align: center;

}

.joblist .jobul .jobsj {

width: 30%;

text-align: right;

padding-right: 2%;

}

.joblist .jobdl {

display: block;

border-bottom: #dcdedd solid 1px;

height: 60px;

line-height: 60px;

}

.joblist .jobdl dt {

float: left;

font-weight: bold;

font-size: 12px;

}

.joblist .jobdl .dlzw {

width: 32%;

text-indent: 10px;

}

.joblist .jobdl .dldw {

width: 18%;

text-align: center;

}

.joblist .jobdl .dldd {

width: 18%;

text-align: center;

}

.joblist .jobdl .dlsj {

width: 30%;

text-align: right;

padding-right: 2%;

}

.joblist .jobdl .dlzw a:link {

color: #38bcd5;

}

.jobmore {

border: 1px solid #c9c9c9;

border-radius: 26px;

height: 26px;

line-height: 26px;

width: 130px;

margin: 30px auto 0 auto;

text-align: center;

}

.jobcontent {

background-color: #e6e7e7;

padding: 20px 10px;

}

.jobcontent .jobcona {

width: 90%;

margin: auto;

background-color: #FFF;

padding: 5%;

margin-bottom: 20px;

}

.jobcontent .jobcona .jobconaleft {

float: left;

width: 100%;

line-height: 28px;

}

.jobcontent .jobcona .jobconaright {

float: right;

width: 100%;

text-align: left;

}

.jobcontent .jobcona h2 {

color: #333;

margin-bottom: 10px;

font-size: 18px;

}

.jobcontent .jobconb {

width: 90%;

margin: auto;

background-color: #FFF;

padding: 5%;

margin-bottom: 0px;

line-height: 38px;

}

.jobcontent .jobconb h2 {

font-size: 20px;

color: #333;

margin-bottom: 18px;

}

.jobcontact {

text-align: right;

font-size: 14px;

}

}

@media (max-width:768px) {

.joblist {

width: 100%;

margin: auto;

padding: 20px 0;

}

.joblist .jobul {

display: block;

border-bottom: #dcdedd solid 3px;

height: 40px;

}

.joblist .jobul li {

float: left;

font-weight: bold;

font-size: 12px;

}

.joblist .jobul .jobzw {

width: 66%;

text-indent: 10px;

}

.joblist .jobul .jobdw {

width: 0%;

text-align: center;

display: none;

}

.joblist .jobul .jobdd {

width: 0%;

text-align: center;

display: none;

}

.joblist .jobul .jobsj {

width: 30%;

text-align: right;

padding-right: 2%;

}

.joblist .jobdl {

display: block;

border-bottom: #dcdedd solid 1px;

height: 60px;

line-height: 60px;

}

.joblist .jobdl dt {

float: left;

font-weight: bold;

font-size: 12px;

}

.joblist .jobdl .dlzw {

width: 66%;

text-indent: 10px;

}

.joblist .jobdl .dldw {

width: 0%;

text-align: center;

display: none;

}

.joblist .jobdl .dldd {

width: 0%;

text-align: center;

display: none;

}

.joblist .jobdl .dlsj {

width: 30%;

text-align: right;

padding-right: 2%;

}

.joblist .jobdl .dlzw a:link {

color: #38bcd5;

}

.jobmore {

border: 1px solid #c9c9c9;

border-radius: 26px;

height: 26px;

line-height: 26px;

width: 130px;

margin: 30px auto 0 auto;

text-align: center;

}

.jobcontent {

background-color: #e6e7e7;

padding: 20px 10px;

}

.jobcontent .jobcona {

width: 90%;

margin: auto;

background-color: #FFF;

padding: 5%;

margin-bottom: 20px;

}

.jobcontent .jobcona .jobconaleft {

float: left;

width: 100%;

line-height: 28px;

}

.jobcontent .jobcona .jobconaright {

float: right;

width: 100%;

text-align: left;

}

.jobcontent .jobcona h2 {

color: #333;

margin-bottom: 10px;

font-size: 18px;

}

.jobcontent .jobconb {

width: 90%;

margin: auto;

background-color: #FFF;

padding: 5%;

margin-bottom: 0px;

line-height: 38px;

}

.jobcontent .jobconb h2 {

font-size: 20px;

color: #333;

margin-bottom: 18px;

}

.jobcontact {

text-align: right;

font-size: 14px;

}

}

@media (max-width:580px) {

.zh_nav {

height: 35px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 33%;

float: left;

height: 37px;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 35px;

font-size: 12px;

}

.zh_nav li:hover a {

border-bottom: 2px solid #1eb8ce;

}

.hexin_hn li {

width: 50%;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 35px;

font-size: 12px;

}

.contact_hn li a {

display: block;

width: 100%;

text-align: center;

line-height: 35px;

font-size: 12px;

}

.henxin_abf h2 {

font-size: 20px;

text-align: center;

margin-top: 13px;

}

.active {

border-bottom: 2px solid #1eb8ce;

}

}

@media only screen and (  max-width: 768px) and (min-width: 580px) {

.zh_nav {

height: 40px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 33%;

float: left;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 38px;

font-size: 12px;

}

.zh_nav li:hover a {

border-bottom: 2px solid #1eb8ce;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 38px;

font-size: 12px;

}

.active {

border-bottom: 2px solid #1eb8ce;

}

}

@media only screen and (max-width: 1024px) and (min-width: 768px) {

.zh_nav {

height: 50px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 33%;

float: left;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 48px;

font-size: 16px;

}

.zh_nav li:hover a {

border-bottom: 2px solid #1eb8ce;

}

.active {

border-bottom: 4px solid #1eb8ce;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 48px;

font-size: 16px;

}

}

@media only screen and (max-width: 3000px) and (min-width: 1024px) {

.zh_nav {

height: 98px;

border-bottom: 2px solid #e1e5e2;

border-top: 1px solid #dedfda;

}

.zh_nav li {

width: 33.333%;

float: left;

}

.zh_nav li a {

display: block;

width: 100%;

text-align: center;

line-height: 92px;

font-size: 22px;

font-family: FontAwesome;

}

.zh_nav li:hover a {

border-bottom: 6px solid #1eb8ce;

font-family: jiajing;

}

.active {

border-bottom: 4px solid #1eb8ce;

}

.downa li {

width: 50%;

}

.downa li a {

display: block;

width: 100%;

text-align: center;

line-height: 92px;

font-size: 22px;

}

}

/*pages*/































































.downpagebg {

background-color: #efeff0;

padding-bottom: 50px;

}

.pages {

height: 60px;

padding: 20px 0 30px;

width: 100%;

clear: both;

display: table;

margin: auto;

}

.tcdPageCode {

text-align: center;

color: #1db8ce;

font-size: 14px;

}

.tcdPageCode li {

display: inline;

}

.tcdPageCode span.disabled {

display: inline-block;

height: 35px;

line-height: 35px;

padding: 0 14px;

margin: 0 2px;

color: #808080;

background: #fff;

border: 1px solid #e6e3e3;

vertical-align: middle;

border-radius: 1px;

}

.tcdPageCode span.current {

display: inline-block;

height: 35px;

line-height: 35px;

padding: 0 14px;

margin: 0 2px;

color: #fff;

background-color: #1db8ce;

border: 1px solid #1db8ce;

vertical-align: middle;

border-radius: 1px;

}

.tcdPageCode a {

display: inline-block;

color: #1db8ce;

height: 35px;

line-height: 35px;

background: #fff;

padding: 0 14px;

border: 1px solid #ddd;

margin: 0 2px;

vertical-align: middle;

border-radius: 1px;

}

.qqserver .qqserver-header:after, .qqserver .qqserver-header:before, .qqserver li a:after, .qqserver li a:before {

display: table;

content: ' '

}

.qqserver .qqserver-header:after, .qqserver li a:after {

clear: both

}

.qqserver .qqserver-header, .qqserver li a, .tabs, .user-main, .view-category, .view-category-list>li {

*zoom:1

}

.qqserver {

position: fixed;

top: 48%;

left: 0;

height: 450px;

margin-top: -104px;

z-index: 10;

}

.qqserver.unfold .qqserver-body {

left: 0

}

.qqserver .qqserver-body {

position: absolute;

left: -744px;

width: 640px;

height: 450px;

padding: 12px 10px;

border: #ebebeb solid 1px;

background-color: #FFF;

box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.1);

}

.qqserver .qqserver_fold {

position: absolute;

left: 0;

padding: 0;

cursor: pointer;

background: #1bb8ce

}

.qqserver .qqserver-header * {

float: right;

position: absolute;

right: 0;

top: 150px;

}

.qqserver .qqserver_arrow {

margin-top: -1px;

margin-left: 7px;

cursor: pointer

}

.qqserver .qqserver-footer {

margin-top: 10px;

padding-top: 14px;

padding-bottom: 14px;

padding-left: 11px;

border-top: 1px dashed #d1d4cc

}

.qqserver .qqserver-footer .text-primary {

color: #70CA5D;

font-size: 14px;

}

.qqserver .qqserver_icon-alert {

display: inline-block;

margin-right: 10px;

vertical-align: -3px;

*display:inline;

*zoom:1;

*vertical-align:-1px

}

.qqserver_fold div {

width: 90px;

height: 90px;

background-image: url(../image/8.jpg);

background-position: 0 0

}

.qqserver_fold:hover div {

width: 90px;

height: 90px;

background-image: url(../image/8.jpg);

background-position: 0 0

}

.qqserver_arrow {

width: 32px;

height: 90px;

background-image: url(../image/7.jpg);

}

.qqserver_arrow:hover {

width: 32px;

height: 90px;

background-image: url(../image/7.jpg);

}

.qqserver dl {

margin: 10px 0 0 0;

padding: 0;

width: 40%;

float: left;

margin-left: 5%;

}

.qqserver dl dd {

margin: 0;

padding: 0;

line-height: 22px;

}

.qqserver dl dd a:link {

font-size: 12px;

}

.qqserver dl dd a:visited {

font-size: 12px;

}

.qqserver dl dd a:hover {

font-size: 12px;

}

.qqserver dl dt {

margin: 0;

padding: 0;

font-size: 14px;

color: #1bb8ce;

margin-bottom: 5px;

}

.protitlebg {

background: url(../image/productmenubg.jpg) repeat-x #FFF top;

box-shadow: 0px 3px 5px #ccc;

padding-bottom: 5px;

}

@media (max-width:1080px) {

.protitlebg {

display: none;

}

.qqserver .qqserver-header:after, .qqserver .qqserver-header:before, .qqserver li a:after, .qqserver li a:before {

display: table;

content: ' '

}

.qqserver .qqserver-header:after, .qqserver li a:after {

clear: both

}

.qqserver .qqserver-header, .qqserver li a, .tabs, .user-main, .view-category, .view-category-list>li {

*zoom:1

}

.qqserver {

position: fixed;

left: 0;

top: 15%;

height: 450px;

margin-top: 0px;

z-index: 10;

}

.qqserver.unfold .qqserver-body {

left: 0

}

.qqserver .qqserver-body {

position: absolute;

left: -36s4px;

width: 340px;

height: 450px;

padding: 12px 10px;

background-color: #FFF;

box-shadow: 1px 2px 15px 2px rgba(0,0,0,0.1);

}

.qqserver .qqserver_fold {

position: absolute;

left: 0;

padding: 0;

cursor: pointer;

background: #1bb8ce

}

.qqserver .qqserver-header * {

float: right;

position: absolute;

right: 0;

top: 150px;

}

.qqserver .qqserver_arrow {

margin-top: -1px;

margin-left: 7px;

cursor: pointer

}

.qqserver .qqserver-footer {

margin-top: 10px;

padding-top: 14px;

padding-bottom: 14px;

padding-left: 11px;

border-top: 1px dashed #d1d4cc

}

.qqserver .qqserver-footer .text-primary {

color: #70CA5D;

font-size: 14px;

}

.qqserver .qqserver_icon-alert {

display: inline-block;

margin-right: 10px;

vertical-align: -3px;

*display:inline;

*zoom:1;

*vertical-align:-1px

}

.qqserver_fold div {

width: 70px;

height: 60px;

background-image: url(../image/8-.jpg);

background-position: 0 0

}

.qqserver_fold:hover div {

width: 70px;

height: 60px;

background-image: url(../image/8-.jpg);

background-position: 0 0

}

.qqserver_arrow {

width: 25px;

height: 70px;

background-image: url(../image/7-.jpg);

}

.qqserver_arrow:hover {

width: 25px;

height: 70px;

background-image: url(../image/7-.jpg);

}

.qqserver dl {

margin: 10px 0 0 0;

padding: 0;

width: 40%;

float: left;

margin-left: 4%;

}

.qqserver dl dd {

margin: 0;

padding: 0;

line-height: 16px;

}

.qqserver dl dd a:link {

font-size: 10px;

}

.qqserver dl dd a:visited {

font-size: 10px;

}

.qqserver dl dd a:hover {

font-size: 10px;

}

.qqserver dl dt {

margin: 0;

padding: 0;

font-size: 14px;

color: #1bb8ce;

margin-bottom: 5px;

}

}