@charset "utf-8";
/*初始样式*/
body{ color:#333;font:14px "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam{ vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:0;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}
i,em{ font-style:normal;}

.tr {text-align:right;}
.tl {text-align:left;}
.center{ text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden;}
i,em{ font-style:normal;}
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}





/*banner*/
.banner{max-width: 1920px;margin:0 auto!important;}
.banner .bd {width: 100% !important;}
.banner .bd li{float: left;width: 100% !important;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;}
/*.banner .content{position:relative;}*/
.banner .zx{position: absolute;left:0;top: 485px;width:202px;height: 51px;line-height:51px;padding-left:40px;text-align: center;font-size: 18px;color: #fff;font-weight:bold;z-index: 10;}
.banner .prev{position:absolute;top:45%;left: 6%;z-index: 10;cursor: pointer;}
.banner .next{position:absolute;top:45%;right: 6%;z-index: 10;cursor: pointer;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 0; width: 100%; bottom:28%;}
.banner .hd li{width: 40px;height: 8px;background: #fff;margin: 0 5px;display: inline-block;}
.banner .hd li.on{background: #0086f9;}



/*dArea*/
.dArea{ width:1200px; margin:0 auto; }

.dArea .sub{width:100%;float:left;}
.dArea .sub .bd{padding-top:15px;}
.dArea .sub .title{ margin:10px auto; width:250px; height:70px;  background:url(../images/bArea_t_bg.png) no-repeat;}

.pic-list-btn{width:180px;margin:10px auto 0;height:12px;}


.pic-list-btn ul{height:12px;float:left;margin-left:34px;}
.pic-list-btn ul li{width:12px;height:12px;background:url(no.gif);float:left;display:inline;margin-left:10px;text-indent:-999em;font-size:0;}
.pic-list-btn ul li.on{background:url(on.gif);}

.pic-list{}
.pic-list ul{}
.pic-list ul li{width:227px;height:313px;background:url(../images/pic227x313.png) no-repeat;text-align:center;float:left;display:inline;margin:0 9px 10px 0;}
.pic-list .pic{padding:1px;width:223px;height:252px;overflow:hidden;}
.pic-list .txt{margin-top:12px;}
.pic-list h3{font-weight:normal;padding-top:8px;}
.pic-list h3 a{color:#000;}
.pic-list h3 a:hover { color: #0f70aa; }

/*搜索*/
.search{height: 101px;}
.keyword{font-size: 13px;color: #888;padding-left:30px;line-height: 100px;opacity: 0.74}
.keyword b{font-weight: normal;color: #202020;}
.keyword a{color: #808080;display:inline-block;margin-right: 12px;}
.sou{margin-top: 30px;position: relative;}
.sou .ipt1{border: none;border-right: 1px solid #d3d3d3;padding-left: 22px;font-size: 14px;line-height: 37px;width: 225px;opacity: 0.5;color: #202020;margin-right: 22px;position: relative;}
.sou:before{content: "|";left:0;top: 7px;position: absolute;color: #d8d8d8;}
.sou .ipt2{background: url(../images/search.png) no-repeat left center;display: block;width: 22px;height: 22px;border: none;float: right;margin-top: 7px;}


/*引子*/
.yinzi{/*background:#f6f6f6;*/height: 720px;}
.yinzi dt{float: left;width: 505px;margin-top: 110px;}
.yinzi dt h2{font-size: 33px;color: #008AFF;font-family:MHeiPRC-Light;font-weight: lighter;line-height: 100%;border-bottom: 3px solid #282828;white-space: nowrap;padding-bottom: 38px;width: 88px;margin-bottom: 45px;}
.yinzi dt h2 b{display: block;font-size: 18px;font-family:SourceHanSansCN-Bold;}
.yinzi dt p{width:439px;color:#2a2a2a;line-height:24px;
font-size: 13px;}
.yinzi dt p.tb{width: 100%;margin-top: 58px;margin-bottom: 65px;}
.yinzi dt p.tb span{float: left;margin-right: 28px;text-align: center;display: block;font-size: 16px;color: #333333;}
.yinzi dt p.tb span.none{margin-right: 0;}
.yinzi dt p.tb span img{display: block;margin:0 auto;margin-bottom: 12px;}
.yinzi dt a.more{display: block;width: 200px;height: 34px;text-align: center;line-height: 34px;background: #008AFF;color: #fff;font-size: 13px;}
.yinzi dd{width: 590px;float: left;background: url(../images/yz_bg.jpg) no-repeat left top;height: 573px;padding-left: 105px;padding-top: 110px;position: relative;}
.yinzi dd:after{content:"";position: absolute;right: 0px;bottom: 88px;
    height: 4px;width: 100px;background: #0187f9;}
.yinzi dd p{position: absolute;right: 0;top:113px;text-align: right;font-size: 33px;color: #008AFF;}
.yinzi dd p b{display: block;color: #008AFF;font-size: 40px;font-family: PangMenZhengDao,"arial";font-size: 23px;margin-top: 5px;line-height: 110%;margin-bottom: 8px;}
.yinzi dd p em{display: block;font-size: 13px;color: #666;}
.yinzi dd p i{display: block;font-size: 50px;color: #008AFF;line-height:60px;}

/*韩国原装进口*/
.jk{}
.jk h2{font-size: 55px;text-align: center;font-weight: normal;padding-top: 100px;margin-bottom: 40px;}
.jk h2 b{font-family:MHeiPRC-Xbold;font-size: 58px;margin-right: 20px;}
.jk h2 em{font-size: 22px;display: block;margin-top: 13px;line-height: 24px;color: #666;letter-spacing: 10px;}
.jk .tit{padding-top:10px;margin-bottom: 30px;}
.jk .tit li{float: left;text-align: center;color: #282828;font-size: 24px;}
.jk .tit li:nth-child(1){padding-right: 115px;}
.jk .tit li:nth-child(2){padding:0 115px;position: relative;}
.jk .tit li:nth-child(2):before{position: absolute;left: 0;top: 30px;content: "";width: 1px;height: 81px;background: #939393;}
.jk .tit li:nth-child(2):after{position: absolute;right: 0;top: 30px;content: "";width: 1px;height: 81px;background: #939393;}
.jk .tit li:nth-child(3){padding-left: 115px;}
.jk .tit li:nth-child(3) b{font-size: 52px;}

.jk .tit li b{font-size: 66px;height: 87px;display: inline-block;}
.jk .tit li em{display: block;font-size: 32px;clear: both;}
.jk .tit li:hover,.jk .tit li:hover b,.jk .tit li:hover em{color: #0087f9;}
.jk .con{max-width: 1920px;margin:0 auto;}
.jk .con li{float: left;width: 33.33%;position: relative;overflow: hidden;line-height: 0;}
.jk .con li:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.58);z-index: 1;content: "";}
.jk .con li:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index:2;content: "";display: none;}
.jk .con li p{position: absolute;width: 100%;height: 100%;z-index: 5;left: 0;top: 0;text-align: center;line-height: 110%;}
.jk .con li p em{width:4.56rem;height:0.25rem;background: #fff;display: block;margin: 0 auto;margin-top: 25.4%;margin-bottom: 7.06%;line-height: 110%;}
.jk .con li p b{display: block;font-size: 2rem;color: #fff;line-height: 110%;}
.jk .con li p span{display: block;font-weight: lighter;color: #fff;font-size: 1rem;line-height: 1.875rem;padding:0 15%;margin-top: 11.28%;}
.jk .con li p a{display: block;background: url(../images/jk_more.png) no-repeat center;width: 12rem;height: 2.5rem;text-align: center;margin: 0 auto;border: 1px solid #fff;background-size: 4rem auto;margin-top: 10.45%;}
.jk .con li img{width: 100%;height: 100%;}
.jk .con li:hover:after{display: block;}
.jk .con li:hover:before{display: block;}
.jk .con li:hover p em{background: #008aff;}
.jk .con li:hover p b{color: #008aff;}
.jk .con li:hover p a{background: #008aff url(../images/jk_more.png) no-repeat center;border: 1px solid #008aff;}
.jk .con li.l1{width:32.29%;}
.jk .con li.l2{width: 35.31%;}
.jk .con li.l3{width:32.4%;}

/*应用案例一览*/
.case{height: 950px;overflow: hidden;}
.case h2{font-size: 35px;text-align: center;font-weight: normal;padding-top: 100px;margin-bottom: 40px;}
.case h2 a,.new .tit h2 a{ color:#008AFF;}
.case h2 b{font-family:MHeiPRC-Xbold;font-size: 35px;margin-right: 15px;}
.case h2 em{font-size: 22px;display: block;margin-top: 13px;line-height: 20px;color: #666;letter-spacing: 10px;}
.case .tit{margin-top: 50px;margin-bottom: 40px;}
.case .tit li{float: left;font-size: 20px;position: relative;padding-left: 18px;line-height: 20px;margin-right: 59px;display: inline;}
.case .tit li:last-child{margin-right: 0;}
.case .tit li:hover a{color: #0187f9;}
.case .tit li:before{content:"";position: absolute;left: 0;top:8px;width: 4px;height: 4px;display: block;background:#008AFF;}
.case .tit li:hover:before{background:#0187f9;}
.case .con{position: relative;}
.case .con dl{width: 1200px;height: 490px;}
.case .con dl dt{line-height: 0;width: 1200px;height: 490px;overflow: hidden;}
.case .con dl dt img{width: 1200px;height: 490px;}
.case .con dl dd{position:absolute;right: 0;bottom: 0;width: 467px;height: 210px;background: rgba(255,255,255,0.95);padding-left: 38px;display: inline;padding-top: 45px;padding-right: 45px;}
.case .con dl dd b{font-size: 18px;color: #282828;font-weight: normal;width: 62px;border-bottom: 2px solid #4a4a4a;display: block;white-space: nowrap;padding-bottom: 20px;margin-bottom: 22px;}
.case .con dl dd p{font-size: 14px;color: #282828;line-height: 27px;}
.case .con .qh{position: absolute;left: 0;bottom: 0;z-index: 1;}
.case .con .qh i{width: 6rem;text-align: center;height: 1.5rem;}
.case .con .qh i:hover{background:#008aff;cursor: pointer;}
.case .con .qh .prev{display: block;margin: 0 auto;background: #282828;float:left;padding-top: 0.8em;}
.case .con .qh .next{display: block;margin: 0 auto;background: #282828;float:left;padding-top: 0.8em;}
.case .con .sz{position: absolute;right:40px;bottom: 160px;z-index: 1;}
.case .con .sz i{font-size: 52px;font-weight: bold;display:none;}
.case .con .sz i.cur{display: block;}
.case .con2{margin-top: 42px;overflow: hidden;}
/*.case .con2 .tempWrap{width: 100%!;}*/
.case .con2 li{float: left;text-align: center;margin-right: 38px;width:auto;}
.case .con2 li:last-child{margin-right: 0;}
.case .con2 li img{width: 165px;height: 85px;border:1px solid #d3d3d3;}
.case .con2 li span{display: block;line-height: 160%;margin-top: 10px;}


/*质得信赖*/
.xl{background: #f6f6f6;height: 1307px;overflow: hidden;}
.xl h2{font-size: 55px;text-align: center;font-weight: normal;padding-top: 100px;margin-bottom: 40px;}
.xl h2 b{font-family:MHeiPRC-Xbold;font-size: 58px;margin-right: 20px;}
.xl h2 em{font-size: 22px;display: block;margin-top: 13px;line-height: 24px;color: #666;letter-spacing: 10px;}
.xl dl{margin-top: 50px;}
.xl dl dt{float: right;width: 757px;}
.xl dl dt img{width: 757px;height: 445px;}
.xl dl dd{float: left;background:#fff;width:443px;height: 284px;margin-left: -30px;margin-right: -88px;margin-top: 54px;padding-left: 30px;padding-top: 48px;padding-right: 88px;position: relative;}
.xl dl dd h3{font-size: 30px;color: #26292e;width: 38px;display: block;white-space: nowrap;border-bottom: 4px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 22px;}
.xl dl dd h3 span{font-weight: normal;margin-left: 10px;}
.xl dl dd p{font-size: 15px;color: #808080;margin-bottom: 22px;line-height: 22px;}
.xl dl dd em{position: absolute;right: 0;top: 0;display: block;width: 89px;height: 38px;background: #26292e;text-align: center;padding-top: 82px;overflow: hidden;}
.xl dl:hover dd em{background: #0087f9;}
.xl dl.for dt{float: left;width: 866px;height: 450px;}
.xl dl.for dt img{width: 866px;height: 450px;}
.xl dl.for dd{width: 441px;height: 247px;margin-right: -24px;margin-left:-201px;margin-top: 155px;}
.xl dl.for dd em{top:-69px;}

/*服务保障*/
.xl2{background: url(../images/xl_bg.jpg) no-repeat center top;background-size: 100% 90%;min-height: 32.375rem;}
.xl2 dt{margin-left:8.4%;float:left;padding-top:5.5rem;width:53.3%;}
.xl2 dt h3{font-size:1.875rem;color:#fff;line-height:110%;}
.xl2 dt h3 span{margin-left:0.625rem;font-weight:normal;}
.xl2 dt h3 em{display:block;font-size:1.5rem;font-weight:normal;margin-top:0.3125rem;}
.xl2 dt p.ms{font-size:1rem;line-height:1.125rem;color:#fff;margin-top:2.5rem;letter-spacing:0.0.125rem;}
.xl2 dt ul{margin-top: 2.7rem;}
.xl2 dt li{float:left;width:20%;margin-right:5%;border: 1px solid #fff;box-sizing:border-box;border-radius: 5px;color: #fff;position:relative;height: 5rem;margin-bottom:1.7rem;padding:1rem 1%;line-height: 110%;padding-top: 0.6rem;}
.xl2 dt li:nth-child(4n){margin-right: 0;}
.xl2 dt li b{font-size: 1rem;display: block;margin-bottom: 0.5rem;}
.xl2 dt li p{font-size: 0.875rem;line-height: 1rem;}
.xl2 dt li em{position: absolute;right: 0.5rem;top: 0.3rem;display: block;max-width:15%;}
.xl2 dt li em img{max-width: 100%;}
.xl2 dt li:hover{background: #0084f3;border: 1px solid #0084f3;}
.xl2 dt li.tel{border: none;padding: 0;width: 30%;margin-right: -5%;}
.xl2 dt li.tel:hover{background: none;}
.xl2 dt li.tel b{font-weight: normal;font-size: 0.875rem;margin-top: 1rem;margin-bottom: 1rem;}
.xl2 dt li.tel p{font-size: 1.7rem;font-weight: bold;white-space: nowrap;border-bottom: 3px solid #0087f9;line-height: 90%;display: inline-block;}
.xl2 dd{float: right;padding-top:5.3rem;width: 29.27%;margin-right: 10.41%;margin-left: -4%;position: relative;}
.xl2 dd img{width: 100%;}
.xl2 dd em{position: absolute;right: 22.6%;top: 0;display: block;width: 15.8%;height:7rem;background: #0087f9;}
.xl2 dd em img{position: absolute;bottom: 0;left: 0;width: 100%;}

/*新闻资讯*/
.new{}
.new .tit h2{font-size: 35px;font-weight: normal;padding-top: 66px;margin-bottom: 40px;float: left}
.new .tit h2 b{font-family:MHeiPRC-Xbold;font-size: 35px;margin-right: 20px;}
.new .tit h2 em{font-size: 22px;display: block;margin-top: 3px;line-height: 24px;color: #666;letter-spacing: 10px;}
.new .tit p{float: right;padding-top:115px;border-bottom: 1px solid #ebebeb;margin-right: 20px;}
.new .tit p a{font-size: 22px;color: #333333;font-weight: bold;margin-right: 50px;display: inline-block;line-height: 110%;padding-bottom: 27px;margin-bottom: -1px;}
.new .tit p a:after{content: "/";position: relative;right: -30px;color: #d2d2d2;font-weight: normal;}
.new .tit p a:last-child{margin-right:0;}
.new .tit p a:last-child:after{display: none;}
.new .tit p a:hover,.new .tit p a.cur{border-bottom: 3px solid #0087f9;padding-bottom: 24px;}
.new .con{}
.new .con dt{float: left;width: 366px;margin-right: 45px;}
.new .con dt a{display: block;line-height: 0;}
.new .con dt img{width: 366px;height: 260px;}
.new .con dt span{background: url(../images/new_more.jpg) no-repeat;display: block;width: 100%;line-height: 45px;color: #fff;text-indent: 28px;font-size: 15px;font-weight: bold;}
.new .con dd{float: left;width:769px;}
.new .con dd li{float: left;width: 360px;margin-bottom: 50px;margin-top: 5px;}
.new .con dd li:nth-child(2n){margin-right:0px;float: right;}
.new .con dd li b{font-size: 15px;color: #333333;display: block;margin-bottom: 20px;}
.new .con dd li p{text-align: justify;font-size: 14px;color: #666;opacity: 0.7;line-height: 22px;}
.new .con dd li em{font-size: 23px;margin-top: 10px;display: block;}
.new .con dd li em span:before{content: "/";position: relative;color: #d2d2d2;font-weight: normal;margin-left:5px;margin-right:5px;}




/*关于*/
.about{background: url(../images/about_bg.jpg) no-repeat center top;height:668px;border-bottom: 3px solid #0087f9;}
.about h2{font-size: 55px;text-align: center;font-weight: normal;padding-top: 100px;margin-bottom: 40px;color: #fff;}
.about h2 b{font-family:MHeiPRC-Xbold;font-size: 58px;margin-right: 20px;}
.about h2 em{font-size: 22px;display: block;margin-top: 13px;line-height: 24px;color: #fff;letter-spacing: 10px;}
.about p{line-height: 28px;color:#fff;font-size: 16px;padding:0 70px;text-align: center;position: relative;margin-top: 60px;letter-spacing: 0.2px;}
.about p:before{content: "";width: 83px;height: 4px;background: #fff;margin:0 auto;left: 0;top: 0;display:block;margin-bottom: 50px;}
.about a{color: #fff;}
.about a.more{display: block;width: 12rem;height: 2.5rem;text-align: center;margin: 0 auto;background-size: 4rem auto;margin-top:80px;background: #008aff url(../images/jk_more.png) no-repeat center;}