﻿
/*~~~~~~~~~~~~~~~~~~~~~~~~~jz start~~~~~~~~~~~~~~~~~~~~*/
/*公用*/
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
body{color: #666;background-color: #fff;}

}
input[type="button"],input[type="submit"],input[type="reset"],button{
    -webkit-appearance: none;
}
a{
    color: #333;
}
a:hover{
    color: #c49a60;
}
.wp{
    width: 1200px;margin: 0 auto;
}
.a{width: 100px;height: 20px;padding: 40px;}




.btn-c{font-size: 16px;color: #57b7e9;width: 130px;height: 42px;line-height: 42px;
    border:1px solid #57b7e9;text-align: center;border-radius: 3px;display: block;
}
.btn-c:hover{background: #57b7e9;color: #fff;}
/*内页公用*/
.ban-txt{padding: 45px 0 9px;color:#77bce0; background: #1d90cc;text-align: center;display: block;min-height: 280px;margin-bottom: 60px;}
.ban-txt.hd-bg{
    color: #fff;
    background:#e24737;
}
.ban-txt h2{font-size: 22px;color: #fff;font-weight: normal;margin-bottom: 13px;}
.ban-txt span{font-size: 18px;margin-top: 2px;text-transform: uppercase;}
.ban-txt p{font-size: 14px;line-height: 24px;}
.ban-menu{text-align: center;margin: 42px 0 0;}
.ban-menu li{display: inline-block;margin-bottom: 20px;}
.ban-menu a{width: 130px;height: 36px;line-height: 36px;font-size: 14px;text-align: center;margin: 0 15px;
    display: inline-block;border: 1px solid #a5d3eb;color: #fff;border-radius: 30px 30px 30px 30px;
}
.ban-menu a:hover,.ban-menu .on a{background-color: rgba(228,228,228,0.5);border:none;}
.ban-menu.bg a{
    border-color:#fff;
}

/*产品中心*/
.ul-pic-c .single{background: #fff;}
.ul-pic-c .single .img{float: right;text-align: right;padding-left: 20px;}
.ul-pic-c .img{width: 46%;float: left;text-align: left;}
.ul-pic-c li{padding: 81px 0 54px;background: #f4fcff;overflow: hidden;}
.ul-pic-c li:hover{background: #f4f4f4;}
.ul-pic-c .product{padding-left: 41px;padding-right: 97px;text-align: center;}
.ul-pic-c .txt{overflow: hidden;text-align: left;}
.ul-pic-c .txt strong{font-size: 24px;color: #333;margin-bottom:27px;display: block;font-weight: normal;line-height: 1em;}
.ul-pic-c .txt p{font-size: 14px;color: #666666;line-height: 28px;}
.ul-pic-c .btn-c{margin-top: 22px;}
/*关于我们 - 技术实力*/
.ul-pic-j{margin: 0 -30px;}
.ul-pic-j li{width: 25%;padding: 0 40px;float: left;margin-bottom: 40px;}
.ul-pic-j .pic span{font-size: 20px;color: #333;padding: 8px 0;display: block;}
.ul-pic-j .pic{text-align: center;}
.ul-pic-j p{font-size: 14px;color: #999;line-height: 26px;max-width:235px;margin: 0 auto;}

/*合作伙伴*/
.link-h li{width: 20%;padding: 0 10px;float: left;margin-bottom: 35px;}
.link-h .img{border: 1px solid #e6e6e6;text-align: center;background-color: #fff;}
.link-h .img{border: 1px solid #e6e6e6;text-align: center;}
.link-h .img:hover{border: 1px solid #1d90cc;}
.link-h .img img,.link-h .img b{vertical-align: middle;display: inline-block;}
.link-h .img b{width: 0;height: 100%;}
.link-h .btn-c{margin: 43px auto 0;}
/*技术服务*/
.ul-pic-cj .product{padding-left: 93px;padding-right:37px;}
.ul-pic-cj .txt p{line-height: 48px;padding-left: 35px;
    background: url(../images/service-ico.png) no-repeat left 22px;
}
.ul-pic-cj .single .img{width: 40%;text-align: right;}
.ul-pic-cj .img{width: 36%;text-align: left;}
/*客户案例*/
.link-k{padding: 0 90px;}
.link-k li{width: 33.33%;padding: 0 11px;margin-bottom: 20px;position: relative;overflow: hidden;}
.link-k .txt{position: absolute;left: 0;top: 400px;height: 100%;
    padding:48px 64px 0  24px;text-align: left;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.link-k li:hover .txt{height: 100%;display: inline;background:rgba(0,0,0,0.55);top: 0;
}
.link-k .txt span{font-size: 18px;color: #fff;display: block;margin-bottom: 10px;top:0;}
.link-k .txt p{font-size: 14px;color: #d5d5d5;line-height: 27px;}
/*发展历史*/
.history{background: url(../images/history-bg.png) no-repeat center 15px;padding: 0 105px;}
.history li{width: 100%;overflow: hidden;}
.history .txt{width: 46%;background: #f1f1f1;color: #333;font-size: 14px;padding: 26px 0 24px 18px;position: relative;}
.history span{font-size: 18px;color: #2593cd;}
.history .h-l .ac{position: absolute;top: 10px;right: -48px;}
.history .h-l .a1{position: absolute;top: 10px;right: -12px;}
.history .h-l .txt{float: left;}
.history .h-r .txt{float: right;}
.history .h-r .ac{position: absolute;top: 10px;left: -48px;}
.history .h-r .a1{position: absolute;top: 10px;left: -12px;}
.history .mb{margin-bottom: 40px;}
/*关于我们*/
.about .txt{padding: 0 128px;position: relative;}
.about p{font-size: 14px;color: #666;line-height: 29px;padding-top: 36px;}
.about .img{text-align: center;padding-top: 67px;}
.about .a1{position: absolute;top: 19px;left: 58px;}
.about .a2{position: absolute;top: 170px;right: 82px;}
/*最新动态-详细*/

.move-box{padding-top: 90px;}
.move-box .col-l{width: 211px;padding-left: 57px;margin-right: 140px;position: fixed;}
.move-box .col-r{overflow: hidden;}
.move-box .logo img{padding-bottom: 38px;border-bottom: 1px solid #e0e0e0;}
.ul-snva{padding-top: 9px;padding-left: 32px;}
.ul-snva li{font-size: 14px;line-height: 30px;}
.ul-snva a{color: #333;display: inline-block;border-bottom: 2px solid #fff;margin-bottom: 10px;}
.ul-snva a:hover,.ul-snva .on a{border-bottom: 2px solid #2493cd;color: #1d90cc;}
.move-box .col-r{float:none;padding-left: 351px;}
.sweep{margin-top: -10px;padding-right: 20px;}
.sweep p{font-size: 14px;color: #333;background: url(../images/sweep-x.jpg) no-repeat right center;}
.flip{font-size: 14px;color: #333;}
.flip .a1{background: url(../images/flip-a1.png) no-repeat left center;padding-left: 17px;margin-right: 42px;color: #333;}
.flip .a2{width: 90px;height: 34px;line-height: 32px;display: inline-block;padding-left: 35px;margin-right: 26px;
    background: url(../images/flip-a2.png) no-repeat left center;color: #333;
}
.flip .a3{width: 90px;height: 34px;line-height: 32px;display: inline-block;padding-left: 17px;
    background: url(../images/flip-a3.png) no-repeat left center;color: #333;
}
.move{padding-top: 72px;text-align: center;}
.move strong{font-size: 20px;color: #666;display: block;margin-bottom: 14px;font-weight: normal;}
.move span{font-size: 14px;color: #268cc1;margin-bottom: 44px;display: block;}
.move img{padding: 10px 0;}
.move p{line-height: 30px;font-size: 14px;text-align: left;}
/*最新动态*/
.new-box{position: relative;}
.ul-new{padding: 0 48px;background: url(../images/ul-new.png) repeat-y 25px 19px;z-index: 1; }
.ul-new li{position: relative;margin-bottom: 66px;}
.ul-new li strong{margin-bottom: 8px;display: block;font-size: 22px;color: #333333;font-weight: normal;}
.ul-new li span{font-size: 14px;color: #999;line-height: 27px;}
.ul-new li p{font-size: 14px;color: #666;line-height: 27px;}
.ul-new li a{color: #147bbe;}
.ul-new li em{width: 16px;height: 16px;position: absolute;top: 11px;left: -31px;z-index: 999;
    background: url(../images/history-pa-h.png) no-repeat center center;
}
.ul-new li:hover strong{color: #147bbe;}
.ul-new li:hover em{background: url(../images/history-pa.png) no-repeat left top;}
.new-bg img{left: 20px;top: 0px;position: absolute;}
.btn-c{margin: 0 auto;}



/*首页*/
.canvas{position: absolute;top:0;right:0;bottom:0;left:0;z-index: 3;}
#dowebok {z-index: 0;}
#dowebok .wp{position: relative;top:50px;z-index: 5;}

#row1{background-color: #268cc1;}
#row2{background-color: #f5f5f5;}
#row3{background-color: #e24e35;}
#row4{background-color: #f5f5f5;}
#row5{background-color: #3e3e3e;}
#row6{background-color: #f5f5f5;}
#row7{background-color: #e24e35;}
#row8{background-color: #3f3f3f;}
#row9{background-color: #3190c2;}

.i-tit1{text-align: center;font-weight: normal;margin-bottom: 30px;overflow: hidden;}
.i-tit1 strong{font-size: 24px;font-weight: normal;color: #333;}
.i-tit1 span{font-family: "Arial";font-size: 18px;color: #666;text-transform: uppercase;}
.i-tit1 em{display: inline-block;height: 2px;background-color: #268cc1;width: 20px;position: relative;top:-10px;}
.i-tit2{text-align: center;font-weight: normal;margin-bottom: 30px;overflow: hidden;}
.i-tit2 strong{font-size: 24px;font-weight: normal;color: #fff;}
.i-tit2 span{font-family: "Arial";font-size: 18px;color: #fff;text-transform: uppercase;opacity: .4;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 40)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);}
.i-tit2 em{display: inline-block;height: 2px;background-color: #fff;width: 20px;position: relative;top:-10px;}
.g-more{text-align: center;margin-top: 20px;}
.g-more a{display: inline-block;width: 124px;height: 38px;line-height: 36px;text-align: center;color: #fff;font-size: 12px;border: 1px solid #fff;}
.g-apply{text-align: center;margin-top: 100px;}
.g-apply a{display: inline-block;width: 160px;height: 42px;text-align: center;line-height: 42px;background-color: #e24e35;color: #fff;font-size: 24px;font-weight: bold;border-radius: 20px;}

.i-txt1{font-family:"微软雅黑","Microsoft Yahei","Arial";font-size: 36px;text-align: center;color: #fff;}
.i-txt1 .t2{font-size: 48px;}
.i-txt1 .t2 .c-blue{color: #004785;}
.i-txt1 .t2 .c-orange{color: #e24e35;}

.news-box1{overflow: hidden;}
.news-box1 .first{float: left;width: 643px;margin-right: 20px;}
.news-box1 .first img{width:100% ;display: block;margin-top: 20px;}
.news-box1 .first .img{margin-bottom: 25px;}
.news-box1 .first h4{font-size: 16px;margin-bottom: 15px;}
.news-box1 .first h4 span{float: right;font-size: 14px;color: #268cc1;font-weight: normal;}
.news-box1 .first p{font-size: 14px;color: #999;}
.news-box1 .first h4 a{color: #666;}
.news-box1 .first h4 a:hover{color: #268cc1;}
.news-box1 ul{float: right;width: 500px;padding-top: 20px;}
.news-box1 li{margin-bottom: 25px;}
.news-box1 li h4{font-size: 16px;margin-bottom: 8px;position: relative;}
.news-box1 li h4 span{float: right;font-size: 14px;color: #268cc1;font-weight: normal;}
.news-box1 li h4 em{height:2px;width: 12px;background-color: #268cc1;position: absolute;left:-30px;top:11px;}
.news-box1 li h4 a{color: #666;}
.news-box1 li h4 a:hover{color: #268cc1;}
.news-box1 li p{font-size: 14px;color: #999;line-height: 35px;height:70px;overflow: hidden;}

.ul-list1 li{float: left;width: 25%;text-align: center;color: #fff;}
.ul-list1 li .pic{margin-bottom: 35px;}
.ul-list1 li .txt{height:135px;overflow: hidden;}
.ul-list1 li h4{font-size: 16px;margin-bottom: 15px;}
.ul-list1 li h4 a{color: #fff;}
.ul-list1 li p{font-size: 14px;max-width: 185px;margin: 0 auto;line-height: 22px;}
.ul-list1 li .more a{font-size: 14px;display: inline-block;border-bottom: 3px solid #fff;text-align: center;color: #fff;padding: 0 5px 3px 5px;}

.ul-list2 li{float: left;width: 25%;text-align: center;color: #999;}
.ul-list2 li h4{font-size: 24px;color: #333;margin-bottom: 20px;}
.ul-list2 li .pic{margin-bottom: 50px;}
.ul-list2 li .txt{height: 155px;overflow: hidden;}
.ul-list2 li p{color: #999;font-size: 14px;max-width: 265px;margin: 0 auto;padding: 0 10px;}
.ul-list2 li .more a{display: inline-block;width: 75px;height: 28px;border-radius: 2px;text-align: center;line-height: 26px;border: 1px solid #d9d9d9;color: #999;}
.ul-list2 li .more a:hover{border-color: #268cc1;color: #268cc1;}

.ul-list3 li{float: left;width: 19%;margin: 0 0.5%;height: 302px;color: #fff;padding: 20px;}
.ul-list3 li.s1{background-color: #f45841;}
.ul-list3 li.s2{background-color: #ff8838;}
.ul-list3 li.s3{background-color: #3889ff;}
.ul-list3 li.s4{background-color: #1dd4c0;}
.ul-list3 li.s5{background-color: #8542f4;}
.ul-list3 li h4{font-size: 24px;font-weight: normal;margin-bottom: 20px;}
.ul-list3 li h4 em{display: block;width: 50px;height: 2px;background-color: rgba(255,255,255,0.5);margin-top: 25px;}
.ul-list3 li p{font-size: 14px;line-height: 1.8em;height: 140px;overflow: hidden;}
.ul-list3 li .more{display: inline-block;width: 75px;height: 28px;border-radius: 2px;text-align: center;line-height: 26px;border: 1px solid #fff;color: #fff;opacity: 0.6;}
.ul-list3 li .more:hover{opacity: 1;}

.ul-tab1 {text-align: center;margin-bottom: 50px;}
.ul-tab1 li{width: 150px;height: 43px;border-radius: 20px;display: inline-block;margin: 0 12px;background-color: #dcdcdc;line-height: 43px;font-size: 14px;}
.ul-tab1 li a{display: block;color: #666;}
.ul-tab1 li.hover{background-color: #e24e35;}
.ul-tab1 li.hover a{color: #fff;}

.ul-list4{margin: 0 50px;}
.ul-list4 li{width: 31.33%;float: left;margin: 0 1%;margin-bottom: 22px;}
.ul-list4 li a{display: block;width: 100%;height: 0;padding-top: 66.8%;position: relative;overflow: hidden;}
.ul-list4 li img{width: 100%;height: 100%;position: absolute;left:0;top:0;}
.ul-list4 li .txt{position: absolute;top: 100%;left: 0;width: 100%;padding:48px 64px 0  24px;background-color: rgba(0,0,0,0.8); text-align: left;height: 100%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list4 li .txt span{font-size: 18px;color: #fff;display: block;margin-bottom: 10px;}
.ul-list4 li .txt p{font-size: 14px;color: #d5d5d5;line-height: 27px;}
.ul-list4 li a:hover img{opacity: 1;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.ul-list4 li a:hover .txt{top:0;}

.aboutBox .pic{float: left;}
.aboutBox .txt{float: right;width: 680px;color: #fff;padding-top: 15px;}
.aboutBox .txt h4{font-size: 24px;color: #fff;margin-bottom: 40px;}
.aboutBox .txt .p-t{padding: 0 70px;position: relative;margin-bottom: 50px;}
.aboutBox .txt p{line-height: 2em;font-size: 14px;margin-bottom: 25px;}
.aboutBox .txt .p-t .yin-l{position: absolute;left:0;top:-10px;width: 38px;height: 31px;background: url(../images/yin-l.png) no-repeat left top;}
.aboutBox .txt .p-t .yin-r{position: absolute;right:0;bottom:-10px;width: 38px;height: 31px;background: url(../images/yin-r.png) no-repeat left top;}
.aboutBox .txt .more{display: inline-block;width: 90px;height: 36px;border-radius: 2px;text-align: center;line-height: 34px;border: 1px solid #fff;color: #fff;opacity: 0.6;margin-left: 20px;}
.aboutBox .txt .more:hover{opacity: 1;}

.contactBox{text-align: center;}
.contactBox h3{text-align: center;font-size: 48px;font-family: "Arial";color: #fff;font-weight: normal;line-height: 1em;margin-bottom: 90px;}
.ul-add{display: inline-block;*display:inline;zoom:1;}
.ul-add li{width: 398px;padding: 10px 10px 10px 40px;border: 1px dashed #fff;margin: 0 50px;float: left;text-align: left;}
.ul-add li h4{font-size: 30px;color: #fff;}
.ul-add li p{padding-left: 30px;font-size: 14px;line-height: 32px;color: #fff;}
.ul-add li p.add{background: url(../images/ic-add.png) no-repeat left 8px;}
.ul-add li p.tel{background: url(../images/ic-tel.png) no-repeat left 8px;}
.ul-add li p.fax{background: url(../images/ic-fax.png) no-repeat left 8px;}
.ul-add li p.email{background: url(../images/ic-email.png) no-repeat left 8px;}


.ul-list1 li .pic img{
    -o-transition:.6s;
    -ms-transition:.6s;
    -moz-transition:.6s;
    -webkit-transition:.6s;
    transition:.6s;
}
.ul-list1 li .pic:hover img{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);     /* IE 9 */
    -moz-transform:rotateY(360deg);    /* Firefox */
    -webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
    -o-transform:rotateY(360deg);  /* Opera */
}
.ul-list2 li .pic img{
    -o-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    transition:1s;
}
.ul-list2 li .pic:hover img{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);     /* IE 9 */
    -moz-transform:rotate(360deg);    /* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg);  /* Opera */
}
.ul-list3 li{
    -o-transition:.6s;
    -ms-transition:.6s;
    -moz-transition:.6s;
    -webkit-transition:.6s;
    transition:.6s;
}
.ul-list3 li:hover{
    transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);     /* IE 9 */
    -moz-transform:rotateY(360deg);    /* Firefox */
    -webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
    -o-transform:rotateY(360deg);  /* Opera */
}

.link-h li{filter:grayscale(100%); 
-webkit-filter:grayscale(100%); 
-moz-filter:grayscale(100%); 
-ms-filter:grayscale(100%); 
-o-filter:grayscale(100%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
-webkit-filter:grayscale(1);} 
.link-h li:hover{
    filter:grayscale(0%); 
    -webkit-filter:grayscale(0%); 
    -moz-filter:grayscale(0%); 
    -ms-filter:grayscale(0%); 
    -o-filter:grayscale(0%); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); 
    -webkit-filter:grayscale(0);
}

/*首页 end*/

/* 社区贡献 */
.ul-imgtxt1 li{float: left;width: 33%;padding: 12.5px;}
.ul-imgtxt1 li .box{margin: 0 auto;}
.ul-imgtxt1 li .img img{display: block;width: 100%;border: 1px solid #dedede;}
.ul-imgtxt1 li .txt{min-height: 105px;padding: 22px;background: #f4f4f4;}
.ul-imgtxt1 li .txt h3 a{display: block;font-weight: normal;color: #333;margin-bottom: 10px;}
.ul-imgtxt1 li .txt h3 a:hover{color: #57b7e9;}
.ul-imgtxt1 li .txt p{color: #c1c1c1;font-size: 14px;}
.jg-a1{display: block;width: 130px;height: 43px;margin: 80px auto 0;text-align: center;line-height: 43px;font-size: 16px;border-radius: 5px;color: #57b7e9;border: 1px solid;}/*首页 end*/
.jg-c1{color: #e4e4e4;opacity: 0.5;
filter: alpha(opacity=);}
/* 九州学院-关于九州学院 */
.ul-list5 li{float: left;width: 25%;padding: 0 70px;text-align: center;color: #636363;}
.ul-list5 li span{display: block;width: 145px;height: 145px;margin: 0 auto;margin-bottom: 20px;border-radius: 50%;background: #f7f7f7;}
.ul-list5 li span img{width: 145px;height: 145px;}
.jg-boxs{margin-top: 80px;background: url(../images/img9.png) no-repeat center 60px;}
.jg-boxs .jg-box1{width: 360px;margin-top: 65px;}
.jg-boxs .jg-box1.bg1{background: url(../images/img5.png) no-repeat right top;}
.jg-boxs .jg-box1.bg2{background: url(../images/img6.png) no-repeat left top;}
.jg-boxs .jg-box1.bg3{background: url(../images/img7.png) no-repeat right top;}
.jg-boxs .jg-box1.bg4{background: url(../images/img8.png) no-repeat left top;}
.jg-boxs .jg-box1 h3{margin-bottom:15px;font-size: 18px;color: #313131;}
.jg-boxs .jg-box1 p{color: #959595;}
.jg-boxs .jg-box1.l{text-align: right;padding-right: 80px;}
.jg-boxs .jg-box1.r{text-align: left;padding-left: 80px;}
.jg-tit1{margin-top: 110px;}
.jg-tit1 strong{color: #333;}
.jg-tit1 span{color: #c1c1c1;}
.jg-tit1 em{background-color: #2593cd;}
.jg-box2{margin-bottom: 25px;}
.jg-box2 .m1{float: left;width: 50%;padding: 0 35px;text-align: center;}
.jg-box2 .m1 img{width: 567px;height: 318px;}
.jg-box2 .m1 h3{color: #313131;font-size: 18px;margin: 35px 0 10px;}
.jg-box2 .m1 p span{padding-left: 30px;line-height: 2.5;color: #b3b3b3;font-size: 14px;}
.jg-box2 .m1 p.p1 span{background: url(../images/ico_loc.png) no-repeat left center;}
.jg-box2 .m1 p.p2 span{background: url(../images/ico_tel.png) no-repeat left center;}
.jg-box2 .m1 p.p3 span{background: url(../images/ico_cal.png) no-repeat left center;}
/*lm 九州学院-培训课程 企业内训*/

.lm-ul-1 li{
    padding: 10px;
    width: 33.3%;
    float: left;
    text-align: center;
}
.lm-ul-1 li span{
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 35px;
    color: #949494;
    border: 1px solid#ddd;
}

.lm-ul-1 li a:hover span,.lm-ul-1 li.on a span{
    color:#e24737;
    border-color: #e24737;
}
.lm-ul-1 li span.p1{
    float: left;
    display: inline-block;
    width:48%;
}
.lm-ul-1 li span.p2{
    display: inline-block;
    float: right;
    width:48%;
}
.img-ul{
    clear: both;
    padding-top: 50px;
}
.img-ul .pic{
    float: left;
    padding-left: 60px;
}
.img-ul .ultxt{
    overflow: hidden;
}
.lm-ul-2{
    padding: 0 0 145px 68px;
}
.lm-ul-2 li{
    font-size: 16px;
    margin: 25px 0;
}
.lm-ul-2 li p{
    height: 50px;
    padding-top: 10px;
    line-height: 20px;
    overflow: hidden;
}

.lm-ul-2 li em{
    line-height: 40px;
    float: left;
    color:#e24737;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    border:1px dashed #e24737;
    border-radius: 50%;
    margin-right: 20px;
}
/*九州学院-培训课程*/
.lm-tit{
    padding-top: 60px;
    text-align: center;
}
.lm-tit h3{
    line-height: 40px;
    font-size:20px;
    color: #333;
}
.lm-tit p{
    margin-bottom: 15px;
    line-height: 30px;
    font-size: 14px;
}
.lm-tit span{
    display: inline-block;
    line-height: 50px;
    padding:0 25px 0 50px;
    background: url(../images/lm-s1.png) no-repeat left center;
}
.lm-tit span.s2{
    background: url(../images/lm-s2.png) no-repeat left center;
}
.lm-tit span.s3{
    background: url(../images/lm-s3.png) no-repeat left center;
}
.lm-ul-3{
   margin-top: 20px;
}
.lm-ul-3 li{
    float: left;
    width: 33.3%;
    padding: 15px 7px;
}
.lm-ul-3 li a{
    background: #ecf0f1;
    display: block;
    height: 148px;
    padding: 30px 0;
}
.lm-ul-3 h5{
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #333;
    padding-left: 33px;
    text-transform: uppercase;
    background: url(../images/lm-ul3.png) no-repeat 17px center;
}
.lm-ul-3 p{
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 30px;
}
.login{z-index: 20;position:fixed;display:none;width: 350px;border-radius: 5px;height: 500px;background: white;box-shadow: 0px 0px 5px #333333;top: 50%;left: 50%;margin-top: -250px;margin-left: -175px;transition: all 1s;-moz-transition: all 1s;	/* Firefox 4 */-webkit-transition: all 1s;	/* Safari 和 Chrome */-o-transition: all 1s;	/* Opera */}
.login-top{font-size: 24px;margin-top: 100px;padding-left: 40px;box-sizing: border-box;color: #333333;margin-bottom: 50px;}
.login-center{width: 100%;box-sizing: border-box;padding: 0 40px;margin-bottom: 30px;}
.login-center-img{width: 20px;height: 20px;float: left;margin-top: 5px;}
.login-center-img>img{width: 100%;}
.login-center-input{float: left;width: 230px;margin-left: 15px;height: 30px;position: relative;}
.login-center-input1{width : 120px;}
.login-center-input input{z-index: 2;transition: all 0.5s;padding-left: 10px;color: #333333;width: 100%;height: 30px;border: 0;border-bottom: 1px solid #cccccc;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;box-sizing: border-box;outline: none;position: relative;}
.login-center-input input:focus{border: 1px solid dodgerblue;}
.login-center-input-text{background: white;padding: 0 5px;position: absolute;z-index: 0;opacity: 0;height: 20px;top: 50%;margin-top: -10px;font-size: 14px;left: 5px;color: dodgerblue;line-height: 20px;transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: all 0.5s;	/* Opera */}
.login-center-input input:focus~.login-center-input-text{top: 0;z-index: 3;opacity: 1;margin-top: -15px;}
.login.active{-webkit-animation: login-small 0.8s ; animation: login-small 0.8s ;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.login-button{padding:0;cursor: pointer;width: 100px;text-align: center;height: 40px;line-height: 40px;background-color: dodgerblue;border-radius: 5px;margin: 0 10px;margin-top: 50px;color: white;border:0;display:inline-block;}
.loginzc-button{padding:0;cursor: pointer;width: 100px;text-align: center;height: 40px;line-height: 40px;background-color: dodgerblue;border-radius: 5px;margin: 0 10px;margin-top: 0px;color: white;border:0;display:inline-block;}
.login-bot{text-align : center;}
.code-img{float:right;width:100px;height:30px;}
.code-img img{max-width:100%;max-height:100%;}
.clearfix:after{visibility:hidden;display: block;font-size:0;content:" ";clear:both;height:0;}
.loginzc{z-index: 100;position:fixed;display:none;width: 350px;border-radius: 5px;height: 500px;background: white;box-shadow: 0px 0px 5px #333333;top: 50%;left: 50%;margin-top: -250px;margin-left: -175px;transition: all 1s;-moz-transition: all 1s;	/* Firefox 4 */-webkit-transition: all 1s;	/* Safari 和 Chrome */-o-transition: all 1s;	/* Opera */}
.loginzc-top{font-size: 24px;margin-top: 50px;padding-left: 40px;box-sizing: border-box;color: #333333;margin-bottom: 50px;}


