* {
  margin:0;
  padding:0;
}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
html,body{
  min-width: 1200px;
}
body{
  color:#616161;
  font-size: 16px;
}
ul,li{
  list-style:none;
}
input,textarea,select, a{
  border: none;
  outline: medium;
  box-shadow: none;
  /*-webkit-appearance: none;*/
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-writing-mode: horizontal-tb;
  background: transparent;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
a{
  color: #616161;
}
.fl{
   float: left;
}
.fr{
   float: right;
}
.clear:after{
  clear:both;
  content:"";
  display:block;
  visibility:hidden;
}
.col-f60 {
  color: #e41713;
}
.mg-90 {
  margin:90px auto;
}
.ml-200 {
  margin-left: 200px !important;
}
.w_bg {
  /* background: url(http://img.ubox.cn/youcoffee/web/img/w_bg.jpg) repeat; */
  padding: 90px 0;   
  background-color: #f9f7f5;
}
.common_title {
  width: 960px;
  padding-bottom: 20px;
  margin: 0 auto;
  text-align: center;
  background: url(http://img.ubox.cn/youcoffee/web/img/ct_bg.jpg) no-repeat center bottom;
}
.common_title h3 {
  font-size: 50px;
  margin-bottom: 10px;
  color: #e41713;
  height: 70px;
  font-weight: normal;
}
.common_title  span {
  color: #999;
  text-transform:Uppercase;
}

.header_wrap{
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  background: rgba(255,255,255,.9);
  width: 100%;
  z-index: 999;
  box-shadow: 0 5px 5px rgba(163,65,0,.1);
}

.header {
  width: 1200px;
  height: 80px;
  margin:0 auto;
}
.logo {
  display: table;
  height: 100%;
}
.logo a {
  display: table-cell;
  vertical-align: middle;
}
.logo img {
  display: block;
  width: auto;
  max-height: 80px;
}

.nav {
  overflow: hidden;
  margin-left:210px;
  margin-right: 300px;
}
.nav li {
  float: left;
  margin-right: 10px;
}
.nav a {
  display: block;
  width: 100px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  font-size: 16px;
}
.nav .active a {
  font-size: 20px;
  color: #e41713;
  border-bottom:4px solid #e41713;
}

.header .tel {
  position: relative;
  font-size: 20px;
  color:#e41713;
  height: 80px;
  line-height: 80px;
  padding: 0 0 0 33px;
  background: url(http://img.ubox.cn/youcoffee/web/img/tel.png) no-repeat left center;
}
.header .ser{
  float: right;
  padding-left: 35px;
  margin-left: 25px;
  background: url(http://img.ubox.cn/youcoffee/web/img/ser.png) no-repeat left center;
  color: #e41713;
  color: inherit;
}
.yc {
  width: 960px;
  margin:90px auto 125px;
}
.ylogo {
  width: 232px;
  height: 88px;
}
.ylogo img {
  width: 100%;
}
.yc .description {
  margin-left:436px;
  line-height: 30px;
}
.cityMod {
width: 960px;
height:512px;
margin:15px auto 0;
}
.city {
  overflow: hidden;
  width: 470px;
  margin:60px auto 0;
}
.city li {
  width: 118px;
  height: 118px;
  line-height: 118px;
  font-size: 32px;
  color: #e41713;
  text-align: center;
  border:1px solid #e41713;
  border-radius: 50%;
  float: left;
  margin:0 35px 35px 0;
}
.map {
width:471px;
height:402px;
}
.yb {
  width: 960px;
  margin:0 auto;
  padding: 75px 0;
}
.yblogo {
  width: 230px;
  height: 105px;
  margin-top: 60px;
}
.yblogo img {
  width: 100%;
  height: 100%;
}
.yb .description {
  margin-left: 370px;
}
.yb li {
  padding-left: 24px;
  line-height: 44px;
  background: url(http://img.ubox.cn/youcoffee/web/img/icon.png) no-repeat left 20px;
}
.brand{
margin-top:60px;
text-align:center;
}
.partners {
  width: 1000px;
  overflow: hidden;
  margin:30px auto 0;
}
.partners li {
  width: 200px;
  height:168px;
  float: left;
  margin:20px 25px;
}
.partners li img {
  width: 100%;
  height: 100%;
}

.cm_title {
  font-size: 26px;
  color: #595757;
  width: 338px;
  height: 48px;
  line-height: 48px;
  border:1px solid #595757;
  border-radius: 24px;
  margin:30px auto;
  text-align: center;
}
.cm_title2 {
  width: 428px;
}


.coffee {
  width: 1024px;
  height: 440px;
  background:url(http://img.ubox.cn/youcoffee/web/img/coffee.jpg) no-repeat center;
  margin:0 auto 120px;
  text-align: center;
  color: #fff;
  
}
.coffee p {
  font-size: 65px;
}
.coffee span {
  font-size: 26px;
  margin-top: 20px;
}
.c_txt {
  width: 100%;
  height: 280px;
  padding-top: 160px;
  position: relative;
  /* background-color: #fff;
  opacity: 0.4;  */
}
.coffee_zz {
  width: 100%;
  height: 440px;
  position: absolute;
  left:0;
  top:0;
  background-color: #fff;
  filter:alpha(opacity=0.4);
  opacity: 0.4;
}
.cof_list  {
  overflow: hidden;
  width: 1170px;
  margin:60px auto 0;
}
.cof_list li {
  float: left;
  width: 260px;
  margin:0 65px 40px;
  overflow: hidden;
  text-align: center;
}
.cof_list li img {
  width: 100%;
}
.cof_list p {
  font-size: 26px;
  height: 50px;
}
.cof_list span {
  font-size: 18px;
  line-height: 36px;
}

.coofee_pic {
  margin:100px auto 0;
  width: 960px;
  text-align: center;
  color: #595757;
}
.coofee_pic img {
  display: block;
  height: 450px;
}
.coofee_pic p {
  font-size: 26px;
  height: 50px;
  line-height: 50px;
  margin:30px auto 20px;
}
.coofee_pic span {
  font-size: 18px;
}
.cofb_list {
  width: 940px;
  overflow: hidden;
  margin:90px auto 0;
}
.cofb_list li {
  width: 270px;
  margin:0 100px;
  float: left;
  text-align: center;
}
.cofb_list li img {
  display: block;
  height: 270px;
  margin-bottom: 20px;
}
.cofb_list p {
  font-size: 26px;
  margin-bottom: 20px;

}
.cofb_list span {
  font-size: 18px;
}
.textpic {
  width: 1080px;
  height: 290px;
  margin:30px auto;
  overflow: hidden;
  position: relative;
}
.textpic>img {
  z-index: 99;
  width: 420px;
  height: 240px;
  position: absolute;
  top:25px;
}
.textpic .text {
  width: 790px;
  height: 290px;
  background-color: #f4f4f4;
  z-index: 9;
}
.textpic .text h3 {
  font-weight: normal;
  font-size: 32px;
  height: 66px;
  margin-top:60px;
}
.textpic .text p {
  font-size: 18px;
  line-height: 34px;
}
.textpic1 img{
  left:0;
}
.textpic1 p,.textpic1 h3 {
  margin-left: 230px;
}

.textpic2 img {
  right: 0;
}
.textpic2 p,.textpic2 h3 {
  margin-left: 86px;
}
.pic_list {
  width: 1180px;
  overflow: hidden;
  margin:0 auto;
}
.pic_list li{
  width: 490px;
  margin:0 50px 50px;
  float: left;
}
.pic_list p {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.wrap {
  margin:80px auto;
}
.service {
  width: 820px;
  height: 762px;
  margin:60px auto;
  position: relative;
  background: url(http://img.ubox.cn/youcoffee/web/img/sev_bg3.png) no-repeat center top;
}
.service p {
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  width: 170px;
  position: absolute;
}
.service .p1 {
  left:320px;
  top:320px;
}
.service .p2 {
  bottom: 0;
  left:50px;
}
.service .p3 {
  bottom: 0;
  right: 50px;
}
.al_list {
  width: 1000px;
  margin:60px auto;
  overflow: hidden;
}
.al_list li {
  width: 430px;
  height: 173px;
  margin:0 35px 40px;
  overflow: hidden;
  position: relative;
  float: left;
}
.alTxt {
width:115px;
height:225px;
background:#e41713;
padding:20px 25px;
font-size:18px;
color:#fff;
line-height:30px;
float:left;
}
.al_list .pic1 {
 float:right;
 display:block;
}

.duty {
  width: 1024px;
  margin:0 auto 80px;
}

.duty1 {
  height: 650px;
  background: url(http://img.ubox.cn/youcoffee/web/img/duty_bg1.png) no-repeat left bottom;
}
.duty2 {
  height: 446px;
  background: url(http://img.ubox.cn/youcoffee/web/img/duty_bg2.png) no-repeat left bottom;
}

.duty_list {
  width: 795px;
  margin:50px auto;
}
.duty_list li {
  width: 205px;
  padding-top: 112px;
  float: left;
  margin:0 30px 35px;
  background-repeat: no-repeat;
  background-position: center top;
}
.duty_list li p {
 font-size: 20px;
 text-align: center;
 line-height: 36px;
 margin-top: 20px;
}
.duty_list li:nth-of-type(1){
  background-image: url(http://img.ubox.cn/youcoffee/web/img/d_pic1.png);
}
.duty_list li:nth-of-type(2){
  background-image: url(http://img.ubox.cn/youcoffee/web/img/d_pic2.png);
}
.duty_list li:nth-of-type(3){
  background-image: url(http://img.ubox.cn/youcoffee/web/img/d_pic3.png);
}
.duty_list li:nth-of-type(4){
  background-image: url(http://img.ubox.cn/youcoffee/web/img/d_pic4.png);
}
.duty_list li:nth-of-type(5){
  background-image: url(http://img.ubox.cn/youcoffee/web/img/d_pic5.png);
}
.duty_list li:nth-of-type(6){
  background-image: url(http://img.ubox.cn/youcoffee/web/img/d_pic6.png);
}
.duty_list2 li:nth-of-type(1){
  background-image: url(http://img.ubox.cn/youcoffee/web/img/d_pic7.png);
}
.duty_list2 li:nth-of-type(2){
  background-image: url(http://img.ubox.cn/youcoffee/web/img/d_pic8.png);
}
.duty_list2 li:nth-of-type(3){
  background-image: url(http://img.ubox.cn/youcoffee/web/img/d_pic9.png);
}
.coop_wrap {
  border-top:5px solid #e41713;
}
.coop {
  width: 1024px;
  padding-top: 100px;
  margin:0 auto;
  background: url(http://img.ubox.cn/youcoffee/web/img/coop_bg.png) no-repeat left top;
}
.coopTxt {
font-size:24px;
margin-bottom:30px;
text-align:center;
}

.coop form {
  width: 380px;
  margin:30px auto 20px;
  font-size: 20px;
  color: #b5b5b6;
  font-size: 20px;
}
.coop form input{
  display: block;
  width: 258px;
  height: 54px;
  padding-left: 120px;
  margin-bottom: 20px;
  line-height: 54px;
  border:1px solid #b5b5b6;
  background-repeat: no-repeat;
  background-position: 20px 20px;
  box-shadow: 0 0 4px #b4b4b6 inset;
  font-size: 18px;
}
.coop form input:nth-of-type(1), .coop form input:nth-of-type(4) {
  background-image:url(http://img.ubox.cn/youcoffee/web/img/icon_c1.png);
}
.coop form input:nth-of-type(2) {
  background-image:url(http://img.ubox.cn/youcoffee/web/img/icon_c2.png);
}
.coop form input:nth-of-type(3) {
  background-image:url(http://img.ubox.cn/youcoffee/web/img/icon_c3.png);
}
.coop form button {
  display: block;
  width: 380px;
  height: 56px;
  line-height: 56px;
  background-color: #e41713;
  font-size: 24px;
  color: #fff;
  border:none;
  border-radius: 6px;
}
.coop form select {
  display: block;
  width: 380px;
  height: 54px;
  padding-left: 120px;
  margin-bottom: 20px;
  line-height: 54px;
  border:1px solid #b5b5b6;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(http://img.ubox.cn/youcoffee/web/img/sl_bg.png) no-repeat scroll 333px center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
  font-size: 20px;
  color: #b5b5b6;
  box-shadow: 0 0 4px #b4b4b6 inset; 
}
.coop form option {
  display: block;
  height: 54px;
  padding-left: 120px;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color:#b5b5b6;
  font-size: 20px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#b5b5b6;
  font-size: 20px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#b5b5b6;
  font-size: 20px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#b5b5b6;
  font-size: 20px;
}
.form_des {
  width: 380px;
  margin:45px auto 120px;
  text-align: center;
}
.form_des p {
  font-size: 18px;
  color: #595757;
  height: 36px;
  line-height: 36px;
}
.form_des span {
  font-size: 22px;
  color: #595757;
  display: block;
  width: 378px;
  height: 52px;
  line-height: 52px;
  border:1px solid #cccccc;
  border-radius: 28px;
  background: url(http://img.ubox.cn/youcoffee/web/img/icon_c4.png) no-repeat 24px center;
}
.concat {
  width: 1080px;
  height: 370px;
  padding: 90px 60px;
  background-color: #fff;
  margin:80px auto 0;
}

.concat .text {
  margin-right: 550px;
}
.concat .text p {
  font-size: 18px;
  height: 40px;
  line-height: 40px;
}
.concat_title {
  height: 130px;
  margin: 0 auto 50px;
  background-image: url(http://img.ubox.cn/youcoffee/web/img/ct_bg.jpg);
  background-repeat: no-repeat;
  background-position: left 128px;
}
.concat_title h3 {
  font-size: 50px;
  color: #e41713;
  height: 75px;
  font-weight: normal;
}
.concat_title span {
  text-transform: Uppercase;
}



.footer {
  height: 228px;
  padding-top: 58px;
  background:url(http://img.ubox.cn/youcoffee/web/img/f_bg.jpg) no-repeat center;
}
.copyright {
  width: 950px;
  margin:0  auto;
  color: #fff;
}
.copyright h3 {
  font-size: 26px;
  font-weight: normal;
  margin:28px 0 34px;
}
.copyright p {
  line-height: 30px;
}
.copyright p span {
  margin-top: 2px;
  padding: 4px 25px;
  border-radius: 16px;
  border:1px solid #fff;
}

.slide{ 
 position: relative;
 width: 100%;
}
.slide .bd ul{  
  zoom:1;  
}
.slide .bd li{
  height:630px;
  overflow: hidden; 
}
.slide .bd li img{
  position: relative;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  overflow: hidden;
}
.banner {
  height: 630px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  min-width: 1200px;
  max-width: 1920px;
}
.banner .prev,
.banner .next{
  visibility: hidden;
  opacity: 0;
  width: 100px;
  height: 100px;
  position: absolute;
  top:265px;
  transition: all 0.3s;
}
.banner .prev {
  left:0;
  background: url(http://img.ubox.cn/youcoffee/web/img/prev.png) no-repeat center;
}
.banner .next {
  right:0;
  background: url(http://img.ubox.cn/youcoffee/web/img/next.png) no-repeat center;
}
.banner:hover .prev,
.banner:hover .next{
  visibility: visible;
  opacity: 1;
}
.cz {
  width: 750px;
  height: 425px;
  margin:50px auto;
}
.cz img {
  width: 100%;
}
.wx {
  width: 150px;
  
}
.wx img {
  width: 100%;
}

.slide-bar{
  position: fixed;
  right: 10px;
  bottom: 20%;
  background: url(http://img.ubox.cn/youcoffee/web/img/slide.png) no-repeat -160px 0;
  width: 80px;
}
.slide-bar li{
  position: relative;
  width: 80px;
  height: 80px;
  margin-bottom: 3px;
  cursor: pointer;
}
.slide-bar li a{
  display: block;
  width: 100%;
  height: 100%;
}
.slide-bar .img{
  position: absolute;
  right: 100%;
  top: 0;
  width: 160px;
  height: 80px;
  background: url(http://img.ubox.cn/youcoffee/web/img/slide.png) no-repeat;
  visibility: hidden;
  opacity: 0;
}
.slide-bar .btn2 .img{
  background-position-y: -83px;
  height: 160px;
}
.slide-bar li:hover .img{
  visibility: visible;
  opacity: 1;
}