/*二级栏目*/
.yjfl_01{ width:1200px; margin:10px auto 25px auto; height:65px; border-bottom:1px solid #ddd; }
.yjfl_01 li{ height:65px; line-height:65px;display:block; float:left;}
.yjfl_01 li a{ height:65px; line-height:65px;  display:block; padding:0px 25px;font-size:18px;} 
.yjfl_01 li a:hover{border-bottom:1px solid #ff6a00; color:#ff6a00;}
.yjfl_01 li.current a{border-bottom:1px solid #ff6a00; color:#ff6a00;}.selectclass{display: -webkit-box;height: 100%;}

.yjfl_02{width:1200px; margin:10px auto 25px auto; padding:0px 0px 15px 0px; border-bottom:1px solid #ddd;}
.yjfl_02 h2{ width:76px;height:40px; line-height:40px;font-weight:normal; font-size:16px; float:left; text-align:right;}
.yjfl_02 ul{ width:1124px; float: right;}
.yjfl_02 ul li{ width:140.5px; height:40px; line-height:40px; float:left; display:block; text-align:center;}
.yjfl_02 ul li a{}
.yjfl_02 ul li a:hover{color:#ff6a00;}
.yjfl_02 ul li.current a{color:#ff6a00;}

.yjfl_03{width:1200px; margin:10px auto 25px auto; padding:0px 0px 15px 0px; border-bottom:1px solid #ddd;}
.yjfl_03 h2{ width:76px; height:40px; line-height:40px; font-weight:normal; font-size:16px; float:left; text-align:right;}
.yjfl_03 ul{ width:1120px; float: right;}
.yjfl_03 ul li{ width:140px; height:40px; line-height:40px; float:left; display:block; text-align:center;}
.yjfl_03 ul li a{}
.yjfl_03 ul li a:hover{color:#ff6a00;}
.yjfl_03 ul li.current a{color:#ff6a00;}

/*网站建设案例*/
.yjfl_04{ width:1200px; margin:0px auto 20px auto;}
.yjfl_04 ul{ width:1212px; margin-left:-6px;}
.yjfl_04 li{ width:287px; height:200px; margin:6px 6px; float:left; overflow:hidden; position:relative;}
.yjfl_04 li img{ width:100%; height:100%;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.yjfl_04 li div{ width:100%; height:200px; position:absolute; top:-200px; background:url(../images/bg_02.png) repeat; color:#fff; text-align:center;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.yjfl_04 li div h3{ height:50px; line-height:50px; font-size:18px; padding:20px 25px 0px 25px;}
.yjfl_04 li div p{ height:100px; line-height:25px; display:block; overflow:hidden; font-size:14px; padding:0px 25px;}
.yjfl_04 li:hover div{top:0px;}
.yjfl_04 li:hover img{transform:scale(1.08);-moz-transition:scale(1.08);-webkit-transition:scale(1.08);-o-transition:scale(1.08);}

/*页码*/
.list_pages{width:100%; margin:60px auto 60px auto; overflow:hidden; text-align:center;}
.list_pages a,.list_pages span,.list_pages i{display:inline-block; margin-right:10px; padding:5px 15px; border:1px solid #ddd; }
.list_pages a{color:#555;}
.list_pages a:hover{text-decoration:none; border:1px solid #e77843;background:#f2f8ff;}
.list_pages span{color:#999;}
.list_pages i{border:none; background:#e77843; color:#fff; font-style:normal; padding:5px 15px 6px 15px;}
.list_pages span.onclass{color:#555;}


.yjfl_con{ width:1200px; margin:40px auto 0px auto;}
.yjfl_con_l{ width:655px; height:549px; background:url(../images/computer.png) center center no-repeat;}
.yjfl_con_l img{ width:599px; height:344px; margin:36px auto 0px auto; display:block;}

.yjfl_con_r{ width:510px; height: auto}
.yjfl_con_r h2{ margin:15px 0px;height:40px; line-height:40px; display:block; font-size:20px;}
.yjfl_con_r .yjfl_con_r_01{ height:100px; line-height:26px; display:block; overflow:hidden; margin:10px 0px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:20px 0px 20px 0px;}
.yjfl_con_r .yjfl_con_r_02{ height:100px; line-height:26px; display:block; overflow:hidden; margin:30px 0px 0px 0px; background:#f1f1f1;padding:20px 0px 20px 15px;}
.yjfl_con_r .yjfl_con_r_03{ height:55px; line-height:26px; display:block; overflow:hidden; margin:30px 0px 0px 0px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:20px 0px 20px 0px;}
.yjfl_con_r .yjfl_con_r_03 img{ float:left; margin:0px 20px 0px 0px;}
.yjfl_con_r .yjfl_con_r_jinzhi { font-size:12px; color:#999999;}

/*您可能感兴趣的话题*/
.cy_ht{ width:366px; height:182px; border-right:1px #dedede solid; padding-right:25px;}
.cy_ht li{ width:350px; height:30px; line-height:30px; display:block; background:url(../images/cykt_08.jpg) left center no-repeat; padding-left:16px; overflow:hidden;}
.cy_ht li span{ float:right; color:#999999;}

.cy_ht_01{ width:366px; height: auto;}
.cy_ht_01 li{ width:350px; height:33px; line-height:33px; display:block; background:url(../images/cykt_08.jpg) left center no-repeat; padding-left:16px; overflow:hidden;}
.cy_ht_01 li span{ float:right; color:#999999;}


/*seo*/
.seo_01{ width:1200px; margin:0px auto;}
.seo_01 ul{ width:1212px; margin-left:-6px;}
.seo_01 li{ width:287px; height:400px; margin:6px 6px; float:left; overflow:hidden; position:relative;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background:#fff;}
.seo_01 li .seo_011{ width:100%; height:165px;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.seo_01 li .seo_01_h{ height:35px; line-height:35px; display:block; text-align:center; margin:40px 0px 20px 0px; font-weight:normal;}
.seo_01 li .seo_01_01{ width:90px; background:url(../images/gwpm_03.png) left 30px no-repeat; background-size:26px auto; padding-left:30px; margin:25px 0px 0px 15px;}
.seo_01 li .seo_01_01 p{ color:#2277ea;}
.seo_01 li .seo_01_02{ width:90px; background:url(../images/bdbgl.png) left 30px no-repeat; background-size:26px auto; padding-left:30px; margin:25px 0px 0px 0px;}
.seo_01 li .seo_01_02 p{ color:#2277ea;}


.seo_01 li .seo_01_03{ padding:0px 20px; height:400px; position:absolute; top:-400px; background:url(../images/bg_02.png) repeat; color:#fff; text-align:center;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.seo_01 li .seo_01_03 h3{ height:60px; line-height:30px; font-size:18px; padding:20px 0px 0px 0px; margin-bottom:35px; color:#fff; display:block; overflow:hidden;}
.seo_01 li .seo_01_03 p{ height:100px; line-height:25px; display:block; overflow:hidden; font-size:14px; padding:0px 25px;}
.seo_01 li:hover .seo_01_03{top:0px;}

.seo_01_04 img{ width:35px; float:left;}
.seo_01_04{ color:#fff; height:65px; line-height:35px; text-align: left; padding-left:32px; margin-bottom:10px;}
.seo_01 li .seo_01_041{background:url(../images/gwpm_03.png) left 30px no-repeat; background-size:26px auto; overflow:hidden;}
.seo_01 li .seo_01_042{background:url(../images/bdbgl.png) left 30px no-repeat; background-size:26px auto; overflow:hidden;}
.seo_01 li .seo_01_043{background:url(../images/sgbgl.png) left 30px no-repeat; background-size:26px auto; overflow:hidden;}
.seo_01 li .seo_01_044{background:url(../images/360ssl.png) left 30px no-repeat; background-size:26px auto; overflow:hidden;}

.seo_01 li .seockxq{ width:70%; height:40px; line-height:40px; display:block; margin:40px auto 0px auto; background:#fff; border-radius:8px; text-align:center; color:#666;}
.seo_01 li .seo_01_04 em{ height:25px; line-height:25px;overflow:hidden; font-size:14px; padding:0px 0px; display:block; margin:0px 0px 0px 0px; color:#ff0;}
.seo_01 li .seo_01_04 span{ height:35px; line-height:35px;overflow:hidden; font-size:14px;}

/*seo详情页*/
.seo_tit01{ width:1200px; margin:15px auto; padding:0px 0px 10px 0px; text-align:left; border-bottom:1px solid #ddd;}
.seo_tit01 h2{ font-size:20px; height:40px; line-height:40px;font-weight:normal;}
.seo_tit01 p{ font-size:14px; color:#787878;}
.seo_tit01 p a{ float:right;}

.seo_tit02{ width:1200px; margin:30px auto;}
.seo_tit02 ul{ width:1224px; margin-left:-12px;}
.seo_tit02 li{ width:238px; height:140px; border:1px solid #ccc; float:left; border-radius:15px; margin:0px 13px; padding:40px 20px 20px 20px; text-align:center;}
.seo_tit02 li img{ width:67px; height:67px; display:inline-block;}
.seo_tit02 li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}

.seo_tit03{ width:1200px; margin:10px auto 50px auto;}
.seo_tit03 img{ max-width:1200px; margin:10px 0px;}

/*视觉设计*/
.sjsj0321{ width:1200px; margin:0px auto;}
.sjsj0321 ul{ width:1216px; margin-left:-8px;}
.sjsj0321 li{ width:288px; height:200px; margin:6px 8px 15px 8px; float:left; overflow:hidden; position:relative;}
.sjsj0321 li img{ width:100%; height:160px; display:block;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.sjsj0321 li span{ height:40px; line-height:40px; display:block; background:#f1f1f1; text-align:center;}
.sjsj0321 li:hover span{ background:#ff8a00; color:#fff;}
.sjsj0321 li:hover img{transform:scale(1.08);-moz-transition:scale(1.08);-webkit-transition:scale(1.08);-o-transition:scale(1.08);}




/*小程序*/
.xcx0321{ width:1200px; margin:0px auto;}
.xcx0321 ul{ width:1216px; margin-left:-8px;}
.xcx0321 li{ width:246px; height:420px; margin:6px 8px 15px 8px; border:1px solid #ddd; padding:40px 20px 20px 20px; float:left; text-align:center; overflow:hidden; position:relative; position:relative;}
.xcx0321 li .xcx0321_01{ width:120px; height:120px; border-radius:50%; display:block; margin:0px auto;}
.xcx0321 li h2{ height:65px; line-height:65px; display:block; font-size:20px; overflow:hidden;}
.xcx0321 li p{ height:160px; line-height:28px; display:block; overflow:hidden;}
.xcx0321 li span{ height:28px; line-height:28px; display:inline-block; padding:0px 15px; border:1px solid #ddd; color:#787878; margin:30px 0px 0px 0px;}
.xcx0321 li .xcx0321_02{ width:100%; height:500px;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s; position:absolute; left:0px;top:-500px;}
.xcx0321 li .xcx0321_03{width:100%;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s; position:absolute; top:-460px;text-align:center; background: linear-gradient(to top, rgba(255, 255, 255, 1)50%,rgba(255, 255, 255, .8)60%,rgba(255, 255, 255, .6)70%, rgba(255, 255, 255, 0)); margin-left:-20px; height:280px; padding-top:200px;}
.xcx0321 li .xcx0321_03 img{width:130px; display:block; margin:0px auto;}
.xcx0321 li .xcx0321_03 em{ padding-top:20px; display:block;}
.xcx0321 li:hover .xcx0321_02{top:0px;z-index:99; opacity:1;}

.xcx0321 li:hover .xcx0321_03{top:0px; z-index:999;}





/*.wzw_more{ width:100%; text-align:center; margin:30px 0px 45px 0px;}
.wzw_more a{ width:200px; height:45px; line-height:45px; background:#0085d0; color:#fff; display:inline-block;}

*/