@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;/**-moz-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;**/}
body{ font-size:12px;font-family:"微软雅黑";background: url(header_bg.jpg) no-repeat #f5f5f5 top ;}
ul,ol,dl,li {list-style:none;}
img {border:0;}
a {text-decoration:none;color:#000}
a:hover { text-decoration:none;color:#000;}

/**头部结构**/
#header{width:100%;margin:0;float:left; height:910px; position:relative;}
.top_link{width:1200px;margin:0 auto; }
.top_link span{float:right; line-height:30px;}
.logo{width:790px;margin:50px auto;}
.logototal{ width:1200px; height:650px;  position:absolute; left:50%; margin-left:-600px;}
.logo1{ position:absolute; left:0; top:40px; opacity:0;}
.logo2{ position:absolute; left:0; bottom:0%;  }
.toutiao{ width:600px; position:absolute; right:0; top:20%; opacity:0;}
.toutiao p{ font-size:18px; color:#FFF;  width:500px; line-height:30px; margin-top:20px;}


/**浮框标题**/


.navmenu { position: absolute; top:30px;right:60px; z-index: 120;width:160px;display: none}
#menufiexd .m { background:url(navrig1111.png) no-repeat scroll center 0 ;padding-bottom:10px;height:500px}
#menufiexd .f { background:url(navrig1111.png) no-repeat scroll center -565px;height:40px} 

.nav-up {display: block;height:40px;}
.menulist {width:100px; margin:45px auto 0; text-align: center}
.menulist a { line-height: 40px; display: block; color:#fffca2; border-bottom: 1px solid #da6c66;transition: all .2s ease-in;font-size:14px;position: relative; font-family:"Microsoft Yahei";}
.menulist a:hover{ color:#fff;font-weight: bold;}

.menulist a::before {    content: "";    position: absolute;    top: 0;    left: 50%;    width: 0%;    height: 100%;   transition: 0.2s all linear;}
.menulist a:hover::before {    width:100%;    top: 0;    left: 0;    transition-delay: 0.1s;   z-index: -1;background:#eee;}
.menulist a:hover ~ .menulist a::before {    left: 0;}

.menufiexclass {position: fixed;top:60px;right:10px; z-index: 999999;width:160px;display: none}


        #menufiexd .m {
            height: 550px;
            background-size: 100% 100%;
        }


.activeL0 {
    animation: fromtop 1s ;
}
.activeL2 {
    animation: fromtop 1s 1s linear forwards ;
}
.activeL4 {
    animation: fromleft 1s 0s linear forwards ;
}
.activeL5 {
    animation: fromright 1s 0s linear forwards ;
}
.activeL6 {
    animation: fromzx 1s 3s linear forwards ;
}
.activeL3 {
    animation: frombottom 1s 3s linear forwards ;
}
@-webkit-keyframes fromtop 
{  
     0%{ transform: scale(0.1); opacity:0; }
    
  
  100%{
    transform: scale(1); 
	opacity:1; 
  }
}
@keyframes fromtop
{
     0%{ transform: scale(0.1); opacity:0;  }
    
  
  100%{
    transform: scale(1); 
	opacity:1;  
  }
}

@-webkit-keyframes fromleft 
{  
     0%{left:-50%; opacity:0;}
   100%{
        left:0%; opacity:1;
       }
}
@keyframes fromleft
{
     0%{left:-50%; opacity:0;}
    100%{
        left:0%; opacity:1;
       }
  
 
}


@-webkit-keyframes fromright
{  
     0%{right:-150%; opacity:0;}
   100%{
        right:0%; opacity:1;
       }
}
@keyframes fromright
{
     0%{right:-150%; opacity:0;}
   100%{
        right:0%; opacity:1;
       }
  
 
}
@keyframes frombottom
{
     0%{top:700px; opacity:0;}
   
  
   100%{
      top:650px; opacity:1;
     }
}
@-webkit-keyframes frombottom 
{  
    0%{left:700px; opacity:0;}
   
  
  100%{
      top:650px; opacity:1;
     }
}
@keyframes fromzx
{
     0%{
		 
		 left:80%;  top:510px; opacity:0;
		 
		 }
   
  
  100%{
       top:310px; 
       left:50%; 
	   opacity:1;
     }
}
@-webkit-keyframes fromzx 
{  
    0%{
		
	 left:80%;  top:510px; opacity:0;
	}
   
  
  100%{
       top:310px; 
       left:50%; 
	   opacity:1;
     }
}
@keyframes fromleft3
{
     0%{left:-200px; opacity:0;}
    30%{
       left:-200px; opacity:0;
       }
	    50%{
         left:0px; opacity:1;
       }
  
  100%{
      left:0px; opacity:1;
     }
}
@-webkit-keyframes fromleft3 
{  
    0%{left:-200px; opacity:0;}
    30%{
       left:-200px; opacity:0;
       }
	    50%{
         left:0px; opacity:1;
       }
  
  100%{
      left:0px; opacity:1;
     }
}

/**导航**/
.nav{width:900px;margin:0 auto; height:70px; clear:both; background:url(navbk.png) no-repeat  top; padding-left:300px; }
.nav li {margin:0 0 0 10px;text-align:center;font-size:18px;float:left; line-height:35px; padding-right:2px}
.nav li a{ color:#FFFFFF}

/**主体结构**/
#layer{width:1200px;margin:0 auto;clear:both;padding-top:30px;}
#layer02{width:100%;margin:0 auto;clear:both;}

.title01{width:1200px; margin:0 auto;}
.title02{width:863px;float:left;margin:10px 0; background:url(../2020qglh/t_bg01.jpg) no-repeat center; text-align:center;}
.title03{width:1200px; background:url(t_bg02.jpg) no-repeat center; text-align:center; clear:both;}
.title04{width:820px;float:left;margin:10px 0; background:url(../2020qglh/t_bg01.jpg) no-repeat center; text-align:center;}

.more_01{width:320px;float:left; background:#e01d28; text-align:center; font-size:14px; line-height:25px;}
.more_01 a{ color:#fff}

.more_02{width:847px;float:left; text-align:right; font-size:14px; line-height:25px; background:url(part2_icon.png) no-repeat right;padding-right:20px;}

/**头条**/
.top_news_txt{width:1200px;height:100px;float:left; background: url(toutiao_bg.png) no-repeat; text-align:center;padding:20px 0}
.top_news_txt h1{ font-size:28px; line-height:45px; color:#000;}
.top_news_txt h1 a{ color:#CC0000}
.top_news_txt p{ font-size:16px; line-height:45px; color:#000;}

/**要闻**/
.layer_yw{width:100%;height:580px;  no-repeat top center;float:left; background:url(bk001.jpg) no-repeat top;}
.yaowen{width:1200px;margin:40px auto; clear:both}
.yw_l{width:700px;float:left;}
.yw_l img{ border-radius:0px;}



.yw_l_yc{width:470px;float:left;margin:30px 0 0 185px; border-top:1px solid #ecc78d;padding-top:20px; }
.yw_l_yc p{ font-size:15px; line-height:36px;margin-bottom:10px; }
.yw_l_yc p a{ color:#fff}





.yw_r02{width:350px;float:right;}
.yw_r02 li{ font-size:16px; line-height:30px;  margin-bottom:5px;}
.yw_r02 li a{ color:#000; display:flex ;}
.yw_r02 li a img {flex-shrink: 0; height:100%; padding-top:10px;}

.tfthree li{ width:222px; float:left; margin:5px;}
.tfthree img{width:100%;}
.tfthree p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF; tfthree-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:37px;  }
.tfthree p a{color:#fff; text-decoration: none;}

/**直播两会**/
.zhibo{width:830px;margin:0;float:left}


.zhibo_01{width:830px;float:left;margin-top:20px;}
.zhibo_01_l{width:455px;height:265px; background:#4263c2;float:left;padding:30px;}
.zhibo_01_l img{width:450px;height:270px;}
.zhibo_01_r{width:245px;height:325px; background:#df0a0a;float:left;}
.zhibo_01_r h1{ font-size:24px; text-align:center; color:#FFFFFF;margin:30px 10px 0 10px}
.zhibo_01_r h1 a{ color:#fff; text-decoration:none}
.zhibo_01_r p{padding:20px; line-height:24px;color:#FFFFFF; text-indent:2em}
.zhibo_01_r p a{ color:#FFFFFF}

.zhibo_02{width:830px;float:left;margin-top:20px;}
.zhibo_02 ul{margin:0}
.zhibo_02 ul li{width:260px;float:left;margin:10px 8px; background:#e01d28;}
.zhibo_02 ul li img{width:260px;height:170px;margin-bottom:10px; border:#030 1px solid;}
.zhibo_02 ul li p{ line-height:30px; height:60px; padding:0 10px; }
.zhibo_02 ul li p a{ color:#fff}
.tabList {  height: 150px; } 
.tabList ul li{   width:400px; line-height:28px; color:#000; padding-bottom:10px; float:left;  } 
.spd ul li{}


/**冀时跑两会**/
.jsplh{width:340px;height:400px;float:left; }
.jsplh_txt{width:360px;height:630px;overflow:hidden;}
.wid360{width: 360px; } 
.tab {width: 360px;height:48px; background:url(bg_line.png) repeat-x;float:left; font-size:16px;} 
.tab UL { zoom: 1; clear: both; } 
.tab UL:after { display: block; height: 0px; visibility: hidden; clear: both; content: ""; } 
.tab UL LI { text-align: center; line-height: 40px; width: 50px;margin:0 55px;   display: inline;  float: left; height: 40px; color: #000; } 
.tab UL LI.on { background: #fff; color:#4285f4; border-bottom:3px solid #4285f4;} 



.plh_txt{width:310px;margin:0;float:left;}
.plh_txt  li{width:310px;float:left;margin:20px;}
.plh_txt  li img{width:110px;height:80px;float:right;border-radius:5px;}
.plh_txt  li h4{font-size:15px; line-height:24px;}
.plh_txt  li p{font-size:12px; line-height:20px;}

.plh_video{width:310px;margin:0;float:left;}
.plh_video  li{width:300px;float:left;margin:10px 20px;}
.plh_video  li img{width:300px;height:180px;float:right;}
.plh_video  li p{font-size:14px; line-height:28px; text-align:center}




/**更多**/
.more{width:1200px;margin:0 auto; text-align:right; font-size:14px; line-height:28px;}
.more a{ color:#666666}


/**报告解读**/
.more{width:1200px;margin:0 auto; text-align:right; font-size:14px; line-height:28px;}
.more a{ color:#666666}



.video_rr{width:1200px;float:right;margin:0}
.video_rr ul {margin:0}
.video_rr ul li {width:390px;margin:0 10px 10px 0px;float:left;}
.video_rr ul li img{width:380px;height:250px; background:#069;}
.video_rr ul li p{height:30px;   line-height:60px; font-size:18px; font-weight:700;} 

.video_rr ul li p a{ color: #000}
.jieduzi{ padding-top:50px; clear:both;}
.jieduzi li{ width:380px; margin:0px 10px; float:left; height:60px; border-bottom:#CCC dashed 1px; line-height:60px; }
.jieduzi li  a{ color:#000; font-size:18px;}
/**两会新作为**/
.xbiaoti{ height:40px; line-height:40px; width:100%;  border-bottom:1px dashed #CCC; clear:both;}
.xbiaoti span{ font-size:24px; font-weight:500;}
.xbiaoti img{ float:left;}
.lvlist{ width:100%; height:180px;}
.chuntian{ width:98%;}
.v_r{ width:880px; float:left;}
.lh30m{width:1200px;margin:0 auto; clear:both}
.xinright{ width:320px; height:440px; float:right;}
.v_l{width:320px; border-radius:10px; margin-top:20px; }
.v_l img{width:100%;height:180px;}
.v_l p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:37px;  }
.v_l p a{color:#fff; text-decoration: none;}

.xinleft{ width:280px; float:left; margin:20px 5px;} 
.xinleft img{width:100%;height:160px;}
.xinleft p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-57px; position:relative; text-align:center;  z-index:99999; color:#FFF; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:37px;  }
.xinleft p a{color:#fff; text-decoration: none;}

.wenzlist  { padding-top:10px;}
.weiyuan{ width:1200px; height:280px; clear:both;}

.weilist{ width:290px; float:left; margin:20px 5px;} 
.weilist img{width:100%;height:170px;}
.weilist p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:37px;  }
.weilist p a{color:#fff; text-decoration: none;}


.wenzlist  li{ float:left; width:400px; height:40px;}
.wenzlist  li img{ float:left;}
.wenzlist  li p a{ font-size:18px;}


/**亮点两会**/
.sys{width:590px;float:left;margin-top:10px}
.syg{width:590px;float:right;margin-top:10px}
.title_sys{width:580px;float:left; background:url(sys.png) no-repeat left;font-size:14px; text-align:right; line-height:47px;margin-bottom:30px;}
.title_syg{width:580px;float:right; background:url(syg.png) no-repeat left;font-size:14px; text-align:right; line-height:47px;margin-bottom:30px;}
.lhld{width:580px;float:left;margin:0}
.lhld li{width:580px;float:left;margin:10px; 0}
.lhld li img{width:150px;height:100px;float:left;margin-right:20px; border:1px solid #ccc}
.lhld li h1{ font-size:18px; line-height:36px;}
.lhld li p{ font-size:14px; line-height:24px;}
.lhld li p a{ color:#999999}

/**广播**/
.guangbo{ width:1200px; margin:0 auto; }
.lhldd{width:580px;float:left;margin:0}
.lhldd li{width:580px;float:left;margin:10px; 0}
.lhldd li img{width:50px;height:50px;float:left;margin-right:20px; border:1px solid #ccc;margin-top: 10px;}
.lhldd li h1{ font-size:16px; line-height:36px; font-weight:600;}
.lhldd li p{ font-size:14px; line-height:24px; padding-left: 72px;}
.lhldd li p a{ color:#999999}

/**两会
.index_zhuanjia{ width:1200px; overflow:hidden;margin:40px auto 0 auto;}
.index_zhuanjia_pic{ width:820px; height:483px; overflow:hidden; float:left;position:relative;}
.index_zhuanjia_pic ul{height:377px;position:absolute; left:0;}
.index_zhuanjia_pic li{width:820px; height:483px; overflow:hidden;position:relative;float:left;}

.index_zhuanjia_left_inc{ width:32px; height:41px; position:absolute;left:0px;top:195px; cursor:pointer;background:url(float_left_inc.png) left top no-repeat; z-index:9}
.index_zhuanjia_right_inc{ width:32px; height:41px; position:absolute;right:0px;top:195px; cursor:pointer;background:url(float_right_inc.png) left top no-repeat; z-index:9}

.index_zhuanjia_list{ width:350px;height:483px; overflow:hidden; float:right;}
.index_zhuanjia_lists{width:350px; height:428px; overflow:hidden;position:relative;}
.index_zhuanjia_lists ul{ width:350px; height:428px;position:absolute;overflow:hidden;}
.index_zhuanjia_lists ul li{ width:350px; height:98px; padding-bottom:9px;position:relative; }
.index_zhuanjia_lists ul li.on dd img{ width:170px; height:96px; border:1px #4273b0 solid;}
.index_zhuanjia_lists ul li dd{ width:170px; height:98px; overflow:hidden; float:left;}
.index_zhuanjia_lists ul li dd img{ width:170px; height:96px; border:1px #e8e8e8 solid;}
.index_zhuanjia_lists ul li dt{ width:152px; height:26px;  float:right; font-size:16px; padding-top:23px;}
.index_zhuanjia_lists ul li dl{ width:152px; height:26px;  float:right; color:#7a7a7a;}
.index_zhuanjia_pre{ width:350px; height:23px; overflow:hidden; cursor:pointer;background:#cd0000 url(index_zhuanjia_pre.png) no-repeat center top;}
.index_zhuanjia_next{ width:350px; height:23px; overflow:hidden; cursor:pointer;background:#cd0000 url(index_zhuanjia_next.png) no-repeat center top;}
瞬间**/
.zhuanti{ width:1200px; margin:20px auto; clear:both; padding-top:40px;}
/**页脚内容**/
#footer{width:100%; background:#e7e7e7;padding:40px 0;clear: both;margin-top:30px; float:left }
#footer p{ text-align:center; line-height:28px; }
/**两会30秒**/
#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 520px;
	height: 408px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
	display:block;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}


/**两会时评**/
.lhsp{width:1200px;margin:0 auto; clear:both;padding-top:20px; height:250px;}
.lhsp ul{margin:0}
.lhsp ul li{width:352px; height:60px;margin:5px 3px; background:#2c7aeb url(../images/2021qglh/pl_bg.png) no-repeat left center;padding:20px 10px 20px 30px;float:left}
.lhsp ul li p{font-size:18px; line-height:30px; }
.lhsp ul li p a{ color:#fff }
/**许萌@两会**/
.xumeng{width:100%;height:600px; background:url(ycf_bg.png) no-repeat top;float:left}
.xleft{ width:600px; float:left;}
.xllist{ width:280px; float:left; margin:10px;}
.xllist img{width:100%;height:170px;}
.xllist p{ width:100%;  position:relative; text-align:left;  color:#FFF;  line-height:37px;  }
.xllist p a{color:#fff; text-decoration: none;}
.xright{ width:550px; float:left; padding-left:50px;}
.xmeglist li{ height:50px; line-height:50px; }
.xmeglist li img{  float:left;}
.xmeglist li p a{ color:#FFF; font-size:18px;}

/**汇聚好声音**/
.xuanka{  width:1200px; margin:0 auto; clear:both; height:200px;}
                 
.xuankab{ width:720px; margin:0 auto; height:60px; background:url(xuank1.png) no-repeat center; padding-left:40px; padding-right:40px;}
.xuankab li{ width:240px; line-height:60px; text-align:center; float:left; color:#FFF; font-size:20px; font-style:italic; transition: all 1s; }
.xuankab li:hover{ font-size:24px; color:#FF0;}
                 
                 
                 
.wbottom{ display:none;}
#xuexihui{background:url(video_bg.jpg) no-repeat top center;margin:0 auto; clear:both; height:200px;}
.mr_frbox {}
.mr_frBtnL {float: left;margin:90px -15px 0px 0px;cursor: pointer;display: inline; position:relative; z-index:99999999;}
.mr_frUl { float: left;width:1100px; }
.mr_frBtnR {float: right;margin-top:90px;cursor: pointer; position:relative; z-index:99999999;}
.mr_frUl ul{}
.mr_frUl ul li { display: inline; width:280px; margin-left:10px;margin-top:10px; float:left; margin-bottom:15px; background-color:#d2b993; height:180px}
.mr_frUl ul li p{ width:90%; padding-left:5%; padding-right:5%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; height:37px; position:relative; line-height:20px;  z-index:99999; color:#FFF; transition: all 1s;} 
.mr_frUl ul li p span{ width:70%;  } 
.mr_frUl ul li img { display: block;width:280px;height:180px; }
.mr_frUl ul li:hover p{ margin-top:-180px; height:160px; padding-top:20px;}
.title02{ width:1000px; height:111px;background:url(title02.png) no-repeat;font-family:"微软雅黑"; font-size:12px; color:#333333; float:left; text-align:right;}
.title02 span{float:right; text-align:center; margin-top:68px;} 
.title02 span a{ font-size:14px;color:#000000}
.title02 span a:hover{color:#b8151c;text-decoration:none}


/**图解两会**/
.lhtj{width:100%;height:600px; background:url(t_lhjd_bg.png) no-repeat top;float:left}
.H5{width:1100px; margin:0 auto;}
.H5 ul{margin:0;}
.H5 ul li{width:235px;height:370px; background:#950d10 url(tj_bg.png) no-repeat top; float:left; border-radius: 10px;}
.H5 ul li p{ 
text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    padding: 20px;}
.H5 ul li p a{ color:#FFFFFF}
.img01{width:235px;height:250px;margin-bottom:10px;    border-radius: 10px 10px 0px 0px;}
.img012{width:235px;height:250px;margin-bottom:10px;    border-radius: 0px 0px 10px 10px;}
.img02{width:118px;height:118px;margin:10px 0 10px 60px; }



.lhjdli1{ margin-top:30px; transition: all 1s; margin-left:20px; margin-right:20px;}
.lhjdli2{ margin-top:0px; transition: all 1s; margin-left:20px; margin-right:20px;}
.active01{ margin-top:0px;}
.active02{ margin-top:30px;}



/**云采访**/
.ycf{width:100%;height:747px; background: url(ycf_bg.png) no-repeat top;}
.ycf_m{width:1200px;margin:0 auto; clear:both}
.main1140{ width:960px;margin:0; overflow:hidden;padding-top:120px; float:left}
.process-box{ width: 960px;height: 627px;}
.process-box ul{width: 960px;}
.process-box ul li{width: 150px; height: 150px;float: left;cursor: pointer;position: relative;}


.process-box ul li .text1{ width: 160px; height: 160px; text-align:center;z-index: 3; position: absolute; left: 22px; top:0px;}
.process-box ul li .text1 .bg{width: 160px; height: 160px; }
.process-box ul li .text1 .num{ padding-top: 50px; font-size: 86px; color: #dacdc2; font-weight: 700;}
.process-box ul li .text1 .num img{width:120px;height:120px;border-radius:50% }
.process-box ul li .text1 .title{ font-size: 15px; color: #422710; }
.process-box ul li .text1 .eng{ font-size: 12px; color: #b4a078; }
.process-box ul li .text2{ width: 200px; height: 200px; z-index: 4; position: absolute; left: -13px; top:0px;display: none; }
.process-box ul li .text2 .mengban{ border:1px solid #533b26;
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 120px; border-radius:50%;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  background: #0a38a8;
  margin-top: 53px;
  margin-left: 55px;filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacity: 0.3
}
.process-box ul li .text2 .desc{ position: absolute; z-index: 2; width: 100px; height: 110px; top: 78px; left:65px; font-size: 12px; color: #fff; text-align: center; line-height: 24px;}
.process-box ul li{ margin-right: 89px; }
.process-box ul.two li{ margin-top: -10px;}
.process-box ul li:hover .text2{
  display: block;
}

.process-box ul li .text3{ width: 160px; height: 160px; text-align:center;z-index: 3; position: absolute; left: 22px; top:-30px;}
.process-box ul li .text3 .bg{width: 160px; height: 160px; }
.process-box ul li .text3 .num{ padding-top: 50px; font-size: 86px; color: #dacdc2; font-weight: 700;}
.process-box ul li .text3 .num img{width:120px;height:120px;border-radius:50% }
.process-box ul li .text3 .title{ font-size: 15px; color: #422710; }
.process-box ul li .text3 .eng{ font-size: 12px; color: #b4a078; }
.process-box ul li .text4{ width: 190px; height: 190px; z-index: 4; position: absolute; left: -13px; top:-30px;display: none; }
.process-box ul li .text4 .mengban{ border:1px solid #533b26;
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 120px; border-radius:50%;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  background: #0a38a8;
  margin-top: 53px;
  margin-left: 55px;filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacity: 0.3
}
.process-box ul li .text4 .desc{ position: absolute; z-index: 2; width: 100px; height: 110px; top: 78px; left:65px; font-size: 12px; color: #fff; text-align: center; line-height: 24px;}
.process-box ul.three li{ margin-top: -10px;}
.process-box ul li:hover .text4{
  display: block;
}


/**手机效果**/
.app{ width:370px; height:500px; float:right;}
.card-fouth{padding:0px 0 0px;background:rgba(246,246,246,.31)}
.card-fouth .sub-title{margin-bottom:32px;text-align:center;font-size:40px;color:#333}
.card-fouth .desc.desc-list{font-size:0;color:#3a3a3a;font-weight:200;width:1000px;margin:0 auto;margin-bottom:45px;white-space:nowrap;overflow:hidden;text-align:center}

/*内容*/
.card-fouth .case-container{position:relative;width:1000px;margin:0 auto;height:480px}
.card-fouth .case-panel{position:absolute;z-index:1;opacity:0;overflow:hidden;padding-left:35px}
.card-fouth .case-panel.active{z-index:100;opacity:1;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
.card-fouth .case-preview{display:inline-block;width:100px;position:relative;top:28px;z-index:200; padding-bottom: 80px; background:url(app_bg.jpg) no-repeat;}
/*内容左侧*/
.card-fouth .case-left{display:inline-block;vertical-align:top;}
.card-fouth .case-left img{width: 220px; margin-top: 30px;}
.card-fouth .phone-framework{z-index:102;position:relative}
.card-fouth .case-left .phone-image-cover{position:absolute;width:197px;height:426px;top:30px;left:70px;z-index:101;background-color:rgba(0,0,0,.6);text-align:center;display:block}
.card-fouth .case-left .phone-image-cover img{width:118px;margin-top:150px;z-index:103}
.card-fouth .case-left .phone-image-cover div{margin-top:10px;color:#ffffff;font-size:13px}
.card-fouth .case-left .phone-image-cover.hidden{display:none}
.card-fouth .case-left .phone-image{position: absolute; width: 235px; top: 3px;left: 130px;z-index: 1; opacity: 0;}
.card-fouth .case-left .phone-image.active{z-index:100;opacity:1;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
/*内容右侧*/
.card-fouth .case-head{font-size:43px;color:#242424;margin-bottom:20px;font-weight:500}
.card-fouth .case-text{font-size:18px;color:#141414;padding-bottom:22px;height:107px}
.card-fouth .case-content{width:576px;margin-top:10px}
.card-fouth .case-icon-list{font-size:0;width:60px;margin-top: 40px;margin-left:5px;}
.card-fouth .case-icon-list img{margin-top:0px;margin-right:5px;display:inline-block;width:117px;border-radius:20px;margin-bottom: 12px;}
.card-fouth .case-content img{margin-top:15px;width:100px;height:1px;opacity:0.3}
.card-fouth .case-icon-list .image-hover{width:80px}
.card-fouth .case-icon-list img.active{border:2px solid #1696ff}
.card-fouth .case-icon-list img.last{margin-right:0}
.card-fouth .industry-tab-line{height:2px;background:#2267fa;top:164px;position:absolute;-webkit-transition:all .3s;transition:all .3s}