.main_container
{ 
    background: #fff;
    padding: 20px 15px;
    border-radius: 5px;
    height: auto;
}

section{
    width: 1260px;

    margin: 10px auto 0;
   
}
i{
    color:#aaa;
    margin-right: 5px;
}
.box_margin
{
    margin-top: 50px
}

.footer_fullcontainer
{
    width:100%;
}
body,ul,li,div,span,a
{

    text-decoration: none;

    list-style: none;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    color: #0F0F0F;

  list-style: none;
  text-decoration: none;
  font-size: 16px;
  font-family: "Microsoft Yahei", 微软雅黑, STHeiti, 华文细黑, sans-serif;
  -moz-font-size:16px;
  -webkit-font-size:16px;
  -ms-font-size:16px;

}

/*.header
{
    height: 90px;
    
    overflow: hidden;
    position: relative;
} 

.header_logo
{
    width: 320px;
    height:90px;

    background-position: no-repeat center;
    position: absolute;
    left: 0px;

    display: block;
}
.header .header_navlist
{
    min-width: 630px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    left:630px;
    top:60%;


}*/
.header .header_navlist>li
{
    float: left;
    width: 100px;
    text-align: center;
    line-height: 20px;
}
.header_navlist>li>a
{
    width: 100%;
    height: 100%;
    color: #245cd8;
}
.header_navlist>li:hover a
{
    color:#ff8468
}

.ban_container
{
    margin-top:5px;
  
}
.ban_container font{
    color: #0094d4;
	font-weight: bold;
}
.ban_up
{
    height:440px;
    overflow: hidden;
    width: 1260px;
    margin: 0 auto;
}

.ban_left,.ban_middle,.ban_right
{
    float: left;
    height:438px;
    background:#fff;
    border-radius: 8px 8px;
    border:1px solid rgba(0, 0, 0, .14);
  
}

.ban_left
{
     width: 17%;
     position: relative;
     
}
.ban_left_right
{
  
    width:200px;
    height:438px;
    position: absolute;
    top:0px;
    left:191px;
   /* overflow: hidden;*/
    border-radius: 8px 8px;
    padding-left: 10px;
    z-index: 5;
    display: none;
    color:#fff;
    background-color:rgba(125,184,226,1)

 

}

.ban_left_right a
{
    color:#fff;

}

/*.ban_left_right dd:hover a
{
  color: #ff3146
}





.ban_left_right dl
{
   
    overflow: hidden;
    font-weight: 100;
    height: 50%


}
.ban_left_right dt
{
    font-size: 18px;
    font-weight: 400
}

.ban_left_right dd
{
    display:inline-block;
    height: 20px;
    margin-top: 10px;
    line-height: 20px;

    width: 120px
}

.ban_left_right dd:hover
{
  color: #ff3146
}



.ban_left_lists li
{
    
    position: relative;
    width: 100%;
    padding-right: 2px;
    z-index: 10
}


.ban_left_lists li:hover
{
    background:#7db8e2
}

.ban_left_lists :hover h4
{
   color:#fff
}

.ban_left_lists li:hover
{
    cursor: pointer;
}
*/
.ban_left_lists :hover h3
{
 
   color:#fff
}

.ban_left_lists
{
    margin-top: 30px
}

.ban_left_lists h3,.ban_left_lists h4
{
    margin:0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    font-weight:300;
    font-size: 18px;
    height: 50%;
    line-height: 25px;
    color: black
}

.ban_left_lists h4
{
   font-size: 14px;
   color:grey
}

.ban_left_lists li span
{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 2;
    top:25px;
    margin-top: -10px;
    text-align: center;
    line-height: 15px;
    right: 0px;
    color: #dadadd;
}

.ban_left_lists li:hover span
{
    color: #fff
}

.ban_left_lists li
{
  /*  height: 50px;
  margin-bottom:30px;*/
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
.ban_left_lists li:last-child{
    border-bottom:none;
}
.ban_left_lists .list .list_detail{
    display: flex;
    flex-direction: column;
    align-items: center;
}
}
.ban_left_lists .list dl{
    margin-left: 7%;
}
.ban_left_lists .list dl dt{
    font-size: 0.9rem;
}
.ban_left_lists .list dl dd{
    font-size: 0.9rem;
    margin-left:0; 
    line-height: 1.5rem;
    height: 1.5rem;
}
.ban_left_lists .list dl dd a{
    font-size: 1rem;
} 
.ban_left_lists .list dl dd:hover a{
    color: #33a0cc;
}  
.ban_middle
{
    width: 60.5%;
    border: none;
    margin-left: 5px;
    margin-right: 5px;
}
.ban_right
{
    width: 21.5%;
    border: none;
    background: none;
}

.home_nav_lists
{
    width: 1260px;
}


.ban_right_ketang
{
    background:#fff;
    border-radius: 8px 8px;
    border:1px solid rgba(0, 0, 0, .14);
    height: 378px;
    margin-bottom: 10px;
 
    padding: 30px 20px;
}
.home_nav
{
    background:#fff;
    border-radius: 8px 8px;
    border:1px solid rgba(0, 0, 0, .14);
    height: 80px;
    overflow: hidden;
}
.home_nav_lists li
{
    float: left;
    height: 80px;
    width: 93px;
    border-right: 1px solid #DFDFDF
}

.home_nav_lists li:hover
{
    background: #ff5b5e
}
.home_nav_lists li:hover a
{
    color: #fff
}

.home_nav_lists li a
{
    color: rgb(120,120,120);
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    line-height: 80px;
    display: block;
}

.ban_right_title
{
    color:#0f0f0f;
    font-size: 1.1rem;
    width: 100%;
    text-align: center;
    font-weight: 400;
    display: block;

}

.ban_right_lists
{
    margin-top: 25px
}
.ban_right_lists li
{
    margin-bottom: 4.5px;
    overflow: hidden;
    height: 25px;
    text-align: left;
    line-height: 25px;
}
.ban_right_lists li a
{
 
    font-size: 1rem;
}

.ban_right_lists li:hover a
{
    color: #ff3146
}
.ban_down
{   
    margin-top: 20px;
    width: 100%;
    height: 200px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 8px;
    box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .1);
    box-sizing: border-box;

}
.ban_down_navlist
{
    width: 1300px;
    height: 100%;
}
.ban_down_navlist>li
{
    float: left;
    width:314px;
    height:100%;
    background:#fff;
    border-right: 1px solid rgba(0, 0, 0, .14);
    position: relative;


}

.ban_down_navlist a
{
    display: block;
    width: 100%;
    height: 100%;
    


  
}

.ban_down_navlist span
{
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -100px;
    font-size: 18px;
    width: 200px;
    
    text-align: center;
    color: #808080
}

.class_intro
{
    margin-top: 20px
}

.div_title
{
    height: 60px;
    width: 100%;
    text-align: left;

    line-height: 60px;
    font-weight: normal;
}
.container .div_title h3
{
    padding: 0px;
    margin: 0px;
    font-weight:400;
    font-size: 25px
}
.class_intro .sub_type
{
    width: 1300px
}
.class_intro .sub
{

    width: 100%;
    margin-bottom:38px;
    overflow: hidden;
    background: #fff;
    width: 624px;
    height: 500px;
    float: left;
    margin-right: 12px;
    border-radius:4px;
}

.class_intro .class_title
{
    height: 64px;
    width: 100%;
    background: #6d87d0;
    text-align: center;
    line-height: 64px;
    font-size: 25px;
    font-weight: 500;
    color: #fff;

}

.sub_type .sub:nth-child(2) .class_title
{
    background: #78578f
}
.sub_type .sub:nth-child(3) .class_title
{
    background: #b35058
}
.sub_type .sub:nth-child(4) .class_title
{
    background: #e23859
}
.sub_type .sub:nth-child(5) .class_title
{
    background: #ecb942
}
.sub_type .sub:nth-child(6) .class_title
{
    background: #92794a
}
.sub_type .sub:nth-child(7) .class_title
{
    background: #459ac7
}
.sub_type .sub:nth-child(8) .class_title
{
    background: #d54320
}
.sub_type .sub:nth-child(9) .class_title
{
    background: #92794a
}

.sub_type .sub:nth-child(10) .class_title
{
    background: #47a496
}
.sub_type .sub:nth-child(11) .class_title
{
    background: #e95563
}
.sub_type .sub:nth-child(12) .class_title
{
    background: #358cdb
}
.sub_type .sub:nth-child(13) .class_title
{
    background: #dd7c09
}
.sub_type .sub:nth-child(14) .class_title
{
    background: #23babe
}
.sub_type .sub:nth-child(15) .class_title
{
    background: #408abc
}
.sub_type .sub:nth-child(16) .class_title
{
    background: #6e3b96
}


.class_intro .class_detail
{
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 24px;
    overflow: hidden;

}  .class_img,.content_box
{
    float: left;
    height: 317px;

    
}

.class_img
{
  width: 178px;
  margin:0px 5px 0px 5px;
  


}

.content_box
{
    width: 436px;
    overflow: hidden;
  
}

.class_timeup,.class_type_content
{
  width: 100%;
  height: 50%;

}
.class_timeup ul,.class_type_content ul
{
  
  height: 100%;
  
}
.class_timeup ul li,.class_type_content ul li
{
  float: left;
  width:181px;
  
  padding-left: 18px;
  padding-right: 18px;
  height: 100%;
  border-left: 1px solid #f1f1f1
}
.class_timeup ul li a,.class_type_content ul li a
{
  display: block;
  height: 100%;
  width: 100%;
  border-bottom: 1px dotted #f1f1f1;
  position: relative;
}

.class_catalogue_img
{
  width: 70px;
  height: 70px;

  position:absolute;
  top: 50%;
  margin-top: -45px;
  left: 50%;
  margin-left: -35px
}



.content_box li:hover .class_catalogue_img{
        animation:imgmove 0.3s;
        -moz-animation:imgmove 0.3s; /* Firefox */
        -webkit-animation:imgmove 0.3s; /* Safari and Chrome */
        -o-animation:imgmove 0.3s; /* Opera */
}

@keyframes imgmove
{
from {top:50%;}
to {top:52%;}
}

@-moz-keyframes imgmove /* Firefox */
{
from {top:50%;}
to {top:52%;}
}

@-webkit-keyframes imgmove /* Safari and Chrome */
{
from {top:50%;}
to {top:52%;}
}

@-o-keyframes myfirst /* Opera */
{
from {top:50%;}
to {top:52%;}
}







.class_catalogue{
  width:80px;
  height: 20px;
  color: black;
  position: absolute;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  top: 75%;
  left: 50%;
  margin-left: -40px;

}


.content_box li:hover .class_catalogue{
        animation:textmove 0.3s;
        -moz-animation:textmove 0.3s; /* Firefox */
        -webkit-animation:textmove 0.3s; /* Safari and Chrome */
        -o-animation:textmove 0.3s; /* Opera */
}

@keyframes textmove
{
from {top:75%;}
to {top:73%;}
}

@-moz-keyframes textmove /* Firefox */
{
from {top:75%;}
to {top:73%;}
}


@-webkit-keyframes textmove /* Safari and Chrome */
{
from {top:75%;}
to {top:73%;}
}


@-o-keyframes textmove /* Opera */
{
from {top:75%;}
to {top:73%;}

}


.class_timeup li:nth-child(2):hover .class_catalogue
{
    color:#ff8468;
            animation:textomove 0.1s;
        -moz-animation:textomove 0.1s; /* Firefox */
        -webkit-animation:textomove 0.1s; /* Safari and Chrome */
        -o-animation:textomove 0.1s; /* Opera */
}
    
}

@keyframes textomove
{
from {top:60%;}
to {top:61%;}
}

@-moz-keyframes textomove /* Firefox */
{
from {top:60%;}
to {top:61%;}
}


@-webkit-keyframes textomove /* Safari and Chrome */
{
from {top:60%;}
to {top:61%;}
}


@-o-keyframes textomove /* Opera */
{
from {top:60%;}
to {top:61%;}

}


.class_timeup .class_msg
{ 
      width: 217px;
      left: 0px;
      top: 0px;
      margin: 0px;
      height:50px;
      text-align: center;
      line-height: 50px;
      font-size: 24px;
      margin-left: -18px;
      background:  #878787;
      color: #fff
} 



















.class_timeup li:nth-child(2) .class_catalogue_img
{
    display: none;
    background: none
}

.class_timeup li:nth-child(2) .class_catalogue
{
     margin: 0px;
  top:60%;
  left: 0px;
  width: 217px;
  margin-left: -18px;
  height: 16px;
  text-align: center;
  line-height: 20px;
  font-size: 16px
}

.kecheng_msg
{
    width:217px;height:50px;position:absolute;left:50%;
    text-align: center;line-height: 50px;font-size: 24px;
          background:  #878787;
      color: #fff
}

.class_footer
{
   background: yellow;
   width: 584px;
   margin: 0px auto;
   height: 64px
  
}






/*
.sub .sub_icon
{
    width: 270px;
    height:100%;
    background: yellow;
    float: left;
    

}
.sub .sub_list
{
    margin-left: 8px;
    width: 982px;
    height:100%; 
    float: left;
    overflow: hidden;
    position: relative;

}
.sub_list ul
{
   width: 1000px;
}
.sub_list li
{   
    margin-right: 10px;
    float: left;
    width: 238px;
    background:#fff;
    height:250px;
}
.sub_banner
{
    width:100%;
    height:90px;
    background: red;
    bottom: 0px;
    position: absolute;
}
*/
.new_class_navlist
{
    overflow: hidden;
    width: 1300px;
}
.new_class_navlist>li
{
    width: 242px;
    height: 212px;
    border: 1px solid #f9f7fe;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #f9f7fe
}

.new_class_navlist>li:hover
{
    border: 1px solid #ff3146
}


.new_class_navlist>li>a>img
{
    display: block;
    width: 239px;
    height: 140px;
    background: yellow;
    overflow: hidden;
    margin:1px auto;
}

.new_class_navlist>li>a
{
    display: block;
}

.new_class_navlist>li>a>span
{
    display: block;
    width: 100%;
    

    font-size: 16px;
    word-spacing:1px;
    height: 36px;
    text-align: left;
    padding-left: 10px;
    width: 232px;
    overflow: hidden;

  
}
.new_class_navlist .class_content
{

    color: #07111B;
    font-size: 16px;

    display:table-cell; 
    vertical-align:bottom;
    height: 30px;

    


    
}
.new_class_navlist .class_price
{
    color:#93999F;
    font-size: 12px;
    height: 42px;
   
   

}
.more
{
    color: #707070;
    text-align: right;
    font-size: 14px;
}

.more:hover
{
    color: #ff8468
}

.share_box .new_class_navlist>li
{
    background: #fff
}

.share_box_title
{
  
  overflow: hidden;
}
.share_box_title h3
{
  float: left;
}
.share_lists_box
{

float: left;
margin-left: 50px;
height: 20px;
margin-top: 22px;
width: 212px;
overflow: hidden;

}
.share_lists
{
    width: 300px
}
.share_lists>li>a
{
    float:left;
    color: black;
    border-right: 1px solid #CDCDB4;
    height: 20px;
    font-size: 14px;
    line-height: 24px;
    width: 60px;
    padding: 0px 5px 0px 5px;
    text-align: center;

}

.share_lists>li>a:hover
{
    background: #F4A460;
    color: 
}

.artical_share
{
    
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.artical_share>div
{
    float: left;
}
.artical_share_title a
{
    
    display: block;
    position: absolute;
    right: 20px;
    bottom: -10px;
}
.artical_share h3
{
   padding: 0px;
   margin: 0px;
   margin-left: 5px;
   font-weight: normal;
}
.artical_share_1_title,.artical_share_2_title
{
    overflow: hidden;
    position: relative;
    height: 40px;
    line-height: 50px;
    background: #ededed
   
    
}


.artical_share .artical_share_1
{
    width: 750px;

    height: 100%;
    margin-right: 10px;
    border-radius: 4px;
    background: #fff
   
}

.artical_share_1 ul li
{
    display: block;
}

.artical_share .artical_share_2
{
    width: 500px;
    height: 100%;
   border-radius: 4px;
   background: #fff
  
}

.artical_share_lists
{
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px
}

.artical_share_lists li a
{
    font-size: 16px;

}

.artical_share_lists li
{
    height: 20px;

    line-height: 20px;
    margin-bottom:4px;
    border-bottom: 1px dotted #bcbaba;
}

.zixun_box
{
    height: 516px;
    overflow: hidden;



}
.hangye_zixun
{
    height: 100%;
    width: 746px;
    float: left;
}
.hangye_title,.job_title
{
    width: 100%;
    overflow: hidden;
    height: 60px;
    

}
.zixun_content,.job_content
{
    height: 456px;
    background: #fff;
    border-radius: 8px;
    padding-top: 20px

}

.hangye_title h3,.job_title h3
{
    padding: 0px;
    margin: 0px;
    font-weight: 700;
    font-size: 25px;
    float: left;
    height: 100%;
    
}

.hangye_title a,.job_title a
{
   
    float: right;
    line-height: 60px
}



.job_zixun
{
    height: 100%;
    width: 494px;
    float: left;
    margin-left: 20px;
}


.hotnews_box
{
  
    padding: 20px 0px 20px 0px;
    margin-top:20px;
    margin-bottom: 20px;
}
.hotnews_box_title
{
    
}

.hotnews_box_title h3
{
    float: left;
}
.hotnews_box_title a
{
    float: right;
   
}

.news_class_navlist
{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.news_class_navlist li:last-child
{
   margin-right: 0;
}
.news_class_navlist>li
{
    width: 304px;
  /*  height: 220px; */
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    overflow: hidden;
}

.news_class_navlist>li>a
{
   display: block;
   color: black;
   width: 100%;
   height: 100%
}
.news_class_navlist img
{

    height: 170px;
    display: block;
    margin: 0 auto;
}
/*.tab_one ul.news_class_navlist img{
    height:220px;
}*/
.news_class_navlist span
{
    display: block;
    height: 50px;
    width: 100%;
    color: black;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
}

.footer_fullcontainer
{
    background: #fafafa;
    padding-top: 33px;
    color: #8d8d8d;
    min-width: 1260px;
    margin: 0px auto;
}

.footer_about
{
    border-bottom: 1px solid #eeeeee
}
.footer a
{
    color: #8d8d8d;
    height: 28px;
    display: block;
    line-height: 45px;
    text-align: left;
}

.footer .footer_about ul
{
    overflow: hidden;
}
.footer .footer_about ul li
{
    width: 15%;
    min-height: 140px;
    float: left;
}

.footer .footer_about ul li.footer_list5
{
	width: 35%;
	line-height: 27px;
}

.footer .footer_about ul li h3
{
    color:#424242;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;

}

.youqing_link
{
    margin-top: 10px;
    height: 80px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee
}
.youqing_title
{
    font-size: 18px;
    margin: 0px;padding: 0px;
    color: #8d8d8d
}

.youqing_link ul li
{
    float: left;

    height: 40px;
    line-height: 40px

}

.youqing_link ul li a
{
   font-size: 14px;
   color: #8d8d8d;
   padding:0px 10px 0px 0px;
   text-align: left;
   display: block;
   width: 100%;
   height: 100%
}


.youqing_link ul li a:hover
{
  
    text-decoration: underline;
}
#dibudaoh18{
	margin: 0px;
	padding: 0px;
	height: 51px;
}
#dibudaoh18 ul{
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
}
#dibudaoh18 ul li{
	float: left;
	width: 16%;

}
#dibudaoh18 ul li a{
	display: block;
	text-align: center;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
	font-size: 15px;
}
#dixiandaoh{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0094d4;
	height: 17px;
	margin-top: 15px;
	
}
.footer_copyright span
{
    color:#8d8d8d;
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    text-align: left;

}

.job_content ,.zixun_content 
{
   padding-left: 20px
}

.job_content ul li,.zixun_content ul li
{
    width: 100%;
    height: 25px;
    margin-bottom: 5px;
    line-height: 25px;
  
}
.job_content ul a,.zixun_content ul a
{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #b1afaf
}

.zixun_box ul li:hover a
{
    color: #ff3146
}

/*热点新闻选项卡*/
section#showcase_tab {
    width: 1260px;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 25px;
} 

section#showcase_tab label {
  background: #eee; 
  border: 1px solid #ddd; 
  padding: .7em 1em;
  cursor: pointer;
  z-index: 1;
  margin-left: -1px;
  color: #666;
}

section#showcase_tab label:first-of-type {
  margin-left: 0;
}
section#showcase_tab .company_info {
  width: 100%;
  margin-top: -1px;
  padding: 1em;
  -webkit-order: 1;
  order: 1;
}
section#showcase_tab input[type=radio], .company_info {
  display: none;
}
section#showcase_tab input[type=radio]:checked + label {
  background: #fff;
  border-bottom: 1px solid #fff;
  color:#333;
}
section#showcase_tab input[type=radio]:checked + label + div {
  display: block;
}

/**技术分享与文章展示**/
.section-wrapper{
      
  background: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
.section-wrapper ul{
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
}
.section-wrapper .article_cnt{
    display: flex;
    height : 200px;
    width ：100%;
    flex-wrap: wrap;
}
.section-wrapper ul li {
	text-overflow: ellipsis;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	white-space: nowrap;
	width: 99%;
}
.ban_right .ban_right_lists li::before,
.section-wrapper ul > li::before{
  content: "• ";
  color: #CCCCCC; 
}
.section-wrapper .column_title{
    color: #555;
    margin: 10px 0;
    float:left;
    
}
.section-wrapper .article-list{
  padding: 0px 10px;
  border-right: 1px solid #c7c3c3;
  width: 30%;
}
.section-wrapper .left-list {
    width : 37%;
    padding-right : 5px;
    border-right: 1px solid #c7c3c3;
}
/*.section-wrapper .left-list ul li{
    width:60%;
}*/

.section-wrapper .right-list {
  /*  width : 73%;*/
    padding-left : 20px;
}

.section-wrapper .right-list{
  width: 26%;
  padding-left: 20px;
}

.section-wrapper .show_more{
  float : right;
}
.section-wrapper a:hover{
    color:#ff8468;
}
.section-wrapper a.show_more {
  font-size: 0.6rem;
  color: #aaa;
  margin-top: 10px;
}
.section-wrapper .products{
  display: flex;
}
.section-wrapper .products img{
    width : 40%;
    height: 144px;
}
.fandbu{
	height: 46px;
	width: 46px;
	position: fixed;
	z-index: 999;
	right: 10px;
	bottom: 10px;
	background-image: url(../images/dingb001.jpg);
	background-repeat: no-repeat;
}