/* CSS Document */
*html { background-image:url(about:blank); background-attachment:fixed; } /* 修正IE6振动bug */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, tbody, p, th, td, em { -webkit-text-size-adjust:none; margin:0; padding:0; border:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-size:14px; font-family:Arial; }
body {font-size: 14px;margin: 0px;padding: 0px;color: #666;background-color: #fff;}
ul { margin: 0px; padding: 0px; }
a:active, a:focus { outline:none; }
a {color: #000;text-decoration: none;}
a:hover { color:#6dace2; }
li { list-style-type: none; }
dl, dd, dt, img { margin: 0px; padding: 0px; border:0px; }
/*头部*/
.xwm_top
{
width:100%;
float:left;
height:50px;
border-bottom:1px solid #ededed;
}
.xwm_top_1
{
width:1200px;
margin:auto;
}
.xwm_top_l
{
float: left;
border-right: 1px solid #ededed;
margin-right: 30px;
}
.xwm_top_l p
{float: left;line-height: 50px;margin-right: 40px;}
.xwm_top_l p img
{
margin-right: 15px;
}
.xwm_top_c
{
float: right;
margin-right: 4%;
border-right: 1px solid #ededed;
height: 50px;
}
.xwm_top_c img
{
margin-top: 18px;
margin-right: 30px;
}
.xwm_top_r
{
float: right;
position: relative;
}
.xwm_top_r p
{
line-height: 50px;
}
.xwm_top_r p img
{
margin-right: 10px;
position: absolute;
margin-top: 18px;
}
.xwm_top_r p em
{
padding-left: 11px;
}
.xwm_top_r:hover .xwm_top_r1
{
display:block;
}
.xwm_top_r1
{
border: 1px solid #ededed;
padding: 5px 30px;
position: absolute;
left: -32px;
display: none;
background: #fff;
z-index: 99999;
}
.xwm_top_r1 p
{
line-height: 40px;
}
.xwm_top_r1 p img
{
margin-top: 12px;
}
/*导航*/
.x_logo
{
width:100%;
float:left;
height: 100px;
border-bottom: 1px solid #ededed;
}
.x_logo_1
{
width:1200px;
margin:auto;
}
.x_logo_l
{
float:left;
}
.x_logo_l img
{
margin-top: 10px;
}
.x_logo_c
{
float:left;
margin-left: 10%;
}
.x_logo_r
{
float: right;
/* margin-top: 40px; */
}
.x_logo_c li
{
float:left;
line-height: 100px;
height: 100px;
}
.x_logo_c li:hover .x_dhxl
{
display:block;
}
.x_logo_c li .x_dhxl
{
position: absolute;
display: none;
z-index: 999999999;
}
.x_logo_c li .x_dhxl p
{
height: 50px;
line-height: 50px;
background: #6dace2;
color: #fff;
/* padding: 0 30px; */
}
.x_logo_c li .x_dhxl p a
{
color: #fff;
}
.x_logo_c li .x_dhxl p:hover
{
background:#4397df;
}
.x_logo_c li a
{
padding-left: 30px;
padding-right: 30px;
}
.x_logo_c li:hover
{
background: #6dace2;
}
.x_logo_c li:hover a
{
color: #fff;
}
.x_logo_r1
{
float: left;
height: 100px;
}
.x_logo_r1 img
{
margin-top: 40px;
}
.x_logo_r2
{
float: left;
margin-left: 30px;
margin-right: 30px;
}
.x_logo_r2 img
{
margin-top: 40px;
}
.x_logo_r3
{
float: left;
}
.x_logo_r3 img
{
margin-top: 40px;
}
.index_search{width: 240px;height: 40px;float: right;background: #fff;margin-top: 27px;border: 1px solid #e0e0e0;margin-right: 20px;}
.index_search .search_input{float: left;width: 200px;margin-left: 12px;border: 0;outline: 0;background: no-repeat;line-height: 40px;color: #999;height: 40px;}
.index_search .search_btn{width: 15px;height: 15px;background: url(../../../../../../jscssimage.jz60.com/s85/en/images/4/fdj.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/fdj.png*/ no-repeat;cursor: pointer;border: 0;outline: 0;margin-top: 13px;/* border-left: 1px solid #ccc; */}
.fdj_b {
position: absolute;
margin-left: -150px;
margin-top: 38px;
width: 280px;
height: 94px;
background: #fff;
border-top: 2px solid #ff6600;
display: none;
z-index: 999999;
box-shadow: 0 0 1px 2px #eaeaea;
}
.x_logo_r1:hover .fdj_b
{
display:block;
}
.x_logo_r3 em
{
position: absolute;
height: 20px;
line-height: 20px;
background: #000;
width: 20px;
text-align: center;
color: #fff;
border-radius: 50%;
font-size: 14px;
margin-top: 25px;
}
/*分类展示*/
.x_pro
{
width:100%;
float:left;
margin-top: 30px;
/* margin-bottom: 30px; */
}
.x_pro_1
{
width:1200px;
margin:auto;
}
.x_pro_t
{
text-align: center;
margin-bottom: 30px;
}
.x_pro_t h1
{
font-size: 30px;
font-family: "Arial";
color: rgb(0, 0, 0);
}
.x_pro_t img
{
margin-top: 10px;
margin-bottom: 10px;
}
.x_pro_t p
{
font-size: 16px;
font-family: "Arial";
color: rgb(0, 0, 0);
}
.x_pro_b
{
display: inline-block;
width: 100%;
}
.x_pro_b1
{
display: inline-block;
text-align: center;
margin-right: 14px;
}
.x_pro_bimg
{
width: 264px;
height: 264px;
overflow: hidden;
border-radius: 50%;
}
.x_pro_b1 img{
margin: auto;
z-index: 1;
transition: 1s;
}
.x_pro_b1 img:hover{
transform: rotate(360deg) scale(1.3);
width: 264px;
height: 264px;
}
.x_pro_b1 p
{
color: #000;
height: 50px;
line-height: 50px;
font-size: 18px;
}
.x_pro_b2
{
float: right !important;
margin: 0;
margin-right: 0px !important;
}
.x_pro_zs
{
width: 100%;
float: left;
text-align: center;
}
.x_pro_zs li
{
float: left;
position: relative;
margin-right: 7px;
height: 430px;
width: 270px;
}
.x_pro_zs1
{
width: 270px;
text-align: center;
margin: auto;
/* display: inline-block; */
height: 350px;
overflow: hidden;
position: relative;
}
.x_pro_zsc1 img
{
width: 100%;
}
.x_pro_zsc1 img{
cursor: pointer;
transition: all 0.6s;
}
.x_pro_zsc1 img:hover{
transform: scale(1.4);
}
.x_pro_zs1:hover .x_pro_zsc
{
bottom:30px;
}
.x_pro_zsc
{
position: absolute;
bottom: -80px;
z-index: 99999;
margin-left: 25px;
transition: 0.3s linear 0.2s;
/* Safari */
-webkit-transition:0.3s linear 0.2s;
}
.x_pro_zsc p
{
height: 45px;
line-height: 45px;
width: 135px;
background: #4e4e4e;
text-align: center;
color: #fff;
font-size: 14px;
float: left;
}
.x_pro_zsc p a
{
color: #fff;
}
.x_pro_zsc img
{
width: 45px !important;
float: left;
}
.x_pro_zs2
{
width: 100%;
float: left;
}
.x_pro_zs2 p
{
font-size: 18px;
font-family: "Arial";
color: rgb(0, 0, 0);
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
height: 24px;
overflow: hidden;
}
.x_pro_zs2 em
{
font-size: 18px;
font-family: "Arial";
color: rgb(0, 0, 0);
text-align: left;
width: 100%;
}
.frame {
width: 90%;
margin: 40px auto;
text-align: center;
}
button {
/* margin: 0px 20px; */
}
.custom-btn {
width: 200px;
height: 40px;
color: #fff;
border-radius: 5px;
padding: 10px 25px;
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
7px 7px 20px 0px rgba(0,0,0,.1),
4px 4px 5px 0px rgba(0,0,0,.1);
}
.btn-7 {
background: linear-gradient(
0deg
, rgba(109,172,226,1) 0%, rgba(89,159,219,1) 100%);
line-height: 42px;
padding: 0;
border: none;
}
.btn-7 span {
position: relative;
display: block;
width: 100%;
height: 100%;
color: #fff;
}
.btn-7 span a
{
color: #fff;
}
.btn-7 span:hover a
{
color:#6dace2;
}
.btn-7:before,
.btn-7:after {
position: absolute;
content: "";
right: 0;
bottom: 0;
background: rgba(109,172,226,1);
box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
transition: all 0.3s ease;
}
.btn-7:before{
height: 0%;
width: 2px;
}
.btn-7:after {
width: 0%;
height: 2px;
}
.btn-7:hover{
color: rgba(251,75,2,1);
background: transparent;
}
.btn-7:hover:before {
height: 100%;
}
.btn-7:hover:after {
width: 100%;
}
.btn-7 span:before, .btn-7 span:after {
position: absolute;
content: "";
left: 0;
top: 0;
background: rgba(109,172,226,1);
box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
transition: all 0.3s ease;
}
.btn-7 span:before {
width: 2px;
height: 0%;
}
.btn-7 span:after {
height: 2px;
width: 0%;
}
.btn-7 span:hover:before {
height: 100%;
}
.btn-7 span:hover:after {
width: 100%;
}
.x_bg
{
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/x_bg.jpg)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/x_bg.jpg*/ no-repeat;
width:100%;
float:left;
position: relative;
padding: 100px 0px 60px;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #000;
margin-top: 50px;
}
.x_bg_1
{
width:1200px;
margin:auto;
}
.x_bg_c
{
background: #ffffffab;
text-align: center;
min-height: 400px;
}
.x_bg_c h1
{
font-size: 40px;
font-family: "Arial";
color: rgb(0, 0, 0);
line-height: 1.321;
text-align: center;
font-weight: 100;
padding-top: 80px;
}
.x_bg_c p
{
font-size: 15px;
font-family: "Arial";
color: rgb(0, 0, 0);
line-height: 1.875;
text-align: center;
width: 80%;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
}
.x_bg_c em
{
}
/*产品展示*/
.x_product
{
width:100%;
float:left;
margin-top: 30px;
margin-bottom: 30px;
}
.x_product_1
{
width:1200px;
margin:auto;
}
.x_product_1 h1
{
font-size: 30px;
font-family: "Arial";
color: rgb(0, 0, 0);
font-weight:100;
}
.x_product_c
{
width: 100%;
float: left;
margin-top: 30px;
}
.x_product_l
{
width: 280px;
background: #74caad;
height: 625px;
float: left;
text-align: center;
}
.x_product_l img
{
margin-top: 130px;
}
.x_product_l p
{
margin-top:20px;
font-size: 30px;
font-family: "Arial";
color: rgb(255, 255, 255);
}
.x_product_l span
{
color: rgb(255, 255, 255);
font-size: 15px;
}
.x_product_r
{
width: 1030px;
float: right;
}
.x_product_r li:hover .x_pro_zsc
{
bottom:30px;
}
.x_product_r li
{
position:relative;
float: left;
overflow: hidden;
margin-bottom: 6px;
width: 500px;
height: 310px;
}
.x_product_rc img
{
width:100%;
min-height: 311px;
}
.x_product_rc img{
cursor: pointer;
transition: all 0.6s;
}
.x_product_rc img:hover{
transform: scale(1.4);
}
.x_product_r1
{
float:left !important;
margin-top: 30px;
}
.x_product_l1
{
float:right !important;
margin-top: 30px;
background: #6dace2;
}
.ico
{
width:100%;
float:left;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
padding-top: 30px;
padding-bottom: 30px;
}
.ico_1
{
width:1200px;
margin:auto;
}
.ico1
{
float: left;
width: 24%;
margin-right: 1%;
}
.ico1 img
{float: left;margin-right: 20px;}
.ico1 p
{font-size: 24px;color: #000;}
.ico1 span
{
color: #000;
line-height: 24px;
float: left;
width: 215px;
}
.x_pro_h
{
width: 100%;
}
.x_pro_h li
{
float: left;
width: 16%;
margin-right: 10px;
}
.x_pro_h li img
{
width: 100%;
height: 112px;
}
.s48_bottom
{
width:100%;
float:left;
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/bg3.jpg)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/bg3.jpg*/ no-repeat center;
height:460px;
margin-top: 30px;
}
.s48_bottom_1
{
width: 70%;
margin:auto;
}
.s48_bottom_l
{
float: left;
width: 16%;
}
.s48_bottom_l img
{
}
.s48_bottom_l p
{
color: #fff;
line-height: 24px;
margin-bottom: 20px;
/* padding-left: 25px; */
position: relative;
margin-top: 15px;
}
.s48_bottom_c
{
float: left;
margin-top: 50px;
margin-left: 115px;
}
.s48_bottom_c p
{
color: #fff;
margin-bottom: 20px;
}
.s48_bottom_c p a
{
color: #fff;
}
.s48_bottom_c p a:hover
{
color:#6dace2;
}
.s48_bottom_r
{
margin-top: 50px;
float: right;
position: relative;
}
.s48_bottom_r h1
{
color: #fff;
font-size: 24px;
margin-bottom: 20px;
}
.s48_bottom_l p img
{
position: absolute;
margin-top: 5px;
float: left;
left: 0;
}
.s48_bottom_c h1
{
color: #fff;
font-size: 24px;
margin-bottom: 20px;
}
.s48_bottom_r input {
width: 100%;
display: block;
background: #212221;
border: none;
height: 55px;
outline: none !important;
box-shadow: none !important;
border-radius: 27.5px !important;
padding-right: 75px;
padding-left: 20px;
padding-top: 0px;
padding-bottom: 0px;
color: #fff;
font: normal 15px/55px "Barlow", sans-serif;
}
.btn11
{
top: 55px !important;
}
.s48_bottom_r button
{
border: none;
height: 47px;
border-radius: 23.5px !important;
width: 70px;
padding: 0px;
text-align: center;
outline: none !important;
box-shadow: none !important;
transition: all 300ms linear 0s;
position: absolute;
right: 0px;
top: 72px;
z-index: 999999999;
background: #6dace2;
color: #fff;
}
.s48_bottom_r img
{
margin-top: 20px;
margin-right: 10px;
}
.icp
{
width:100%;
float:left;
background:#f2f2f2;
}
.icp_1
{
width:100%;
max-width: 70%;
margin:auto;
}
.icp_l
{
float:left;
font-size: 14px;
height: 45px;
line-height: 45px;
}
.icp_r
{
float:right;
font-size: 14px;
height: 45px;
line-height: 45px;
}
.ydct
{
float:right;
position: relative;
}
.ydct:hover .ydct_1
{
display:block;
}
.ydct_1
{
display:none;
position: absolute;
margin-top: -180px;
}
.ydct_1 p
{
color:#fff;
font-size:14px;
text-align:center;
height:30px;
line-height:30px;
background: #999;
}
.tpl5 .price
{
border-radius:100%;
font-size: 24px;
font-weight:bold;
color:#fff;
background:#c00;
line-height: 50px;
text-align:center;
padding:15px;
display:block;
position:absolute;
text-decoration:none;
bottom: -100px;
right: 0px;
width: 80px;
height: 80px;
text-shadow:1px 1px 2px rgba(0,0,0,.5);
box-shadow:0 0 5px rgba(0,0,0,.3);
}
.tpl5 .buy
{
font-size:16px;
font-weight:bold;
color:#fff;
text-decoration:none;
position:absolute;
top: 60px;
left:110px;
background:#c00;
border-radius:4px;
padding: 8px 10px;
box-shadow:0 0 5px rgba(0,0,0,.3);
text-shadow:1px 1px 2px rgba(0,0,0,.5);
}
.he-wrap{position:relative;zoom:1;display:inline-block;*display:inline;position:relative}
.he-view,.he-zoom{position:absolute;top:0;left:0;right:0;bottom:0;/* overflow:hidden; */visibility:hidden;*display:none;_width:100%;_height:267px;}
.he-zoom img{position:absolute;top:0;left:0}
.he-zoomstate{position:absolute;bottom:0;right:0;background:#c00;color:#fff;border-radius:3px 0 0 0;font-size:12px;line-height:16px;padding:0 4px;box-shadow:-1px -1px 1px rgba(204,0,0,.3)}
.he-view-show{visibility:visible;*display:block;}
.he-sliders{overflow:hidden}
.he-sliders img{display:none}
.he-sliders img:first-child{display:inline-block;*display:inline;*zoom:1}
.he-pre,.he-next{position:absolute;top:50%;left:0;width:61px;height:35px;margin-top:-18px;background:url(../../../../../../jscssimage.jz60.com/s85/en/css/3/nav.png)/*tpa=http://jscssimage.jz60.com/s85/en/css/3/nav.png*/ no-repeat top left;cursor:pointer}
.he-next{left:auto;right:0;background-position:top right}
.a0,.a1,.a2,.a3,.a4,.a5,.a6,.a7{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-ms-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s}
.a1{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}
.a2{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.a3{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}
.a4{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.a5{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
.a6{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.a7{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s}
/* jellyInDown */
@-webkit-keyframes jellyInDown{
0%{-webkit-transform:translateY(-1000px);opacity:0}
40%{-webkit-transform:translateY(0px);opacity:1}
50%{-webkit-transform:scale(1.1,.9)}
60%{-webkit-transform:scale(.95,1.05)}
70%{-webkit-transform:scale(1.05,.95)}
80%{-webkit-transform:scale(.98,1.02)}
90%{-webkit-transform:scale(1.02,.98)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes jellyInDown{
0%{-moz-transform:translateY(-1000px);opacity:0}
40%{-moz-transform:translateY(0px);opacity:1}
50%{-moz-transform:scale(1.1,.9)}
60%{-moz-transform:scale(.95,1.05)}
70%{-moz-transform:scale(1.05,.95)}
80%{-moz-transform:scale(.98,1.02)}
90%{-moz-transform:scale(1.02,.98)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes jellyInDown{
0%{-o-transform:translateY(-1000px);opacity:0}
40%{-o-transform:translateY(0px);opacity:1}
50%{-o-transform:scale(1.1,.9)}
60%{-o-transform:scale(.95,1.05)}
70%{-o-transform:scale(1.05,.95)}
80%{-o-transform:scale(.98,1.02)}
90%{-o-transform:scale(1.02,.98)}
100%{-o-transform:scale(1)}
}
@keyframes jellyInDown{
0%{transform:translateY(-1000px);opacity:0}
40%{transform:translateY(0px);opacity:1}
50%{transform:scale(1.1,.9)}
60%{transform:scale(.95,1.05)}
70%{transform:scale(1.05,.95)}
80%{transform:scale(.98,1.02)}
90%{transform:scale(1.02,.98)}
100%{transform:scale(1)}
}
.jellyInDown{-webkit-animation-name:jellyInDown;-webkit-transform-origin:50% 100%;-moz-animation-name:jellyInDown;-moz-transform-origin:50% 100%;-o-animation-name:jellyInDown;-o-transform-origin:50% 100%;animation-name:jellyInDown;transform-origin:50% 100%}
/*template 2*/
.tpl2 .bg
{
background-color:#fff;
background-color:rgba(255,255,255,.5);
width:100%;
height:100%;
}
.tpl2 .center-bar
{
height:32px;
position:absolute;
top:50%;
margin-top:-16px;
text-align:center;
width:100%;
}
.tpl2 .center-bar a
{
display:inline-block;
width:32px;
height:32px;
margin:0 3px;
}
.tpl2 .twitter
{
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/twitter.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/twitter.png*/ no-repeat center center;
}
.tpl2 a.twitter:hover
{
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/twitter-hover.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/twitter-hover.png*/ no-repeat center center;
}
.tpl2 .in
{
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/in.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/in.png*/ no-repeat center center;
}
.tpl2 a.in:hover
{
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/in-hover.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/in-hover.png*/ no-repeat center center;
}
.tpl2 .facebook
{
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/facebook.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/facebook.png*/ no-repeat center center;
}
.tpl2 a.facebook:hover
{
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/facebook-hover.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/facebook-hover.png*/ no-repeat center center;
}
.tpl2 .google
{
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/google.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/google.png*/ no-repeat center center;
}
.tpl2 a.google:hover
{
background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/google-hover.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/google-hover.png*/ no-repeat center center;
}
/* fadeIn */
@-webkit-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@-o-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
/* fadeInUp */
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(100%)}
100%{opacity:1;-webkit-transform:translateY(0%)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;-moz-transform:translateY(100%)}
100%{opacity:1;-moz-transform:translateY(0%)}
}
@-o-keyframes fadeInUp{
0%{opacity:0;-o-transform:translateY(100%)}
100%{opacity:1;-o-transform:translateY(0%)}
}
@keyframes fadeInUp{
0%{opacity:0;transform:translateY(100%)}
100%{opacity:1;transform:translateY(0%)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
div.screen
{
display:none;
}
.m_db {
display: none;
}
.dd {
display: none;
}
@media screen and (max-width: 64rem){
.xwm_top
{
display:none;
}
.x_logo
{
display:none;
}
.x_pro_1 {
width:95%;
margin: auto;
}
.x_pro_t {
text-align: center;
margin-bottom:0px;
width:100%;
}
.x_pro_t p {
font-size: 16px;
font-family: "Arial";
color: rgb(0, 0, 0);
line-height: 24px;
}
.x_pro_b1 {
display: inline-block;
text-align: center;
margin-right: 0px;
width: 48%;
}
.x_pro_bimg {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 50%;
max-height: 380px;
}
.x_pro_b1 img {
margin: auto;
z-index: 1;
transition: 1s;
width: 100%;
width: 180px !important;
height: 180px !important;
}
.x_pro_b1 p {
color: #000;
height: 50px;
line-height: 50px;
font-size: 18px;
overflow: hidden;
}
.x_pro_zs li {
width: 100%;
}
.x_pro_zs1 {
width: 100%;
}
.x_bg_1 {
width: 95%;
margin: auto;
}
.x_bg_c h1 {
font-size: 24px;
}
.x_bg_c p {
font-size: 18px;
}
.x_product_1 {
width: 95%;
margin: auto;
}
.x_product_c {
width: 100%;
float: left;
margin-top: 30px;
}
.x_product_l {
width: 100%;
background: #74caad;
height: 625px;
float: left;
text-align: center;
}
.x_product_r li {
width: 100%;
height: 275px;
}
.x_product_r {
width: 100%;
float: right;
}
.ico_1 {
width: 95%;
margin: auto;
}
.ico1 {
float: left;
width: 49%;
margin-right:0%;
margin-bottom:15px;
}
.ico1 p {
font-size: 15px;
color: #000;
}
.x_pro_h li {
float: left;
width: 100%;
}
.he-wrap {
width: 100%;
}
.s48_bottom
{
display:none;
}
.icp
{
display:none;
}
.ico1 span {
color: #000;
line-height: 24px;
float: left;
width: 180px;
}
.tpl5 .price {
border-radius: 100%;
font-size: 30px;
font-weight: bold;
color: #fff;
background: #c00;
line-height: 73px;
text-align: center;
padding: 15px;
display: block;
position: absolute;
text-decoration: none;
bottom: -130px;
right: 90px;
width: 100px;
height: 100px;
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
box-shadow: 0 0 5px rgba(0,0,0,.3);
}
div.screen {
display:block;
}
.m_db
{
display: block !important;
}
.dd {
display: block !important;
}
.bottom_1_2
{
width: 19.6%;
float: left;
text-align: center;
background: #f2f2f2;
padding-top: 3%;
padding-bottom: 3%;
border-right: 1px solid #fff;
}
.bottom_1_2 i
{
font-size: 24px;
}
.bottom_1_2 p
{
font-size: 14px;
}
.bottom_1_3 i
{
font-size: 24px;
color:#fff;
}
.bottom_1_3 p
{
color:#fff;
font-size: 16px;
}
.bottom_1_3
{
width: 40%;
float:right;
text-align: center;
background: #6dace2;
padding-top:3%;
padding-bottom:3%;
}
.m_db
{
/* display:block !important; */
width: 100%;
float: left;
background: #1f1f1f;
padding-top: 5%;
padding-bottom: 5%;
text-align: center;
color: #fff;
font-size: 24px;
line-height: 39px;
margin-bottom: 14%;
}
.dd
{
/* display:block !important; */
width: 100%;
float: left;
position: fixed;
bottom: 0px;
z-index: 999999999999999999999;
background: #f1f1f1;
}
.cpbox {
width: 95% !important;
margin: 0 auto;
/* margin-top: 95px !important; */
}
.fyc {
width: 95% !important;
margin: 0 auto;
}
.gywz_c_l {
width: 95% !important;
border: 1px solid #f1f1f1;
padding: 2% 3%;
margin: auto;
}
}
@media (min-width: 980px){
.x_pro_b {
width: 1200px !important;
}
.x_pro_zs ul
{
width:1200px;
float:left;
}
.x_pro_1 {
width: 1200px !important;
margin: auto;
}
.x_product_c {
width: 1200px;
}
.xwm_top_c {
float: right;
margin-right: 4%;
border-right: 1px solid #ededed;
height: 50px;
}
.x_logo_1 {
width:90%;
margin: auto;
}
.x_logo_c {
float: left;
margin-left:3%;
}
.x_pro_1 {
width: 90%;
margin: auto;
}
.x_pro_b1 {
display: inline-block;
text-align: center;
margin-right: 33px !important;
}
.x_pro_zs li {
float: left;
position: relative;
margin-right: 40px;
height: 430px;
}
.x_product_1 {
/* width: 90%; */
margin: auto;
}
.x_product_r li {
position: relative;
float: left;
overflow: hidden;
margin-bottom: 6px;
width: 436px;
height: 310px;
border: 1px solid #ccc;
text-align: center;
}
.x_product_r {
width: 890px;
float: right;
}
.ico_1 {
width: 90%;
margin: auto;
}
.x_pro_h li {
float: left;
width: 16%;
margin-right: 9px;
}
.icp_1 {
width: 100%;
max-width: 90%;
margin: auto;
}
.s48_bottom_1 {
width: 1200px;
margin: auto;
}
.x_bg_c h1 {
font-size: 33px;
}
.x_bg_c p {
font-size: 19px;
}
}
.ys
{
background: #6dace2;
}
.ys a
{
color:#fff;
}
.index_mess_ul{padding: 0px 0px 0px;overflow: hidden;width: 345px;display: inline-block;text-align: center;}
.index_mess_ul li{margin-bottom: 10px;width: 350px;/* float: left; */display: inline-block;}
.index_mess_ul li .mess_input{float: left;outline: none;height: 30px;line-height: 30px;padding: 3px;border: 1px solid #e0e0e0;color: #888;border-radius: 5px;font-size: 14px;}
.index_mess_ul li .w_125{width: 339px;}
.index_mess_ul li .w_58{width: 170px;margin-right: 5px;}
.index_mess_ul li .mr_10{ margin-right: 10px;}
.index_mess_ul li .w_260{width: 338px;}
.index_mess_ul li .mess_area{width: 338px;height: 80px;float: left;line-height: 24px;padding: 3px;border: 1px solid #e0e0e0;outline: none;border-radius: 5px;color: #888;font-family:"Microsoft YaHei";}
.index_mess_ul li span{float: left;margin-right: 4px;line-height: 32px;margin-top: 3px;}
.index_mess_ul li span img{ vertical-align: top;}
.index_mess_ul li .mess_btn{ float: left; width: 74px; height: 32px; color: #fff; background:url(../../../../../../jscssimage.jz60.com/s85/en/images/4/btn-mess.png)/*tpa=http://jscssimage.jz60.com/s85/en/images/4/btn-mess.png*/ no-repeat; border: 0; font-size: 14px; font-weight: bold; cursor: pointer; outline: none;}
.index_mess_ul button
{
background-color: #fea3c1;
border: none;
color: white;
padding: 15px 140px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 8px 2px;
cursor: pointer;
}
.index_mess_ul li {
margin-bottom: 10px;
width: 590px;
float: left;
display: block;
position: relative;
}
.ly {
float: left;
color: #666 !important;
padding: 0 !important;
margin-top: 6px;
margin-left: 263px;
position: absolute;
}
.index_mess_ul button {
background-color: #2aa2d9;
border: none;
color: white;
padding: 15px 140px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 8px 2px;
float: left;
cursor: pointer;
}
.tab-pane li {
width: 100% !important;
float: left;
border: none !important;
margin-right: 2.5%;
position: relative;
transition: .5s ease;
margin-bottom: 3%;
overflow: hidden;
}
.gywz_c_l {
width: 71%;
border: 1px solid #f1f1f1;
padding: 2% 3%;
margin: auto;
}
.gywz_c_l1
{
width:100%;
float:left;
}
.gywz_c_l p {
font-size: 14px;
width: 100%;
float: left;
line-height: 24px;
color: #333;
}
.x_pro_zsc1{
display: flex;
justify-content: center;
align-items: center;
width:100% !important;
font-family: Arial;
height:350px !important;
border: 1px solid #eee;
}
.x_pro_zsc1 img{vertical-align: middle;}