@charset "utf-8";






.fl{ float: left; } .fr{ float: right; } .cl{ clear: both; }
.w1150{ width: 1150px; margin:auto; }  .mt35{ margin-top: 35px; } 
.mt20{ margin-top: 20px; }
.icon1{ background: url(../images/icon1.png); }
.gray{ background: #f5f5f5; padding: 30px 0; }






/*轮播图样式*/

.lubo{ width: 100%;clear: both; position: relative; height:515px;}
.lubo_box{ position: relative; width: 100%; height:515px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:515px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 515px;}
.btn{ position:relative;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #000 !important;}

/*按钮*/
.lubo_btn{ position: absolute; width: 1150px; top: 210px; z-index:10;}
.left_btn, .right_btn{ width: 60px; height: 60px; opacity: 0.4;filter:alpha(opacity=40); cursor: pointer; }
.left_btn:hover, .right_btn:hover{ opacity: 0.9;filter:alpha(opacity=90); }
.left_btn{ background-position: 0 -46px; float: left;}
.right_btn{ background-position: -60px -46px; float: right;}



/*内容区样式*/
.sectitle{ font-size: 24px; font-weight: normal; color: #000; text-align: center; }
.intr-menu{font-size: 0; text-align: center; *padding-top: 20px;}
.intr-menu span{font-size: 16px; color: #000; padding: 12px 20px; border: 1px solid #f1f1f1; border-left: 0; display: inline-block; *display:inline;  cursor: pointer;}
.intr-menu .now{background: #0090dc; color: #fff; border-color: #0090dc; }
.intr-menu span:first-child{ border-left: 1px solid #f1f1f1; }

.intr-show{ width: 75%; margin:30px auto 0; }
.intbox{ display: none; }
.intrleft{ width: 265px; }
.intrleft img{ width: 261px; height: 496px; }
.intrright{ width: 465px; margin-top: 90px; }
.tl{ text-align: left; }
.intrtext{ font-size: 16px; color: #666; line-height: 30px; margin-top: 20px; }
.suitable{ width: 70%; }
.suitable span{ font-size: 18px; color: #666; width: 150px; height: 35px; display: inline-block;}
.suitable span i{ width: 5px; height: 5px; background: #999; border-radius: 20px; margin-right: 10px; display: inline-block; vertical-align: middle; }




.yscont-ul{ font-size: 0; width: 785px; margin:0 -5px; }
.yscont-ul li{font-size: 0; padding: 20px 10px; margin:5px; border: 1px solid #008edc; display: inline-block; *float: left; overflow: hidden; vertical-align: top; }
.yscont-ul li span{ display: inline-block; vertical-align: middle; }
.sicon{ width: 85px; height: 85px; background: url(../images/superiorityicon.png); margin-right: 10px; }
.sc-1{ background-position: 0 4px; }
.sc-2{ background-position: -119px 10px; }
.sc-3{ background-position: -233px 3px; }
.sc-4{ background-position: -348px 4px; }
.spr{ width: 265px; max-height: 90px; overflow: hidden; }
.spr em{ font-size: 18px; color: #000; display: block; }
.spr i{ font-size: 14px; color: #666; margin-top: 10px; display: block; overflow: hidden; }
.free{ width: 315px; height: 224px; background: #008edc; padding: 20px 25px; margin: 5px 0; }
.forfree{ font-size: 18px; color: #fff; text-align: center; }
.shuru{ width: 100%; margin-top: 15px; }
.tn{ margin-top: 35px; }
.shuru span{ font-size: 16px; color: #fff; width: 65px; vertical-align: middle; }
.shuru input{ width: 229px; height: 35px; background: #f8f8f8; line-height: 35px; padding: 0 10px; border:1px solid #fff; outline: none; vertical-align: middle; }
.shuru input:focus{ border-color: #c08d3d; }
.code input{ width: 139px; }
.ysm{ width: 80px; height: 37px; line-height: 37px; background: #fff; margin-left: 10px; text-align: center; display: inline-block; vertical-align: middle; cursor: pointer;}
.submit{ width: 150px; height: 40px; line-height: 40px; background: #ee8c2c; margin: 20px 0 0 110px; text-align: center; display: block; }
.submit a{ font-size: 16px; color: #fff; display: block; }


.service-left{ font-size: 24px; color: #fff; width: 270px; height: 240px; line-height: 240px; background: #f4bb3f; margin: 5px 0; text-align: center; }
.em{ width: 45px; height: 45px; margin-right: 15px; display: inline-block; vertical-align: middle; }
.mianfei{ background-position: -62px 0; }
.kefu{ background-position: -130px 0; }
.tui{ background-position: -188px 0; }
.peichang{ background-position: -246px 0; }
.yiduiyi{ background-position: -305px 0; }

.service-right{ font-size: 0; width: 870px; }
.service-right span{ font-size: 24px; color: #fff; height: 115px; line-height: 115px; margin:5px; display: inline-block; vertical-align: top; text-align: center; *float: left; }
.longer{ width: 540px; }
.short{ width: 310px; }
.pan1{ background: #6673b9; }
.pan2{ background: #3b9bcf; }
.pan3{ background: #14a08e; }
.pan4{ background: #6d9c11; }

.cuscase{ position: relative; }
.cuscase>img{ width: 1150px; height: 423px; display: block; }
.casetext{ font-size: 30px; color: #ffe400; width: 550px; height: 200px; line-height: 200px; background: rgba(0,0,0,0.6);  background: url(../images/black_50.png)\0; *background: url(../images/black_50.png); position: absolute; left:295px; top: 105px; text-align: center; z-index: 2; }
.open ul{ font-size: 0; margin-bottom: 40px; }
.open ul li{ font-size: 18px; color: #000; width: 162px; height: 189px; line-height: 190px; background: url(../images/process_icon.png); margin-left: 85px; display: inline-block; *float: left; text-align: center; }
.open ul li:first-child{ margin-left: 0; }
.open ul .pro1{ background-position: 0 0; }
.open ul .pro2{ background-position: -200px 0; }
.open ul .pro3{ background-position: -400px 0; }
.open ul .pro4{ background-position: -600px 0; }
.open ul .pro5{ background-position: -800px 0; }
.open ul li:hover{ color: #fff; }
.open ul .pro1:hover{background-position:0 -191px }
.open ul .pro2:hover{ background-position: -200px -191px; }
.open ul .pro3:hover{ background-position: -400px -191px; }
.open ul .pro4:hover{ background-position: -600px -191px; }
.open ul .pro5:hover{ background-position: -800px -191px; }


/*尾部样式*/
.footer{ background: #35373b; padding: 35px 0 20px;  }
.foot ul li{ width:340px; display: inline-block;*float: left; vertical-align: top; }
.f-title{ font-size: 16px; color: #fff; margin-bottom: 20px; }
.foot ul li span{ font-size: 14px; color: #fff; max-width: 100%; height: 25px; line-height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.foot ul li span a{ font-size: 14px; color: #fff; }
.copyright{ text-align: right; float: right; }
.copyright span:first-child{ margin-top: 41px; }


/*产品页面样式*/
.bigimage{ width: 100%; height: 515px; background: url(../images/probanner_02.jpg) no-repeat center center; }


































/*价格样式*/
.price ul{ font-size: 0; *height: 278px; }
.price ul li{ width: 220px; margin-left: 87px; border: 1px solid #f1f1f1; border-radius: 5px; vertical-align: top; display: inline-block; *float: left; text-align: center;  box-shadow: 0 0 3px #f1f1f1; }
.price ul li:first-child{ margin-left: 0; }
.liname{ font-size:16px; margin-top: 10px;  }
.limain{ width: 70%; margin:60px auto; font-size: 18px; }
.limain em{ font-size: 24px; line-height: 40px; margin-bottom: 10px; border-bottom: 1px solid #666; display: block; }
.relprice{ font-size: 20px; color: #fff; width: 100%; height: 50px; line-height: 50px; background: #008edc; display: block; border-radius: 0 0 5px 5px; }
.valueline{margin: 150px 0 100px; padding-bottom: 50px; position: relative; }
.line1{ width: 95%; height: 10px; background: #008edc; margin:auto; border-radius: 30px; }
.range{ max-width: 160px; text-align: center; position: absolute; top: -51px; }
.range span,.range em,.range>i{ font-size: 18px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.range span{ font-size: 20px; }
.range>i{ width: 18px; height: 18px; background: #fff; margin:20px auto; border: 3px solid #008edc; border-radius: 30px; }
.range1{ left: 100px; }
.range2{ left: 285px; }
.range3{ left: 520px; }
.range4{ left: 730px; }
.range5{ left: 970px; }