@charset utf-8;
html
{
font-family:"Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
font-size:100%;
}
body
{
font-size:1.4rem;
line-height:1.5;
color:#333;
background-color:rgba(247,250,255,1);
width:640px;
height:100%;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
margin:0 auto;
}
audio,canvas,progress,video
{
display:inline-block;
vertical-align:baseline;
}
audio:not([controls])
{
display:none;
height:0;
}
[hidden],template
{
display:none;
}
a
{
background:transparent;
text-decoration:none;
-webkit-tap-highlight-color:transparent;
color:#333;
}
a:active
{
outline:0;
color:#333;
}
abbr[title]
{
border-bottom:1px dotted;
}
dfn
{
font-style:italic;
}
mark
{
background:#ff0;
color:#000;
}
small
{
font-size:80%;
}
sub,sup
{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup
{
top:-.5em;
}
sub
{
bottom:-.25em;
}
img
{
border:0;
vertical-align:middle;
}
hr
{
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0;
}
pre
{
overflow:auto;
white-space:pre-wrap;
word-wrap:break-word;
}
code,kbd,pre,samp
{
font-family:monospace, monospace;
font-size:1em;
}
button,input,optgroup,select,textarea
{
color:inherit;
font:inherit;
margin:0;
}
button
{
overflow:visible;
}
button,select
{
text-transform:none;
}
button,html input[type=button],input[type=reset],input[type=submit]
{
-webkit-appearance:button;
cursor:pointer;
}
button[disabled],html input[disabled]
{
cursor:default;
}
input
{
line-height:normal;
}
input[type=checkbox],input[type=radio]
{
box-sizing:border-box;
padding:0;
}
input[type=search]
{
-webkit-appearance:textfield;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration
{
-webkit-appearance:none;
}
fieldset
{
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em;
}
textarea
{
overflow:auto;
resize:vertical;
}
table
{
border-collapse:collapse;
border-spacing:0;
}
td,th
{
padding:0;
}
html,button,input,select,textarea
{
font-family:"Helvetica Neue",Helvetica,Roboto,Segoe UI,Arial,sans-serif;
background:#e6f7fc;
}
h1,h2,h3,h4,h5,h6,p,figure,form,blockquote
{
margin:0;
}
ul,ol,li,dl,dd
{
margin:0;
padding:0;
}
ul,ol
{
list-style:none outside none;
}
h1,h2,h3
{
line-height:2;
font-weight:400;
}
h1
{
font-size:1.8rem;
}
h2
{
font-size:1.6rem;
}
h3
{
font-size:1.4rem;
}
*
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.container
{
padding-left:15px;
padding-right:15px;
}
.empty
{
height:20px;
background:#fff;
clear:both;
}
.clearfix
{
clear:both;
}
.header
{
text-align:center;
background:rgba(94,28,177,1);
padding:20px 0;
}
.headerbox .logo-img img
{
width:auto;
height:70px;
margin:10px auto;
}
.headerbox h1
{
font-weight:700;
margin-bottom:5px;
color:rgba(255,255,255,1);
}
.banner
{
padding-bottom:20px;
margin-top:30px;
}
.banner .swiper
{
width:640px;
position:relative;
margin:0 auto;
}
.banner .swiper:before
{
content:'';
display:block;
background-image:0 rgba(0,0,0,0));
width:580px;
height:15px;
position:absolute;
bottom:-15px;
left:50%;
z-index:3;
margin-left:-290px;
border-top-left-radius:15px;
border-top-right-radius:15px;
opacity:.6;
}
.current-swiper
{
width:580px;
height:272px;
box-shadow:0 0 20px rgba(0,0,0,0.05);
position:relative;
z-index:99;
margin:0 auto;
}
.left-swiper
{
position:absolute;
left:0;
right:auto;
top:50%;
z-index:1;
margin-top:-115px;
}
.right-swiper
{
position:absolute;
right:0;
left:auto;
top:50%;
z-index:1;
margin-top:-115px;
}
.nocurrent-swiper
{
width:490px;
height:230px;
box-shadow:0 0 20px rgba(0,0,0,0.05);
}
.banner .swiper-pagination
{
width:100%;
}
.banner .swiper-pagination .swiper-pagination-bullet
{
width:24px;
height:5px;
border-radius:0;
background:rgba(50,179,255,1);
margin:0 5px;
}
.nav_box
{
margin:24px auto;
}
.nav_box ul li
{
float:left;
background:rgba(135,67,220,1);
width:140px;
text-align:center;
height:70px;
line-height:50px;
margin:5px 10px;
}
.nav_tb
{
background:url(/templates/m_temp_4/img/nav_bg.png) no-repeat 0 10px;
width:19px;
height:17px;
margin:0 auto;
}
.nav_box ul li a
{
color:#FFF;
font-size:24px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
}
.anli_title
{
text-align:center;
padding-top:40px;
font-size:30px;
margin-bottom:30px;
}
.anli_line
{
background:#8743dc;
height:3px;
width:50px;
margin:5px auto;
}
.menu-item
{
background:rgba(0,0,0,0);
}
.hot-product .menu-content .swiper-container
{
margin-right:15px;
padding:0 0 65px 15px;
}
.hot-product .menu-content .swiper-slide
{
width:296px;
box-shadow:0 0 50px rgba(135,67,220,.3);
}
.hot-product .menu-content .swiper-slide img
{
width:296px;
height:200px;
}
.hot-product .menu-content .swiper-slide .info
{
background:rgba(255,255,255,1);
height:100px;
padding:10px;
}
.anli_t1
{
width:150px;
float:left;
overflow:hidden;
height:70px;
}
.anli_t1 p
{
font-size:22px;
color:rgba(150,150,150,1);
}
.anli_more
{
background:rgba(135,67,220,1);
width:120px;
float:right;
font-size:18px;
text-align:center;
height:45px;
line-height:45px;
border-radius:25px;
text-transform:uppercase;
margin-top:10px;
color:#FFF;
}
.anli_more a
{
color:#FFF;
}
.hot-product .menu-content .last-slide
{
width:95px;
}
.hot-product .menu-content .last-slide .icon
{
width:25px;
height:25px;
background:url(/templates/m_temp_4/img/more-icon.png) no-repeat center 50% 100%;
display:block;
float:left;
margin-top:100px;
}
.hot-product .menu-content .last-slide .text
{
width:21px;
font-size:21px;
margin-left:10px;
line-height:1.5;
float:left;
margin-top:15px;
}
.banner2_box
{
background:rgba(135,67,220,1);
height:147px;
}
.banner2
{
height:140px;
width:600px;
padding-top:30px;
margin:0 auto;
}
.banner2_sanjiao
{
background:url(/templates/m_temp_4/img/sj.png) repeat-x;
height:8px;
}
.banner2_left
{
width:280px;
float:left;
margin-left:10px;
color:rgba(255,255,255,1);
}
.banner2_left span
{
font-size:27px;
font-weight:700;
}
.banner2_left p
{
font-size:20px;
}
.banner2_right
{
width:240px;
float:right;
}
.b2_phone
{
background:url(/templates/m_temp_4/img/phone.png) no-repeat 0 10px;
width:30px;
height:63px;
float:left;
}
.b2_pw
{
width:200px;
float:right;
text-align:center;
color:rgba(255,255,255,1);
font-size:18px;
}
.b2_pw p
{
font-size:28px;
font-weight:700;
}
#kefu-ball
{
background:rgba(135,67,220,1);
position:fixed;
right:0;
bottom:30%;
border-radius:50%;
z-index:99999;
box-shadow:0 0 20px 0 rgba(50,179,255,.6);
}
.infl
{
height:60px;
padding:30px 5px 20px;
}
.infl .swiper-container
{
width:100%;
height:60px;
padding-bottom:20px;
overflow:hidden;
margin-top:10px;
}
.infl .swiper-slide
{
text-align:center;
font-size:24px;
background:#fff;
line-height:20px;
display:inline-block;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
border:1px solid rgba(224,224,224,1);
padding:16px 26px;
}
.infl .wid1
{
width:49%;
margin-right:15px;
height:54px;
overflow:hidden;
display:block;
text-overflow:ellipsis;
white-space:nowrap;
}
.incp_1
{
float:left;
width:292px;
height:260px;
margin:20px 14px 10px;
}
.incp_1pic
{
width:292px;
height:220px;
border-radius:8px;
border:1px solid #FFF;
}
.incp_1pic img
{
width:292px;
height:220px;
border-radius:8px;
display:block;
}
.incp_more
{
width:170px;
height:50px;
line-height:50px;
font-size:22px;
border-radius:30px;
text-align:center;
background-color:#999;
box-shadow:0 8px 8px 0 rgba(0,150,255,0.1);
margin:20px auto 0;
}
.incp_more a
{
display:block;
color:#FFF;
}
.chanpin_nr ul li
{
width:288px;
float:left;
background:rgba(255,255,255,1);
box-shadow:0 0 50px rgba(135,67,220,.3);
height:300px;
margin:25px 15px;
}
.chanpin_nr ul li img
{
width:288px;
height:204px;
}
.cp_w1
{
width:150px;
float:left;
margin-left:5px;
font-size:22px;
margin-top:10px;
overflow:hidden;
height:70px;
}
.cp_w2
{
background:rgba(135,67,220,1);
width:120px;
float:right;
font-size:18px;
text-align:center;
height:45px;
line-height:45px;
border-radius:25px;
text-transform:uppercase;
color:#FFF;
margin-right:5px;
margin-top:30px;
}
.cp_w1 span
{
font-size:24px;
}
.youshi_box
{
background:rgba(135,67,220,1);
margin-top:50px;
}
.youshi_title
{
background:url(/templates/m_temp_4/img/youshi_title.png) no-repeat center top;
height:250px;
text-align:center;
padding:30px;
}
.youshi_title span
{
font-weight:700;
font-size:36px;
}
.ys
{
position:relative;
}
.ys:before
{
content:'';
display:block;
width:100%;
height:50%;
position:absolute;
left:0;
top:0;
}
.ys .menu-title h3 a
{
color:#fff;
position:relative;
z-index:0;
}
.ys .online
{
background:url(/templates/m_temp_4/img/ys.png) no-repeat 0 center;
padding-left:195px;
position:absolute;
right:15px;
top:15px;
color:#fff;
font-size:16px;
}
.ys .online p
{
font-size:23px;
font-weight:700;
line-height:1;
}
.ys .online span
{
background:#fff;
color:rgba(50,179,255,1);
padding:2px 5px;
}
.ys .swiper-slide
{
box-shadow:0 0 40px rgba(76,47,157,1);
overflow:hidden;
}
.ys .swiper-slide .img
{
position:relative;
padding-bottom:20px;
background:#fff url(../img/yy.png) no-repeat center bottom;
}
.ys .swiper-slide .img img
{
width:440px;
height:235px;
}
.ys .swiper-slide .info
{
background:#fff;
padding:10px 20px;
}
.ys .swiper-slide h4
{
font-size:24px;
font-weight:400;
line-height:2.5;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.ys .swiper-slide h4 span
{
float:left;
font-weight:100;
font-family:Arial;
background:rgba(135,67,220,1);
width:50px;
height:50px;
text-align:center;
color:rgba(255,255,255,1);
border-radius:50%;
}
.ys .swiper-slide p
{
color:#999;
font-size:20px;
}
.ys .swiper-pagination
{
width:100%;
position:relative;
padding:20px 0 0;
}
.ys .swiper-pagination .swiper-pagination-bullet
{
background:rgba(255,255,255,1);
}
.ys.menu-item
{
width:440px;
margin:-80px auto;
}
.case
{
background:rgba(255,255,255,1);
height:450px;
width:100%;
}
.case .swiper-container
{
padding-bottom:12px;
}
.case .swiper-slide
{
width:365px;
background:#fff;
box-shadow:0 5px 15px rgba(50,179,255,.4);
}
.case .swiper-slide .item-title
{
background:rgba(135,67,220,.5);
position:absolute;
z-index:99;
margin-top:173px;
}
.case .swiper-slide h4
{
font-weight:400;
position:relative;
z-index:9;
color:#fff;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:366px;
padding:10px;
}
.case .swiper-slide img
{
display:block;
width:365px;
height:226px;
}
.case .swiper-slide p
{
line-height:98px;
padding-top:0;
text-align:center;
color:#636363;
font-size:1.1em;
margin:0;
}
.inews
{
margin-top:45px;
padding-bottom:30px;
}
.tabs
{
width:100%;
height:65px;
overflow:hidden;
padding-top:10px;
}
.tabs dd
{
text-align:center;
float:left;
width:185px;
height:50px;
line-height:50px;
font-size:24px;
color:#333;
background:#FFF;
box-shadow:0 0 10px rgba(239,234,255,1);
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
margin:0 14px;
}
.tabs dd.active
{
background:rgba(135,67,220,1);
color:#fff;
}
.inews_1
{
float:left;
width:292px;
height:260px;
margin:20px 14px 0;
}
.inews_1pic
{
width:292px;
height:190px;
border-radius:6px;
border:1px solid #FFF;
box-shadow:0 8px 8px 0 rgba(0,150,255,0.08);
}
.inews_1pic img
{
width:292px;
height:190px;
border-radius:6px;
display:block;
}
.in_news
{
height:180px;
background:#FFF;
box-shadow:0 0 50px rgba(135,67,220,.3);
margin:30px 14px 40px;
}
.in_news_l
{
float:left;
width:215px;
height:158px;
margin:12px 0 0 10px;
}
.in_news_laa
{
width:215px;
height:158px;
}
.in_news_laa img
{
width:215px;
height:158px;
display:block;
}
.in_news_r
{
float:left;
width:371px;
}
.in_news_r1
{
margin:20px 0 0 18px;
}
.in_news_r1 h6
{
height:30px;
line-height:30px;
font-size:22px;
overflow:hidden;
}
.in_news_r1 h6 a
{
color:#222;
display:block;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.in_news_r1 h5
{
height:30px;
line-height:30px;
font-size:22px;
overflow:hidden;
color:#c4c4c4;
font-weight:400;
}
.in_news_r1 h4
{
height:60px;
line-height:30px;
font-size:22px;
overflow:hidden;
color:#999;
font-weight:400;
}
.news_more
{
background:rgba(135,67,220,1);
width:140px;
float:right;
font-size:18px;
text-align:center;
height:40px;
line-height:40px;
border-radius:25px;
text-transform:uppercase;
color:#FFF;
margin-top:5px;
}
.news_more a
{
color:rgba(255,255,255,1);
font-size:16px;
font-family:arial;
}
.footer_box
{
background:rgba(135,67,220,1);
height:250px;
width:600px;
margin:auto auto 200px;
}
.foot_di
{
color:rgba(255,255,255,1);
padding-top:20px;
padding-left:20px;
line-height:35px;
}
.footer_nav
{
background:rgba(135,67,220,1);
height:100px;
border-top:1px solid rgba(204,204,204,1);
position:fixed;
z-index:10;
left:0;
bottom:0;
width:100%;
}
.footer_nav ul li
{
float:left;
display:block;
width:130px;
margin-top:10px;
}
.footer_nav ul li img
{
width:44px;
height:44px;
margin-left:43px;
}
.footer_nav ul li p
{
text-align:center;
color:rgba(255,255,255,1);
}
.footer_phone
{
background:rgba(94,28,177,1);
width:120px;
height:120px;
border-radius:50%;
position:absolute;
z-index:999px;
margin-left:250px;
margin-top:-50px;
}
.footer_phone img
{
width:62px;
height:59px;
margin-left:30px;
margin-top:30px;
}
.footer_dleft
{
width:400px;
float:left;
}
.footer_erweima
{
width:130px;
float:right;
margin-right:20px;
}
.footer_erweima img
{
width:130px;
height:130px;
background:rgba(255,255,255,1);
padding:3px;
}
.youshi_pro
{
height:calc(540px);
margin-top:30px;
position:relative;
}
.youshi_pro_1,.youshi_pro_a,.youshi_pro_b,.youshi_pro_c
{
height:540px;
background:#FFF;
box-shadow:0 0 40px rgba(149,149,149,1);
}
.youshi_pro_1
{
width:560px;
position:absolute;
left:40px;
top:-108px;
z-index:10;
}
.youshi_pro_a
{
width:620px;
position:absolute;
left:10px;
top:0;
z-index:3;
}
.youshi_pro_b
{
width:600px;
position:absolute;
left:20px;
top:10px;
z-index:4;
}
.youshi_pro_c
{
width:580px;
position:absolute;
left:30px;
top:20px;
z-index:5;
}
.youshi_nr
{
padding:35px 35px 0;
}
.youshi_nrtt
{
height:40px;
line-height:40px;
font-size:25px;
text-align:center;
margin-top:18px;
}
.youshi_nrt
{
height:auto;
line-height:35px;
overflow:hidden;
font-size:22px;
margin-top:10px;
color:#555;
}
.youshi_pro_1 .swiper-pagination
{
width:100%;
bottom:-70px;
}
.youshi_pro_1 .swiper-pagination-bullets .swiper-pagination-bullet
{
background-color:#b1b1b1;
width:30px;
height:30px;
line-height:30px;
color:#FFF;
font-size:22px;
opacity:1;
border-radius:50%;
margin:0 8px;
}
.youshi_pro_1 .swiper-pagination-bullets .swiper-pagination-bullet-active
{
background-color:#434343;
}
.sabout
{
margin-top:25px;
}
.sabout_t
{
height:180px;
box-shadow:0 8px 8px 0 rgba(0,150,255,0.12);
}
.sab_t
{
height:80px;
padding-top:25px;
}
.sab_t1
{
width:170px;
height:42px;
line-height:42px;
font-size:32px;
font-weight:700;
text-align:center;
position:relative;
margin:0 auto;
}
.sab_t1xl
{
width:240px;
height:1px;
border-bottom:1px solid rgba(255,255,255,0.25);
position:absolute;
right:165px;
top:20px;
z-index:3;
}
.sab_t1xr
{
width:240px;
height:1px;
border-bottom:1px solid rgba(255,255,255,0.25);
position:absolute;
left:165px;
top:20px;
z-index:3;
}
.sab_t2
{
height:30px;
font-size:22px;
text-align:center;
text-transform:uppercase;
}
.sabout_pro
{
width:608px;
height:620px;
background:#FFF;
box-shadow:0 0 10px rgba(0,150,255,0.15);
margin:-45px auto 0;
}
.sabout_nr
{
padding:10px;
}
.sabout_nrpic
{
width:560px;
height:300px;
}
.sabout_nrpic img
{
width:585px;
height:300px;
}
.sabout_nrt
{
height:180px;
line-height:36px;
overflow:hidden;
font-size:22px;
margin-top:20px;
color:#555;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,.incp_1tite a,.inews_1tite a,.sab_t1 a
{
display:block;
}
svg:not(:root),.youshi_pro_1 .swiper-slide
{
overflow:hidden;
}
b,strong,optgroup
{
font-weight:700;
}
button::-moz-focus-inner,input::-moz-focus-inner,legend
{
border:0;
padding:0;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,#tabs-container
{
height:auto;
}
input::-moz-placeholder,textarea::-moz-placeholder,input:-ms-input-placeholder,textarea:-ms-input-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder
{
color:#ccc;
}
.headerbox p,.cp_w2 a,.foot_di a
{
color:rgba(255,255,255,1);
}
.banner .swiper img,.youshi_pro_1 .swiper-container
{
width:100%;
height:100%;
}
.incp_1tite,.inews_1tite
{
height:40px;
line-height:40px;
font-size:22px;
text-align:center;
margin-top:5px;
overflow:hidden;
}
.chanpin_nr,.youshi
{
margin-top:50px;
}
.youshi_nrpic,.youshi_nrpic img
{
width:490px;
height:330px;
}