/*

Theme Name: ak

Version: 1.0.0

Author:	jsjjl234e

Theme URI: https://jsjjl.diandian.com/

Author URI: https://jsjjl.diandian.com/

*/
/*init*/

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;}
img {
    border: 0 none;
    vertical-align: top;
    max-width: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

ul, li { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; }

body, input, select, button, textarea { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; }

button { cursor: pointer; }

i, em, cite { font-style: normal; }

body { background: #fff; color: #363636; line-height: 1.2; }

a, a:link { color: #222; text-decoration: none; }

a:visited {  }

a:active, a:hover { text-decoration: none; }

a:focus { outline: none; }

.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.fixed { display: block; min-height: 1%; }

*html .fixed { height: 1%; }
.hdpbox.hdp_01>div:nth-child(2){
    display: none;
}
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }

.more { float: right; }

.more a { font-weight: normal; font-size: 12px; }

.fl, .fr { display: inline; float: left; }

.fr { float: right; }

.no-margin{ margin:0 !important;}
.no-marginTop{ margin-top:0 !important;}

.fx{filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f5f5f5);

  background: -ms-linear-gradient(top,#ffffff, #f5f5f5);

  background: -moz-linear-gradient(top,#ffffff, #f5f5f5);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#f5f5f5));

  background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#f5f5f5));

  background: -webkit-linear-gradient(top, #ffffff, #f5f5f5);

  background: -o-linear-gradient(top, #ffffff, #f5f5f5);

  box-shadow: 0px 2px 5px rgba(0,0,0,0.1)!important; position:fixed !important;border: 1px solid #e4e4e4; z-index:99;}



/*基于display:table-cell的自适应布局*/

.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}

/*双栏自适应cell部分连续英文字符换行*/

.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}

/*单行文字溢出虚点显示*/

.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



body {

  font-size: 16px;

  font-family: "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft Yahei", "微软雅黑", Tahoma, Arial, STHeiti, sans-serif;

  _font-family: Tahoma, Arial, Helvetica, STHeiti, sans-serif;

  cursor: default;
width:100%; line-height:2em;
}

.main{ width:1200px; min-width:1200px; display:block; height:auto; margin:0 auto;}

/*value*/

/*head_start*/
.header{ width:100%; height:auto; display:block; float:left; position:relative; left:0; top:0; z-index:999; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;background: #000; }
.logo{width:203px; height:50px; display:block; float:left; margin:15px 0 0; }
.nav{ width:auto; height:auto; display:block; float:right; text-align: right; margin-top: 25px; }
.nav a{ width:auto; height:55px; display:block; float:left;  color:#f5f2fa; font-size:18px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;    padding: 20px 20px 0;margin-top: -20px;}


.header.head_other{position: relative;box-shadow: 0px 3px 9px 0px rgba(35, 24, 21, 0.05);border-bottom: 1px solid #efedf4;}
.header.head_other a{color:#fff}

.header.active{position:fixed;}
.header.active, .header.top_active{ background:rgba(255,255,255,.95); box-shadow: 0px 3px 9px 0px rgba(35, 24, 21, 0.05);}
.header.active a,.header.top_active a{color:#57555b}
.nav a:hover,.header.active a:hover,.header a.active{ color:#7c66ab;}

.header_top{ width:100%; height: auto; display: block; float: left; position: relative; z-index: 9;}
.header.active,.header.top_active .header_top{border-bottom: 1px solid #efedf4;}

.nav_la{ width:100%; height: auto; display: none; float: left;  margin-top: -5px;position: relative; z-index: 80; }

.la01{margin:34px auto 0; display: none;    float: none;
    width: auto;
    height: auto;
    text-align: center;}
.la01 a{ width:80px; height: auto; display: inline-block;
    float: none; margin-right: 25px;}
.la01 a:last-child{ margin-right:0;}
.la01 a img{width:80px; height: auto; display: block; float: left;}
.la01 a span{width:80px; height: auto; display: block; float: left; font-size: 14px; color: #57555b; text-align:center; margin: 12px 0 20px; }
.la01 a:hover span{color:#7c66ab;}


.nav_la_qt{position: fixed;top: 101px;background:rgba(255,255,255,.95); box-shadow: 0px 3px 9px 0px rgba(35, 24, 21, 0.05);left:0;border-bottom: 1px solid #efedf4;}
/*head_end*/





/*nav_start*/
.banner{ width:100%; height:auto; margin-top:0px; min-width: 1200px;}
.swiper-pagination{ bottom:25px !important; position:relative;}
.swiper-pagination-bullet{ width:10px; height:10px;background:rgba(239,244,237,.3);border-radius: 50%;}
.swiper-pagination-bullet:hover{ height:10px;background:rgba(239,244,237,.6);}
.swiper-pagination-bullet-active{ height:10px;background:rgba(239,244,237,1);}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2px;}
/*nav_end*/





/*cont*/

/*index_cont_start*/
.swiper-slide img{ width:100%; height:auto;}
/*index_cont_end*/





/*page_cont_start*/
.list{width:100%; height:auto; margin-top:84px;}
.list_a{width:100%; height:auto; margin-bottom:45px;}
.list_a img,.list_a span,.list_a em{width:100%; height:auto; margin-bottom:40px; text-align:center; display:block; float:left;}
.list_a span{ color:#000000; font-size:36px; margin-bottom:8px}
.list_a em{ color:#5f5f5f; font-size:24px;}
.list_a em i{ background:url(../images/list_05.jpg) no-repeat; width:18px; height:18px; color:#5f5f5f; font-size:24px; display:inline-block; margin-left:10px;}

.post{width:100%; height:auto; margin-top:70px;display:block; float:left; }
.post_xq{width: 100%;
    height: auto;
    display: block;
    float: left; margin-top:84px;  
    background: #ffffff;    min-width: 1200px;}
.post_xq img{max-width:100%; height:auto;}
.post_xq p{ font-size:14px; line-height:28px; color:#000000;width:100%; height:auto;display:block;float:left;}


/* clearfix */
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}

.preview{width: 500px;height:auto;margin:0px 0px 50px 0px;display:block;float:left;}
/* smallImg */
.smallImg{position:relative; height:120px; margin-top:1px; width:590px; overflow:hidden;float:left;}
.scrollbutton{width:31px; height:47px; overflow:hidden; position:relative; float:left; cursor:pointer; margin-top:40px; margin-right:10px;display:none; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/post_26.jpg) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/post_28.jpg) no-repeat; margin-left:560px; margin-top:-90px; background-position:center;}

#imageMenu {height:130px; width:530px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {width: 102px;height: auto;float:left;text-align:center;margin: 0 0px 10px 0px;display:block;}
#imageMenu li img{width: 100px;height: auto;cursor:pointer;border:1px solid #ffffff;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{width: 100px;height: auto;border: 1px solid #f0eef5;}
/* bigImg */
.bigImg{position:relative;float:left;width: 500px;height: auto;overflow:hidden;margin: 0;}
.bigImg #midimg{width: 500px;height: auto;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #f0eef5; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}


.postkz{ width:100px; height:auto; display:block; border:1px solid #ffffff; cursor:pointer; float:left; margin:0px 5px 5px 0;}
.postkz.active{ border-color:#f0eef5;}
.post_r{ width:600px; display:block; float:right;}
.post_r p{ width:600px; display:block; float:right; font-size:20px; color:#57545b;line-height:22px; }
.post_r p.post_r_fbt{ width:600px; display:block; float:right; font-size:14px; color:#7c67ac;line-height:16px; margin:10px 0 0; }
.post_r .post_r_jiagebox{ width:600px;    height: 32px; display:block; float:left; font-size:14px; color:#9a999e; margin:45px 0 50px;}
.post_r .post_r_jiage{ width:auto;    height: auto;  display:block;   float:left;  font-size:30px; line-height:32px; color:#7c67ac; margin: 0 0px 10px;float:left;font-family: Arial;font-weight: bold;}
.post_r .post_r_jiagename{ width:auto;     height: auto;  display:block; float:left;     margin-top: 10px;margin-right: 10px;}
.post_r span{ width:auto; display:block; float:left; font-size:14px; color:#9a999e; margin:0 10px 10px 0;}
.post_r .post_r_ak1{ width:120px; height:40px; display:block; float:left; background: url(../images/npost_tm.png) no-repeat ;background-position: 0px 0px; margin:-12px 0 0px 0px;}
.post_r .post_r_ak1:hover{background-position: 0px -40px;}

.post_r .post_r_ak2{ width:120px; height:40px; display:block; float:left; background: url(../images/npost_jd.png) no-repeat ;background-position: 0px 0px; margin:-12px 0 0px 20px;}
.post_r .post_r_ak2:hover{background-position:0px -40px; }

.post_r i{ width:auto; display:block; float:left; font-size:14px; color:#9a999e; margin:80px 10px 10px 0;}

.post_r span.post_r_sc{ width:auto; display:block; float:left; font-size:14px; color:#9a999e; margin:60px 10px 10px 0;}

.post_r span.post_r_zt{ width:auto; display:none; float:left; font-size:14px; color:#9a999e; margin:62px 10px 10px 0;}
.post_r_ztbox{margin:50px 0 0 0px;    float: left; display:none;}
.post_r_ztbox i{width:120px; height:40px; display: inline-block; margin: 0 20px 0 0; background-position: 0px 0px;}
.post_r_ztbox  i.post_r_ztbox1{  background: url(../images/ja01.png) no-repeat ;}
.post_r_ztbox  i.post_r_ztbox2{  background: url(../images/ja02.png) no-repeat ;}
.post_r_ztbox  i.post_r_ztbox3{  background: url(../images/ja03.png) no-repeat ;}



.post_r_scbox{margin:50px 0 0 0px;    float: left;}
.post_r_scbox a{width:120px; height:40px; display: inline-block; margin: 0 8px 0 0; background-position: 0px 0px;}
.post_r_scbox  a.post_r_scbox1{  background: url(../images/npost_a1.png) no-repeat ;}
.post_r_scbox  a.post_r_scbox2{  background: url(../images/npost_a2.png) no-repeat ;}
.post_r_scbox  a.post_r_scbox3{ background: url(../images/npost_a3.png) no-repeat ;}
.post_r_scbox  a:hover{ background-position: 0px -40px;}
/*page_cont_end*/





/*foot_start .footer*/
.footer{ width:100%; height:auto; display:block; float:left; padding-top:60px; margin-top:0px; padding-bottom:70px;    min-width: 1200px;  background:#333333;}
.footer_l{ width:auto;height:auto; display:block; float:left; margin-right: 15px; }
.footer_l span{width:auto;height:auto; display:block;  color:#efedf4; font-size: 20px; margin-bottom:25px;}
.footer_l a{width:auto;height:auto; display:block; color:#a19ea4; font-size: 14px;margin-bottom:15px; line-height: 14px;}
.footer_l a:hover,.footer_f a:hover{ color:#ffffff;}
.cpoyright {
    color: #79777c;
    text-align: center;
}
.cpoyright a {
    color: #79777c;
    
}

.footer_r_top{ width:360px;height:auto; display:block; float:right;}
.footer_r_top p{
    /*width:310px;*/
    /*height:auto; */
    /*display:block;  */
    /*margin-left:50px; */
    /*float:right;*/
    font-size: 16px;
    margin-top: 5px;
    color:#fff; 
    /*font-size: 20px; margin-bottom:25px;*/
    
}

.footer_r{ width:140px;height:auto; display:block; float:left;  margin-left:50px; }
.footer_r span{width:140px;height:auto; display:block; float:left; font-size:14px; margin-top:10px;text-align:center; color:#79777c;}

.footer_f{ width:100%;height:auto; display:block; float:left; font-size:14px; margin-top:-13px; color:#79777c; text-align:left; }

.footer_l a{height: 14px;}
.footer_l select{
    display: inline-block;
    width: 70px;
    position: relative;
    vertical-align: middle;
    padding: 0;
    background-color: #000;
    color: #fff;
    border: 1px solid #aaa;
    text-shadow: none;
    border-radius: 4px;
    transition: box-shadow 0.25s ease;
    z-index: 2;
}
.footer_l select:hover {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	}
 
.footer_l select:focus {
		outline: none;
	}
.fixed_right{width:70px; height: auto; display: block; float: right; position: fixed;bottom: 30px;  right: 15px; z-index: 99999;}
	
.cd-top1 {
  display:block;
  float: left;
  height: 73px;
  width: 70px;
  background: url(../images/index_jd_hover.png) no-repeat ;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #efedf4;
}
.cd-top1:hover{ background: url(../images/index_jd.png) no-repeat ;}
	
.cd-top2 {
  display:block;
  float: left;
  height: 73px;
  width: 70px;
  background: url(../images/index_tm.png) no-repeat ;
  margin-top: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #efedf4;
}
.cd-top2:hover{ background: url(../images/index_tm_hover.png) no-repeat ;}

.cd-top3 {
  display:block;
  float: left;
  height: 43px;
  width: 70px;
  background: url(../images/index_up.png) no-repeat ;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 15px;
}

.cd-top3:hover{ background: url(../images/index_up_hover.png) no-repeat ;}

.cd-top3.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top3.cd-fade-out {

  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 74, 176, 52, */

  opacity: .9;

}

.no-touch .cd-top3:hover {



  opacity: 1;

}

/*foot_end*/


.nlist{width:1200px; height:auto; margin-top:84px;  margin-left: auto; margin-right: auto;}
.nlist_a{width:29%; height:415px; margin:0 2% 10px; display:block; float:left;}
.nlist_a img,.nlist_a span,.nlist_a em{width:100%; height:auto; margin-bottom:25px; text-align:left; display:block; float:left;}
.nlist_a span{ color:#6e39a3; font-size:18px; margin-bottom:15px;height:25px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nlist_a em{ color:#5f5f5f; font-size:14px;height:50px;overflow: hidden;}

.dlist{width:1200px; height:auto; margin-top:84px;margin-left: auto; margin-right: auto;}
.dlist_a{width:46%; height:auto; margin:10px 2% 30px; display:block; float:left;}
.dlist_a section{width:98%; height:35px; line-height:35px; color:#6e39a3; font-size:16px; margin-bottom:10px; padding-left:2%; }
.dlist_a section a{ width:176px; height:35px; display:block; float:right;}

.dlist_a .d_list_c{width:90%; height:100px; line-height:27px; overflow:hidden; color:#000000; font-size:18px; padding:50px 5%; background:#f7f7f7; margin-bottom:10px;  max-width:1260px;} 

.tlist{width:100%; height:auto; margin-top:84px; max-width:1260px; padding-top:20px;margin-left: auto; margin-right: auto;}
.tlist_a{width:29%; height:auto; margin:0 2% 10px; display:block; float:left;}
.tlist_a img,.tlist_a span{width:100%; height:auto; margin-bottom:10px; text-align: center; display:block; float:left;}
.tlist_a span{ color:#000000; font-size:24px; margin-bottom:10px; height:30px; line-height:30px; overflow:hidden; text-align:center; display:block;}


.nindex_title{ width:100%; height: auto; display: block; float: left; font-size: 30px; color: #000000; margin: 50px 0 30px; line-height: 30px; }
.nindex_box3{ width:100%; height: auto; display: block; float: left;  }
.nindex_box3 a{ width:590px; height:300px; display: block; float: left; margin: 0 20px 20px 0; position: relative; border-radius: 6px;overflow: hidden;-webkit-transition: -webkit-box-shadow .3s linear;transition: box-shadow .3s linear;}
.nindex_box3 a:nth-child(even){ margin-right:0px;}
.nindex_box3 a:hover{ box-shadow: 0 0 20px rgba(32,23,51,.35);}
.nindex_box3 a img{ width:590px; height:300px;  display: block; }
.nindex_box3 span{width:100%; height:80px; display: block; background: rgba(128,113,179,.85); position: absolute; bottom: 0px; left: 0; z-index: 2;}
.nindex_box3 span i{ color: #efedf4; font-size: 14px; width:94%; height: 16px; margin: 21px 3% 8px; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nindex_box3 span em{ color: #bcb6d0; font-size: 14px; width:94%; height: 16px; margin:0 3%; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.nindex_box2{width:100%; height: auto; display: block; float: left;}

.nindex_box2 a.abox{ width:370px; height:auto; display: block; float: left; margin: 0 45px 50px 0; position: relative;}
.nindex_box2 b.aimg{ width:370px; height:220px; display: block; float: left;  border-radius: 6px;overflow: hidden;-webkit-transition: -webkit-box-shadow .3s linear;transition: box-shadow .3s linear;}
.nindex_box2 a:nth-child(3){ margin-right:0px;}
.nindex_box2 b.aimg img{width:370px; height:220px; display: block; float: left; }
.nindex_box2 b.aimg:hover{  box-shadow: 0 0 20px rgba(32,23,51,.35);}
.nindex_box2 span{width:100%; height:auto; display: block; float: left; z-index: 2;}
.nindex_box2 span i{ color: #57555b; font-size: 14px;  width:94%; height:22px; margin: 20px 3% 0px; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align: center;}
.nindex_box2 span em{ color: #9a999d; font-size: 14px; width:94%; height: 16px; margin:0 3%; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align: center;}

.nindex_box1{ width:100%; height: auto; display: block; float: left;border: 2px solid #eeedf3;border-radius: 6px;border-bottom: 0px;}
.nindex_box1 a{ width:599px; height:340px; display: block; float: left; position: relative; overflow: hidden;border-bottom: 2px solid #eeedf3;-webkit-transition: -webkit-box-shadow .3s linear;transition: box-shadow .3s linear;}
.nindex_box1 a:nth-child(odd){ border-right: 2px solid #eeedf3;}
.nindex_box1 a:hover{ box-shadow:0px 0px 25px #e5e4e7 inset;}
.nindex_box1 img{width:100%; height:220px; display: block; margin: 30px 0 0; }
/*
.nindex_box1 img{width:100%; height:auto; display: block; }
*/
.nindex_box1 span i{ color: #56555b; font-size: 0px;line-height: 0px; font-weight: bold; width:94%;  margin: 0px 3% 15px; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align: center;     overflow: visible;}
.nindex_box1 span em{ color: #9a999d; font-size: 0px;line-height: 0px; width:94%;  margin:0 3%; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align: center;}

.nindex_box1 span{width:100%; height:auto; display: block; float: left; z-index: 2;}
.nindex_box1 span i{ color: #56555b; font-size: 20px; font-weight: bold; width:94%; height:25px; margin: 0px 3% 10px; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align: center; line-height: 23px;    overflow: visible;}
.nindex_box1 span em{ line-height: 20px;color: #9a999d; font-size: 14px; width:94%; height: 16px; margin:0 3%; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align: center;}


/*列表*/
.cp_title{ width:100%; height: auto; display: block; float: left; margin: 50px auto 30px;}
.cp_title span{ font-size:30px; color: #000000; display:block; float: left; margin: 0 10px 0 0;}
.cp_title em{ font-size:14px; color: #9a999e; line-height: 14px; margin: 12px 0 0 0;  display:block; float: left;padding: 0 0 0 10px; border-left:2px solid #8071b3;}

.cp_list{ width:1198px; height: auto; display: block; float: left;border: 2px solid #eeedf3;border-radius: 8px;border-bottom: 0px; margin:0 1px 30px;}
.cp_list .cp_box{ width:395px; height:710px; display: block; float: left; position: relative; overflow: hidden;border-right: 2px solid #eeedf3;border-bottom: 2px solid #eeedf3;-webkit-transition: -webkit-box-shadow .3s linear;transition: box-shadow .3s linear;}
.cp_list div:nth-child(3n){ border-right: 0px;}
.cp_list .cp_box:hover{ box-shadow:0px 0px 25px #e5e4e7 inset;}
.cp_list img{width:100%; height:auto; display: block; margin: 80px 0 20px; }
.cp_list span{width:100%; height:auto; display: block; float: left; z-index: 2;}
.cp_list span i{ color: #57555b; font-size: 16px; width:94%; height:18px; margin: 0px 3% 8px; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:visible; text-align: center; line-height: 18px;}
.cp_list span em{ color: #9a999d; font-size: 12px; width:94%; height: 14px; line-height: 14px; margin:0 3%; display: block; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:visible; text-align: center;}

.cp_list p{/* width:100%; */ /* height:auto;  float: left; */ z-index: 2; text-align: center; margin:20px auto;display: inline-block;  }
.cp_list p a{ float: left;height:34px; display: inline-block; margin: 0 10px; background-position: 0px 0px;width:82px;  border: 1px solid #57555B;border-radius: 3px;line-height: 34px;text-align: center;font-size: 14px;color: #57555B;}
/* .cp_list p a.cp_box_a1{width:80px;  background: url(../images/cp_a1.png) no-repeat ;}
.cp_list p a.cp_box_aaaa{width:80px;  background: url(../images/cp_aaaa.png) no-repeat ;}
.cp_list p a.cp_box_a2{width:34px;  background: url(../images/cp_a2.png) no-repeat ;} */
/* .cp_list p a.cp_box_a3{width:82px;  border: 1px solid #57555B;border-radius: 3px;line-height: 35px;text-align: center;font-size: 14px;color: #57555B;} */
.cp_list p a:hover{ background-position: 0px -34px;background: #846EB0;color: #fff;}
/* .cp_list p a.cp_box_a3:hover{background: #846EB0;color: #fff;} */
/* .cp_list .cp_box:hover p { display: block;} */
.cp_box_more{width:397.3333333px; height:710px; display: none; float: left; position: relative; overflow: hidden;border-right: 2px solid #eeedf3;border-bottom: 2px solid #eeedf3;-webkit-transition: -webkit-box-shadow .3s linear;transition: box-shadow .3s linear;}
.cp_box_more img{width:69px; height:86px; display: block; float: left;margin: 350px 0 0 164px; }




.cp_box_more2{width:397.3333333px; height:710px; display: none; float: left; position: relative; overflow: hidden;border-right: 2px solid #eeedf3;border-bottom: 2px solid #eeedf3;-webkit-transition: -webkit-box-shadow .3s linear;transition: box-shadow .3s linear;}
.cp_box_more2 img{width:69px; height:86px; display: block; float: left;margin: 350px 0 0 164px; }


.cp_box_tag{position: absolute;
    right: 15px;
    top: 15px;
    width: auto;
    height: auto;
    display: block;
    float: right;
    z-index: 3;}

.cp_box_tag i{
    width: 54px;
    height: 24px;
    display: block;
    float: right;
margin-left:5px;}
.cp_box_tag i.tag_rgb{ background: url(../images/tag_rgb-1.png) no-repeat ;}
.cp_box_tag i.tag_ly{ background: url(../images/tag_ly-1.png) no-repeat ;}
.cp_box_tag i.tag_xp{ background: url(../images/tag_xp-1.png) no-repeat ;}
.cp_box_tag i.tag_xl{ background: url(../images/tag_xl-1.png) no-repeat ;}
.cp_box_tag i.tag_bk{ background: url(../images/tag_bk-1.png) no-repeat ;}
/* 大屏幕 */


@media (min-width: 1200px) {
.post_xq_zdy img {
    width: 100%;
    height: auto;

}
}

 

/* 平板电脑和小屏电脑之间的分辨率 */

@media (min-width: 200px) and (max-width: 1200px) {
.post_xq .xqbanner2 {
    margin-bottom: 1em;
    width: 100% !important;
    margin-left: 0 !important;
    position: relative;
}
.post_xq_zdy img {
    width: 100%;
    height: auto;

}

}




/* stert */
.mi8-index .section {
    text-align: center;
    overflow: hidden;
    _zoom: 1;
    font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; 
    color: #111111;
    background: 100% 0 no-repeat;
    background-size: cover;
    line-height: 0;
}

.mi8-index .section h1,
.mi8-index .section h2,
.mi8-index .section h3,
.mi8-index .section p,
.mi8-index .section ul,
.mi8-index .section dl,
.mi8-index .section dd {
    margin: 0;
    padding: 0
}

.mi8-index .section h1,
.mi8-index .section h2,
.mi8-index .section h3 {
    font-weight: normal
}

.mi8-index .section ul {
    padding: 0
}

.mi8-index .section li {
    list-style: none
}

.mi8-index .section i {
    font-style: normal
}



.mi8-index .section h1,
.mi8-index .section h2,
.mi8-index .section h3,
.mi8-index .section .move,
.mi8-index .section p,
.mi8-index .section .price {
    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
    transition: transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98)
}

.mi8-index .section h2 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    font-size: .6em;
    line-height: 1.2;
}

.mi8-index .section h3 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
    font-size: .38em
}

.mi8-index .section p {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    font-size: .23em;
    line-height: 1.64;
    color:#d3d3d3;
}

.mi8-index .section .move {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.mi8-index .section .price {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.mi8-index .section.is-visible h1,
.mi8-index .section.is-visible h2,
.mi8-index .section.is-visible h3,
.mi8-index .section.is-visible .move,
.mi8-index .section.is-visible p,
.mi8-index .section.is-visible .price {
    opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}


.mi8-index .section-f{height: 10.79em;float: left;width: 100%;color:#ffffff}

.mi8-index .section-f h2,.mi8-index .section-f p{ text-align: left; width:73%; margin: auto 13.5%; display: block;float:left}
.mi8-index .section-3f3{height: 11.40em;}

.cd-toplx{display:none;}
.cd-toplx{color:#a9a8ad;width:71px; height:43px;  text-align: center;
    border-bottom: 1px solid #a9a8ad;    line-height: 43px;
    font-size: 17px;    cursor: pointer;}
.cd-toplx.active,.cd-toplx:hover{color:#7c67ac}


.yy_zw,.yy_yw,.yy_yn{
        width: 25px;
    height: 25px;
    margin: -5px 0 0 10px;    border-radius: 25px;}
.yy_yw,.yy_yn{opacity: .5;cursor: pointer;}
.yy_yw:hover,.yy_yn:hover{opacity: 1;}
/* end */


/*评价*/