@charset "utf-8";
/* CSS Document */


* { margin:0px; padding:0px; list-style-type: none;}
HTML { padding: 0px; margin: 0px }
body {font-family:"微软雅黑",Tahoma,Helvetica,Arial,sans-serif;margin: 0px auto;font-size: 12px;background:#f2f4fb;}
a{color: #333;}
a:hover,a:focus {color: #204286; text-decoration: none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:14px;font-weight:normal;}
a img {border:0px; box-shadow: 0 5px 20px rgb(67 86 170 / 20%);}
a img:hover { margin:0; padding:0;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
		  }

border: {zoom:1;}
ul, li,  p { margin:0; padding:0; border:none; list-style-type:none;}
.clear {clear: both; }
.hr2,.hr4,.hr5,.hr6,.hr8,.hr10,.hr15,.hr20{margin:0 auto; padding:0px; font-size:0;line-height:0;clear:both;}
.hr2{height:2px;}.hr4{height:4px;}.hr5{height:5px;}.hr6{height:6px;}.hr8{height:8px;}.hr9{height:9px;}.hr10{height:10px;}.hr20{height:20px;}.hr15{height:15px;}
.dash {border-bottom:1px dashed #999;padding-top: 4px;  text-align:center;}
.dis{ display:block;}
.undis{ display:none; }
.t1 {background-color:#FFFFFF;text-align:center} 
.t2 {background-color:#EDF6FF;text-align:center} 

.header{margin:0 auto; padding:0px; width:1280px;}
.header .top{width:1280px; height:60px; }
.header .top .left{width:330px; float:left; line-height:60px;}
.header .top .right{float:right; width:800px;}
.header .top .right ul li{float:right; margin:20px 0px; font-size:15px; font-weight:300;}
.header .top .right ul li a{padding:8px 16px; }
.header .top .right ul li a:hover{background:#204286; color:#fff; border-radius:3px;}

.banner{width:1280px; margin:0 auto; text-align:center;}
.banner img{width:1280px; height:100px; }

.nav_top {width:1280px; margin:0 auto; height:50px; line-height:50px; background:#fff; overflow:hidden;}
.nav_top .hd {float:left; height:50px; line-height:50px; padding:0 15px; font-size:18px; font-weight:bold; color:#204286;}
.txtMarquee-left{width:1040px; position:relative; height:45px; padding:0px; line-height:45px; margin:0 10px; float:left; overflow:hidden;}
.txtMarquee-left .bd{padding:0 10px; height:45px;}
.txtMarquee-left .bd .tempWrap{width:1040px !important;}/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{overflow:hidden; zoom:1;}
.txtMarquee-left .bd ul li{margin:0 15px; padding-left:10px; height:50px; line-height:50px; color:#333; font-size:16px; font-weight:300;  background: url(../images/wine/dot1.png) no-repeat 2px 24px; float:left;_display:inline; width:auto !important;}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{color:#999;}

.navbar-default{background: url(../images/wine/nav.png);}
.navbar{border-radius: 0; margin-bottom:0;}
.navbar .container{padding-left:0; padding-right:0; width:1280px;}
.navbar-collapse{padding-left:0; padding-right:0;}
.navbar-default .navbar-nav>li>a{color:#fff;}
.nav>li>a{padding:15px 66px; font-size:18px; line-height:20px; font-weight:300;letter-spacing:1.5px;}
.nav_index{}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#204286; font-weight:bold;background-color: #fff; *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;}

		  
.wrap{width:1280px; margin:0 auto;}
.table{border:1px solid #dedede;}		  
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 35px;vertical-align: top;border: 1px solid #dedede;text-align: center;font-size:15px;}
.table th:hover,.table td:hover{ 
 *border-right-width: -10px;
  *border-bottom-width: -10px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
		  background-color:#fff;
		  }		  
.table td p a{padding:0 5px 0 20px; font-size:13px; float:left; color:#999;}
.table td p a:hover{color: #0088cc; }

.box1{width:1280px; height:375px; margin:0 auto; padding:0px;}
.box1 .left{float:left; width:660px; height:375px; background:#fff;}
.box1 .right{float:right; width:600px; height:375px; background:#fff;}
.box1 .right .hd{}
.box1 .right .hd .title{border-left: 4px solid #204286;padding-left: 12px; font-size:14px; line-height:25px; font-weight:bold; margin:10px;}
.box1 .right .hd ul{margin:10px 25px 0 25px;}
.box1 .right .hd ul li{text-align:center; font-size:24px; line-height:60px;height:60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box1 .right .hd ul li a{color: #204286;}
.box1 .right .hd ul li a:hover{color:#204286;}
.box1 .right .bd ul{width:660px; overflow:hidden;}
.box1 .right .bd ul li{width:560px; float:left; font-size:17px; font-weight:300;line-height:42px; height:45px; border-bottom:1px dashed #ddd; margin:0 20px; padding:3px 0 0 5px; letter-spacing:1px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.focus{width:660px;height:375px; position:relative;}
.focus:hover{*border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;}
		  
.focus #pic{width:660px;height:375px;overflow:hidden;}
.focus #pic ul{width:660px;height:375px;float:left;}
.focus #pic li{width:660px;height:375px;float:left;}
.focus #pic li img{width:660px;height:375px;float:left;}
.focus #txt{width:660px;height:38px;background:#757575;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;position:absolute;left:0;bottom:21px;z-index:100; overflow:hidden;}
.focus #txt ul{ float:left;}
.focus #txt li a{ float:left;width:660px;height:38px; line-height:38px; text-align:center; color:#fff; font-size:17px;text-decoration:none;letter-spacing:1px; }
.focus #txt li a:hover{text-decoration:none;}
.focus .tip-bg{width:660px;height:21px;background:url(../images/wine/focus_tip_bg.png) repeat-x left top;position:absolute;left:0;bottom:0;z-index:12;}
.focus #tip{width:100px;height:14px;position:absolute;left:280px;bottom:3px;z-index:13;}
.focus #tip ul li{width:14px;height:14px;float:left;display:inline;margin:0 5px;cursor:pointer;background:url(../images/wine/focus_tip.png) no-repeat;}
.focus #tip ul li.on{background:url(../images/wine/focus_tip_current.png) no-repeat;}
.focus .btns{width:42px;height:9px;position:absolute;right:0;bottom:5px;z-index:14;overflow:hidden;}
.focus .btns ul{width:100%;float:left;}
.focus .btns li{width:7px;height:9px;float:left;display:inline;margin:0 7px;cursor:pointer;overflow:hidden;}
.focus .btns li.prev{background:url(../images/wine/focus_btn_left.png) no-repeat left top;}
.focus .btns li.next{background:url(../images/wine/focus_btn_right.png) no-repeat left top;}

.box_bg{background:#e1eff7;*border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;}
.focus1{width:960px;height:560px; margin:0 auto; position:relative;}
.focus1:hover{*border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;}
.focus1 #pic{width:960px;height:560px;overflow:hidden;}
.focus1 #pic ul{width:960px;height:560px;float:left;}
.focus1 #pic li{width:960px;height:560px;float:left;}
.focus1 #pic li img{width:960px;height:560px;float:left;}
.focus1 #txt{width:960px;height:38px;background:#757575;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;position:absolute;left:0;bottom:21px;z-index:100; overflow:hidden;}
.focus1 #txt ul{ float:left;}
.focus1 #txt li { float:left;width:960px;height:38px; line-height:38px; text-align:center; color:#fff; font-size:17px;text-decoration:none;letter-spacing:1px; }
.focus1 .tip-bg{width:960px;height:21px;background:url(../images/wine/focus_tip_bg.png) repeat-x left top;position:absolute;left:0;bottom:0;z-index:12;}
.focus1 #tip{height:14px;position:absolute;left:420px;bottom:3px;z-index:13;}
.focus1 #tip ul li{width:14px;height:14px;float:left;display:inline;margin:0 5px;cursor:pointer;background:url(../images/wine/focus_tip.png) no-repeat;}
.focus1 #tip ul li.on{background:url(../images/wine/focus_tip_current.png) no-repeat;}
.focus1 .btns{width:42px;height:9px;position:absolute;right:0;bottom:5px;z-index:14;overflow:hidden;}
.focus1 .btns ul{width:100%;float:left;}
.focus1 .btns li{width:7px;height:9px;float:left;display:inline;margin:0 7px;cursor:pointer;overflow:hidden;}
.focus1 .btns li.prev{background:url(../images/wine/focus_btn_left.png) no-repeat left top;}
.focus1 .btns li.next{background:url(../images/wine/focus_btn_right.png) no-repeat left top;}


.box2{width:1280px; margin:0 auto; padding:0px;}
.box2 .left{float:left; width:860px; background:#fff;}
.box2 .right{float:right; width:400px; background:#fff;}
.box2 .left .hd{height:50px; line-height:49px; border-bottom:1px solid #ddd;}
.box2 .left .hd .title{background:#204286; font-size:18px; float:left; font-weight:300; color:#fff;}
.box2 .left .hd .title a{color:#fff;padding:12px 45px;}
.box2 .left .hd .title a:hover{background:#204286;font-weight:400;}
.box2 .left .bd{width:860px; overflow:hidden; padding:15px 0; float:left;}
.box2 .left .bd ul li {text-align:justify;text-justify:inter-ideograph; float:left; padding:15px; width:430px; overflow:hidden; display:block;}
.box2 .left .bd ul li .lt{float:left; width:164px; }
.box2 .left .bd ul li .lt img{width:134px; height:136px; margin:10px; box-shadow:none;}
.box2 .left .bd ul li .lt img{}
.box2 .left .bd ul li .rt{float:left; width:230px; margin-right:6px;} 
.box2 .left .bd ul li .rt h4{font-size:18px; font-weight:bold; line-height:40px; letter-spacing:1px;}
.box2 .left .bd ul li .rt p{font-size:14px; line-height:20px;  letter-spacing:1.5px;text-align:justify;text-justify:inter-ideograph;overflow:hidden;}
.box2 .right .hd{height:50px; line-height:49px; border-bottom:1px solid #ddd;}
.box2 .right .hd .title{background:url(../images/wine/expert_bg.png) repeat-x; font-size:16px; font-weight:bold; color:#fff; text-align:center; letter-spacing:1.5px;}
.box2 .right .bd{padding:20px;}
.box2 .right .bd h6{font-size:18px; line-height:28px; font-weight:bold; padding-bottom:15px; letter-spacing:1.5px; text-align:justify;text-justify:inter-ideograph;overflow:hidden;}
.box2 .right .bd h6 span{font-family:"FangSong"; letter-spacing:1.5px; font-weight:300;}

.box{width:1280px; margin:0 auto; padding:0px; }
.box h4{font-size:20px; height:60px; line-height:60px; width:560px; font-weight:300;}
.box h6{font-size:14px; color:#999; line-height:40px;}
.box p{font-size:16px; line-height:28px; font-weight:300;}
.box .hd{height:50px; line-height:49px; border-bottom:1px solid #ddd;}
.box .hd .title{background:#204286; font-size:18px; float:left; font-weight:300; }
.box .hd .title a{color:#fff;padding:12px 45px;}
.box .hd .title a:hover{background:#204286;font-weight:400;}
.box .hd ul{}
.box .hd ul li{float:left; padding:0 10px; font-size:16px; }
.box .hd span{float:left; }

.box .left{float:left; width:860px; background:#fff;}
.box .right{float:right; width:400px; background:#fff;}
.box .left .bd{width:860px; overflow:hidden; padding:15px 0; float:left;}
.box .left .bd ul li {text-align:justify;text-justify:inter-ideograph; float:left; padding:8px 15px; width:780px; overflow:hidden; display:block;}
.box .left .bd ul li a img{width:160px; height:100px; float:left; margin:15px 0; 
		transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;}
.box .left .bd ul li a img:hover{transform: scale(1.02); -ms-transform: scale(1.02);}
.media-body{padding:0 15px;}
.media-body h4{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.box .right .list{float:right; width:400px;}
.box .right .list ul{padding:17px 20px; width:400px; float:left;}
.box .right .list ul li{float:left; width:370px; font-weight:300; line-height:38px; height:38px; font-size:16px; padding-left:16px;background: url(../images/wine/dot1.png) no-repeat 5px 18px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.box .right .box-img{float:right; width:360px; margin:30px 20px; background:#CED9E8; display:block; overflow:hidden;
		transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
}
.box .right .box-img img{width:360px; height:225px;
		transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
	}
.box .right .box-img h4{font-size:15px; font-weight:300; width:360px; text-align: center; height:42px; line-height:32px; padding:5px 10px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.box .right .box-img a img:hover{box-shadow:none;transform: scale(1.03); -ms-transform: scale(1.03); }
.box .right .box-img:hover{box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 50%);background:#fff; color:#d30000;}

.box .right .tousu{float:right; width:380px;}
.box .right .tousu .tousu-button{padding:0 25px 20px 15px;}
.box .right .tousu .tousu-code{width:380px; float:left;}
.box .right .tousu .tousu-code img {float: left; width: 150px; height: 150px; margin: 10px 25px 10px 35px;}
.box .right .tousu .tousu-code h4 {font-size: 18px;line-height: 30px;padding-top: 30px;letter-spacing: 2px;}

.box .right .bd {padding:20px;}
.box .right .bd p{line-height:45px; font-size:18px; letter-spacing:1px; color:#d30000;}

.box .bd-img{padding:20px 0;}
.box .bd-img ul li{width:360px; height:225px; overflow:hidden; display:block; float:left; margin:20px; text-align:center; position:relative;}
.box .bd-img ul li a{color:#fff;}
.box .bd-img ul li a img{width:360px; height:225px;
		transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;}
.box .bd-img ul li a .img-title{position:absolute; z-index:4; left:0px; right: 0; bottom: 0; text-align:center;line-height:40px; height:40px; font-size:15px; width:360px; background-image:linear-gradient(transparent,black); background-size: auto 100%; padding:0 10px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.box .bd-img ul li a img:hover{transform: scale(1.03); -ms-transform: scale(1.03);}


.button {font-size: 18px;margin:0 auto;height: 50px;line-height: 50px;width: 100%;font-weight: 600;text-decoration: none;text-align: center;display: inline-block;appearance: none;cursor: pointer;border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.button-caution, .button-caution-flat {background-color: #FF4351; border-color: #FF4351; color: #FFF;}
.button-3d {position: relative; top: 0;
    -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgb(0 0 0 / 20%);
}
.button-3d.button-caution {
    -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgb(0 0 0 / 30%);
}
.button:hover, .button:focus {background-color: #f6f6f6; text-decoration: none; outline: none;}
.button-caution:hover, .button-caution:focus, .button-caution-flat:hover, .button-caution-flat:focus {background-color: #ff7680; border-color: #ff7680; color: #FFF;}
.button-3d:hover, .button-3d:focus {
    -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgb(0 0 0 / 20%);
}
.button-3d.button-caution:hover, .button-3d.button-caution:focus {
    -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgb(0 0 0 / 30%);
}
	
.bline{border-bottom: 2px solid #204286; margin:0 auto; width:1280px;}
.foot{padding-top:15px; padding-bottom:30px; line-height:30px; margin:0 auto; color:#999; width: 100%; text-align:center; font-size: 12px;}
.foot a{color:#999; padding:0 5px;}
.foot a:hover{color:#204286;}