/*reset*/
body{font-family: "microsoft yahei","微软雅黑";}
body,ul,li,ol,img,dl,dd,p{margin: 0;padding: 0;}
li{list-style: none;}

body{width: 100%;height: auto;margin: 0 auto;}

/*导航*/
.Nav-box{width:1200px; margin:auto; height: 134px; position: relative;}
.Nav-box .Nav-logo{float: left; display: block; width: 48%;  font-size: 24px; position: absolute; top:25%; }
.Nav-box .Nav-logo h1 img{ max-width: 50px; margin-right:20px; }
.Nav-box .Nav-logo h1{font-size: 32px; float: left; font-weight: 400;}
.Nav-box .Nav-logo strong{float: left; font-weight: 400; margin: 25px 0 0 5px; font-size: 18px; padding: 5px 12px; border: 1px solid #DDD; border-radius: 10px; text-align: center; }
.Nav-box .Nva-PH{width: 20%;height:51px;float: right; padding-left:55px;background: red; position: absolute; top:35%; right: 0; background: url(http://www.youpin618.cn/images/PH.png) no-repeat left center;}
.Nav-box .Nva-PH span{ font-size: 24px; display: block;}
.Nav-box .Nva-PH strong{ font-size: 14px; color: #999999; font-weight: 300; }
.Nav-Con{ width: 25%; float: left; position: absolute; top: 32%; left: 50%; line-height: 64px; text-align: right;}
.Nav-Con a{ color: #777777; font-size: 17px; margin: 0 5%; text-decoration: none;}
.Nav-Con a:hover{ color: #f60;}
/*渐隐*/
.luara-{position:relative;padding:0;overflow: hidden;}
.luara- ul{padding: inherit;margin: 0;}
.luara- ul li{display: none;padding: inherit;margin: inherit;list-style: none;}
.luara- ul li:first-child{display:block;}
.luara- ul li img{width: inherit;height: inherit;}

/*左滑*/
.banner{ width: 100%;}
.banner img{ width: 100%;}

/*标题*/
.title-MG{height:120px; width:100px}
.title-Com_MG{height:60px; width:100px}
.Box-MG{ height: 80px; width: 100%;}
.box-title{ text-align: center; }
.box-title .box-title-big{ font-size: 36px; font-weight: 700; }
.box-title span{ font-size: 16px;color: #8d8d8d; line-height: 46px;}
.container{ width: 1200px; margin:auto;}
.clear{ clear: both; height: 1px; line-height: 1px;}
.title-Color{ color:#FFF;}
.title-Color span{color:#9790c0;}
.box1-main{ clear: both;}
.box1-main ul{}
.box1-main ul li{float:left;cursor: pointer; width: 28.33%; margin: 0 2.5%;  box-sizing: border-box;}
.box1-main ul .box1-main-tit{width:258px; height:73px; }
.box1-main ul .titbg1{background:url(http://www.youpin618.cn/images/tit1.png) no-repeat; }
.box1-main ul li:hover .titbg1{background:url(http://www.youpin618.cn/images/tit1_t.png) no-repeat;  transition: all 0.5s;}
.box1-main ul li .titbg2{background:url(http://1nk.cn/images/13.png) no-repeat; }
.box1-main ul li:hover .titbg2{background:url(http://1nk.cn/images/12.png) no-repeat; cursor: pointer; transition: all 0.5s;}
.box1-main ul li .titbg3{background:url(http://www.youpin618.cn/images/tit3.png) no-repeat; }
.box1-main ul li:hover .titbg3{background:url(http://www.youpin618.cn/images/tit3_t.png) no-repeat; cursor: pointer; transition: all 0.5s;}
.box1-main ul span{ display: block; margin-top: 60px; width: 100%; font-size: 14px; color:#666666; line-height: 24px;}



.box2-main{ background: url(http://www.youpin618.cn/images/box-bg1.png) no-repeat 100% ;  background-size:100% 100%;}
.box2-main ul li{ width: 23%; margin: 0 1%; box-sizing: border-box ;float: left; color: #FFF; text-align: center; background: url(http://www.youpin618.cn/images/menu_bg.png) no-repeat; border: 1px solid #8573be; padding: 30px 0; height: 240px;}
.box2-main ul li:hover{background: url(http://www.youpin618.cn/images/menu_bg_t.png) no-repeat; border: 1px solid #2b0c8e; transition: all 1s; cursor:pointer;}
.box2-main_Icon{ width:60px; margin:auto;}
.box2-main_Title{ font-size: 18px;;}
.box2-main_Cont{ width: 80%; margin: auto; font-size: 14px; line-height: 24px; margin-top: 20px;}

.box3-main-left{ width: 40%; float:left}
.box3-main-left img{max-width: 100%; }
.box3-main-left img{max-width: 100%;}
.box3-main-right{ width: 58%; float:right; margin-top: 40px;}
.box3-main-right ul li{ width: 48%; float: left; margin: 0 1%; height: 124px;}
.box3-main-right-ICon{float: left; width:18%;}
.box3-main-right-tit{ float: left; width:82%; }
.box3-main-right-tit strong{ display: block; line-height: 32px; font-size: 18px; color: #282828;}
.box3-main-right-tit span{font-size: 14px; color: #777777; padding-top: 5px; display: block;}


.box4-main{background: #f6f9fe; padding-top: 40px;}
.box4-main-Con ul li{float:left;cursor: pointer; width: 30.33%; margin: 0 1.5%; padding: 40px;  margin-bottom: 30px; border-radius: 4px; background: #FFF; box-sizing: border-box;}
.box4-main-Con-Left{ float: left; width: 60%;}
.box4-main-Con-Left strong{ height: 48px; width: 100%; display: block; font-size: 18px; color: #282828;float: left; background-size: 100% 100%;}
.box4-main-Con-Left strong i{ display: block; font-style: normal;margin-top: 25px; }
.box4-main-Con-Left span{ color:#777777; font-size: 14px; display: block; float: left; margin-top: 10px;}
.box4-main-Con-Right{float: right; width: 73px; height: 73px;}
.box4-main-Con ul li:hover{background: url(http://www.youpin618.cn/images/menu_bg2_t.png) no-repeat;background-size: 100% 100%; transition: all .5s;}
.box4-main-Con ul li:hover .box4-main-Con-Left span,.box4-main-Con ul li:hover .box4-main-Con-Left strong{ color: #FFF;}

.box4-main-Con ul li .Number-1 strong{ background: url(http://www.youpin618.cn/images/Icon17.png) no-repeat left center;}
.box4-main-Con ul li .Number-2 strong{ background: url(http://www.youpin618.cn/images/Icon18.png) no-repeat left center;}
.box4-main-Con ul li .Number-3 strong{ background: url(http://www.youpin618.cn/images/Icon19.png) no-repeat left center;}
.box4-main-Con ul li .Number-4 strong{ background: url(http://www.youpin618.cn/images/Icon20.png) no-repeat left center;}
.box4-main-Con ul li .Number-5 strong{ background: url(http://www.youpin618.cn/images/Icon21.png) no-repeat left center;}
.box4-main-Con ul li .Number-6 strong{ background: url(http://www.youpin618.cn/images/Icon22.png) no-repeat left center;}

.box4-main-Con ul li:hover .Number-1 strong{ background: url(http://www.youpin618.cn/images/Icon17_t.png) no-repeat left center;  }
.box4-main-Con ul li:hover .Number-2 strong{ background: url(http://www.youpin618.cn/images/Icon18_t.png) no-repeat left center;  }
.box4-main-Con ul li:hover .Number-3 strong{ background: url(http://www.youpin618.cn/images/Icon19_t.png) no-repeat left center;  }
.box4-main-Con ul li:hover .Number-4 strong{ background: url(http://www.youpin618.cn/images/Icon20_t.png) no-repeat left center;  }
.box4-main-Con ul li:hover .Number-5 strong{ background: url(http://www.youpin618.cn/images/Icon21_t.png) no-repeat left center;  }
.box4-main-Con ul li:hover .Number-6 strong{ background: url(http://www.youpin618.cn/images/Icon22_t.png) no-repeat left center;  }

.box4-main-Con ul li:hover .box4-main-Con-right-img{background-size: 100% 100%;}
.box4-main-Con ul li .box4-main-Con-right-img{ width: 100%; height: 100%; margin-top: 22px;background-size: 100% 100%;}
.box4-main-Con ul li  .IMG-bg-1{background: url(http://www.youpin618.cn/images/Icon11.png) no-repeat ; }
.box4-main-Con ul li  .IMG-bg-2{background: url(http://www.youpin618.cn/images/Icon12.png) no-repeat ; }
.box4-main-Con ul li  .IMG-bg-3{background: url(http://www.youpin618.cn/images/Icon13.png) no-repeat ; }
.box4-main-Con ul li  .IMG-bg-4{background: url(http://www.youpin618.cn/images/Icon14.png) no-repeat ; }
.box4-main-Con ul li  .IMG-bg-5{background: url(http://www.youpin618.cn/images/Icon15.png) no-repeat ; }
.box4-main-Con ul li  .IMG-bg-6{background: url(http://www.youpin618.cn/images/Icon16.png) no-repeat ; }
.box4-main-Con ul li:hover .IMG-bg-1{background: url(http://www.youpin618.cn/images/Icon11_t.png) no-repeat ; }
.box4-main-Con ul li:hover .IMG-bg-2{background: url(http://www.youpin618.cn/images/Icon12_t.png) no-repeat ; }
.box4-main-Con ul li:hover .IMG-bg-3{background: url(http://www.youpin618.cn/images/Icon13_t.png) no-repeat ; }
.box4-main-Con ul li:hover .IMG-bg-4{background: url(http://www.youpin618.cn/images/Icon14_t.png) no-repeat ; }
.box4-main-Con ul li:hover .IMG-bg-5{background: url(http://www.youpin618.cn/images/Icon15_t.png) no-repeat ; }
.box4-main-Con ul li:hover .IMG-bg-6{background: url(http://www.youpin618.cn/images/Icon16_t.png) no-repeat ; }


.box5-main{ background: url(http://www.youpin618.cn/images/box-bg2.png) no-repeat 100% ;  background-size:100% 100%;}
.box5-main-Con{}
.box5-main-Con li{ width: 18%; float: left; margin: 0.7% 1%; text-align: center;}
.box5-main-Con li:hover{box-shadow: 5px 0px 30px #6e2dad; border-radius: 20px;transition: all .5s; cursor: pointer; position: relative;}
.YX-box4 .box5-main-Con li:hover{box-shadow: 5px 0px 30px #afafaf; border-radius: 20px;transition: all .5s; cursor: pointer; position: relative;}
.box5-main-Con li img{ width: 100%; vertical-align:middle; text-align:center;}
.box5-main-Con li img:hover{transition: all .5s; margin-top: -5px; }

.box6-bg{ background: #f6f9fe;}
.box6-main-Con ul li{ width: 30%; display: block; box-sizing:content-box; float: left; margin: 0 1.5% 3% 1.5%; height: 245px; background: #FFF; border-radius: 8px; position: relative; line-height: 24px;}
.box6-main-Con ul li:hover{ box-shadow: 5px 0px 30px #d3d3d3;transition: all .5s; cursor: pointer;}
.box6-main-Con ul li img{ margin-left: 30px; margin-top: 20px;}
.box6-main-Con ul li strong{ display: block; color: #282828; font-weight: 400; font-size: 14px; margin-left: 30px; margin-top: 12px; padding-right: 30px;}
.box6-main-Con ul li span{ display: block; font-size: 14px; color: #777777; position: absolute; bottom: 18px; left: 30px;}

.foot-box{ width: 100%; margin: 40px auto;}
.foot-box-Left{ float: left; width: 50%;}
.foot-box-Left strong{ font-size:36px; color:#282828; display: block;}
.foot-box-Left span{ font-size: 16px; color: #777; display:block; padding-top: 10px}
.foot-box-Left span a{ text-decoration:none; color: #f60; padding-left: 5px;}
.foot-box-Right{float: right; width: 50%;}
.foot-box-Right-L{ width:50%; float: left;}
.foot-box-Right-L strong{color: #672aed; font-size: 40px;padding-top: 10px;display:block; }
.foot-box-Right-L span{ font-size: 14px; color: #777; padding-left: 5px;}
.foot-box-Right-R{width:50%; float: left; color: #777; margin-top: 25px;}
.Btn{ width: 450px; margin: 80px auto; height: 50px;font-size: 18px; color: #FFF; border: 1px solid #9586c7; border-radius: 50px; line-height: 50px; background:url(http://www.youpin618.cn/images/bottom.png) no-repeat  center right;}
.Btn i{ display: block; float: left; padding-left:40px;}
.Btn span{ display: block; float: right; text-align: center; width: 150px; }
.Btn span a{ color: #FFF; text-decoration: none;}



/*营销*/
.YX-box{ background:#f2f2f8;}
.YX-box1-main ul li{ width: 30.33%; margin: 0px 1.5%; float: left; background: #FFF; padding-bottom: 26px; height: 640px;}
.YX-box1-main ul li:hover{ background: #eae9ff; color: #6235e7; transition: all 0.5s; cursor: pointer;}
.YX-box1-main ul li:hover .box1-color{ color: #4d19e3;}
.YX-box1-main-tit{background: url(http://www.youpin618.cn/images/YX_bg1.jpg) no-repeat ;  height: 110px; position: relative; }
.YX-box1-main-tit span{ background: url(http://www.youpin618.cn/images/YX_Icon1.png) no-repeat ;  color: #FFF; padding-left: 38px; font-size: 20px; display: block; height: 35px; position: absolute; top:36px; left:36px;}
.YX-box1-main-tit span i{ font-style: normal; font-size:10px; display: block; color: #afa0f0; }
.YX-box1-main-tit{ margin-bottom: 21px;}
.YX-box1-main-Con{ padding:15px 46px 0 46px; position: relative; line-height: 32px; font-size:16px ; }
.YX-box1-HG .YX-box1-main-Con{ line-height: 27px;}
.YX-box1-main-Con span{font-weight: bold;}
.YX-box1-main-Con em{ width: 35px; display:block; float: left; color: #dcdcdc; font-weight: 400; }
.YX-box1-main-Con i{ float: right; font-family: arial; color: #c1c1c1;}
.YX-box1-main-Con dl{ padding-left: 35px; color:#777; margin-top: 5px; font-size: 14px;}

.YX-box2-con ul li{ width: 23%; margin: 0 1%; float: left; }
.YX-box2-con ul li:hover{ margin-top: -20px; transition: all .5s; cursor: pointer;}
.YX-box2-con ul li .YX-box2-con-tit{ width: 70%; height: 58px; border-bottom: 1px solid #e7e7e7;  padding-left: 62px;}
.YX_Icon1{background: url(http://www.youpin618.cn/images/YX_Icon2.png) no-repeat center left;}
.YX_Icon2{background: url(http://www.youpin618.cn/images/YX_Icon3.png) no-repeat center left;}
.YX_Icon3{background: url(http://www.youpin618.cn/images/YX_Icon4.png) no-repeat center left;}
.YX_Icon4{background: url(http://www.youpin618.cn/images/YX_Icon5.png) no-repeat center left;}

.YX-box2-con ul li .YX-box2-con-tit{ font-size: 12px; color: #999999;}
.YX-box2-con ul li .YX-box2-con-tit p{ font-size: 20px; line-height: 32px; color: #282828;}
.YX-box2-con ul li span{ width: 90%; margin-top: 10%; display: block; color: #777; font-size: 14px; line-height: 24px;}
.YX-box2-con ul li strong{ display: block; margin-top: 50px; line-height: 48px; height: 48px; text-align: center; font-size: 14px; font-weight: 400; vertical-align: middle; width:100%; background:#f0f0ff; text-align: center; }
.YX-box2-con ul li strong img{vertical-align: middle; margin-left: 12px; margin-top: -3px; }
.YX-box2-con ul li strong a{ text-decoration: none; color: #8655ff; }

.YX-box3{ background:#e9e6f3;}
.YX-box4{ background: url(http://www.youpin618.cn/images/YX_bg.png) no-repeat center left;}
.YX-box5{background: url(http://www.youpin618.cn/images/YX_box5.png) no-repeat center left;}
.YX-box5 ul li{ width:11%; float: left; color: #FFF;}
.YX-box5-con-L{ text-align: center;}
.YX-box5-con-L div{ width: 130px; height: 130px; border-radius: 100%;  margin-bottom: 20px;}
.YX-box5-con-L strong{ line-height: 48px; font-size: 16px; font-weight: 400;}
.YX-box5-con-L p{ font-size: 14px; color: #d5cee8;}
.YX-box5-con-em{ text-align: center; line-height: 130px; color: #c6bee1;}
.YX_Icon5{background: url(http://www.youpin618.cn/images/YX_Icon6.png) #FFF no-repeat center center;}
.YX_Icon6{background: url(http://www.youpin618.cn/images/YX_Icon7.png) #FFF no-repeat center center;}
.YX_Icon7{background: url(http://www.youpin618.cn/images/YX_Icon8.png) #FFF no-repeat center center;}
.YX_Icon8{background: url(http://www.youpin618.cn/images/YX_Icon9.png) #FFF no-repeat center center;}
.YX_Icon9{background: url(http://www.youpin618.cn/images/YX_Icon10.png) #FFF no-repeat center center;}


.foot-search{ margin-top: 60px;}
.foot-search .input{width:25%; height: 62px; margin-right: 2%; border: 1px solid #DDD; border-radius: 3px; padding-left: 12px; color: #777;}
.foot-search .input:hover{ background:#f0f0f0; border: 1px solid #b5b5b5;}
.foot-search .btn{background: linear-gradient(to right bottom, #1b39e5, #7527ee 90px); border-radius: 3px;cursor: pointer; color:#FFF; font-size: 18px; width: 180px; height: 62px; border: 0;}
.foot-search .btn:hover{background: linear-gradient(to right bottom, #4d0ee7, #d32bcd 90px); }

.foot-box-Left .btn{background: linear-gradient(to right bottom, #1b39e5, #7527ee 90px); border-radius: 3px;cursor: pointer; color:#FFF; font-size: 18px; width: 180px; height: 48px; line-height: 48px; text-align: center; border: 0; padding: 0 12px;}
.foot-box-Left .btn:hover{background: linear-gradient(to right bottom, #4d0ee7, #d32bcd 90px); }
.foot-box-Left .btn a{ color: #FFF; text-decoration:none}
.foot{ background: #fafafa; text-align: center; line-height: 21px; font-size: 13px; padding: 12px 0; color: #777777;}
/*example*/
.example{}
.example ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example ol li.seleted{background: #1AA4CA;}

.example1{}
.example1 ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example1 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example1 ol li.seleted{background: #1AA4CA;}

.example2{}
.example2 ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example2 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example2 ol li.seleted{background: #1AA4CA;}


/*关于我们 */
.about-banner{ background: url(http://www.youpin618.cn/images/aboutus.jpg) no-repeat top center ; color: #FFF; font-size: 28px; font-weight: 400; color: #FFF;}
.about-box{ padding-top: 40px; width: 1400px; margin: auto;}
.about-box-Left{ width: 40%; float: left;}
.about-box-Left img{ width: 80%;}
.about-box-Right{ width: 50%; float: left; padding-top: 30px;}
.about-box-Right-Icon{ font-size: 32px; color: #f3f3f3;}
.about-box-Right-tit{ font-size: 18px; margin-bottom: 10px;}
.about-box-Right-tit em{ color: #f60; font-style: normal;}
.about-box-Right-con{ font-size: 14px; color: #777777; line-height: 28px; margin-top: 12px;}
.about-box-Right-con ul li{ font-size: 16px; width: 20%; float: left; text-align: center; }
.about-box-Right-con ul li p{ font-size: 32px; color: #f60; }
.about-box-Right-con ul li em{ font-size: 12px; vertical-align: top;}
.about-box-Right-con ul li{}



.about-banner-con1{ font-size: 24px; font-weight: 400;}
.about-banner-con1 i{ display: block; float: left; font-style: normal; font-size: 16px; padding: 5px 12px; border: 1px solid #FFF; border-radius: 30px; margin-right: 5px; margin-top: 12px;}


@media screen and (min-width:1680px) and (max-width:1920px) {
	.Nav-box{width:1400px;}
	.container{width:1400px;}
	
	
}
@media screen and (min-width:1024px) and (max-width:1680px)) {
	.Nav-box{width: 1024px;}
	.container{width: 1024px;}
	.about-box{width: 1024px;}
	
}