@charset "utf-8";
/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::g188-moz-focus-inner { border : 0px; }
input::-moz-focus-inner { border: 0; }
a {text-decoration:none;color:#333; outline: 0;  -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;}
a:hover{ color:#cc0000;text-decoration:none; }
a:active { outline: none; -moz-outline: none; }
a { -moz-user-focus: none; outline:none;/*去掉Firefox点击时产生的虚线框*/}
:focus, .button:focus {outline:none;}
.button::-moz-focus-inner {border:0;}
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus, button:focus { outline : none; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
/* CSS Document */
* {margin: 0;padding: 0;}
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
html{zoom:1;}
html *{outline:0;zoom:1;} 
html button::-moz-focus-inner{border-color:transparent!important;} 
html, body {padding:0;margin:0; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{margin:0;padding:0;}
body {  font-family:Tahoma,Arial, "Microsoft YaHei", PingFangSC-Regular ,"Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",SimSun, "宋体", Heiti, "黑体",STXihei, "华文细黑", sans-serif;
  font-size:12px;
  /*line-height: 1.75em;*/
  line-height: 1.6875;
  font-weight: 400;
  color: #333;   
  overflow-x: hidden; 
}
.wrap{width:1200px; margin:0px auto;  }
li{list-style-type:none}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {  clear: both;  display: block;  font-size: 0px;  height: 0px;  line-height: 0;  width: 100%;  overflow:hidden;  }
.clear{ clear:both;}/* 清除浮动*/
.radius4{-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
hr{ height:0; border:0px; border-bottom:1px solid #ddd;}
.shenglue{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.duohangshenglue{overflow:hidden;text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.blank180{height: 180px; overflow: hidden;}
.blank110{height: 110px; overflow: hidden;}
.blank40{height: 40px; overflow: hidden;}
/* 首页顶部导航*/
.web-top{width: 100%;    position: absolute; top:0; height: 65px;   z-index: 1000;  }
.logo{float: left; width: 197px;  padding-top: 10px;}
.logo img{width: 197px;}
.menu{float: right;  line-height: 64px;  }
.menu ul li{float: left; margin-left: 40px;}
.menu ul li a{color: #fff; font-size: 16px; }
.menu ul li.liuyan{padding-top: 5px;}

/* 栏目页顶部导航*/
.lm-top{height: 85px; background: url(lm-topbg.jpg) top center repeat-x; overflow: hidden;  }
.lm-top-2{width: 100%;height: 85px;   z-index: 1000; }
.lm-top-pinpai{width: 100%;height: 85px;  position: absolute; top:0; z-index: 1000; }
.lm-logo{float: left; width: 197px;  padding-top: 15px;}
.lm-logo img{width: 197px;}
.lm-menu{float: right;  line-height: 85px;  }
.lm-menu ul li{float: left; margin-left: 40px;}
.lm-menu ul li a{color: #fff; font-size: 14px; }
.lm-menu ul li a:hover{color: #ccc;}
.lm-menu ul li.liuyan{padding-top: 5px;}

.foot{width: 100%; margin:  auto;  background: #39373a;padding: 85px  0; }

.ftblist{width: 1180px; margin: 0 auto;}
.ftblist ul li{float: left; width: 20%; }
.ftblist ul li .f-tb1,.ftblist ul li .f-tb2,.ftblist ul li .f-tb3,.ftblist ul li .f-tb4,.ftblist ul li .f-tb5{display: block; position: relative; width: 66px; height: 66px; margin: 0 auto;  background: url(f-tb1.png) 0 0 no-repeat; cursor: pointer;  -webkit-transition: all .5s ease-out;    -moz-transition: all .5s ease-out;    -o-transition: all .5s ease-out;    transition: all .5s ease-out}
.ftblist ul li .f-tb1:hover{background: url(f-tb1.png)0 -66px no-repeat;}
.ftblist ul li .f-tb2{background: url(f-tb2.png) 0 0 no-repeat; }
.ftblist ul li .f-tb2:hover{background: url(f-tb2.png)0 -66px no-repeat;}
.ftblist ul li .f-tb3{ background: url(f-tb3.png) 0 0 no-repeat; }
.ftblist ul li .f-tb3:hover{background: url(f-tb3.png)0 -66px no-repeat;}
.ftblist ul li .f-tb4{background: url(f-tb4.png) 0 0 no-repeat; } 
.ftblist ul li .f-tb4:hover{background: url(f-tb4.png)0 -66px no-repeat;}
.ftblist ul li .f-tb5{background: url(f-tb5.png) 0 0 no-repeat; }
.ftblist ul li .f-tb5:hover{background: url(f-tb5.png)0 -66px no-repeat;}
.ftblist ul li .f-tb1 span,.ftblist ul li .f-tb2 span,.ftblist ul li .f-tb3 span,.ftblist ul li .f-tb4 span,.ftblist ul li .f-tb5 span{ position: absolute; top: -200px; left: -72px; width: 210px; opacity: 0;filter:alpha(opacity=0); -webkit-transition: all .5s ease-out;    -moz-transition: all .5s ease-out;    -o-transition: all .5s ease-out;    transition: all .5s ease-out}
.ftblist ul li .f-tb1 span img,.ftblist ul li .f-tb2 span img,.ftblist ul li .f-tb3 span img,.ftblist ul li .f-tb4 span img,.ftblist ul li .f-tb5 span img{width: 210px; height: 215px;}
.ftblist ul li .f-tb1:hover span,.ftblist ul li .f-tb2:hover span,.ftblist ul li .f-tb3:hover span,.ftblist ul li .f-tb4:hover span,.ftblist ul li .f-tb5:hover span{display: block; position: absolute; top: -220px; opacity: 1; filter:alpha(opacity=100);}
.ftblist ul li .tt{padding-top: 10px; text-align: center; font-size: 16px; color: #fff;}
.foot .c{ width: 1180px; margin: 0 auto; padding-top: 80px;  text-align: center; color: #ccc;}
.foot .c p{font-size: 16px;  line-height: 200%;}
.foot .c p a{color: #ccc;}
.foot .c p a:hover{color: #ccc;}
.foot  .c p span.ga{width: 215px; background: url(ghs.png) 0 0px no-repeat; padding-left: 25px;  text-align: center;}

.sociales {text-align:center;margin-bottom:20px;}
#timeline {width:100%;height: 100vh;overflow:hidden;margin:0 auto;position:relative;overflow-y: hidden; }

#timeline .wz01{color: #eee; padding-top: 280px; padding-left: 20%; font-size: 3rem; font-style:italic;; }
#timeline .wz02{color: #eee; padding-top: 10px; padding-left: 20%; font-size: 1.2rem;}
.dates-bg{position: absolute; bottom:80px;width: 100%; height: 60px;  background: url(line.png) 0 4px repeat-x; z-index: 200;}
#dates { width:100%; height:80px; padding: 0 50px;   overflow:hidden;  }
#dates ul{width:4800px; margin-left: 150px;}
#dates ul li {list-style:none;float:left; width: 300px;    height:72px;font-size:14px;text-align:left;background:url(biggerdot.png) left 28px no-repeat;}
#dates ul li a {line-height:35px; color: #fff;}
#dates  .selected {font-size:14px;  }

#dates ul li:nth-child(1) .selected {display: block; width: 140px; height: 72px; line-height: 35px; padding-left: 20px;  background: url(index-libg.png) left center no-repeat; }
#dates ul li:nth-child(2) .selected {display: block; width: 273px; height: 72px; line-height: 35px; padding-left: 20px;  background: url(index-libg2.png) left center no-repeat; }
#dates ul li:nth-child(3) .selected {display: block; width: 343px; height: 72px; line-height: 35px; padding-left: 20px;  background: url(index-libg3.png) left center no-repeat; }
#dates ul li:nth-child(4) .selected {display: block; width: 343px; height: 72px; line-height: 35px; padding-left: 20px;  background: url(index-libg4.png) left center no-repeat; }
#dates ul li:nth-child(5) .selected {display: block; width: 343px; height: 72px; line-height: 35px; padding-left: 20px;  background: url(index-libg5.png) left center no-repeat; }
#dates ul li:nth-child(6) .selected {display: block; width: 343px; height: 72px; line-height: 35px; padding-left: 20px;  background: url(index-libg6.png) left center no-repeat; }
#dates ul li:nth-child(7) .selected {display: block; width: 166px; height: 72px; line-height: 35px; padding-left: 20px;  background: url(index-libg7.png) left center no-repeat; }
#dates ul li:nth-child(8) .selected {display: block; width: 343px; height: 72px; line-height: 35px; padding-left: 20px;  background: url(index-libg8.png) left center no-repeat; }

#issues {width:100%;overflow:hidden;}
#issues li {width:1920px;list-style:none;float:left; height: 100vh; position: relative; color: #fff;}
#issues li a{color: #fff;}
#issues li .links{position: absolute; right: 50px; bottom: 15px;}
#issues li#li01 {}
#issues li#li01 .wz01{color: #eee; padding-top: 280px; padding-left: 20%; font-size: 3rem; font-style:italic;; }
#issues li#li01 .wz02{color: #eee; padding-top: 10px; padding-left: 20%; font-size: 1.2rem;}
#issues li#li02 { color: #fff;}
#issues li#li02 .left{float: left;  width: 550px; margin-top: 200px; margin-left: 15%;}
#issues li#li02 .left .tt{font-size: 22px;}
#issues li#li02 .left .list{font-size: 16px; }
#issues li#li02 .left .list p{line-height: 180%;}
#issues li#li02 .right{float: right; width: 613px; margin-top: 240px; margin-right: 15%;}
#issues li#li02 .right .tu{float: left;width: 613px; }
#issues li#li02 .right .tu img{width: 613px;height: 263px;}
#issues li#li02 .right .tt{float: left; width: 100%; font-size: 16px; font-weight: 800; font-style: italic;}
#issues li#li02 .right .jj{float: left; width: 100%; font-size: 16px;}
#issues li#li02 .bottom{width: 147px; margin: 0 auto; margin-top: 40px;}
#issues li#li03 {}
#issues li#li04 {}
#issues li#li05 {}
#issues li#li06 {}
#issues li#li07 {}
#issues li#li08 {}

#grad_left,#grad_right {width:100px;height:350px;position:absolute;top:0;}
#grad_left {left:0;background:url('../images/grad_left.png') repeat-y;}
#grad_right {right:0;background:url('../images/grad_right.png') repeat-y;}
#next,#prev {position:absolute;font-size:70px;bottom:104px;width:65px;height:16px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;  z-index: 200;}
#next:hover,#prev:hover {background-position:0 0px;}
#next {right:0;background-image:url(next.png);}
#prev {left:0;background-image:url(prev.png);}
#next.disabled,#prev.disabled {opacity:0.2;}

.panel{ min-width: 100%;    height: 100%;   overflow-y: auto;   overflow-x: hidden; margin-top: 0%; position: absolute; background: #000;
    box-shadow: 0px 4px 7px rgba(0,0,0,0.6);    z-index: 2; -webkit-transition: all .8s ease-in-out;    -moz-transition: all .8s ease-in-out;   -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; opacity: 0; z-index: 1;}
.panel:target{margin-top: 0%; opacity: 1; z-index: 100;}
#li01{  background-size: 100% 100%;overflow-y: hidden; }
#li02{ color: #fff; overflow-y: hidden; }
#li03 { background-size: 100% 100%;overflow-y: hidden; }
#li04 { background-size: 100% 100%;overflow-y: hidden; }
#li05 {background-size: 100% 100%;overflow-y: hidden; }
#li06 {background-size: 100% 100%;overflow-y: hidden; }
#li07 {background-size: 100% 100%;overflow-y: hidden; }
#li08 { color: #fff; background-size: 100% 100%; overflow-y: hidden; }
#li08 a{color: #fff;}

@media screen and (max-width: 1370px) {
#timeline{overflow-y: visible;}
.panel{overflow-y: visible;}
#li01{ overflow-y: visible; }
#li02{ color: #fff;height: 100%; overflow-y: visible; }
#li03 { overflow-y: visible; }
#li04 { overflow-y: visible; }
#li05 {overflow-y: visible; }
#li06 {overflow-y: visible; }
#li07 {overflow-y: visible; }
#li08 { color: #fff;  overflow-y: visible; }
}

.links{position: absolute; right: 50px; bottom: 10px; z-index: 300;}
#li01 .wz01{color: #eee; padding-top: 280px; padding-left: 20%; font-size: 3rem; font-style:italic;; }
#li01 .wz02{color: #eee; padding-top: 10px; padding-left: 20%; font-size: 1.2rem;}
#li02 a{color: #fff;}
#li02 .xwbox{ width: 1280px; margin: 0 auto;}
#li02 .xwbox .left{float: left;  width: 500px; margin-top: 200px; margin-left: 0;}
#li02 .xwbox .left .tt{font-size: 22px; color: #fff;}
#li02 .xwbox .left .list{font-size: 16px; }
#li02 .xwbox .left .list p{line-height: 180%; width: 500px; height: 25px; overflow: hidden;}
#li02 .xwbox .right{float: right; width: 563px; margin-top: 210px; margin-right: 0;}
#li02 .xwbox .right .tu{float: left;width: 563px; }
#li02 .xwbox .right .tu img{ width: auto;width: 563px;height: 263px;}
#li02 .xwbox .right .tt{float: left; width: 100%; font-size: 16px; font-weight: 800; margin-top: 20px; height: 23px;font-style: italic; overflow: hidden;}
#li02 .xwbox .right .jj{float: left; width: 100%; font-size: 16px; height: 49px; overflow:hidden;text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#li02 .xwbox .bottom{width: 147px;  position: absolute;     left:0;   right:0;   margin:0 auto;  bottom:130px;}
#li03 .shujubox{ width: 1200px; margin: 0 auto;}
#li03 .shujubox .left{float: left; width:560px;margin-left: 0; margin-top: 120px; color: #fff; font-weight: 200; }
#li03 .shujubox .left .day{float: left; font-size: 26px; font-style: italic; width: 100%; text-align: left;font-family:"Microsoft YaHei";}
#li03 .shujubox .left .kaiguan{float: left; font-size: 48px; font-style: italic; width: 100%; text-align: left; letter-spacing: 10px; }
#li03 .shujubox .left .yy{float: left; font-size: 18px; font-style: italic; width: 100%; text-align: left;}
#li03 .shujubox .left .time{float: left; margin-top: -10px; font-size: 52px; font-style: italic; width: 100%; text-align: left; letter-spacing: 5px; font-weight: 200; font-family:"Microsoft YaHei"}
#li03 .shujubox .left .zm{float: left; margin-top: -10px;  font-size: 18px; font-style: italic; width: 100%; text-align: left;}
#li03 .shujubox .left .yuyue{float: left; width: 100%; margin-top: 20px;}
#li03 .shujubox .left .yuyue .ewm{float: left; width: 183px;}
#li03 .shujubox .left .yuyue .ewm img{width: 183px; height: 186px;}
#li03 .shujubox .left .yuyue .r{float: left; width: 338px; margin-left: 10px;}
#li03 .shujubox .left .yuyue .r .tt{float: left; font-size: 28px; font-style: italic; width: 100%; padding-top: 15px;}
#li03 .shujubox .left .yuyue .r .jj{float: left; width: 100%;  font-size: 18px; line-height: 30px;}
#li03 .shujubox .left .lx{float: left; width: 100%; font-size: 18px; line-height: 30px;  font-style: italic;}

#li03 .shujubox .right{float: right; width: 628px; margin-right: 0;margin-top: 140px; }
#li03 .shujubox .right  .ct1{float: right;  width: 300px; }
#li03 .shujubox .right  .ct1 img{width: 300px;}
#li03 .shujubox .right  .tblist{float: left; margin-top: 230px;}
#li03 .shujubox .right  .tblist ul li{float: left;  width: 116px; text-align: center; margin: 20px;}
#li03 .shujubox .right  .tblist ul li .tb{ margin: 0 auto;}
#li03 .shujubox .right  .tblist ul li .tb img{width: 116px; height: 100px;
-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
#li03 .shujubox .right  .tblist ul li .tb img:hover{-webkit-transform: scale(1.2);    /* safari and chrome */
-moz-transform: scale(1.2);       /* firefox */
-o-transform: scale(1.2);         /* opera */
-ms-transform: scale(1.2) ;        /* ie9 */
transform: scale(1.2); }
#li03 .shujubox .right  .tblist ul li .tt{text-align: center; font-size: 28px; color: #fff; font-style: italic; font-weight: 200;}

#li03 .shujubox .bottom{width: 147px; position: absolute;     left:0;   right:0; margin: 0 auto; bottom:130px;}
#li04 .ctlist{width: 100%;}
#li04 .ctlist .ct1{float: left; width: 25%; height: 100%; background: url(bg-index-li04-ct1-on.jpg) top center no-repeat; background-size: cover;opacity: 0.5;-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
#li04 .ctlist .ct1:hover{opacity: 1.0;}

#li04 .ctlist .ct2{float: left; width: 25%; height: 100%;background: url(bg-index-li04-ct2-on.jpg) top center no-repeat; background-size: cover;opacity: 0.5;-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
#li04 .ctlist .ct2:hover{opacity: 1.0;}
#li04 .ctlist .ct3{float: left; width: 25%; height: 100%;background: url(bg-index-li04-ct3-on.jpg) top center no-repeat; background-size: cover;opacity: 0.5;-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
#li04 .ctlist .ct3:hover{opacity: 1.0;}
#li04 .ctlist .ct4{float: left; width: 25%; height: 100%;background: url(bg-index-li04-ct4-on.jpg) top center no-repeat; background-size: cover;opacity: 0.5;-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
#li04 .ctlist .ct4:hover{opacity: 1.0;}
#li04 .bottom{position: absolute; width: 147px; left: 0; right:0; margin: 0 auto; bottom:130px;}
#li05 .wz01{float: left; width: 1178px; margin-top: 200px; color: #fff; font-size: 21px; font-weight: 200; line-height: 30px;}
#li05 .wz02{float: left; color: #fff; margin-top: 30px; font-size: 14px;}
#li05 .wz02 a{color: #fff;}
#li05 .tu{float: left; width: 1174px; height: 515px;  margin-top: 30px; background: url(index-li05-ct1.png)top center no-repeat;}
#li05 .tu .bottom{width: 147px;position: absolute;     left:0;   right:0; margin: 0 auto; bottom:130px;}
#li06 .tkbox{width: 1200px; margin: 0 auto; position: relative;}
#li06 .tkbox .ct1{position: absolute; left: 0; top:40px; display: none; }
#li06 .tkbox .ct2{position: absolute; top:440px; right: 50px; display: none;}
#li06 .wz01{float: left; margin-top: 300px;  font-size: 48px; color: #fff; font-weight: 200; font-style: italic; letter-spacing: 10px;}
#li06 .wz02{float: left; margin-top: 10px; color: #fff; font-size: 18px;}
#li06 .bottom{width: 147px; position: absolute;     left:0;   right:0;  margin: 0 auto; bottom:130px;}
#li07 .wz01{float: left; margin-top: 300px;  font-size: 48px; color: #fff; font-weight: 200; font-style: italic; letter-spacing: 10px;}
#li07 .wz02{float: left; margin-top: 10px; color: #fff; font-size: 18px; font-weight: 200;}
#li07 .bottom{width: 147px; position: absolute;     left:0;   right:0;  margin: 0 auto; bottom:130px;}
#li08 .dd{width: 1900px; margin: 0 auto; position: relative;}
@media screen and  (max-width:1920px){
#li08 .dd{width: 100%;margin: 0 auto; position: relative;}
}
@media screen and (min-width: 1921px) {
#li08 .dd{width: 1900px;margin: 0 auto; position: relative;}
}
#li08 .dd .wz01{ position: absolute; width: 700px; left: 386px; top: 170px;  font-size: 20px; color: #fff; font-weight: 200; line-height: 30px;text-align: justify;}
#li08 .bottom{position: absolute;  width: 147px;      left:0;   right:0;  margin: 0 auto; bottom:130px;}
#li08 .dd .dd1{position: absolute;  width: 317px; height: 202px; left: 45px; top: 470px; opacity:0.4;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;-ms-transition:0.5s ease-out;transition:0.5s ease-out;}
#li08 .dd .dd1:hover{opacity: 1;}
#li08 .dd .dd1wz{position: absolute; left: 245px; top: 520px;}
#li08 .dd .dd2{position: absolute;  width: 265px; height: 150px; left: 320px; top: 496px;opacity:0.4;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;-ms-transition:0.5s ease-out;transition:0.5s ease-out;}
#li08 .dd .dd2:hover{opacity: 1;}

#li08 .dd .dd2wz{position: absolute; left: 387px; top: 656px;}
#li08 .dd .dd3{position: absolute;  width: 280px; height: 172px; left: 680px; top: 470px;opacity:0.4;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;-ms-transition:0.5s ease-out;transition:0.5s ease-out;}
#li08 .dd .dd3:hover{opacity: 1;}
#li08 .dd .dd3wz{position: absolute; left: 766px; top: 597px;}
#li08 .dd .dd4{position: absolute;  width: 254px; height: 158px; left: 975px; top: 349px;opacity:0.4;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;-ms-transition:0.5s ease-out;transition:0.5s ease-out;}
#li08 .dd .dd4:hover{opacity: 1;}
#li08 .dd .dd4wz{position: absolute; left: 1116px; top: 527px;}
#li08 .dd .dd5{position: absolute;  width: 316px; height: 250px; left: 1424px; top: 229px;opacity:0.4;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;-ms-transition:0.5s ease-out;transition:0.5s ease-out;}
#li08 .dd .dd5:hover{opacity: 1;}
#li08 .dd .dd5wz{position: absolute; left: 1469px; top: 294px;}
@media screen and (min-width: 1600px) and (max-width:1919px){
#li08 .dd{width: 100%; }
#li08 .dd .dd1{top: 370px; }
#li08 .dd .dd1wz{top: 420px;}
#li08 .dd .dd2{top: 400px;}
#li08 .dd .dd2wz{top: 550px;}
#li08 .dd .dd3{top: 350px;}
#li08 .dd .dd3wz{top: 500px;}
#li08 .dd .dd4{top: 249px;}
#li08 .dd .dd4wz{top: 327px; left: 950px;}
#li08 .dd .dd5{left: 1300px; }
#li08 .dd .dd5wz{left: 1300px;}
}

@media screen and (min-width: 1367px) and (max-width:1441px){
#timeline .wz01{padding-top: 180px;}   
#li01 .wz01{ padding-top: 180px; padding-left: 20%;  }
#li01 .wz02{ padding-top: 10px; padding-left: 20%; }
#li02 .xwbox .left{margin-top: 150px;}
#li02 .xwbox .right{margin-top: 160px;}
#li03 .shujubox .left .day{font-size: 22px;}
#li03 .shujubox .left .kaiguan{font-size: 38px;}
#li03 .shujubox .left .time{font-size: 38px;}
#li03 .shujubox .left .zm{font-size: 16px;}
#li03 .shujubox .left .yuyue .ewm{width: 163px;}
#li03 .shujubox .left .yuyue .ewm img{width: 163px; height: 166px;}
#li03 .shujubox .left .yuyue .r .tt{font-size: 24px;}
#li03 .shujubox .left .yuyue .r .jj{font-size: 16px;}
#li03 .shujubox .left .lx{font-size: 16px;}
#li03 .shujubox .right{margin-top: 120px;}
#li03 .shujubox .right  .tblist{margin-top: 180px;}
#li06 .wz01{margin-top: 250px;}
#li07 .wz01{margin-top: 250px;}
#li08{width: 100%;}
#li08 .dd .dd1{left: 15px;top: 270px; }
#li08 .dd .dd1wz{top: 320px;}
#li08 .dd .dd2{left: 220px;top: 300px;}
#li08 .dd .dd2wz{top: 450px;}
#li08 .dd .dd3{left: 580px; top: 300px;}
#li08 .dd .dd3wz{top: 400px;}
#li08 .dd .dd4{left: 875px; top: 249px;}
#li08 .dd .dd4wz{top: 327px; left: 850px;}
#li08 .dd .dd5{left: 1100px;top: 129px;}
#li08 .dd .dd5wz{left: 1100px;top:194px;}
}

@media screen and (min-width: 1281px) and (max-width:1366px){
#timeline .wz01{padding-top: 120px;}    
#li01 .wz01{ padding-top: 120px; padding-left: 20%;  }
#li02 .xwbox .left{margin-top: 80px;}
#li02 .xwbox .right{margin-top: 90px;}
#li03 .shujubox .left{margin-top: 80px;}
#li03 .shujubox .left .day{font-size: 18px;}
#li03 .shujubox .left .kaiguan{font-size: 28px;}
#li03 .shujubox .left .yy{font-size: 18px;}
#li03 .shujubox .left .time{font-size: 28px;}
#li03 .shujubox .left .zm{font-size: 16px;}
#li03 .shujubox .left .yuyue .ewm{width: 123px;}
#li03 .shujubox .left .yuyue .ewm img{width: 123px; height: 126px;}
#li03 .shujubox .left .yuyue .r .tt{font-size: 20px;}
#li03 .shujubox .left .yuyue .r .jj{font-size: 16px;}
#li03 .shujubox .left .lx{font-size: 16px;}
#li03 .shujubox .right{margin-top: 80px;}
#li03 .shujubox .right  .tblist{margin-top: 110px;}
#li06 .wz01{margin-top: 170px;}
#li07 .wz01{margin-top: 170px;}
#li08{width: 100%;}
#li08 .dd .wz01{font-size: 16px;}
#li08 .dd .dd1{left: 15px;top: 270px; }
#li08 .dd .dd1wz{left:100px;top: 320px;}
#li08 .dd .dd2{left: 220px;top: 300px;}
#li08 .dd .dd2wz{left:300px; top: 400px;}
#li08 .dd .dd3{left: 480px; top: 250px;}
#li08 .dd .dd3wz{left: 657px;top: 400px;}
#li08 .dd .dd4{left: 775px; top: 249px;}
#li08 .dd .dd4wz{top: 357px; left: 850px;}
#li08 .dd .dd5{left: 1100px;top: 129px;}
#li08 .dd .dd5wz{left: 1100px;top:294px;}

}

@media screen and (min-width: 1025px) and (max-width:1281px){
#timeline .wz01{padding-top: 120px;}    
#li01 .wz01{ padding-top: 120px; padding-left: 20%;  }
#li02 .xwbox{width: 1200px;}
#li02 .xwbox .left{margin-top: 80px;}
#li02 .xwbox .right{margin-top: 90px;}
#li03 .shujubox .left{margin-top: 80px;}
#li03 .shujubox .left .day{font-size: 18px;}
#li03 .shujubox .left .kaiguan{font-size: 28px;}
#li03 .shujubox .left .yy{font-size: 18px;}
#li03 .shujubox .left .time{font-size: 28px;}
#li03 .shujubox .left .zm{font-size: 16px;}
#li03 .shujubox .left .yuyue .ewm{width: 123px;}
#li03 .shujubox .left .yuyue .ewm img{width: 123px; height: 126px;}
#li03 .shujubox .left .yuyue .r .tt{font-size: 20px;}
#li03 .shujubox .left .yuyue .r .jj{font-size: 16px;}
#li03 .shujubox .left .lx{font-size: 16px;}
#li03 .shujubox .right{margin-top: 80px;}
#li03 .shujubox .right  .tblist{margin-top: 110px;}
#li06 .wz01{margin-top: 170px;}
#li07 .wz01{margin-top: 170px;}
#li08{width: 100%;}
#li08 .dd .wz01{font-size: 16px;}
#li08 .dd .dd1{left: 15px;top: 270px; }
#li08 .dd .dd1wz{left:100px;top: 320px;}
#li08 .dd .dd2{left: 220px;top: 300px;}
#li08 .dd .dd2wz{left:300px; top: 400px;}
#li08 .dd .dd3{left: 480px; top: 250px;}
#li08 .dd .dd3wz{left: 657px;top: 400px;}
#li08 .dd .dd4{left: 775px; top: 249px;}
#li08 .dd .dd4wz{top: 357px; left: 850px;}
#li08 .dd .dd5{left: 1100px;top: 129px;}
#li08 .dd .dd5wz{left: 1100px;top:294px;}

}

@media screen and (min-height: 850px) and (max-width:1281px){
#li02 .xwbox .left{margin-top: 180px;}
#li02 .xwbox .right{margin-top: 190px;}
#li03 .shujubox .left{margin-top: 180px;}
#li03 .shujubox .right{margin-top: 180px;}
#li06 .wz01{margin-top: 270px;}
#li07 .wz01{margin-top: 270px;}
}

@media screen and (min-width: 800px) and (max-width:1025px){
.wrap{width: 95%;}    
#timeline .wz01{padding-top: 120px;}    
#li01 .wz01{ padding-top: 120px; padding-left: 20%;  }
#li02 .xwbox{width: 1000px;}
#li02 .xwbox .left{width: 450px; margin-top: 80px;}
#li02 .xwbox .right{width: 500px;margin-top: 90px;}
#li02 .xwbox .right .tu{width: 500px;}
#li02 .xwbox .right .tu img{ width: 500px;height: 263px;}
#li03 .shujubox{width: 1000px;}
#li03 .shujubox .left{width: 480px;}
#li03 .shujubox .left{margin-top: 80px;}
#li03 .shujubox .left .day{font-size: 18px;}
#li03 .shujubox .left .kaiguan{font-size: 28px;}
#li03 .shujubox .left .yy{font-size: 18px;}
#li03 .shujubox .left .time{font-size: 28px;}
#li03 .shujubox .left .zm{font-size: 16px;}
#li03 .shujubox .left .yuyue .ewm{width: 123px;}
#li03 .shujubox .left .yuyue .ewm img{width: 123px; height: 126px;}
#li03 .shujubox .left .yuyue .r .tt{font-size: 20px;}
#li03 .shujubox .left .yuyue .r .jj{font-size: 16px;}
#li03 .shujubox .left .lx{font-size: 16px;}
#li03 .shujubox .right{width: 500px;margin-top: 80px;}
#li03 .shujubox .right  .tblist{margin-top: 110px;}
#li03 .shujubox .right  .tblist ul li{width: 100px; margin: 10px;}
#li03 .shujubox .right  .tblist ul li .tb img{width: 100px;}
#li06 .wz01{margin-top: 170px;}
#li07 .wz01{margin-top: 170px;}
#li08{width: 100%;}
#li08 .dd .wz01{font-size: 16px;}
#li08 .dd .dd1{left: 15px;top: 270px; }
#li08 .dd .dd1wz{left:100px;top: 320px;}
#li08 .dd .dd2{left: 220px;top: 300px;}
#li08 .dd .dd2wz{left:300px; top: 400px;}
#li08 .dd .dd3{left: 480px; top: 250px;}
#li08 .dd .dd3wz{left: 657px;top: 400px;}
#li08 .dd .dd4{left: 775px; top: 249px;}
#li08 .dd .dd4wz{top: 357px; left: 850px;}
#li08 .dd .dd5{left: 1100px;top: 129px;}
#li08 .dd .dd5wz{left: 1100px;top:294px;}

}

/* 栏目页-新闻中心*/
.xw-tuijian{padding: 70px 0; overflow-y: hidden;}
.xw-tuijian .tu{float: left; width: 100%;}
.xw-tuijian .tu img{width: 100%;height: auto;}
.xw-tuijian .tt{float: left; width: 100%; font-size: 26px; height: 35px; margin-top: 20px; margin-bottom: 15px; overflow-y: hidden;}
.xw-tuijian .riqi{float: left; width: 100%; color: #666;}
.xw-tuijian .jj{float: left; width: 100%; font-size: 18px; height: 30px; overflow-y: hidden;}
.xw-list{ width: 100%; overflow: hidden; }
.xw-list  ul{overflow-y: hidden;}
.xw-list ul li{float: left; width: 100%; margin-bottom: 40px;}
.xw-list ul li .left{float: left;  width: 92px;  height: 90px; background: #f7f7f7; text-align: center;}
.xw-list ul li  .left .ri{font-size: 24px; color: #b88765; font-weight: 800; padding-top: 10px;}
.xw-list ul li  .left  .nianyue{font-size: 14px;  color: #666;}
.xw-list ul li  .right{float: right;  width: 1065px;  background: #f7f7f7;  padding: 32px 0;}
.xw-list ul li  .right .ltu{float: left; width: 223px; height: 166px; margin-left: 32px; }
.xw-list ul li  .right .ltu img{width: 223px;  height: 166px;}
.xw-list ul li  .right .ltu a{display: block; width: 100%; height: 100%;}
.xw-list ul li  .right .r{float: left; width: 745px; margin-left: 30px;}
.xw-list ul li  .right .r .tt{ float: left; width: 100%; font-size: 22px;   height: 30px; overflow-y: hidden; }
.xw-list ul li  .right .r .jj{float: left; width: 100%; font-size: 16px; margin: 15px 0; height: 56px;  line-height: 30px;overflow:hidden;text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.xw-list ul li  .right .r .xq{float: left; margin-top: 5px;}
.xw-list ul li  .right .r .xq a{display: block; width: 114px; height: 41px; line-height: 41px; text-align: center;  background: #b88765; color: #fff;  font-size: 14px;}
.xw-list ul li  .right .r .xq a:hover{background: #a07455;}
/*分页样式*/
.fenye{margin-bottom: 130px;}
.pages{padding:10px 12px;clear:both;text-align:center;
font-family:Arial, "\5B8B\4F53", sans-serif;font-size:14px;vertical-align:top} 
.pages a, .pages span{display:inline-block;height:23px;line-height:23px;padding:0 8px;
margin:5px 1px 0 0;background:#fff;border:1px solid #e5e5e5;overflow:hidden;vertical-align:top} 
.pages a:hover{background:#666;border:1px solid #666;text-decoration:none} 
.pages a, .pages a:visited{color:#252525} 
.pages a:hover, .pages a:active{color:#ffffff} 
.pages .current{background:#666;border:1px solid #666;color:#fff} 
.pages a.current, .pages a.current:visited{color:#ffffff} 
.pages a.current:hover, .pages a.current:active{color:#ffffff} 
.pages-ctrl{font-family:"\5B8B\4F53", sans-serif;font-weight:bold;font-size:16px} 
.pages-e5e5e5{color:#e5e5e5} 
.pages-all{font-size:12px;vertical-align:top} 
.pages a.prev,.pages a.next{ display: inline-block;width:40px; height: 23px; text-align:center;}
.pages a.prev{background: url(page-prev.png) center center no-repeat;}
.pages a.next{background: url(page-next.png) center center no-repeat;}

/*内容详情页*/
.neirongbox{padding: 80px 0;  overflow: hidden;}
.neirongbox h1{font-size: 2.0rem; font-weight: 400; text-align: center; line-height: 180%; padding-bottom: 40px;}
.neirongbox .shijian{height: 43px; background: url(neirong-x.png) center center repeat-x;}
.neirongbox .shijian .fb{width: 245px; height: 43px; margin: 0 auto; background: #fff; text-align: center; font-size: 16px; color: #666;}
.neirongbox .neirong{padding-top: 40px;line-height: 180%;}
.neirongbox .neirong p{font-size: 16px; line-height: 180%; }
.neirongbox .neirong img{ width: auto; max-width: 1050px; padding: 20px 0;}
.neirongbox .fenxiang{float: right; padding-top: 50px;  overflow: hidden;margin-bottom: 70px;}
.neirongbox .fenxiang .tt{float: left; line-height: 33px; font-size: 14px;}
.neirongbox .fenxiang .tb{float: left; margin:0 5px;}
.qr_code{position: fixed; display: none; width: 256px;height: 256px;   left: 0;  right:0; bottom:50%; top:50%;   margin:auto;  z-index: 999;  cursor: pointer;  background: url(bg-fenxiang.png) top center no-repeat;padding: 50px 15px;}



/*敦煌書局-列表*/
.shuju-tj1{float: left;width: 100%; padding: 100px 0; overflow: hidden;}
.shuju-tj1 .left{float: left; width: 604px; }
.shuju-tj1 .left img{width: 604px; height: 370px;}
.shuju-tj1 .right{float: right; width: 479px;}
.shuju-tj1 .right .tt{float: left; width: 100%; font-size: 28px;   height: 37px; margin-top: 55px; overflow: hidden; }
.shuju-tj1 .right .riqi{float: left; width: 100%; color: #666; padding: 10px 0;}
.shuju-tj1 .right .jj{float: left; width: 100%; font-size: 18px; height: 85px; color: #666; text-align: justify; overflow: hidden;}
.shuju-tj1 .right .xq{float: left; margin-top: 50px;}
.shuju-tj1 .right .xq a{display: block; width: 114px; height: 41px; line-height: 41px; text-align: center;  background: #b88765; color: #fff;  font-size: 14px;}
.shuju-tj2{float: left;width: 100%; margin-bottom: 100px;}
.shuju-tj2 .left{float: left; width: 479px;}
.shuju-tj2 .left .tt{float: left; width: 100%; font-size: 26px;   height: 37px; margin-top: 55px; overflow: hidden; }
.shuju-tj2 .left .riqi{float: left; width: 100%; color: #666; padding: 10px 0;}
.shuju-tj2 .left .jj{float: left; width: 100%; font-size: 18px; height: 85px; color: #666;   text-align: justify; overflow: hidden;}
.shuju-tj2 .left .xq{float: left; margin-top: 50px;}
.shuju-tj2 .left .xq a{display: block; width: 114px; height: 41px; line-height: 41px; text-align: center;  background: #b88765; color: #fff;  font-size: 14px;}
.shuju-tj2 .right{float: right;  width: 604px;}
.shuju-tj2 .right img{width: 604px; height: 370px;}
.shuju-list{ width: 100%; overflow: hidden; }
.shuju-list  ul{overflow-y: hidden;}
.shuju-list ul li{float: left; width: 100%; margin-bottom: 40px;}
.shuju-list ul li  .box{  background: #f7f7f7;  padding: 32px 0; overflow: hidden;}
.shuju-list ul li  .box .ltu{float: left; width: 223px; margin-left: 32px; }
.shuju-list ul li  .box .ltu img{width: 223px;  height: 166px;}
.shuju-list ul li  .box .r{float: left; width: 852px; margin-left: 30px;}
.shuju-list ul li  .box .r .tt{ float: left; width: 100%; font-size: 22px;  height: 30px; overflow-y: hidden; }
.shuju-list ul li  .box .r .jj{float: left;  font-size: 16px; margin: 15px 0; height: 51px; overflow:hidden;text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.shuju-list ul li  .box .r .xq{float: left; margin-top: 5px;}
.shuju-list ul li  .box .r .xq a{display: block; width: 114px; height: 41px; line-height: 41px; text-align: center;  background: #b88765; color: #fff;  font-size: 14px;}
.shuju-list ul li  .box .r .xq a:hover{background: #a07455;}
/*敦煌文创-列表*/
.wenchuang{width: 100%;   background: url(wc-bg.jpg) top center no-repeat; margin-top: 0px; background-size: cover;  overflow: hidden;}
.wenchuang .wcdh{width: 669px; margin: 0 auto; padding-top: 30px; padding-bottom: 100px; overflow: hidden;}
.wenchuang .wcdh ul li{float: left; width: 223px; height: 75px; text-align: center; padding-top: 6px;}
.wenchuang .wcdh ul li.curr{background: url(wc-dhbg.png) top center no-repeat;}
.wenchuang .wcdh ul li a{color: #fff; font-size: 18px; font-style: italic; font-weight: 200; }
.wenchuang .wcdh ul li a:hover{color: #ccc;}
.wclist{width: 988px; margin: 0 auto; margin-bottom: 197px; overflow: hidden;}
.wclist .ltu{float: left; width: 330px;  margin-left: 94px;}
.wclist .ltu img{width: 330px; height: 510px;}
.wclist .rwz{float: left; width: 447px; margin-left: 96px;}
.wclist .rwz  .tt{float: left;  font-size: 30px; font-style: italic; font-weight: 200; height: 140px; margin-top: 72px;overflow: hidden;}
.wclist .rwz  .tt a.a1{color: #fff;}
.wclist .rwz  .tt a.a1:hover{color: #ccc;}
.wclist .rwz .xq{float: left; width: 110px; height: 59px; margin-top: 50px; background: url(wc-more.png) top center no-repeat; text-align: center; line-height: 69px;}
.wclist .rwz .xq a{color: #fff; font-size: 14px;}
.wclist .rwz .xq a:hover{color: #ccc;}
.wclist  .lwz{float: left; width: 452px; }
.wclist  .lwz .tt{float: left;  font-size: 30px; font-style: italic; font-weight: 200; height: 140px; margin-top: 72px;overflow: hidden;}
.wclist  .lwz .xq{float: left; width: 110px; height: 59px; margin-top: 50px; background: url(wc-more.png) top center no-repeat; text-align: center; line-height: 69px;}
.wclist  .lwz .xq a{color: #fff; font-size: 14px;}
.wclist  .lwz .xq a:hover{color: #ccc;}
.wclist .rtu{float: left; margin-left: 93px;width: 330px;}
.wclist .rtu img{width: 330px; height: 510px;}
/*敦煌文化-列表*/
.wh-swiper{ background: #333;width: 100%;height:602px;z-index:2;position:relative; top: -1px; overflow:hidden;  margin-bottom: 100px; }
.mask{background: #000;height: 602px; width: 100%;position: absolute; z-index: 10; left: 0; top: 0;  filter:alpha(Opacity=40);  -moz-opacity:0.4;  opacity:0.4;-webkit-transition: all 0.5s ease-in-out 0.5s;-ms-transition: all 0.5s ease-in-out 0.5s;-moz-transition: all 0.5s ease-in-out 0.5s;-o-transition: all 0.5s ease-in-out 0.5s;
transition: all 0.5s ease-in-out 0.5s;}
.swiper-container {width:100%;height:100%;}
.swiper-slide {text-align:center;font-size:18px;background:#fff;overflow:hidden;}
.swiper-horizontal>.swiper-pagination-bullets {    bottom: 50px;   }
.slide-inner {position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;       -webkit-box-pack:center;    -ms-flex-pack:center;    -webkit-justify-content:center;    justify-content:center;    -webkit-box-align:center;    -ms-flex-align:center;    -webkit-align-items:center;
    align-items:center;    color:#fff;      z-index: 9;  }
#slidewenzi1{ position:absolute; top: 200px; text-align: center;  left: 0; right: 0; margin: auto; font-size: 3.5rem;  font-style: italic;font-weight: 400; color: #fff;z-index: 50;}
#slidewenzi2{ position:absolute; top: 396px; text-align: center;  left: 0; right: 0; margin: auto; font-size: 1.0rem;color: #fff; font-weight: 200; z-index: 50;}
#slidewenzi3{ position:absolute; top: 150px; text-align: center;  left: 0; right: 0; margin: auto; font-size: 2.5rem;  font-style: italic;font-weight: 400; color: #fff;z-index: 50;}
#slidewenzi4{ position:absolute; top: 296px; text-align: center;  left: 0; right: 0; margin: auto; font-size: 1.0rem;color: #fff; font-weight: 200; z-index: 50;}
#slidewenzi1 a,#slidewenzi2 a,#slidewenzi3 a,#slidewenzi4 a{color: #fff;}
#slidewenzi1 a:hover,#slidewenzi2 a:hover,#slidewenzi3 a:hover,#slidewenzi4 a:hover{color: #ccc;}

.whlist{ width: 1167px; height: 501px;  margin: 0 auto;  margin-bottom: 80px;}
.whlist .wz01{text-align: center; font-size: 32px; font-style: italic; color: #fff;  font-weight: 400; padding-top: 180px;}
.whlist .wz02{text-align: center; font-size: 14px; font-style: italic; color: #fff; padding-top: 50px; }
.whlist .wz01 a,.whlist .wz02 a{color: #fff;}
.whlist .wz01 a:hover,.whlist .wz02 a:hover{color: #ccc;}
/*数字图库-列表*/
.tukulist{position: relative; width: 1170px; height: 544px; margin: 0 auto; margin-bottom: 145px;}
.tukulist .lct{position: absolute; width: 647px; height: 339px; left: 0; top:0;}
.tukulist .rwz{position: absolute; width: 533px; height: 257px; right: 0; bottom: 0; background: #f2f2f2;}
.tukulist .rwz .tt{font-size: 26px; font-style: italic;padding-left: 116px; padding-top: 45px; }
.tukulist .rwz .jj{padding-left: 116px; width: 375px; font-size: 16px;  font-style: italic; text-align: justify;}
.tukulist .rwz .more{padding-left: 116px; font-size: 16px; padding-top: 10px;}
.tukulist .lwz{position: absolute; width: 533px; height: 257px; left: 0; bottom: 0; background: #f2f2f2;}
.tukulist .lwz .tt{font-size: 26px; font-style: italic;padding-left: 53px; padding-top: 45px; }
.tukulist .lwz .jj{padding-left: 53px; width: 375px; font-size: 16px;  font-style: italic; text-align: justify;}
.tukulist .lwz .more{padding-left: 53px; font-size: 16px; padding-top: 10px;}
.tukulist .rct{position: absolute; width: 647px; height: 339px;  right: 0; top:0;}

.tukulist .hb1{position: absolute; width: 394px; height: 258px; left: 0; top: 277px;}
.tukulist .hb2{position: absolute; width: 284px; height: 188px; right: 0; top:188px;}
.tukulist .hb3{position: absolute; width: 394px; height: 258px; left: 215px; top: 110px;}
.tukulist .hb4{position: absolute; width: 284px; height: 188px; right: 341px; top:386px;}
.tukulist .hb5{position: absolute; width: 394px; height: 258px; left: 300px; top: 296px;}
.tukulist .hb6{position: absolute; width: 284px; height: 188px; right: 28px; top:114px;}
.tukulist .hb7{position: absolute; width: 394px; height: 258px; left: 146px; top: 105px;}
.tukulist .hb8{position: absolute; width: 284px; height: 188px; right: 0px; top:300px;}
.tukulist .hb9{position: absolute; width: 394px; height: 258px; left: 20px; top: 255px;}
.tukulist .hb10{position: absolute; width: 284px; height: 188px; right: 261px; top:74px;}
.tukulist .hb1 img,.tukulist .hb2 img,.tukulist .hb3 img,.tukulist .hb4 img,.tukulist .hb5 img,.tukulist .hb6 img,.tukulist .hb7 img,.tukulist .hb8 img,.tukulist .hb9 img,.tukulist .hb10 img{-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}

.tukulist .hb1 img:hover,.tukulist .hb2 img:hover,.tukulist .hb3 img:hover,.tukulist .hb4 img:hover,.tukulist .hb5 img:hover,.tukulist .hb6 img:hover,.tukulist .hb7 img:hover,.tukulist .hb8 img:hover,.tukulist .hb9 img:hover,.tukulist .hb10 img:hover{-webkit-transform: scale(1.2);    /* safari and chrome */
-moz-transform: scale(1.2);       /* firefox */
-o-transform: scale(1.2);         /* opera */
-ms-transform: scale(1.2) ;        /* ie9 */
transform: scale(1.2);}

/*网红饮品-列表*/
.yp-row1{width: 1900px;  margin: 0 auto;height: 599px;  margin-top: 123px;  margin-bottom: 163px; background: url(yp-rowbg.png) left bottom no-repeat;}
.yp-row1 .ct1{float: left;  width: 694px;}
.yp-row1 .ct2{float: right; width: 390px;}
.yp-row1 .ct3{float: right; width: 390px;  margin-top: 96px;}

.yp-row2{width: 1900px; margin: 0 auto; height: 524px;    margin-bottom: 163px; background: url(yp-rowbg2.png) right bottom no-repeat;}
.yp-row2 .ct1{float: left;  width: 314px;}
.yp-row2 .ct2{float: left; width: 314px;  margin-left: 30px;}
.yp-row2 .wz{float: left; font-size: 30px; font-style: italic;  margin-top: 33px; margin-left: 33px;}
.yp-row2 .ct3{float: right; width: 472px;  margin-top: 75px;}

.yp-row3{width: 1166px; margin: 0 auto; margin-bottom: 163px; overflow: hidden;}
.yp-row3 .box{float: left;width: 100%;}
.yp-row3 .box .l{float: left; width: 582px; height: 293px; background: #f8f4f3;}
.yp-row3 .box .l .wz01{float: left;  font-size: 30px; padding-top: 70px;  padding-left: 55px;}
.yp-row3 .box .l .wz02{float: left;  font-size: 18px; padding-top: 5px; padding-left: 55px; }
.yp-row3 .box .c{float: left; width: 292px;height: 293px;}
.yp-row3 .box .r{float: right; width: 292px;height: 293px;}

.yp-row4{position: relative; width: 1900px; margin: 0 auto;  height: 1209px;  background: url(yp-row4-bg.jpg) right bottom no-repeat; }
.yp-row4 .ct1{position: absolute; width: 538px; height: 416px; left: 320px;}
.yp-row4 .ct2{position: absolute; width: 424px; height: 384px; left: 981px;}
.yp-row4 .ct3{position: absolute; width: 435px; height: 384px; right: 30px;}
.yp-row4 .ct4{position: absolute; width: 454px; height: 383px; left: 90px; bottom: 166px;}
.yp-row4 .ct5{position: absolute; width: 445px; height: 386px; left: 605px; bottom: 176px;}
.yp-row4 .ct6{position: absolute; width: 555px; height: 325px; right: 386px; bottom: 441px;  background: #f8f4f3; }
.yp-row4 .ct6 .wz01{padding-left: 57px; padding-top: 90px; font-size: 30px;font-style: italic;   }
.yp-row4 .ct6 .wz02{padding-left: 57px;  padding-top: 20px; font-size: 18px;}

.yp-row5{width: 1166px; margin: 0 auto; margin-top: 75px; margin-bottom: 200px; overflow: hidden;}
.yp-row5 .box{float: left; width: 100%;}
.yp-row5 .box .l{float: left; width: 582px; height: 586px;}
.yp-row5 .box .r{float: left; width: 582px; height: 586px;}
.yp-row5 .box .r .wz{text-align: center; padding-top: 260px; font-size: 30px;font-style: italic;}

.yp-row6{width: 1900px; margin: 0 auto; height: 537px;    margin-bottom: 163px; background: url(yp-rowbg2.png) right bottom no-repeat;}
.yp-row6 .ct{float: left; width: 696px; height: 469px;}
.yp-row6 .ct img{width: 696px; height: 469px; border: 4px solid #6cc2a9;}
.yp-row6 .wz{float: left;   margin-left: 75px; padding-top: 428px; font-size: 30px; font-style: italic; }

.yp-row7{height: 866px;  background: url(yp-row7-bg.jpg) left center no-repeat;}
.yp-row7 .ct1{ float: left; width: 424px; height: 278px; margin-left: 234px;}
.yp-row7 .ct2{float: left; width: 442px; height: 278px; margin-left: 37px;}
.yp-row7 .ct1 img,.yp-row7 .ct2 img{border: 4px solid #6cc2a9;}
.yp-row7 .wz{float: left; width: 300px; margin-left: 200px; margin-top: 407px; font-size: 30px; font-style: italic; }
.yp-row7 .ct3{float: left; width: 602px;  height: 389px; margin-left: 35px; margin-top: 170px;}

.yp-row8{padding: 30px 0 80px 0; overflow: hidden;}
.yp-row8 .ct{float: left; width: 622px; height: 453px;}
.yp-row8 .xq{float: left; margin-top: 25px; margin-left: 508px;}
.yp-row8 .xq a{display: block; width: 114px; height: 41px; line-height: 41px; text-align: center;  background: #b88765; color: #fff;  font-size: 14px;}
.yp-row8 .xq a:hover{background: #a07455;}

/*文旅文化-列表*/

.wh-page1{width: 100%;  height: 100vh; background: url(whpage-bg1.jpg)center center no-repeat; background-size: 100% 100%;}
.wh-page1 .tt01{float: left; font-size: 48px; font-weight: 200; font-style: italic;  margin-top: 30%;}
.wh-page1 .tt01 a{color: #fff;}
.wh-page1 .xq{float: left; margin-top: 120px; font-size: 18px;}
.wh-page1 .xq a{color: #fff;}

.wh-page2{width: 100%;  height: 100vh; background: url(whpage-bg2.jpg)center center no-repeat; background-size: 100% 100%;}
.wh-page2 .tt01{float: right; font-size: 48px; font-weight: 200; font-style: italic;  margin-top: 30%;}
.wh-page2 .tt01 a{color: #fff;}
.wh-page2 .tt02{float: right;  font-size: 28px; font-weight: 200; font-style: italic;  margin-top: 10px;}
.wh-page2 .tt02 a{color: #fff;}
.wh-page2 .xq{float: right; margin-right: 100px;margin-top: 120px; font-size: 18px;}
.wh-page2 .xq a{color: #fff;}

.wh-page3{width: 100%;  height: 100vh; background: url(whpage-bg3.jpg)center center no-repeat; background-size: 100% 100%;}
.wh-page3 .tt01{float: left; font-size: 48px; font-weight: 200; font-style: italic;  margin-top: 30%;}
.wh-page3 .tt01 a{color: #fff;}
.wh-page3 .xq{float: left; margin-top: 120px; font-size: 18px;}
.wh-page3 .xq a{color: #fff;}

.wh-page4{width: 100%;  height: 100vh; background: url(whpage-bg4.jpg)center center no-repeat; background-size: 100% 100%;}
.wh-page4 .tt01{float: right; font-size: 48px; font-weight: 200; font-style: italic;  margin-top: 30%;}
.wh-page4 .tt01 a{color: #fff;}
.wh-page4 .xq{float: right; margin-right: 100px;margin-top: 120px; font-size: 18px;}
.wh-page4 .xq a{color: #fff;}

.wh-page5{width: 100%;  height: 100vh; background: url(whpage-bg5.jpg)center center no-repeat; background-size: 100% 100%;}
.wh-page5 .tt01{float: left; font-size: 48px; font-weight: 200; font-style: italic;  margin-top: 30%;}
.wh-page5 .tt01 a{color: #fff;}
.wh-page5 .xq{float: left; margin-top: 120px; font-size: 18px;}
.wh-page5 .xq a{color: #fff;}

.wh-page6{width: 100%;  height: 100vh; background: url(whpage-bg6.jpg)center center no-repeat; background-size: 100% 100%;}
.wh-page6 .tt01{float: right; font-size: 48px; font-weight: 200; font-style: italic;  margin-top: 30%;}
.wh-page6 .tt01 a{color: #fff;}
.wh-page6 .xq{float: right; margin-right: 100px;margin-top: 120px; font-size: 18px;}
.wh-page6 .xq a{color: #fff;}

.wh-page7{width: 100%;  height: 100vh; background: url(whpage-bg7.jpg)center center no-repeat; background-size: 100% 100%;}
.wh-page7 .tt01{float: left; font-size: 48px; font-weight: 200; font-style: italic;  margin-top: 30%;}
.wh-page7 .tt01 a{color: #fff;}
.wh-page7 .xq{float: left; margin-top: 120px; font-size: 18px;}
.wh-page7 .xq a{color: #fff;}
.wh-page7 .foot{color: #fff;  text-align: center;  margin-top: 24%;}
.wh-page7 .foot a{color: #fff;}

/*品牌案例-列表*/
.pinpai-topbg{position: absolute; top:0; width: 1920px; left: 0; right: 0; margin:auto; height: 100vh; background: url(pinpai-topbg.jpg) top center no-repeat ; z-index: -1;}
@media screen and (min-width: 1921px) {
  .pinpai-topbg {width: 100%;height: 100vh;}

    }
.pinpai-blank{width: 100%; height: 1px; padding-bottom: 110px; overflow: hidden;}
.pinpai-list{width: 1165px; margin: 0 auto; margin-bottom: 110px; overflow: hidden;}
.pinpai-list .tu{float: left; width: 100%; margin-bottom: 25px;}
.pinpai-list .tt{float: left; width: 100%; font-size: 28px;  font-style: italic; margin-bottom: 25px; height: 37px; overflow: hidden;}
.pinpai-list .jj{float: left;  width: 100%; font-size: 18px; height: 56px; overflow: hidden;}

/*产品体系*/

.chanpin-topbg  {position: absolute; top:0; width: 1920px; left: 0; right: 0; margin:auto; height: 700px; background: url(chanpin-topbg.jpg) top center no-repeat ; z-index: -1;}
.chanpin-topbg-2{position: absolute; top:0; width: 1920px; left: 0; right: 0; margin:auto; height: 700px; background: url(chanpin-topbg-2.jpg) top center no-repeat ; z-index: -1;}
.chanpin-topbg-3{position: absolute; top:0; width: 1920px; left: 0; right: 0; margin:auto; height: 700px; background: url(chanpin-topbg-3.jpg) top center no-repeat ; z-index: -1;}
.chanpin-topbg-4{position: absolute; top:0; width: 1920px; left: 0; right: 0; margin:auto; height: 700px; background: url(chanpin-topbg-4.jpg) top center no-repeat ; z-index: -1;}
.chanpin-topbg-5{position: absolute; top:0; width: 1920px; left: 0; right: 0; margin:auto; height: 700px; background: url(chanpin-topbg-5.jpg) top center no-repeat ; z-index: -1;}
.chanpin-topbg-6{position: absolute; top:0; width: 1920px; left: 0; right: 0; margin:auto; height: 700px; background: url(chanpin-topbg-6.jpg) top center no-repeat ; z-index: -1;}
.chanpin-dh{width: 1200px; margin: 0 auto; margin-top: 35px;}
.chanpin-dh ul li{float: left; width: 217px; height: 93px; text-align: center; line-height: 40px;}
.chanpin-dh ul li:nth-child(2){width: 160px;}
.chanpin-dh ul li:nth-child(6){width: 160px;}
.chanpin-dh ul li.curr{background: url(chanpin-dhbg.png)0 center no-repeat;}
.chanpin-dh ul li:nth-child(2).curr{background: url(chanpin-dhbg2.png)0 center no-repeat;}
.chanpin-dh ul li:nth-child(6).curr{background: url(chanpin-dhbg2.png)0 center no-repeat;}
.chanpin-dh ul li a{color: #fff; font-size: 16px; font-style: italic; }
.chanpin-toptt{float: left; color: #fff; width: 90%; font-size: 42px; margin-top: 120px;  font-weight: 200; font-style: italic;}
.chanpin-topjj{float: left; color: #fff; width: 90%;  height: 120px; margin-top: 20px; font-size: 18px;  font-weight: 200; line-height: 30px;  text-align: justify; overflow: hidden;}
.chanpin-toptt-5{float: left; color: #fff; width: 90%; font-size: 42px; margin-top: 100px;  font-weight: 200; font-style: italic;}
.chanpin-topjj-5{float: left; color: #fff; width: 92%;  height: 160px; margin-top: 20px; font-size: 18px;  font-weight: 200; text-align: justify; overflow: hidden;}
/*产品体系-文创*/
.cp1-main1{height: 1326px;  background: url(cp1-main1-bg2.jpg); margin-top: 155px;}
.cp1-main1 .box{position: relative; width: 1313px; margin: 0 auto; }
.cp1-main1 .box .list1,.cp1-main1 .box .list2,.cp1-main1 .box .list3,.cp1-main1 .box .list4,.cp1-main1 .box .list5,.cp1-main1 .box .list6,.cp1-main1 .box .list7{position: absolute; width: 347px; height: 635px;}
.cp1-main1 .box .list1{background: url(cp1-main1-list-bg6.png)top center no-repeat; left: 0;top:213px;}
.cp1-main1 .box .list2{background: url(cp1-main1-list-bg5.png)top center no-repeat;left: 316px;top:51px;}
.cp1-main1 .box .list3{background: url(cp1-main1-list-bg4.png)top center no-repeat;left: 655px;top:51px;}
.cp1-main1 .box .list4{background: url(cp1-main1-list-bg3.png)top center no-repeat;right: 0;top:213px;}
.cp1-main1 .box .list5{background: url(cp1-main1-list-bg7.png)top center no-repeat;left: 140px;top:662px;}
.cp1-main1 .box .list6{background: url(cp1-main1-list-bg1.png)top center no-repeat;left: 502px;top:701px;}
.cp1-main1 .box .list7{background: url(cp1-main1-list-bg2.png)top center no-repeat;right: 140px;top:662px;}
.cp1-main1-listct{width: 173px; padding-left: 89px; padding-top: 55px;}
.cp1-main1-listct img{width: 173px; max-height: 138px;}
.cp1-main1-listbt{text-align: center;  font-size: 22px; padding: 25px 0; font-style: italic; color: #333;}
.cp1-main1-listjj{width: 187px; padding-left: 80px; font-size: 18px; color: #c1977b;  text-align: justify; line-height: 30px;}
.cp1-main2{width: 1089px;margin: 0 auto; padding-top: 140px; }
.cp1-main3{width: 1089px;margin: 0 auto; padding-top: 100px; padding-bottom: 100px; overflow: hidden; }
.cp1-main3 ul li{float: left; width: 228px;  height: 315px; margin: 20px;  background: url(cp1-main3-bg.png) top center no-repeat;}
.cp1-main3 ul li .tt1{text-align: center; font-size: 32px; font-style: italic; padding-top: 100px;}
.cp1-main3 ul li .tt2{text-align: center;  padding: 0 15px; font-size: 18px; padding-top: 100px;}

/*产品体系-IP授权*/
.cp2-main1{width: 1166px; margin: 0 auto;  margin-top: 70px;}
.cp2-main2{height: 645px; background: url(cp2-main2-bg.jpg) center 100px no-repeat;margin-top: 30px; }

.cp2-main2 .l{float: left;  width: 540px; }
.cp2-main2 .l .tt{float: left; width: 100%; font-size: 48px; font-style: italic; font-weight: 200; margin-top: 130px;}
.cp2-main2 .l .jj{float: left; font-size: 18px; font-style: italic; margin-top: 20px;font-weight: 200; text-align: justify; }
.cp2-main2 .r{float: right; }

.cp2-main3{height: 439px; background: url(cp2-main3-bg.png)left center no-repeat;}
.cp2-main3 .ct{float: left;  width: 387px;  margin-top: 85px;}
.cp2-main3 .r{float: left; margin-left: 55px; width: 670px;}
.cp2-main3 .r .tt{float: left; width: 100%; font-size:  26px;font-weight: 200;  font-style: italic; margin-top: 130px;}
.cp2-main3 .r .jj{float: left;font-size: 18px; font-style: italic;font-weight: 200;  margin-top: 20px; }

.cp2-main4{margin-top: 130px; margin-bottom: 60px; overflow: hidden;}
.cp2-main5{height: 2649px; background: url(cp2-main5-bg.jpg)top center no-repeat; overflow: hidden;}

.cp2-main6{padding: 60px 0; overflow: hidden;}
.cp2-main6 .title{text-align: center; font-size: 48px; font-style: italic; font-weight: 200; }
.cp2-main6 .row1{padding-top: 60px; font-size: 22px; font-style: italic; font-weight: 200;}
.cp2-main6 .row1 .tt1{float: left;width: 251px; text-align: center; margin-left: 80px;}
.cp2-main6 .row1 .tt2{float: left; width: 370px; text-align: left;margin-left: 100px;}
.cp2-main6 .row1 .tt3{float: left; width: 263px; text-align: center;margin-left: 80px;}
.cp2-main6 .row2{padding-top: 30px; font-size: 22px; font-style: italic; font-weight: 200;}
.cp2-main6 .row2 .tt1{float: left;width: 300px; text-align: center; margin-left: 245px;}
.cp2-main6 .row2 .tt2{float: left;width: 300px; text-align: center; margin-left: 120px;}

/*文化交流-文化交流*/
.cp3-main1{height: 725px; background: url(cp3-main1-bg.jpg)top center no-repeat;  margin-top: 160px;}
.cp3-main2{position: relative; height: 840px;}
.cp3-main2 .tu1{position: absolute; left: 0; top:0;}
.cp3-main2 .tu2{position: absolute; right: 0; top:0;}
.cp3-main2 .tu3{position: absolute; left: 90px; bottom:0;}
.cp3-main2 .tu4{position: absolute; width: 555px; height: 383px; right: 0; bottom:80px; background: #f8f4f3;}
.cp3-main2 .tu4 .tt1{font-size: 28px; font-style: italic; padding-left: 50px;padding-top:87px; font-weight: 200;}
.cp3-main2 .tu4 .tt2{font-size: 18px; padding-left: 50px; padding-top: 20px; padding-right: 20px;}

.cp3-main3{padding: 180px 0; overflow: hidden;}
.cp3-main3 .l{float: left; width: 621px;  height: 423px;overflow: hidden;}
.cp3-main3 .l img{width: 621px; height: 423px;}
.cp3-main3 .c{float: left; width: 257px; margin-left: 20px;}
.cp3-main3 .c .tu1{float: left; width: 257px;  height: 194px;margin-bottom: 36px; overflow: hidden;}
.cp3-main3 .c .tu2{float: left; width: 257px; height: 194px; overflow: hidden;}
.cp3-main3 .c .tu1 img,.cp3-main3 .c .tu2 img{width: 257px; height: 194px;}
.cp3-main3 .r{float: right;}

.tuwrap{width: 1900px; margin: 0 auto; }

.cp3-main5{padding: 200px 0; overflow: hidden;}
.cp3-main5 .l{float: left; width: 488px;}
.cp3-main5 .l .tu1{float: left; width: 100%;  margin-bottom: 90px;overflow: hidden;}
.cp3-main5 .l .tu1 img{width: 488px; height: 95px; }
.cp3-main5 .l .tu2{float: left; width: 100%;overflow: hidden; }
.cp3-main5 .l .tu2 img{width: 488px; height: 318px;}
.cp3-main5 .r{float: right; width: 655px; height: 450px; overflow: hidden;}
.cp3-main5 .r img{width: 655px;  height: 450px;}

.cp3-main6{padding-bottom: 200px; overflow: hidden;}
.cp3-main6 .l{float: left; width: 689px; height: 441px; margin-top: 75px; overflow: hidden;}
.cp3-main6 .l img{width: 689px; height: 441px;}
.cp3-main6 .r{float: right; width: 444px;}
.cp3-main6 .r .tu1{float: left; width: 444px; height: 283px; margin-bottom: 70px;overflow: hidden;}
.cp3-main6 .r .tu1 img{width: 444px; height: 283px;}
.cp3-main6 .r .tu2{float: left; width: 444px; height: 83px; overflow: hidden;}
.cp3-main6 .r .tu2 img{width: 444px; height: 83px;}

.cp3-main7{padding-bottom: 200px; overflow: hidden;}
.cp3-main7 .l{float: left; width: 276px;  height: 164px; margin-top: 100px;}
.cp3-main7 .c{float: left; width: 555px; margin-left: 30px;}
.cp3-main7 .r{float: right; width: 277px; height: 160px; margin-top: 100px;}
.cp3-main7 .b{width: 943px; margin: 0 auto; height: 82px; margin-top: 25px;}

.cp3-main8{padding-bottom: 200px; overflow: hidden;}
.cp3-main8 .l{float: left;  width: 552px;}
.cp3-main8 .l .tu1{width: 336px; height: 91px; margin: 0 auto; margin-bottom: 85px; overflow: hidden;}
.cp3-main8 .l .tu2{float: left; width: 552px; height: 357px; overflow: hidden;}
.cp3-main8 .r{float: right; width: 546px; }
.cp3-main8 .r .tu1{float: right; width: 469px; height: 352px; margin-bottom: 78px; overflow: hidden; }
.cp3-main8 .r .tu2{float: right; width: 546px; height: 399px; overflow: hidden;}

.cp3-main9{width: 1900px;   height: 754px;  margin: 0 auto; background: url(cp3-main9-bg.png) 0px 314px  no-repeat;  padding-bottom: 200px; overflow: hidden;}
.cp3-main9 .l{float: left; width: 693px; }
.cp3-main9 .l .tu1{float: left; width: 693px;  height: 460px; overflow: hidden;}
.cp3-main9 .l .tu2{float: right; width: 368px; height: 250px;  margin-top: 42px;}
.cp3-main9 .r{float: right; width: 368px; margin-right: 65px;}
.cp3-main9 .r .tu1{float: left;  width: 368px; height: 96px; margin-bottom: 70px; overflow: hidden;}
.cp3-main9 .r .tu1 img{width: 368px; height: 96px;}
.cp3-main9 .r .tu2{float: left; width: 368px; height: 254px; margin-bottom: 36px;overflow: hidden;}
.cp3-main9 .r .tu2 img{width: 368px; height: 254px;}
.cp3-main9 .r .tu3{float: left; width: 368px; height: 255px;overflow: hidden;}
.cp3-main9 .r .tu3 img{width: 368px; height: 255px;}

.cp3-main10{width: 1900px;   height: 635px;  margin: 0 auto; background: url(cp3-main10-bg.png) right 121px  no-repeat;  padding-bottom: 100px; overflow: hidden;}
.cp3-main10 .l{float: left;  width: 537px;}
.cp3-main10 .l .tu1{float: left; width: 478px; height: 336px;  margin-bottom: 42px;overflow: hidden;}
.cp3-main10 .l .tu1 img{width: 478px; height: 336px;}
.cp3-main10 .l .tu2{float: right; width: 378px; height: 252px;overflow: hidden;}
.cp3-main10 .l .tu2 img{width: 378px; height: 252px;}
.cp3-main10 .r{float: left; width: 527px;  margin-left: 40px;}
.cp3-main10 .r .tu1{float: left; width: 303px; height: 82px;margin-top: 185px; margin-bottom: 110px; overflow: hidden;}
.cp3-main10 .r .tu2{float: left; width: 323px; height: 251px;}

/*产品体系-品牌文化*/
.cp4-main1{height: 1144px; background: url(cp4-main1-bg.jpg)top center no-repeat;  margin-top: 155px;}
.cp4-main1box{width: 1215px; margin: 0 auto; position: relative;}
.cp4-main1box .title{text-align: center; font-size: 48px; padding-top: 130px; font-style: italic; font-weight: 200;}

.cp4-main1box .title2{float: left; margin-left: 200px; margin-top: 125px; width:350px;font-size: 18px; font-style: italic; color: #999;  }
.cp4-main1box .title2 .l{float: left; }
.cp4-main1box .title2 .r{float: right;}
.cp4-main1box .title3{float: right; margin-right: 115px; margin-top: 25px; width:350px;font-size: 18px; font-style: italic; color: #999;  }
.cp4-main1box .title3 .l{float: left; }
.cp4-main1box .title3 .r{float: right;}

.cp4-main1box .list1,.cp4-main1box .list2,.cp4-main1box .list3,.cp4-main1box .list4,.cp4-main1box .list5,.cp4-main1box .list6,.cp4-main1box .list7,.cp4-main1box .list8,.cp4-main1box .list9,.cp4-main1box .list10{position: absolute; width: 548px; height: 97px; line-height: 97px; font-size: 22px; color: #fff; font-style: italic; background: url(cp4-main1-listbg.png) center center no-repeat; }
.cp4-main1box .list1 .l,.cp4-main1box .list2 .l,.cp4-main1box .list3 .l,.cp4-main1box .list4 .l,.cp4-main1box .list5 .l,.cp4-main1box .list6 .l,.cp4-main1box .list7 .l,.cp4-main1box .list8 .l,.cp4-main1box .list9 .l,.cp4-main1box .list10 .l{float: left;padding-left: 95px;}
.cp4-main1box .list1 .r,.cp4-main1box .list2 .r,.cp4-main1box .list3 .r,.cp4-main1box .list4 .r,.cp4-main1box .list5 .r,.cp4-main1box .list6 .r,.cp4-main1box .list7 .r,.cp4-main1box .list8 .r,.cp4-main1box .list9 .r,.cp4-main1box .list10 .r{float: right; padding-right: 38px;}

.cp4-main1box .list1{left: 61px;top:393px;}
.cp4-main1box .list2{left: 43px;top:499px;}
.cp4-main1box .list3{left: 26px;top:605px;}
.cp4-main1box .list4{left: 2px;top:712px;}
.cp4-main1box .list5{left: 82px;top:819px;}
.cp4-main1box .list6{right: 62px;top:284px;}
.cp4-main1box .list7{right: 46px;top:392px;}
.cp4-main1box .list8{right: 26px;top:500px;}
.cp4-main1box .list9{right: 2px;top:610px;}
.cp4-main1box .list10{right: 82px;top:718px;}

.cp4-main2{height: 1351px; background: url(cp4-main2-bg.png) top center no-repeat;}
.cp4-main2 .box{width: 1133px;  margin: 0 auto;}
.cp4-main2 .box .dbt{text-align: center; font-size: 48px; font-style: italic; font-weight: 200;}
.cp4-main2  .box .list1{float: left; width: 331px;  margin-left: 6px;    margin-top: 156px; }
.cp4-main2  .box .list2{float: left; width: 331px;  margin-left: 64px;  margin-top: 156px;}
.cp4-main2  .box .list3{float: left; width: 331px;  margin-left: 64px;  margin-top: 156px;}
.cp4-main2-lb{padding: 0 25px;}
.cp4-main2-lb .title{text-align: center; font-size: 18px; color: #94694f; font-style: italic;}
.cp4-main2-lb ul{padding-top: 40px;}
.cp4-main2-lb ul li{float: left;  width: 100%; margin-bottom: 20px;font-size: 16px;  text-align: center; color: #94694f; font-style: italic;}

.cp4-main3{}
.cp4-main3-list{width: 1165px; height: 499px;margin: 0 auto;  margin-bottom: 80px;}
.cp4-main3-list .wz01{text-align: center; font-size: 32px; font-style: italic; color: #fff;  font-weight: 800; padding-top: 180px;}
.cp4-main3-list .wz02{text-align: center; font-size: 14px; font-style: italic; color: #fff; padding-top: 50px;}
.cp4-main3-list .wz01 a,.cp4-main3-list .wz02 a{color: #fff;}
.cp4-main3-list .wz01 a:hover,.cp4-main3-list .wz02 a:hover{color: #ccc;}

.cp4-main4{width: 1900px;   height: 957px;  margin: 0 auto; overflow: hidden;}
.cp4-main4 .l{float: left;  width: 365px; padding-top: 200px;}
.cp4-main4 .c{ float: left;width: 1169px; }
.cp4-main4 .c .title{text-align: center; font-size: 48px; font-style: italic; font-weight: 200; padding-bottom: 88px;}
.cp4-main4 .c .box1{position: relative; width: 1169px; height: 361px; }
.cp4-main4 .c .box1 .list1,.cp4-main4 .c .box1 .list2,.cp4-main4 .c .box1 .list3,.cp4-main4 .c .box1 .list4{position: absolute; width: 269px; height: 269px; }
.cp4-main4 .c .box1 .list1{background: url(cp4-main4-list1-bg.png) center center no-repeat; left: 40px;top:77px; text-align: center; }
.cp4-main4 .c .box1 .list2{background: url(cp4-main4-list2-bg.png) center center no-repeat; left: 313px;top:15px; text-align: center; }
.cp4-main4 .c .box1 .list3{background: url(cp4-main4-list3-bg.png) center center no-repeat; left: 584px;top:77px; text-align: center; }
.cp4-main4 .c .box1 .list4{background: url(cp4-main4-list4-bg.png) center center no-repeat; left: 854px;top:15px; text-align: center; }
.cp4-main4 .c .box1 .list1 p,.cp4-main4 .c .box1 .list2 p,.cp4-main4 .c .box1 .list3 p,.cp4-main4 .c .box1 .list4 p{padding-top: 60px; font-size: 22px; font-style: italic;}
.cp4-main4 .c .box1 .list1 p span,.cp4-main4 .c .box1 .list2 p span,.cp4-main4 .c .box1 .list3 p span,.cp4-main4 .c .box1 .list4 p span{font-size: 48px; font-weight: 800;}
.cp4-main4 .c .box2{width: 100%; margin-top: 60px;}
.cp4-main4 .r{float: right; width: 365px; text-align: right; padding-top: 200px;}

.cp4-main5{padding: 140px 0; overflow: hidden;}
.cp4-main5 .title{text-align: center; font-size: 38px; font-style: italic; font-weight: 400; padding-bottom: 20px;}
.cp4-main5-swiper{height: 650px;}

.cp4-main6{height: 925px; padding-bottom: 165px; overflow: hidden;}
.cp4-main6 .box1{position: relative; width: 100%;}
.cp4-main6 .box1 .list1,.cp4-main6 .box1 .list2,.cp4-main6 .box1 .list3,.cp4-main6 .box1 .list4,.cp4-main6 .box1 .list5{position: absolute; width: 255px; height: 176px; background: url(cp4-main6-list-bg.png)top center no-repeat;color: #fff; text-align: center; font-style: italic;}

.cp4-main6 .box1 .list1{ left: 0; top:0;}
.cp4-main6 .box1 .list2{ left: 235px; top:105px;}
.cp4-main6 .box1 .list3{ left: 455px; top:0;}
.cp4-main6 .box1 .list4{ left: 676px; top:105px;}
.cp4-main6 .box1 .list5{ left: 896px; top:0;}
.cp4-main6 .box1 .list1 .tt1,.cp4-main6 .box1 .list2 .tt1,.cp4-main6 .box1 .list3 .tt1,.cp4-main6 .box1 .list4 .tt1,.cp4-main6 .box1 .list5 .tt1{font-size: 16px; padding-top: 22px; width: 100%;}
.cp4-main6 .box1 .list1 .tt2,.cp4-main6 .box1 .list2 .tt2,.cp4-main6 .box1 .list3 .tt2,.cp4-main6 .box1 .list4 .tt2,.cp4-main6 .box1 .list5 .tt2{font-size: 30px; font-weight: 800; }
.cp4-main6 .box2{width: 100%; margin-top: 261px;}

.cp4-main7{}
.cp4-main7-list{width: 1165px; height: 499px;margin: 0 auto;  margin-bottom: 150px;}
.cp4-main7-list .wz01{text-align: center; font-size: 32px; font-style: italic; color: #fff;  font-weight: 800; padding-top: 180px;}
.cp4-main7-list .wz02{text-align: center; font-size: 14px; font-style: italic; color: #fff; padding-top: 50px;}
.cp4-main7-list .wz01 a,.cp4-main7-list .wz02 a{color: #fff;}
.cp4-main7-list .wz01 a:hover,.cp4-main7-list .wz02 a:hover{color: #ccc;}

.cp4-main8{text-align: center; padding-bottom: 230px; overflow: hidden;}
.cp4-main8 img{width: 1168px; }

.cp4-main9{ height: 882px; background: url(cp4-main9-bg.jpg) top center no-repeat;}
.cp4-main9 .wz{width: 820px; margin: 0 auto; padding-top: 400px; font-size: 32px; font-weight: 800; font-style: italic;  line-height: 180%;  text-align: center;}

/*产品体系-新媒体*/
.cp5-main1{ margin-top: 135px; margin-bottom: 100px; overflow: hidden;}
.cp5-main1 .row1{float: left; width: 100%; margin: 117px 0 56px 0;}
.cp5-main1 .row1 .l{float: left;  width: 690px;}
.cp5-main1 .row1 .r{float: left; width: 383px;  margin-left: 70px; margin-top: 140px;}
.cp5-main1 .row1 .r .tt{float: left; width: 100%; font-size: 26px;  font-style: italic;}
.cp5-main1 .row1 .r .jj{float: left; font-size: 18px;}
.cp5-main1 .row2{float: left; width: 100%;}
.cp5-main1 .row2 .l{float: left; width: 452px; margin: 177px 0 0 51px;  font-size: 18px;}
.cp5-main1 .row2 .r{float: right;   width: 604px;}

.cp5-main2{width: 1170px; height: 500px; margin: 0 auto; position: relative; margin-bottom: 145px;  overflow: hidden;}

/*产品体系-数字化*/
.cp6-main1{ margin-top: 135px; margin-bottom: 100px; overflow: hidden; }
.cp6-main1 .title{text-align: center; font-size: 48px; padding-top: 130px; font-style: italic; font-weight: 200;}
.cp6-main1 .jj{padding-top: 60px; font-size: 18px; }

.cp6-main2{width: 1900px;     margin: 0 auto; overflow: hidden;}
.cp6-main2 .l{float: left; width: 847px;}
.cp6-main2 .l .lct{float: right; width: 445px;  height: 258px;  margin-top: 80px;  margin-right: 45px; }
.cp6-main2 .r{float: right; width: 1052px;  background: #f8f4f3;}
.cp6-main2 .r .swiperbox{position: relative; height: 310px; margin-top: 60px; padding-bottom: 60px; padding-left: 35px;}

.cp6-main3{padding: 150px 0 80px 0; overflow: hidden;}
.cp6-main3 .row1{width: 1052px; height: 146px; margin: 0 auto; background: url(cp6-main3-row1-bg.png) center center no-repeat;}
.cp6-main3 .row1 .txt{width: 875px;  margin: 0 auto;  padding-top: 40px; font-size: 18px; font-style: italic;}
.cp6-main3 .row2{padding-top: 94px;}
.cp6-main3 .row2 .l{float: left; width: 267px; margin-left: 23px;}
.cp6-main3 .row2 .r{float: left; width: 839px; margin-left: 40px;}

.cp6-main4{width: 1900px; margin: 0 auto; height: 440px; background: url(cp6-main4-bg.png) top left no-repeat; margin-bottom: 200px;  overflow: hidden;}
.cp6-main4 .ct{float: left;  margin-left: 30px;  margin-top: 55px;}

.cp6-main5{height: 1160px; background: url(cp6-main5-bg.jpg) top center no-repeat;}
.cp6-main5 .row1{padding-top: 123px;}
.cp6-main5 .row1 ul{}
.cp6-main5 .row1 ul li{float: left; width: 222px; height: 399px; margin-left: 70px; background: url(cp6-main5-row1-bg.png) top center no-repeat; text-align: center; color: #b88765;}
.cp6-main5 .row1 ul li .tt1{font-size: 20px;  font-weight: 800; font-style: italic;  padding-top: 113px; padding-bottom: 10px;}
.cp6-main5 .row1 ul li .tt2{font-size: 18px; font-style: italic;}

.cp6-main5 .row2{width: 1900px;  margin: 0 auto;height: 600px; background: url(cp6-main5-bg2.png) right 170px  no-repeat;}
.cp6-main5 .row2 .tu1{float: left; width: 352px;}
.cp6-main5 .row2 .tu2{float: left; width: 294px; margin-left: 110px; margin-top: 60px;}
.cp6-main5 .row2 .tu3{float: left; width: 350px; margin-left: 62px;margin-top: 60px;}

.cp6-main6{width: 1900px;  margin: 0 auto; height: 643px; margin-top: 170px; background: url(cp6-main6-bg.png) left 85px  no-repeat; }
.cp6-main6 .title{text-align: center; font-size: 18px; font-style: italic; }
.cp6-main6 .l{float: left; width: 344px; margin-top: 140px; margin-left: 100px;}
.cp6-main6 .c{float: left; width: 132px; font-size: 18px; margin-top: 280px; text-align: right; margin-left: 20px; }
.cp6-main6 .r{float: left;width: 351px; margin-top: 140px; margin-left: 160px;}

/*授权合作*/
.shouquan-topbg{position: absolute; top:0; width: 1900px; left: 0; right: 0; margin:auto; height: 940px; background: url(shouquan-topbg.jpg) top center no-repeat ; z-index: -1;}
.shouquan-toptt{float: left; color: #fff; width: 90%; font-size: 42px; margin-top: 100px;  font-weight: 200; font-style: italic;}
.shouquan-topjj{float: left; color: #fff; width: 98%;  height: 120px; margin-top: 20px; font-size: 18px;  font-weight: 200;  line-height: 30px;  text-align: justify;overflow: hidden;}

.shouquan-gddh{width: 1900px;  height: 375px; margin: 0 auto;  background: rgba(0, 0, 0, 0.5); margin-top: 168px; }
.shouquan-gddh .swiperbox{ }

.shouquan-main1{width: 100%; height: 680px; background: url(shouquan-main1-rct.png) right bottom no-repeat; margin-top: 150px;}
.shouquan-main1 .title{float: left; font-size: 48px;  font-style: italic; font-weight: 200; padding-bottom: 70px;}
.shouquan-main1 .jjct{float: left; width: 38px;height: 26px; padding-bottom: 30px;}
.shouquan-main1 .jjct2{float: left; width: 38px;height: 26px; padding-top: 20px; padding-left: 600px;}
.shouquan-main1 .jj{float: left;  width: 707px; font-size: 18px;   text-align: justify;}
.shouquan-main1 .jj p.p2{width: 600px;}

.shouquan-main2{ position: relative;  width: 1900px; margin: 0 auto; height: 1327px; background: url(shouquan-main2-bg1.jpg) top center no-repeat; }
.shouquan-main2 .title{float: left; padding-left: 368px; padding-top: 97px; font-size: 48px;  font-style: italic; font-weight: 200;  }
.shouquan-main2 .bg2{position: absolute; width: 1900px; height: 589px; left: 0;  top:423px; background: url(shouquan-main2-bg2.png) top center no-repeat;}
.fztt{float: left; width: 100%; font-size: 36px; font-style: italic; font-weight: 200; color: #814a22;}
.fznr{width: 100%; font-size: 14px;  font-weight: 400; color: #814a22;}
.shouquan-main2 .fz1{position: absolute; width: 310px; left: 325px; top:450px;}
.shouquan-main2 .fz2{position: absolute; width: 350px; left: 630px; top:250px;}
.shouquan-main2 .fz3{position: absolute; width: 380px; left: 735px; top:450px;}
.shouquan-main2 .fz4{position: absolute; width: 380px; left: 1125px; top:170px;}
.shouquan-main2 .fz5{position: absolute; width: 380px; left: 524px; top:888px;}
.shouquan-main2 .fz6{position: absolute; width: 480px; left: 936px; top:1018px;}
.shouquan-main2 .fz7{position: absolute; width: 630px; left: 1088px; top:808px;}

.shouquan-main3{position: relative; width: 1900px; margin: 0 auto;  height: 1961px; overflow: hidden;}
.shouquan-main3 .title{float: left; padding-left: 368px; padding-top: 127px; font-size: 48px;  font-style: italic; font-weight: 200; }
.shouquan-main3 .jj1{position: absolute; width: 300px; font-size: 18px; left: 371px; top:500px; text-align: justify;}
.shouquan-main3 .ct1{position: absolute; width: 840px; right: 337px; top: 270px;}
.shouquan-main3 .ct1 p{width: 100%;  text-align: center;  font-size: 28px; font-style: italic; padding-top: 20px;}
.shouquan-main3 .ct2{position: absolute; width: 744px; height: 410px; left: 354px; top: 1026px;}
.shouquan-main3 .ct3{position: absolute; width: 724px; height: 436px;right: 352px; bottom: 130px;}
.shouquan-main3 .huabian1{position: absolute; width: 536px; height: 597px; top: 688px; right: 136px;}
.shouquan-main3 .huabian2{position: absolute; width: 704px; height: 425px; left: 180px; bottom: 0; }
.shouquan-main3 .huabian1 img,.shouquan-main3 .huabian2 img{-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
.shouquan-main3 .huabian1 img:hover,.shouquan-main3 .huabian2 img:hover{-webkit-transform: scale(1.2);    /* safari and chrome */
-moz-transform: scale(1.2);       /* firefox */
-o-transform: scale(1.2);         /* opera */
-ms-transform: scale(1.2) ;        /* ie9 */
transform: scale(1.2);}
.shouquan-main4{position: relative; width: 1900px; margin: 0 auto;  height: 2531px; overflow: hidden;}
.shouquan-main4-title{width: 100%;}
.shouquan-main4-title .tt{float: left; width: 100%; font-size: 28px; font-style: italic; padding-bottom: 30px;}
.shouquan-main4-title .jj{float: left; width: 100%; font-size: 18px; }

.shouquan-main4 .ct1{position: absolute; width: 617px; height: 396px; left: 355px; top:42px;}
.shouquan-main4 .tt1{position: absolute; width: 500px; top: 186px;  right: 390px; }
.shouquan-main4 .ct2{position: absolute; width: 628px; height: 392px; right: 353px; top:527px;}
.shouquan-main4 .tt2{position: absolute; width: 500px; top: 678px;  left: 398px; }
.shouquan-main4 .ct3{position: absolute; width: 535px; height: 385px; left: 411px; top:1170px;}
.shouquan-main4 .tt3{position: absolute; width: 500px; top: 1608px;  left: 435px; }
.shouquan-main4 .ct4{position: absolute; width: 587px; height: 364px; right: 355px; top:1274px;}
.shouquan-main4 .tt4{position: absolute; width: 500px; top: 1704px;  left: 1015px; }
.shouquan-main4 .ct5{position: absolute; width: 536px; height: 356px; left: 409px; bottom:385px;}
.shouquan-main4 .tt5{position: absolute; width: 500px; bottom:203px;  left: 432px; }
.shouquan-main4 .ct6{position: absolute; width: 578px; height: 357px; right: 352px; bottom:335px;}
.shouquan-main4 .tt6{position: absolute; width: 500px; bottom:123px;  right: 410px; }
.shouquan-main4 .huabian3{position: absolute; width: 809px; height: 391px; top:879px;  right: 130px;}
.shouquan-main4 .huabian3 img{-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
.shouquan-main4 .huabian3 img:hover{-webkit-transform: scale(1.2);    /* safari and chrome */
-moz-transform: scale(1.2);       /* firefox */
-o-transform: scale(1.2);         /* opera */
-ms-transform: scale(1.2) ;        /* ie9 */
transform: scale(1.2);}
.shouquan-main5{position: relative; width: 1900px; margin: 0 auto;  height: 1803px; overflow: hidden;}
.shouquan-main5-title{width: 100%;}
.shouquan-main5-title .tt{float: left; width: 100%; font-size: 28px; font-style: italic; padding-bottom: 30px;}
.shouquan-main5-title .jj{float: left; width: 100%; font-size: 18px; }
.shouquan-main5 .ct1{position: absolute; width: 1160px; height: 579px; left: 408px; top:0px;}
.shouquan-main5 .tt1{position: absolute; width: 500px; top: 654px;  left: 682px; }
.shouquan-main5 .huabian{position: absolute; width: 498px; height: 685px; left: 173px; top:650px;}
.shouquan-main5 .huabian img{-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
.shouquan-main5 .huabian img:hover{-webkit-transform: scale(1.2);    /* safari and chrome */
-moz-transform: scale(1.2);       /* firefox */
-o-transform: scale(1.2);         /* opera */
-ms-transform: scale(1.2) ;        /* ie9 */
transform: scale(1.2);}
.shouquan-main5 .ct2{position: absolute; width: 764px; height: 434px; left: 802px; top:1012px;}
.shouquan-main5 .ct3{position: absolute; width: 655px; height: 345px; left: 407px; top:1394px;}
.shouquan-main5 .tt2{position: absolute; font-size: 28px; font-style: italic;   right:392px;  bottom: 166px;}

.shouquan-main6{ padding: 75px 0;}
.gdlist{ }
.gdlist ul{width:1955px; padding:20px 0; }
.gdlist ul li{ float:left; width: 361px; margin-right: 30px; margin-bottom: 20px;}
.gdlist ul li .tu{background:#eee; width:361px; height:280px;  overflow:hidden;}
.gdlist ul li .tu img{ width:361px; height:280px;
-webkit-transition:0.8s ease-out;
-moz-transition:0.8s ease-out;
-o-transition:0.8s ease-out;
-ms-transition:0.8s ease-out;
transition:0.8s ease-out;
}
.gdlist ul li .tu img:hover{ 
-webkit-transform: scale(1.5);    /* safari and chrome */
-moz-transform: scale(1.5);       /* firefox */
-o-transform: scale(1.5);         /* opera */
-ms-transform: scale(1.5) ;        /* ie9 */
transform: scale(1.5);   
}
.gdlist ul li .title{ padding: 0 10px; text-align:center; margin-top:8px;}

.shouquan-main6 .tt{ text-align: center; font-size: 28px; font-style: italic; padding-top: 30px; }

.shouquan-main7{}
.shouquan-main7 .ct{width: 1155px; margin: 0 auto; padding-bottom: 50px;}
.shouquan-main7 .jj{width: 625px;margin: 0 auto; font-size: 18px;   text-align: justify;}
.shouquan-main7 .tt{text-align: center;font-size: 28px; font-style: italic;   padding-top: 115px;}

.shouquan-main8{width: 1900px; height: 400px; margin: 0 auto; padding-top: 75px; }
.shouquan-main9{ position: relative; width: 1900px; height: 798px; margin: 0 auto; background: url(shouquan-main9-bg.jpg) left 240px no-repeat;}
.shouquan-main9 .huabian{position: absolute;  width: 1028px; height: 383px; top:0; right: 168px;}
.shouquan-main9 .huabian img{-webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
.shouquan-main9 .huabian img:hover{
    -webkit-transform: scale(1.2);    /* safari and chrome */
-moz-transform: scale(1.2);       /* firefox */
-o-transform: scale(1.2);         /* opera */
-ms-transform: scale(1.2) ;        /* ie9 */
transform: scale(1.2);}
.shouquan-main9 .tt1{position: absolute; left: 384px; top:390px; font-size: 48px; font-style: italic; font-weight: 200;}
.shouquan-main9 .tt2{position: absolute; left: 384px; top:590px; }
.shouquan-main9 .tt2 .tt01{font-size: 28px;font-style: italic;  padding-bottom: 35px;}
.shouquan-main9 .tt2 .tt02{font-size: 18px; padding-bottom: 20px;}
.shouquan-main9 .tt3{position: absolute; left: 980px; top:590px; }
.shouquan-main9 .tt3 .tt01{font-size: 28px;font-style: italic;  padding-bottom: 35px;}
.shouquan-main9 .tt3 .tt02{font-size: 18px; padding-bottom: 20px;}

.shouquan-main10{position: relative; width: 1900px; height: 532px; margin: 0 auto;}
.shouquan-main10 .x{height: 0; border-bottom: 1px solid #ccc; width: 1169px; margin: 0 auto;}
.shouquan-main10 .tt1{position: absolute;  font-size: 18px;  line-height: 50px; left: 384px; top:80px;}
.shouquan-main10 .lxlist{float: left;  width: 510px; padding-left: 360px; padding-top: 250px;}
.shouquan-main10 .lxlist ul li{float: left; width: 60px; text-align: center; margin-left: 20px; margin-right: 40px;}
.shouquan-main10 .lxlist ul li .tb{ width: 50px; height: 42px;  margin: 0 auto;}
.shouquan-main10 .lxlist ul li .tb img{width: 50px;}
.shouquan-main10 .lxlist ul li .tt{text-align: center; font-size: 18px; font-style: italic; padding-top: 20px;}
.shouquan-main10 .huabian{position: absolute; width: 550px;  height: 310px; top:120px; right: 80px;}
.shouquan-main10 .huabian img{width: 550px;  height: 310px;
    -webkit-transition:0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
-ms-transition:0.5s ease-out;
transition:0.5s ease-out;}
.shouquan-main10 .huabian img:hover{-webkit-transform: scale(1.2);    /* safari and chrome */
-moz-transform: scale(1.2);       /* firefox */
-o-transform: scale(1.2);         /* opera */
-ms-transform: scale(1.2) ;        /* ie9 */
transform: scale(1.2);}
.shouquan-main11{width: 1900px; height: 411px; margin: 0 auto; overflow: hidden;}

/**************在线留言开始***************/
.liuyan-webbg{background: url(liuyan-webbg.jpg) top center no-repeat; max-height: 2564px;  padding-bottom: 200px; }
.liuyan-tt01{text-align: center; font-size: 32px; color: #b07c4e; padding-top: 107px; }
.liuyan-tt02{text-align: center; font-size: 20px; color: #b07c4e; padding: 40px 0; overflow: hidden;}
.liuyan-box{width: 1412px; height: 593px; margin: 0 auto; background: url(liuyan-boxbg.png) top center no-repeat;  }
.liuyan-box .shuru{width: 800px; margin: 0 auto; padding-top: 65px;}
.liuyan-box .shuru textarea{width: 800px; height: 235px;  border: 1px solid #ccc; -moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; padding: 15px;  font-size: 16px; margin-bottom: 15px;}
.liuyan-box .shuru input{ float: left; margin-right:15px;  border: 1px solid #ccc; -moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; padding: 15px;  font-size: 16px;}
.liuyan-box .shuru input[ id="shouji"]{width: 370px;}
.liuyan-box .shuru .yanzhengma{float: right;   width: 130px; height: 44px; border: 1px solid #ddd;  padding: 2px;}
.liuyan-box .shuru .yanzhengma img{ width: 130px; height: 42px;}
.liuyan-box .tijiao{width: 320px;  margin: 0 auto; padding-top: 30px;}
.liuyan-box .tijiao input{width: 100%; height: 55px; line-height: 55px; background: #d2b27d; border: none; font-size: 18px; color: #fff; -moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; cursor: pointer; }
.liuyan-list{width: 995px; margin: 0 auto;margin-bottom: 120px;}
.liuyan-tt03{text-align: center; font-size: 26px; color: #b07c4e; padding: 40px 0;}
.liuyan-list ul{padding-bottom: 50px;}
.liuyan-list ul li{float: left; width: 100%; padding: 33px 0; border-bottom: 1px solid #ddd;}
.liuyan-list ul li:nth-child(5){border-bottom: none;}
.liuyan-list ul li .ly{float: left; width: 100%;}
.liuyan-list ul li .ly .tt{float: left; width: 70px; height: 93px; font-size: 18px; color: #b07c4e;}
.liuyan-list ul li .ly .nr{float: left; font-size: 18px;  width: 913px; height: 85px; overflow: hidden;}
.liuyan-list ul li .hf{float: left; width: 100%; padding-top: 33px;}
.liuyan-list ul li .hf .tt{float: left; width: 70px; height: 23px; font-size: 18px; color: #b07c4e;}
.liuyan-list ul li .hf .nr{float: left; font-size: 18px;  width: 913px; height: 25px; overflow: hidden;}


@media screen and (max-width: 1020px) {
.wrap{width: 980px;}
.ftblist{width: 980px;}
.foot .c{width: 980px;}
.liuyan-box{width: 980px;}
.pinpai-topbg{width: 100%;}
#issues li{width: 100%;}
.pinpai-list{width: 90%;}
.pinpai-list .tu img{width: 100%;}
#dates ul{width: 100%;  margin-left: 0;}
.chanpin-topbg,.chanpin-topbg-2,.chanpin-topbg-3,.chanpin-topbg-4,.chanpin-topbg-5,.chanpin-topbg-6{width: 100%;}
.chanpin-dh{width: 100%;}
.cp1-main1{width: 100%;}
.cp1-main1 .box{width: 100%;}
.cp1-main2{width: 100%;}
.cp1-main2 img{width: 100%;}
.cp1-main3{width: 100%;}
.cp1-main3 ul li{width: 20%;}
.cp2-main1{width: 100%;}
.tuwrap{width: 980px;}
.cp3-main3 .l{width: 60%}
.cp3-main3 .l img{width: 100%;}
.cp3-main3 .c{width: 18%；}
.cp3-main3 .c .tu1{width: 100%;}
.cp3-main3 .c .tu2{width: 100%;}
.cp3-main3 .r{width: 18%;}
.cp3-main3 .r img{width: 100%; height: auto;}
.cp3-main5 .l{float: left; width: 40%;}
.cp3-main5 .l .tu1 img{width: 100%;height: auto;}
.cp3-main5 .l .tu2 img{width: 100%; height: auto;}
.cp3-main5 .r{float: right; width: 55%; height: auto; overflow: hidden;}
.cp3-main5 .r img{width: 100%;}
.cp3-main6 .l{width: 60%}
.cp3-main6 .l img{width: 100%;}
.cp3-main6 .r{width: 38%;}
.cp3-main6 .r .tu1{width: 100%;}
.cp3-main6 .r .tu1 img{width: 100%;}
.cp3-main6 .r .tu2{width: 100%;}
.cp3-main6 .r .tu2 img{width: 100%;}
.cp3-main7 .l{width: 20%;}
.cp3-main7 .c{width: 50%;}
.cp3-main7 .r{width: 20%;}
.cp3-main8 .l{width: 50%}
.cp3-main8 .l .tu1{width: 35%;}
.cp3-main8 .l .tu2{width: 100%;}
.cp3-main8 .r{width: 50%;}
.cp3-main8 .r .tu1{width: 85%;}
.cp3-main8 .r .tu2{width: 100%;}
.cp3-main9{width: 980px;}
.cp3-main9 .l{width: 60%;}
.cp3-main9 .l .tu1{width: 100%;}
.cp3-main9 .l .tu2{width: 60%;}
.cp3-main9 .r{width: 40%;}
.cp3-main9 .r .tu1{width: 100%;}
.cp3-main9 .r .tu1 img{width: 100%; height: auto;}
.cp3-main9 .r .tu2{width: 100%;}
.cp3-main9 .r .tu2 img{width: 100%; height: auto;}
.cp3-main9 .r .tu3{width: 100%;}
.cp3-main9 .r .tu3 img{width: 100%; height: auto;}
.cp3-main10{width: 980px;}
.cp3-main10 .l{width: 50%;}
.cp3-main10 .l .tu1{width: 100%;}
.cp3-main10 .l .tu1 img{width: 100%;}
.cp3-main10 .l .tu2{width: 100%;}
.cp3-main10 .l .tu2 img{width: 100%;}
.cp3-main10 .r{width: 50%;}
.cp3-main10 .r .tu1{width: 100%;}
.cp3-main10 .r .tu2{width: 100%;}
.cp4-main1box{width: 980px;}
.cp4-main2 .box{width: 980px;}
.cp4-main2  .box .list1{float: left; width: 30%;  margin-left: 1%;    }
.cp4-main2  .box .list2{float: left; width: 30%;  margin-left: 3%;  }
.cp4-main2  .box .list3{float: left; width: 30%;  margin-left: 3%;  }
.cp4-main3-list{width: 95%;}
.cp4-main4{width: 100%;}
.cp4-main4 .l{width: 20%}
.cp4-main4 .c{width: 60%;}
.cp4-main4 .r{width: 20%}
.cp4-main7-list{width: 95%;}
.cp4-main8 img{width: 100%;}
.cp5-main1 .row1 .l{width: 55%}
.cp5-main1 .row1 .l img{width: 100%;}
.cp5-main1 .row1 .r{width: 35%;}
.cp5-main1 .row2 .l{width: 35%}
.cp5-main1 .row2 .r{width: 55%;}
.cp5-main1 .row2 .r img{width: 100%;}
.cp5-main2{width: 95%;}
.cp6-main2{width: 100%;}
.cp6-main2 .l{width: 30%;}
.cp6-main2 .l .lct{width: 90%;}
.cp6-main2 .r{width: 67%;}
.cp6-main3 .row1{width: 980px;}
.cp6-main3 .row2 .l{width: 25%}
.cp6-main3 .row2 .r{width: 65%}
.cp6-main4{width: 100%;}
.cp6-main5{width: 100%;}
.cp6-main5 .row1 ul li{width: 22%;margin-left: 3%;}
.cp6-main5 .row2{width: 100%;}
.cp6-main5 .row2 .tu1{width: 25%;}
.cp6-main5 .row2 .tu2{width: 25%; margin-left: 4%;}
.cp6-main5 .row2 .tu3{width: 25%;margin-left: 3%;}
.cp6-main6{width: 100%;}
.cp6-main6 .l{width: 40%; margin-left: 0;}
.cp6-main6 .c{width: 15%;}
.cp6-main6 .r{width: 40%; margin-left: 5%;}
.shouquan-topbg{width: 100%;}
.shouquan-gddh{width: 100%}
.shouquan-main2{width: 100%;}
.shouquan-main2 .title{padding-left: 5%;}
.shouquan-main2 .bg2{width: 100%;}
.shouquan-main2 .fz1{position: absolute; width: 200px; left: 0; top:450px;}
.shouquan-main2 .fz2{position: absolute; width: 200px; left: 210px; top:250px;}
.shouquan-main2 .fz3{position: absolute; width: 200px; left: 420px; top:450px;}
.shouquan-main2 .fz4{position: absolute; width: 200px; left: 630px; top:170px;}
.shouquan-main2 .fz5{position: absolute; width: 200px; left: 0px; top:888px;}
.shouquan-main2 .fz6{position: absolute; width: 200px; left: 210px; top:1018px;}
.shouquan-main2 .fz7{position: absolute; width: 200px; left: 420px; top:808px;}


.shouquan-main3{width: 100%;}
.shouquan-main3 .title{padding-left: 5%;}
.shouquan-main3 .jj1{left: 2%; width: 20%;}
.shouquan-main3 .ct1{right:2%; width: 72%;}
.shouquan-main3 .ct2{width: 72%; left: 2%;}
.shouquan-main3 .ct3{right: 2%; width: 72%;}
.shouquan-main4{width: 100%;}
.shouquan-main4 .ct1{left: 2%;}
.shouquan-main4 .tt1{right: 2%;}
.shouquan-main4 .ct2{right: 2%;}
.shouquan-main4 .tt2{left: 2%;}
.shouquan-main4 .ct3{left: 2%;}
.shouquan-main4 .tt3{left: 2%;}
.shouquan-main4 .ct4{right: 2%;}
.shouquan-main4 .tt4{left: 22%;}
.shouquan-main4 .ct5{left: 2%;}
.shouquan-main4 .tt5{left: 2%;}
.shouquan-main4 .ct6{right: 2%;}
.shouquan-main4 .tt6{right: 2%;}
.shouquan-main4 .huabian3{right: 2%;}
.shouquan-main5{width: 100%;}
.shouquan-main5 .ct1{width: 96%; left: 2%;}
.shouquan-main5 .tt1{left: 0;right: 0; margin: auto;}
.shouquan-main5 .huabian{left: 0;}
.shouquan-main5 .ct2{left: 200px;}
.shouquan-main5 .ct3{left: 0;}
.shouquan-main5 .tt2{right: 0;}
.shouquan-main6{width: 100%;}
.shouquan-main7 .ct{width: 96%;}
.shouquan-main7 .ct img{width: 100%;}
.shouquan-main8{width: 980px;}
.gdlist ul{width: 980px;}
.focus{width: 980px; overflow: hidden;}
.shouquan-main9{width: 100%;}
.shouquan-main9 .huabian{width: 400px; height: 149px; right: 0;}
.shouquan-main9 .huabian img{width: 400px; }
.shouquan-main9 .tt1{left: 2%;}
.shouquan-main9 .tt2{left: 2%;}
.shouquan-main9 .tt3{left: 52%;}
.shouquan-main10{width: 100%;}
.shouquan-main10 .x{width: 100%;}
.shouquan-main10 .lxlist{padding-left: 10px;}
.shouquan-main10 .huabian{right: 0; width: 300px; height: 169px;}
.shouquan-main10 .huabian img{width: 300px; height: 169px;}
.shouquan-main11{width: 100%;}
.yp-row1{width: 100%;}
.yp-row2{width: 100%;}
.yp-row3{width: 100%;}
.yp-row4{width: 100%;}
.yp-row4 .ct1{left: 0; width: 300px;}
.yp-row4 .ct1 img{width: 100%;}
.yp-row4 .ct2{left: 310px; width: 300px;}
.yp-row4 .ct2 img{width: 100%;}
.yp-row4 .ct3{width: 300px; right: 0;}
.yp-row4 .ct3 img{width: 100%;}
.yp-row5{width: 100%;}
.yp-row6{width: 100%;}
.tukulist{width: 980px;}
.tukulist .lct{width: 55%;}
.tukulist .rwz{width: 45%;}
.tukulist .lwz{width: 45%;}
.tukulist .rct{width: 55%;}
.shuju-tj1 .left{width: 56%}
.shuju-tj1 .left img{width: 100%;}
.shuju-tj1 .right{width: 40%}
.shuju-tj2 .left{width: 40%;}
.shuju-tj2 .right{width: 56%;}
.shuju-tj2 .right img{width: 100%;}
.whlist{width: 96%;}



}