@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../iconfont/iconfont.woff2') format('woff2'),
      url('../iconfont/iconfont.woff') format('woff'),
      url('../iconfont/iconfont.ttf') format('truetype'),
      url('../iconfont/iconfont.svg#iconfont') format('svg');
}

@charset "utf-8";
html { font-size:625%; }
body { font-size:14px; background:#fff; overflow-x:hidden; font-family:"Microsoft YaHei"}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin:0; padding:0; }
body, html, input, button, textarea { color:#a2a0a0; font-family:"Microsoft YaHei"line-height:1.5 }
article, aside, figcaption, figure, footer, header, main, nav, section { display:block; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4, h5 { font-size:14px; }
.fl{ float:left}
.fr{ float:right}
li { list-style:none; }
i, em { font-style:normal; }
a { color:#3d3d3d; text-decoration:none; }
a:focus { outline:none; }
a:hover { color:#f8b625; ; text-decoration:none; }
.formdiv input[type=text],.formdiv input[type=password] {border: 1px solid #E9E9E9;border-radius: 4px;box-shadow: 1px 5px 6px 0px rgba(236,236,236,.5);padding: 5px 5px 5px 5px;font-size: 16px;}
.formdiv input[type=text]:focus, .formdiv input[type=password]:focus {border: 1px solid #f00;}

hr { height:1px; border:none; border-top:1px solid #ccc; margin:15px 0 15px 0; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear{ clear:both;}
.p30{ margin-top:30px;}
.p80{ margin-top:80px;}
.p10{ margin-top:10px;}






header {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 14px;
    transition: all ease .3s;
background:#fff;
}

.header-fixed{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 999; background:#fff;
 box-shadow: 0 2px 6px rgba(0, 0, 0, .1) }


 
.p190{ height:112px;}
.wrap{ width:1200px; margin:0 auto; padding:0; overflow:hidden;}
.wrapm{ width:1000px; margin:0 auto; padding:0; overflow:hidden;}
.wraph{ width:1200px; margin:0 auto; padding:0; }
.wrapt{ width:1000px; margin:0 auto; padding:0; overflow:hidden;}
.wrap1110{ width:1100px; margin:0 auto; padding:0; overflow:hidden;}
.logo{ float:left; margin-top:15px; width:236px; margin-right:15px; }
.logofont{ font-size:20px; color:#000; margin:25px 0 0 0; /*font-weight:550;*/ width:500px; float:left; border-left:1px #cfcfcf solid; height:60px; line-height:30px; padding-left:25px;}
.logofont span{ display:block;}
.logor{  width:320px; float:right; margin-top:30px; font-size:18px;background:url(../images/tel.png) center left no-repeat; background-size:18%; padding-left:70px}
.logor span{ font-size:26px; color:#f08630; display:block;}

.logor:before{ }



.tmenu{ width:100%; height:45px; background:#0934a8;}

.slider_banner{  width:100%; overflow:hidden}

/*首页简介幻灯片*/
.fader {
    position: relative;
    width: 100%; height:350px;
}

.fader .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    opacity: 0;
}

.fader img {
    height: 350px;
}

.fader .prev,
.fader .next {
    position: absolute;
    height: 80px;
    line-height: 40px;
    width: 80px;
    font-size: 100px;
    text-align: center;
    color: #fff;
    top: 50%;
    left: 0;
    z-index: 4;
    margin-top: -25px;
    cursor: pointer;
    opacity: .7;
    transition: all 150ms;
}

.fader .prev:hover,
.fader .next:hover {
    opacity: 1;
}

.fader .next {
    left: auto;
    right: 0;
}

.fader .pager_list {
    position: absolute;
    width: 100%;
    height: 40px;
    padding: 0;
    line-height: 40px;
    bottom: 0;
    text-align: center;
    z-index: 4;
}

.fader .pager_list li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 7px;
    background: #fff;
    opacity: .7;
    text-indent: -9999px;
    border-radius: 999px;
    cursor: pointer;
    transition: all 150ms;
}

.fader .pager_list li:hover,
.fader .pager_list li.active {
    opacity: 1;
}
/*首页简介幻灯片*/

.iaboutf{ font-size:45px; color:#ffa600; text-align:center}
.iaboutc{ font-size:16px; line-height:30px; margin:15px 0; padding:0 15px; color:#666;}

.hmenu{width:100%; height:58px; background-image: linear-gradient(to right,#f08630,#f08630);}
.head_nav{transform:scale(1);opacity:1; visibility:visible;position:absolute;  z-index:99;}
.head_nav li b,.head_nav>li>a:before,.head_nav>li>a:after,.head_nav li li a{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.head_nav li {display: inline-block; position:relative;font-size:16px;}
.head_nav li li{display: block;text-align: left; float:none;padding-right: 0;}
.head_nav li a { position:relative; display:block;line-height:55px; padding:0 22px 0; color:#fff; font-size:16px;font-family:"Microsoft YaHei"; font-weight:600; letter-spacing:2px;}

.head_nav li a:hover{ /*-webkit-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);*/color:#fff;}

.head_nav li a.active::after {
    width: 0%;
    background: #fff;
}

.head_nav li:hover a::after {
    width: 100%;
    background: #fff; 
}

.head_nav li a::after {
    content: '';
    display: block;
    margin-top: 0px;
    width: 0%; margin:0 auto;
    height: 3px;
    background: transparent;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.head_nav .nav-current a::after {     content: '';
    display: block;
    margin-top: 0px;
    width: 100%; margin:0 auto;
    height: 3px;
    background: #fff;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.head_nav .nav-current a{color:#fff;}
.bannersub{ height:69px; width:100%; background:#eeeeee;}

.bsubm{margin:15px auto;}
.bsubm li{float:left;margin-left: 85px;line-height: 35px;font-size: 18px;color:#333;}
.bsubm:after{clear:both; content: '';display:block;width:0;height:0;visibility:hidden; }
.bsubm li i{background:url(../images/icn_pp.jpg);width: 35px;height: 35px;display: inline-block;vertical-align:middle;margin-right: 10px;}
.bsubm li i.icon_srz1{background-position: 0 -35px;}
.bsubm li i.icon_srz2{background-position: 0 -70px;}
.bsubm li i.icon_srz3{background-position: 0 -105px;}
.bsubm li i.icon_srz4{background-position: 0 -140px;}



.tp_title{ width:100%; text-align:center; line-height:40px; font-size:36px; font-weight:200; color:#f08630; margin-top:50px;}
.tp_subname{ width:100%; text-align:center; line-height:40px; font-size:16px; color:#666; margin:10px auto 30px auto}



.sy_fwdx{ width:1200px; margin:0 auto 0 auto}

.sy_fwdx h2{font-size:32px;color: #f08630;text-align: center;margin: 30px auto;}
.sy_fwdx ul:after{clear:both; content: '';display:block;width:0;height:0;visibility:hidden; }
.sy_fwdx ul li{float:left;padding:40px 0 40px 40px;font-size: 18px;color: #666;margin:1px 1px 0% 0% ; width:24%; background:#f2f2f2; }
.sy_fwdx ul li i{background:url(../images/lr_ico.jpg);width: 33px;height: 33px;display: inline-block;vertical-align:middle;margin-right: 10px;}
.sy_fwdx ul li i.iconfont_dx2{background-position: 0 -33px;}
.sy_fwdx ul li i.iconfont_dx3{background-position: 0 -66px;}
.sy_fwdx ul li i.iconfont_dx4{background-position: 0 -99px;}
.sy_fwdx ul li i.iconfont_dx5{background-position: 0 -132px;}
.sy_fwdx ul li i.iconfont_dx6{background-position: 0 -165px;}
.sy_fwdx ul li i.iconfont_dx7{background-position: 0 -198px;}
.sy_fwdx ul li i.iconfont_dx8{background-position: 0 -231px;}

.sy_fwdx ul li:hover{box-shadow: 0 0 8px rgba(212,212,212,0.9); transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}




.wbg{ background:#f6f7f9; width:100%; height:auto; overflow:hidden; padding:30px 0 40px 0; }

.i_about_img{ width:458px; float:left;}
.i_aboutcon{ float:right; width:626px; margin-right:40px; padding-top:20px; }
.i_aboutcon h2{ font-size:30px; color:#f08630; line-height:40px; text-align:center}
.i_aboutp{color:#383838; line-height:28px; font-size:16px; margin-top:15px;}


.icon {
  font-family: "iconfont" !important;
  font-size: 36px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ab_list { margin-top:20px;}
.ab_list li{ padding:20px 20px; border:1px #ddd solid; float:left; margin-right:20px; width:120px; text-align:center}
.ab_list .title{ line-height:36px; font-size:16px;}

.ab_list li:hover{ background:#f08630; border:1px #f08630 solid;}
.ab_list li:hover a{ color:#fff; display:block;}



.iyl_list li{float:left;margin-right:25px;width: 370px;background: #f2f2f2;border-radius: 10px;margin-bottom:30px;padding-bottom:20px;}
.iyl_list li h2{font-size:20px;text-align: center;line-height:50px;}
.iyl_list li p{padding:0 20px;}
.iyl_list li p a{color:#666 !important;}
.iyl_list li span{margin-left:276px;background:url(/a/images/sy_gd.jpg) no-repeat right;padding-right:12px;}
.iyl_list li span a{color:#f18731 !important;}
.iyl_list li img{ width:100%; height:205px; overflow:hidden}


.fwal_left{width:312px;float: left;}
.fwal_left ul li{margin-bottom:20px;}
.fwal_left ul li a{display:inline-block;text-align:center;background:#eee;width:312px;line-height:80px;color:#333 !important;font-size:18px;transition:0.3s background,0.3s color;-webkit-transition:0.3s background,0.3s color;}
.fwal_left ul li a:hover,.fwal_left ul li a.active{background:#f18730;color: #fff !important;}


.fwal_r{float:right;width: 858px;background: #f2f2f2;}
.fwxx{width:288px;background:#fff;margin:20px;float:left;}
.fwxx img{width:100%;}
.fwxx:after{clear:both; content: '';display:block;width:0;height:0;visibility:hidden;}
.fwxx h2{font-size:36px;text-align:center;color:#333;line-height:70px;}
.fwxx h2 span{font-size:24px;margin-left:10px;color:#666;}
.fwxx p{padding:0 20px 20px 20px;line-height:24px;color: #666;}

.fwxx_nr{float:right;width:526px;margin-top:20px;}
.fwxx_nr h2{font-size:24px;color:#f18730;margin-bottom:20px;}
.fwxx_nr p{margin-bottom: 20px;}
.fwxx_nr p:after{clear:both; content: '';display:block;width:0;height:0;visibility:hidden;}
.fwxx_nr p i{width: 6px;height: 6px;border-radius: 100%;display: block;float: left;background:#ccc;margin-top:6px;}
.fwxx_nr p span{float:right;padding-right:20px;width:510px;color:#666;}






.daUl li {
	overflow:hidden;
	padding:10px 0 15px 0;
	border-bottom:1px solid #ccc
}
.daUl li h3 {
	background:url(../images/new_wen.png) no-repeat left center;
	line-height:36px;
	padding-left:30px;
	font-size:18px;color:#f18730;
}
.daUl li h3 a {
	color:#f18730
}
.daUl li p {
/*	overflow:hidden;
	background:url(../images/new_da.png) no-repeat left 5px;
	padding-left:30px;
	line-height:36px;
	font-size:16px;
	color:#000;*/
}

.dconc{ background:url(../images/new_da.png) no-repeat left 5px;
	padding-left:30px;
	line-height:36px;
	font-size:16px;
	color:#000;}




.rzzn_rzlc{padding-bottom:40px;border-bottom: 1px solid #ccc;padding-top: 30px;}
.rzzn_rzlc ul:after{clear:both; content: '';display:block;width:0;height:0;visibility:hidden; }
.rzzn_rzlc ul li{float:left;margin-left:50px;}
.rzzn_rzlc ul li h2{display:inline-block;}
.rzzn_rzlc ul li h2 p{color: #666;font-size: 18px; text-align: center;line-height:52px;}
.rzzn_rzlc ul li h2 span{border:5px solid #ffc99d;border-radius: 50%;display: block;margin: 0 auto;width:80px;height:80px;}
.rzzn_rzlc ul li h2 span i{width:35px;height: 35px;background:url(../images/icon.jpg) no-repeat;display:block;margin:18px;}
.rzzn_rzlc ul li h2 span i.icon_lc01{background-position:0 0;}
.rzzn_rzlc ul li h2 span i.icon_lc02{background-position:0 -35px;}
.rzzn_rzlc ul li h2 span i.icon_lc03{background-position:0 -70px;}
.rzzn_rzlc ul li h2 span i.icon_lc04{background-position:0 -105px;}
.rzzn_rzlc ul li h2 span i.icon_lc05{background-position:0 -140px;}
.rzzn_rzlc ul li h2 span i.icon_lc06{background-position:0 -175px;}
.rzzn_rzlc ul li h2 span i.icon_lc07{background-position:0 -210px;}
.rzzn_rzlc ul li h2 span i.icon_lc08{background-position:0 -245px;}
.rzzn_rzlc ul li img{vertical-align:top;padding-top:32px;padding-left: 50px;}
.rzzn_rzlc h3{margin-top:30px;font-size:16px;color: #666;text-align: center;}




.zq-icon{display:inline-block;background:url(../images/icon.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}
.card-area{margin:82px auto 0;height:560px;width:1205px;position:relative;}
.card-area{margin:50px auto 0;height:560px;width:1205px;position:relative;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:25%;height:521px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#398b5b;border-left:1px solid #419d67}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:376px;position:absolute;top:145px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:15px;margin-bottom:15px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:10px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#f48100;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#f48100;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#398b5b}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #f48100;font-size:16px!important;color:#f48100;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#f48100}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#f48100}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:50%;height:535px}
.card-area .card-item.active .card .card-title{background-color:#f48100;height:159px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#fff}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.main-info ul li{ text-align:center; margin-right:15px; line-height:38px;}
.main-info ul li a{ color:#fff;}





.about_nav{font-size:24px;color: #f18731;padding-left: 44px;margin-top: 40px;}
.about_icon{background:url(../images/about_icon.png) no-repeat left top;}
.about_icon1{background:url(../images/about_icon.png) no-repeat left top;background-position: 0 -34px;}
.about_icon2{background:url(../images/about_icon.png) no-repeat left top;background-position: 0 -68px;}
.about_icon4{background:url(../images/about_icon.png) no-repeat left top;background-position: 0 -102px;}

.about_jgjs{padding:30px 40px 0 40px;}
.about_jgxr ul li{float:left;margin-left:10px;}
.about_jgxr ul:after{clear:both; content: '';display:block;width:0;height:0;visibility:hidden; }
.about_jgxr ul li{overflow: hidden;width:580px;height: 328px; border:5px solid #ccc;}
.about_jgxr img{transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;}
.about_jgxr img:hover{overflow:hidden;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.about_jgxr img.marg_l10{margin-right:10px;}
.about_jgxx{padding-top:30px;}
.about_jgxx ul:after{clear:both; content: '';display:block;width:0;height:0;visibility:hidden; }
.about_jgxx ul li{font-size:18px; color: #666;float: left;background: url(../images/icn_about.png) no-repeat;padding-left: 60px;height: 47px;margin-bottom: 20px;}
.about_jgxx ul li p{font-size:16px;line-height:22px;}
li.about_iconfont01{margin-right:97px;}
.about_jgxx ul li.about_iconfont02{background-position:0 -47px;margin-right: 140px;}
.about_jgxx ul li.about_iconfont03{background-position:0 -94px;margin-right: 110px;}
.about_jgxx ul li.about_iconfont04{background-position:0 -141px;margin-right: 60px;}
.about_jgxx ul li.about_iconfont05{background-position:0 -188px;margin-right:224px;}
.about_jgxx ul li.about_iconfont06{background-position:0 -235px;}
.about_text{font-size:15px;color: #666;text-indent: 2em;}
.about_text p{padding-bottom:20px;line-height: 24px;}
.about_jghj ul:after{clear:both; content: '';display:block;width:0;height:0;visibility:hidden; }
.about_jghj ul li{float: left; margin-left: 10px;}
.about_jghj ul li.mar_l0{margin-left:0;}
.about_jghj ul li.about_w1{width:355px;}
.about_jghj ul li.about_w2{width:245px;}
.about_jghj ul li.about_w3{width:245px;}
.about_jghj ul li.about_w4{width:245px;}





.hjzs_gbli ul li{float:left;margin: 0  10px 10px 0;}
.hjzs_gbli ul li img{ width:590px;max-height:440px;}


/*新闻列表*/





#newslist { width: 1160px; margin:0 auto; }
#newslist .newstitem {
    width: 100%;
    margin: 25px 0 25px 0;
    height: 265px;
    border-bottom: 1px solid #DBDBDB;
    border-radius: 0;
}
#newslist .newsimg{ float:left; width:350px; height:240px; overflow: hidden;}
#newslist .newsimg img{   height:100%; }

 #newslist .newsbody {
    width: 460px; float:left; margin-left:100px; margin-top:30px;
}

#newslist .newsbody .title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #EFEFEF;
    padding: 0 0 50px 0;
    font-size: 18px;
    height: 20px;
    line-height: 20px; font-weight:300; color:#3d3d3d;
}
#newslist .newsbody .title a{color:#3d3d3d;}
#newslist .newsbody .description {
    width: 96%;
    margin-top: 10px;
    font-size: 15px;
    color: #777;
    text-align: left;
    height: 48px;
    overflow: hidden; line-height:24px
}

#newslist .newstitem a.details { display: block;margin-top: 100px; width: 60px; height: 50px;  transition: all 0.3s ease 0s;  background: url(../images/ico_img01.png)no-repeat -86px -2px;  float:right;}
#newslist .newstitem:hover a.details { background: url(../images/ico_img01.png)no-repeat -86px -64px; }
#newslist .newstitem:hover .newsbody{ margin-left:120px;transition: all 0.3s ease 0s;}
#newslist .newstitem:hover .newsbody:after {
    content: "查看详情";
    display: block;
    width: 160px;
    height: 42px;
    background:#ef7e09 ;
    color: #fff;
    position: relative;
    top: 30px;
    text-align: center;
    line-height: 42px;
    opacity: 1;
    left: 0px;
    transition: all 0.6s ease 0s; font-family:Verdana, Geneva, sans-serif; 
}


#newslist .newstitem:hover .title{ color:#f8b625;}





















.container_header {
  float: left;
}
.wow {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.container_header .title {
    font-size: 24px;
    line-height: 30px;
    color: #f8b625;display: inline-block;
    margin-right: 10px; float:left;
}

.container_header .subtitle {
    font-size: 14px;
    color: #bbb;
    line-height: 26px; float:left; margin-top:5px;
}

/*.container_header1 .title {
    font-size: 24px;
    line-height: 30px;
    color: #f8b625;
    text-align:center; width:100%;
}

.container_header1 .subtitle {
    font-size: 16px;

    line-height: 26px;  margin-top:5px; text-align:center
}*/
.container_header1 { text-align:center;;}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px!important;
    border-radius: 5px;
    background-color: #fff100; opacity: 1;transition: width 0.3s ease-in-out;
}
.swiper-pagination-bullet-active{ width:20px; background:#ef7e09;}

.swiper-pagination{ margin-bottom:10px;}
.swiper-slide img{ width:100%;}


.bbg{ background:#f6f6f6; padding:30px 0; width:100%; overflow:hidden;}

.iteam{ width:100%; height:100%; }


/*首页*/
.videodiv{ background:#f8b624 url(../images/videor.png) 99% center no-repeat; width:100%; height:600px; border-radius:20px; padding:20px;}
.videosp{ width:90%; height:560px; background:#000;}
.p_video{ width:100%; height:100%;}


.wrapa{ width:700px; margin-left:80px;}
.ab_div{ width:100%; height:398px; margin-top:80px;}
.ab_title{ font-size:50px; font-weight:700; color:#2b4d94; height:80px; line-height:80px; margin-top:50px; float:left; width:460px; }

.ab_div .ab_more{ background:#476ab2; border-radius:8px; color:#fff; font-size:18px; width:134px; height:40px; text-align:center; line-height:40px; margin:73px 0 0 20px; float:left;  }

.ab_div .ab_more:after{ content:"\f178"; font-family: FontAwesome;font-weight:normal; margin-left:5px;}

.ab_con{ width:600px; float:left; line-height:36px; font-size:20px; color:#336699;}

.container_header p.title:after{content:"\f101"; font-family: FontAwesome;font-weight:normal; margin-left:5px;}




#teamitem_1,#teamitem_2,#teamitem_3{ width:280px; margin:30px 60px 40px 60px;}
.iteam .content_list li { height: 420px;  float: left; width: 280px; margin-right:20px; margin-bottom: 30px; transition: all 0.6s ease 0s; float:left; background:#fff; }
.iteam .header img { width: 98%; height: auto; float: none; margin: 0 auto; position: inherit; max-width: inherit;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.iteam .header{ width:100%; height:230px; overflow:hidden;}
.iteam .header a { display: block; width: 280px;  border-radius: 0px; overflow: hidden; }
.iteam .summary { float: none; width: 100%; height: auto; padding: 10px 15px 40px 15px; background-color: #fff; position: relative; transition: all 0.6s ease 0s; }
.iteam .summary p { text-align: left; color: #848484; position: inherit; }
.iteam .summary p.title a { transition: all 0.6s ease 0s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-size: 18px; width: 100%; color:#474747; }
.iteam .summary p.subtitle { width: 100%; transition: all 0.6s ease 0s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-size: 14px; margin-top: 8px; margin-bottom: 20px; border-bottom: 1px solid #ededed; padding-bottom: 20px; }
.iteam .content_list li .summary:after { content: ""; display: block; background-color: #ef7e09; width: 0px; height: 4px; opacity: 0; position: absolute; bottom: -4px; transition: all 0.6s ease 0s; margin-left: -15px; }
.iteam li:hover .summary:after { height: 4px; width: 280px; opacity: 1; bottom: -4px; }
.iteam .summary .description { width: 100%; height: 44px; font-size: 14px; overflow: hidden; line-height:22px; }
.iteam li:hover{ transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -moz-transform: translate(0, -15px);transition: width 0.3s ease-in-out;box-shadow:0px 2px 32px rgba(0,0,0,0.1)}
.iteamt li:hover{ margin-top:-15px;transition: width 0.3s ease-in-out;box-shadow:0px 2px 32px rgba(0,0,0,0.1)}
.iteam li:hover img{transform: scale(1.1, 1.1);transition: all 0.6s ease 0s;}

.iteam .content_list li .summary:after .title a{ color:#f00;}







#projectlist .projectitem .project_img { height: 240px; overflow: hidden; width:100% }
#projectlist .projectitem .project_img::after { content: ''; width: 46px; height: 40px; line-height: 40px; background-image: url(../images/hg.png); margin-left: -23px; margin-top: -50px; display: inline-block; position: absolute; top: 0; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }
#projectlist .projectitem:hover .project_img::after { top: 50%; opacity: 1;transform: scale(1.1, 1.1) }
#projectlist .projectitem .project_img img{ width:100%;transition: all 0.6s ease 0s;}
#projectlist .projectitem a::after { content: ""; width: 100%; height: 0; background-color: rgba(10, 36, 86, 0.4); position: absolute; top: 0px; opacity: 0; transition: all 0.3s ease 0s; }
#projectlist .projectitem:hover a::after { height: 72.8%; }
#projectlist .projectitem:hover a::after { opacity: 1; }
#projectlist .projectitem { width: 380px; margin-right: 20px; height: 330px;  margin-bottom: 30px; transition: all 0.6s ease 0s; float:left;background: #fcfcfc; position:relative;}
#projectlist .projectitem:hover { box-shadow:6px 6px 12px rgba(248, 183, 39, 0.1); }
#projectlist .projectitem a .project_info { height: 100px; ;position: inherit; padding:5px 10px; }
#projectlist .projectitem a .project_info div { background-color: #none; height:100px; width: 100%; position: inherit; margin: 0; height: auto; transition: all 0.6s ease 0s; }
#projectlist .projectitem:hover a .project_info div { margin-left: 10px;  }
#projectlist .projectitem:hover{background:#fff;}
/*#projectlist .projectitem a:hover .project_info div::after { width: 100%; background: red; z-index: 100; }*/

#projectlist .projectitem1{ width: 780px;  height: 330px;  margin-bottom: 30px; transition: all 0.6s ease 0s; float:left;background: #fff; position:relative;}
#projectlist .project_img1{ height: 240px; overflow: hidden; width:100% }

#projectlist .projectitem .project_info p{}
#projectlist .projectitem .project_info p.subtitle {  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  color: #bdbdbd; text-align: left; padding: 0; font-size: 16px; float:left;  height:30px;width:100%; }
#projectlist .projectitem .project_info p.title  { font-size: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #666; text-align: left; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;  float:left; font-size:18px; line-height:45px; height:45px;width:100%;}
#projectlist .projectitem:hover .project_info p.title { color: #f8b625; }
#projectlist .projectitem:hover .project_info p.subtitle { text-align:left; padding-right:40px; transition: all 0.6s ease 0s;}
#projectlist .projectitem a .project_info::after { content: ""; display: block; width: 60px; height: 60px;  margin-left: 86%; margin-top: 10px; background: url(../images/ico_img01.png)no-repeat -170px 0px; transition: all 0.6s ease 0s; opacity: 0; }
#projectlist .projectitem:hover a .project_info::after { opacity: 1; }

#projectlist .projectitem:hover img{transform: scale(1.1, 1.1);transition: all 0.6s ease 0s;}
#projectlist .projectitem .title2{ width:300px; height:80px; line-height:80px; font-size:18px;}


.jx_img{ width:900px; margin:0 auto;}

.jm_div{ width:100%; background:#f8b624; padding:20px 0; margin:30px 0}

.jm_div .container_header p.title{ color:#fff;}


.mg_more{ background:#476ab2; border-radius:8px; color:#fff; font-size:18px; width:120px; height:36px; text-align:center; line-height:36px; margin-right:20px;  }

.mg_more:after{ content:"\f178"; font-family: FontAwesome;font-weight:normal; margin-left:5px;}

.mg_tl{ width:400px;}



/*节目列 表 end*/



.jx_box{ border-radius:8px; border:4px #f8b624 solid;}
.w1{ width:530px; height:70px}
.bh1{line-height:62px;}
.jx_boxl{ float:left; background:#f8b624; width:260px;  text-align:center; color:#fff; font-size:25px; font-weight:700; letter-spacing:4px; }
.jx_boxr{ line-height:62px;  font-size:18px; color:#333; width:240px; float:right}

.w2{ width:1100px; height:100%; overflow:hidden; }
.bh2{  line-height:128px;}
.jx_boxr2{line-height:30px;  font-size:18px; color:#333;  float:right;  width:820px; padding:10px 10px;}
.jx_boxr2 .title{ font-size:22px; color:#f8b624; line-height:40px;}

.bh3{line-height:200px;}
.bh4{line-height:80px;}
.bh5{line-height:380px;}
.bh6{line-height:110px;}
.w3{ width:700px; height:100%; overflow:hidden; }
.jx_boxr3{ line-height:62px;  font-size:18px; color:#333; width:410px; float:right}

.w4{ width:780px; height:100%; overflow:hidden; }
.jx_boxr4{ line-height:30px;  font-size:18px; color:#333; width:490px; float:right; padding:10px 0;}

.jx_subttf{ width:100%; line-height:40px; font-size:18px; color:#282828; text-align:center; height:40px; margin:5px 0 10px 0; font-weight:700;}
.jx_student{ width:1103px; margin:0 auto;}
.jx_studentcon{ line-height:36px; color:#282828; width:1100px; margin:20px auto; font-size:18px;}

.jx_lcdiv{ width:100%; padding:40px 0; background:#f4f4f4;}
.jx_lccon{ width:1200px; margin:0 auto;}
.jx_txcon{width:680px; margin:0 auto;}





/*节目直通车 end*/

.content_list .item_block {
  transition: all 0.36s ease;
  width: calc(100% / 3 - 20px);
  height: auto;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); overflow:hidden;position:relative
}
.content_list .item_block .item_img{ width:100%; height:260px; overflow:hidden;}
.content_list .item_block .item_img img{ width:100%;}

.content_list .item_block a:hover .item_img img {
	-webkit-transform:scale(1.08);
	-ms-transform:scale(1.08);
	transform:scale(1.08)
}

.content_list .item_block .title { height:60px; line-height:60px; text-align:center; }

.content_list .item_block:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,.1); background:#fff;
	


}

.content_list .item_block .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30%;
    opacity: 0;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    background: #f08630;
    transition: all .36s ease-out;
}
.content_list .item_block:hover .title:after{
	content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 1;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    background: #f08630;
    transition: all .36s ease-out;
}

.content_list .item_block .item_img .item_mask:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1px;
    height: 15px;
    background-color: #fff;
}

.content_list .item_block .item_img .item_mask:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 15px;
    height: 1px;
    background-color: #fff;
}


.content_list .item_block .item_img .item_mask {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .36s ease;
    opacity: 0;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-top: -50px;
}

.content_list .item_block:hover .item_img .item_mask {
    opacity: 1;
    margin: 0;
}





.maindiv{ width:100%; background:#fff; overflow:hidden;}
.maindiv1{ width:100%; background:#f4f4f4; overflow:hidden;}



.nbaner{ width:100%; height:400px;background:#f8b624; }
.nbaner img{ width:100%; height:100%;}
.nbanera{ width:100%; height:450px; /*background:#f8b624;*/ margin-bottom:80px;}
.p_videoa{ width:1000px; position:relative; }
.a_video{ width:1000px; margin:0 auto 0 auto; padding-top:10px; }

.m_subtopic {
    height: 50px;
    width: 100%;
margin:50px 0 30px 0; 
}
.nav-fixed{
	position: fixed;
    top: 142px;
    width: 100%; margin:0 auto;
    z-index: 9999; background:#fff;
 box-shadow: 0 2px 6px rgba(0, 0, 0, .1); height:60px; padding:10px 0 30px 0; }

.mnav{overflow: hidden;
    height: 50px;
    justify-content: center!important; display: flex;  }
.mnav li{ float:left;  line-height:35px; padding:0 15px;}
.mnav li a{ font-size:22px;display: inline-block; justify-content: center!important; display: flex; font-weight:700; color:#525252;}
.mnav li span{ }

.mnav li a:hover{ color:#f8b625;transition: all 0.6s ease 0s;}

.mnav li.line{ width:1px; height:40px; line-height:50px; border-left:2px #dfdfdf solid; padding:0; margin:0 20px;}

#mnav-cur a{color:#f8b625; }


#mnav-cur{ border-bottom:5px #f8b624 solid; line-height:35px 

}


.acon{ color:#333; padding:20px 20px; line-height:36px; font-size:16px;}
.rpatha{ height:60px; margin-left:10px; line-height:50px; padding:0 15px; font-size:16px; }
.adivcon{/*background-image:linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 255, 255) 50%, rgb(245, 245, 245) 94%); */min-height:500px; margin-left:10px;border-radius:0 8px 0 0;}
.adivcon ul{ width:810px; margin:30px auto;}
.adivcon ul li{ float:left; width:270px;}
.ft{  margin:40px  45px ; width:180px;}
.ft span{ display:block; width:100%; text-align:center; line-height:40px;}




.dpath{height: 49px;
    border-bottom: solid 1px #f0f0f0;
    background: #f6f6f6;
    color: #ccc;
    line-height: 49px;}

.lpath{ float:left; width:200px; font-size:18px; color:#f08630; }
.rpath{ float:right; width:600px; text-align:right;color:#3d3d3d; padding-right:35px;}
.rpath a{ color:#3d3d3d;}



.titlec{ text-align:center; line-height:80px; color:#f8b625; font-weight:normal;}

.iconb{ line-height:50px; text-align:center; border-bottom:1px #dcdcdc solid; border-top:1px #dcdcdc solid; margin-bottom:30px; color:#3d3d3d; font-size:15px;}
.iconb a{color:#3d3d3d;}
.fl-rich-text{color:#3d3d3d; font-size:15px; line-height:30px;}
.fl-rich-text img{ display: block;vertical-align: middle;margin: 0 auto !important;}
.tabBtn{ width:100%; height:auto; overflow:hidden;}




.tabBtn .post-prev{
    transition: all 0.36s ease;
    position: relative;
    width: 50%;
    height: 120px;
    overflow: hidden;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    background: #f5f5f5;font-size:16px;
}
.tabBtn .post-next{
    transition: all 0.36s ease;
    position: relative;
    width: 50%;
    height: 120px;
    overflow: hidden;
    float: right;
    padding: 10px;
    box-sizing: border-box;
    background: #f5f5f5;font-size:16px;
}
.tabBtn .post-prev .infor-wrap {
    width: 99%;
    position: relative;
    top: 0;
    top: 50%;
    transform: translateY(-50%); margin-left:15px;
}
.tabBtn .post-next .infor-wrap {
    width: 99%;
    position: relative;
    top: 0;
    top: 50%;
    transform: translateY(-50%); margin-right:0px;  text-align:right
}

.post-prev .title:before{  content:"\f104"; font-family: FontAwesome;font-weight:normal; margin-right:5px;}
.post-next .title:after{  content:"\f105"; font-family: FontAwesome;font-weight:normal; margin-left:5px;}



.post-prev:hover{ background:#ef7e09; font-size:16px;transition: all 0.36s ease;}
.post-prev:hover .infor-wrap span{ color:#fff;}
.post-prev:hover .infor-wrap {margin-left:45px;;transition: all 0.36s ease;}

.post-next:hover{ background:#ef7e09; font-size:16px;transition: all 0.36s ease;}
.post-next:hover .infor-wrap span{ color:#fff;}
.post-next:hover .infor-wrap {width: 93%;transition: all 0.36s ease;}

/*分页样式*/

 .my-4 {
    margin-top: 15px!important; clear:both; margin-bottom:20px;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;

}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.page-num, .page-link {
    position: relative;
    display: block; height:28px;border-radius: 14px; width:28px;
    line-height:28px;
    color: #8a8a8a;
    background-color: #fff;
    border: 1px solid #d7d7d7; text-align:center; margin:0 5px;
}

.page-link:hover,.page-num:hover{ color:#fff; background:#ef7e09;transition: all 0.6s ease 0s; }
.pagination a:hover i{ border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;}

.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #ef7e09;
    border-color: #ef7e09;
}
.pagination i{	border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px; margin: 2px auto;
  }
.pagel { display:block;

    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); text-align:center; 
}

.pager {
 transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);text-align:center
}









/*教师详情页*/

.nteachl{ float:left; width:280px;}
.nteachl img{ width:100%}
.nteachr{ width:620px; float:right; }

.nteachr .title{ font-size:30px; color:#f8b625; margin-top:20px;}

.nteachr .subtitle{ font-size:16px;  margin-bottom:30px; color:#a2a0a0;}
.nteachr .ntcondiv { line-height:30px; font-size:20px;color:#333;}

/*课程详情页*/

.npimg{ float:left; width:600px; background:#fff;}
.npimg img{ width:100%;}
.nprdiv{ float:right; width:560px}
.nprdiv h1{ font-size:22px; color:#f8b625;; line-height:50px; border-bottom:#ccc 1px  solid; margin-bottom:15px;}
.subcon{ line-height:36px; font-size:16px; color:#3d3d3d;}
.nbt1{ width:160px; margin-top:10px;}
.nbt1 a{ color:#fff;}
.pdivcon{ font-size:16px; line-height:36px;color:#3d3d3d; background:#fff; padding:15px; width:100%; float:left;border-radius: 0 10px 0 0}

.ntitle{ width:200px; height:40px; line-height:40px; text-align:center; color:#fff; background:#f8b625; font-size:18px; }

.cnelft{ width:900px; float:left;}


.cright{ width:280px; float:right}
.clistn li{ width:100%; margin-bottom:15px;}
.clistimg img{ width:100%;}
.clistn .title{ background:#fff; line-height:40px; text-align:center;}












/*表单样式*/
.formdiv{ width:650px; margin:30px auto;}

.formdiv .title {
    font-size: 24px;
    line-height: 30px;
    color: #f8b625;
    display: inline-block;
 text-align:center; margin:20px  0 0 0; width:100%;
}
.formdiv .subtitle{ font-size:16px; text-align:center; width:100%; margin-bottom:30px; line-height:30px;}

.layui-input-block,.layui-input-inline {
    width: 300px;
}
.layui-input-inline1{ width:120px; float:left;}
.layui-form-label{ width:160px;}
.layui-input-block1{ width:500px; margin-left:160px;}
.layui-form-item span{ float:left;  line-height:40px; color:#f00;}
.layui-input{ width:300px;}
.layui-form-mid{ margin-left:110px; }
.formbt{ padding-left:210px; margin-top:30px;}
.formbtt{ width:180px;}
.layui-form-mid1{ margin-left:10px; padding-top:5px; }


/*底部样式*/

.baerdiv{ width:100%; height:60px; background:#f08630; line-height:60px; text-align:center; color:#fff; font-size:22px;  font-weight:normal;}
.baerdiv span{ font-size:28px;}

.footer{ width:100%;  background:#f6f6f6;/* border-top:10px #fff solid;*/color:#3d3d3d; }
.footer .logo{ margin-top:70px;}

.f1{ float:left; width:210px;border-right:1px #e5e5e5 solid;  padding:0 15px; margin:40px 0 20px 60px;}
.f1 h1{ font-size:18px; color:#f8b625;  margin-bottom:20px;}
.f1 ul li{ line-height:38px;}
.f1 ul li a{ font-size:15px;}

.f2{ float:left; width:540px;  padding:0 15px; margin:40px 0 20px 30px}
.f2 h1{ font-size:18px; color:#f8b625;  margin-bottom:20px;}

.f3{ float:right; margin:40px 0 40px 0; width:110px;}
.f3 span{ display:block; width:100%; text-align:center}

.coright{ line-height:30px;font-size:15px; }
.footb{ line-height:60px;border-top:1px #e5e5e5 solid; text-align:center; font-size:15px;}

/*在线客服样式*/



.kf_div{position: fixed; right: 10px; top:40%; margin-top: -90px; width: 120px;  z-index: 999;}
.kf_list li{position: relative; height: 90px; line-height: 90px; /*margin-bottom:8px;*/box-shadow: 0px 0px 8px rgba(0,0,0,.3);border-radius:5px;}
.kf_list li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 100%; height: 90px; line-height: 90px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 18px;}
.kfcon{position: absolute; left: 0px; bottom: 10px; color: #fff;  text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0; width:180px; height:50px; line-height:50px;}
.kfcon:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.kf_list li:hover .kfcon{left: -198px; opacity: 1;}

.kf1 .kfcon1{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 130px;  text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;top:0; padding:5px}
.kfcon1 span{ color:#fff; line-height:30px; height:30px}
.kfcon1 img{ height:120px; overflow:hidden}

.kf_list li.kf1 a{background:#88c568;border-radius:5px;}
.kf_list li.kf1 .kfcon1{background-color:#88c568; width:130px; height:130px; }
.kf_list li.kf1 .kfcon1:before{background-color:#88c568; }
.kf_list li.kf1:hover .kfcon1{left: -148px; opacity: 1; top:0;}
.kfcon1:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 45px; background-color:#88c568; transform:rotate(45deg);}

.kf_list li.kf2 a{background:#5ab9e9;border-radius:5px;}
.kf_list li.kf2 .kfcon{background-color:#5ab9e9; }
.kf_list li.kf2 .kfcon:before{background-color:#5ab9e9; }


.kf_list li.kf3 a{background:#bc6aa8;border-radius:5px;}
.kf_list li.kf3 .kfcon{background-color:#bc6aa8; }
.kf_list li.kf3 .kfcon:before{background-color:#bc6aa8; }


.kf_list li.kf4 a{background:#e60033 url(../images/tiyan.png) top center no-repeat;border-radius:5px; height:167px;}
.kf_list li.kf4 .kfcon{background-color:#e60033; height:180px; }
.kf_list li.kf4 .kfcon:before{background-color:#e60033; }