body,p,h1,h2,h3,h4,h5,h6,ul,li{ margin:0; padding:0; font-style:normal; font-family:"微软雅黑"; color: #333;}
body{ overflow-x: hidden; }
tr,td,dd,dl,dt{ margin:0; padding:0}
img{ border:none; vertical-align: middle;max-width: 100%;}
a{ text-decoration:none; color: #333;}
ul,li{ list-style:none}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.fl{ float: left; }
.fr{ float: right; }
*, :after, :before {padding: 0;margin: 0;outline: 0;box-sizing: border-box;}
body.has-menu-open {overflow: hidden!important;}
body.has-menu-open .nav, body.has-menu-open .nav-lang {visibility: visible; opacity: 1;}
body.has-menu-open .logo {display: inline-block; }
body.has-menu-open .icon {display: inline-block; }
body.has-menu-open .header {background-color: #fff;}
/*top*/
.header {
    left: 0;
    width: 100%;
    z-index: 400;
    padding: 13px 0 53px;
    transition: top 2s;
    background: 0 0;
    position: absolute;
    padding-top: 35px;
    top: 0;
}
.shell {
    max-width: 1350px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    position: relative;
}
.logo-homepage, .logo {
    display: none;
    width: 171px;
    height: 53px;
}
.logo, .logo img {
    transition: opacity .4s,visibility .4s;
}
.logo{float: left;}
.header .nav-lang {
    position: absolute;
    top: 15px;
    right: 94px;
}
.nav-lang {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.4;
}
.nav-lang a{font-size: 16px;color: #a5a5a5}
.nav-lang, .nav-lang>ul>li>ul, body.page-template-home.visibility-green .logo-homepage img+img {
    visibility: hidden;
    opacity: 0;
}
.nav {
    padding: 166px 0 0;
    height: 100vh;
    width: 100%;
    z-index: 300;
    color: #fff;
    font-size: 20px;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    position: fixed;
    top: 145px;
    left: 0;
    background: #e5e5e5;
}
.nav, .nav-lang>ul>li>ul {
    transition: visibility .4s,opacity .4s;
}
.nav-trigger {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 54px;
    padding: 13px 11px 12px 12px;
    border-radius: 50%;
    transition: background .4s;
    float: right;
}
.nav .shell>ul>li>ul li span:after, .nav-trigger:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
}
.nav-trigger:before {
    position: absolute;
    border: 2px solid #fff;
    border-radius: 50%;
}
.nav-trigger.cur:before{border: 2px solid #10228d;}
.nav-trigger.cur span{background-color: #10228d;}
.nav-trigger span {
    position: absolute;
    display: block;
    height: 1px;
    width: 27px;
    background: #fff;
    transition: top .2s .25s,left .2s .25s,opacity .2s .25s,background .4s,-webkit-transform .2s 0s;
    transition: top .2s .25s,left .2s .25s,opacity .2s .25s,transform .2s 0s,background .4s;
    transition: top .2s .25s,left .2s .25s,opacity .2s .25s,transform .2s 0s,background .4s,-webkit-transform .2s 0s;
}
.nav-trigger span:nth-child(1) {
    top: 15px;
    width: 21px;
    left: 17px;
}
.nav-trigger span:nth-child(2) {
    top: 23px;
    left: 14px;
}
.nav-trigger span:nth-child(3) {
    top: 31px;
    left: 14px;
}
.nav-trigger span:nth-child(4) {
    top: 39px;
    width: 21px;
    left: 17px;
}
.nav-trigger:hover {
    background: #10228d;
}
.nav-trigger.active span {
    transition: background .2s,top .2s,left .2s,opacity .2s,-webkit-transform .2s .25s;
    transition: background .2s,top .2s,left .2s,opacity .2s,transform .2s .25s;
    transition: background .2s,top .2s,left .2s,opacity .2s,transform .2s .25s,-webkit-transform .2s .25s;
    background: #a5a5a5;
}
.nav-trigger.active span:nth-child(1), .nav-trigger.active span:nth-child(2), .nav-trigger.active span:nth-child(3), .nav-trigger.active span:nth-child(4) {
    top: 27px;
}
.nav-trigger.active span:nth-child(1), .nav-trigger.active span:nth-child(4) {
    opacity: 0;
}
.nav-trigger.active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-trigger.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*menu-nav*/
.meun-nav {
    width: 100%;
    height: calc(100% - 100px);
    position: fixed;
    left: 0;
    top: 135px;
    background: #e5e5e5;
    z-index: 9;
}
.meun-nav>div {
    width: 1350px;
    margin: 0 auto;
    padding-top: 3%;
}
.meun-nav .nav-list {
    width: 44%;
    float: left;
}
.meun-nav .nav-list .ul {
    width: 50%;
    position: relative;
}
.meun-nav .nav-list .ul:before {
    content: '';
    position: absolute;
    right: 0;
    top: 55%;
    width: 1px;
    margin-top: -210px;
    height: 415px;
    background: #cbcbcb;
}
.meun-nav .ul .li-index {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 18px;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.meun-nav .ul .li {
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    overflow: visible !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px;
    line-height: 1.8;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    cursor: pointer;
    color: #000;
    position: relative;
    -webkit-transition: padding-left .35s ease,text-indent .35s ease,color .35s;
    transition: padding-left .35s ease,text-indent .35s ease,color .35s;
}
.meun-nav .ul .li:before {
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    top: 50%;
    margin-top: -1px;
    left: 0;
    height: 2px;
    background-color: #2dbef0;
    -webkit-transition: width .35s ease;
    transition: width .35s ease;
}

.meun-nav .nav-list .nav-li {
    width: 50%;
    position: relative;
    margin-top: 45px;
}
.meun-nav .nav-list .nav-li .sub-li {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
}
.meun-nav .nav-list .nav-li a {
    display: block;
    text-indent: 20%;
    font-size: 18px;
    margin-bottom: 5px;
    color: #333;
    line-height: 1.8;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    opacity: 0;
}
.meun-nav .nav-list .nav-li .sub-li.active {
    opacity: 1;
    visibility: visible;
}
.meun-nav .nav-list .nav-li a.cur {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}

.meun-nav .imgbox {
    width: 37.5%;
    float: right;
    margin-top: 45px;
}
.meun-nav .imgbox .img, .meun-nav .imgbox img {
    width: 100%;
}
.meun-nav .imgbox .text {
    margin-top: 15px;
}
.meun-nav .imgbox .text .h {
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 5px;
}

.header .icon {
    position: absolute;
    top: 15px;
    right: 120px;
    display: none;
}
.header .icon a{display: inline-block;margin-right: 20px;}
/*mobile*/
.mobile-banner, .mobile-mu {
    display: none;
}
/*vh相对于视口的高度。视口被均分为100单位的vh*/
.scetion{height: 100vh;  padding: 0;display: table;width: 100%;position: relative;}
/*section1*/
.section1{background: url(/uploads/image/tspimages/fullpage1.jpg);background-size: cover;background-position: center;background-repeat: no-repeat; }
.section1 img{display: block;margin-left: auto;margin-right: auto;margin-bottom: 30px;position: relative;opacity: 0;top: 150px;transition: opacity 1s .2s,top 1s .3s;}
.section1 h2{color:#fff; text-align:center;font-size: 48px;position: relative;opacity: 0;top: 150px;transition: opacity 2s 1s,top 1s 1s;font-weight: normal;}
.section1 img.cur,.section1 h2.cur{opacity: 1;top: 0;}
/*section2*/
.section2{background: url(/uploads/image/tspimages/fullpage2.jpg) ;background-size: cover;background-position: center;background-repeat: no-repeat; }
.section-content {position: relative;top: 200px;transition: opacity 1s,top 1.5s;opacity: 0;}
.section2 .shell.cur .section-content {top: 0;opacity: 1;}
.tit{position: relative;    margin-bottom: 8%;}
.tit::after{content: '';position: absolute;width: 54px;height: 4px;background: #dc2323;left: 48%}
.tit h3{font-size: 36px;color: #333;font-weight: normal;text-align: center;}
.tit p{font-size: 16px;color: #666;margin: 5px 0 5px;text-align: center}
.section2 p{font-size: 16px;line-height: 35px;width: 60%;margin-left: 20%;text-align: center;}
.btn {
    cursor: pointer;
    font-size: 16px;
    height: 45px;
    line-height: 39px;
    min-width: 190px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    border: 2px solid #dc2323;
    background: #dc2323;
    margin-top: 66px;
    display: inline-block;
    border-radius: 10px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.btn em{display: none;transition: all ease-out .3s;}
.btn em img{margin-top: -3px;transition: all ease-out .3s;}
.btn:hover em{display: inline-block}
/*section3*/
.section3{background:  no-repeat;background-size: cover;background-position: center;background-repeat: no-repeat;}
.section3 .shell.cur .section-content {top: 0;opacity: 1;position: relative;}
.section3 .tit{margin-bottom: 3%;}
.section3 p{font-size: 16px;line-height: 35px;width: 78%;margin-left: 11%;text-align: center;}
.section3 ul{border: 1px solid #c6c6c6;width: 80%;margin:80px 10% 0;position: relative;box-shadow:0 0 10px #fff inset;
    -webkit-box-shadow:0 0 10px #fff inset;
    -moz-box-shadow:0 0 10px #fff inset;
    -o-box-shadow:0 0 10px #fff inset;}
.section3 ul li{float: left;width: 30%;margin:5% 1.5%;text-align: center}
.section3 ul li:last-child{position: absolute;top: -11%;left: 33%;margin-top: 0;}
.section3 ul li .btn{margin-top: 0;}
.section3 ul li img{display: inline-block;}
/*section4*/
.section4{background-color:#f2f2f2!important;}
.section4 .shell.cur .section-content {top: 0;opacity: 1;position: relative;}
.section4 .section-content>ul>li{width: 30%;margin: 1.5%;text-align: left;float: left}
.section4 p.p_con{font-size: 16px;color: #666;margin-bottom: 15px;line-height: 25px;}
.section4 p.time{font-size: 30px;color: #666;margin: 10px 0;margin-bottom: 5px;}
.section4 p.p_tit{font-size: 18px;color: #333;margin-bottom: 5px;}
.section4 a{display: inline-block;width: 50px;padding-top: 8px;border-top: 1px solid #dc2323;color: #dc2323;font-size: 16px;}
.arrright, .arrleft {display: none;}

#news{display: none;}


.section6  .top{padding: 20px;background: #3a3c45;}
.section6  .top  .news1200 .foot_logo img{padding: 2% 0}
.section6  .top  .news1200 div p,.section6  .top  .news1200 div li{font-size: 14px;color: #eeeeee;line-height: 30px;}
.section6  .top  .news1200 .ewm li{float: left;width: 20%;margin: 0 10%}

.section6  .bottom{padding: 10px;background: #3a3c45;border-top: 1px solid #5f6066;}
.section6 p{color: #fff;text-align: center;font-size: 14px ;}
.section6 .mid{padding: 30px 0;border-top: 1px solid #5f6066;}
.section6 .mid>ul{width: 22%;text-align: left;float: left;}
.section6 .mid>ul li a{color: #cccccc;font-size: 16px;margin:10px 0;display: block}
.section6 .mid>ul li:nth-of-type(1) a{color: #f2f2f2;font-size: 18px;margin: 10px 0 20px 0;}
.section6 .mid .fr p{color: #cccccc;font-size: 16px;margin: 10px 0;}
.section6 .mid .fr li img{margin-right: 15px;}
.section6 .mid .fr li a{color: #ccc;font-size: 16px;margin: 10px 0;display: inline-block}


.container{background-color: #f2f2f2;}
.container .news1200>h2{font-size: 30px;padding-bottom: 10px;border-bottom: 1px solid #cdcdcd;font-weight: normal;margin-bottom: 15px;}
.news{background-color: #fff;box-sizing: border-box;}
.news_list {
    height: 58px;
    border-bottom: 1px solid #dddddd;
}
.news_list > li {
     float: left;
     margin-bottom: -1px;
     text-align: center;
     line-height: 56px;
     height: 58px;
     border-right: 1px solid #eee;
    width: 300px;
}
.news_list:hover li {
    border-right: 1px solid #eee;
}
.news_list li:nth-of-type(3){border-right:0; }
.news_list > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 36px;
    font-size: 18px;
}
.news_list > li > a :hover{
    text-decoration: none;
    background-color: #eeeeee;
}
.news_list > li.active > a,.news_list > li.active > a:hover{
    color: #fff;
    background-color: #00a1c7;
    cursor: default;
    height: 38px;
    border-right: 0;
}

.fy_newlist {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}
.news_content {
    height: 320px;
    clear: both;
    display: block;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}
.news_content:hover {
    background: #fafafa;
    -webkit-box-shadow: 0 0 20px #cbc9c9;
    -moz-box-shadow: 0 0 20px #cbc9c9;
    box-shadow: 0 0 20px #cbc9c9;
}
.news_left {
    width: 607px;
    float: left;
    background: url(/uploads/image/tspimages/news1.png) no-repeat right;
    height: 320px;
}
.news_content:hover .news_left {
    background: url(/uploads/image/tspimages/news2.png) no-repeat right;
}
.news_content:hover img{opacity: 1;}
.news_left ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}
.news_left ul li {
    float: left;
    width: 50%;
}
.news_img {
    margin-left: 5px;
    margin-top: 5px;
    opacity: .4;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}
.mnewleft2 {
    width: 50%;
    text-align: center;
}
.news_li1 {
    text-align: center;
    display: block;
}
.news_li1 p {
    text-align: center;
}
.news_lip1 {
    padding-top: 108px;
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}
.news_lip2 {
    font-size: 30px;
    color: #444;
    font-weight: bold;
}
.news_content:hover .news_lip1 {
    -webkit-transition: all 0.55s, -webkit-transform 0.55s;
    transition: all 0.55s, transform 0.55s;
    -webkit-transform: translate3d(40px,0,0);
    transform: translate3d(40px,0,0);
}
.news_content:hover .news_lip2 {
    -webkit-transition: all 0.55s, -webkit-transform 0.55s;
    transition: all 0.55s, transform 0.55s;
    -webkit-transform: translate3d(40px,0,0);
    transform: translate3d(40px,0,0);
    color: #00a1c7;
}

.news_right {
    width: 550px;
    float: right;
}
.news_right1 {
    padding-top: 105px;
    padding-left: 55px;
    padding-bottom: 26px;
}
.news_right2 {
    padding-left: 55px;
    width: 480px;
    height: 37px;
    font-size: 14px;
    color: #444;
    line-height: 18px;
    margin-bottom: 15px;
    overflow: hidden;
}
.news_right3 {
    margin-left: 55px;
    width: 140px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    opacity: 0;
    background-color: #00a1c7;
}
.news_content:hover .news_right3 {
    -webkit-transition: all 0.55s, -webkit-transform 0.55s;
    transition: all 0.55s, transform 0.55s;
    /*-webkit-transform: translate3d(0,-50px,0);*/
    /*transform: translate3d(0,-50px,0);*/
    opacity: 1;
}
/*page*/
.pagelist {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #00a1c7;
}
.pagelist ul {
    text-align: center;
    margin: 0 auto;
}
.pagelist  li {
    text-align: center;
    line-height: 50px;
    display: inline-block;
    padding-right: 10px;
}
.pagelist  li a {
    color: #fff;
    display: inline;
}

/*news_detail*/
.fy_newsshow{    width: 750px;
    margin: 0 auto;}
.fy_newsshow h3 {
    text-align: center;
    font-size: 24px;
    color: #444;
    padding-top: 35px;
    padding-bottom: 35px;
}
.fy_newsshow p{line-height: 28px;color: #999999;font-size: 14px;}
.fy_newsshow7{ width:100%; height:50px; margin-top:80px; background:#00a1c7;}
.fy_newsshow8{  line-height:50px; padding-left:35px; float:left}
.fy_newsshow8 a{font-size:14px; color:#fff; }
.fy_newsshow8 img{ padding-left:10px; padding-top:-2px;}
.fy_newsshow9{ float:right; width:210px;font-size:14px; color:#fff; }
.fy_newsshow9 img{ margin-top:-6px;}
.fy_newsshow9 a{ color:#fff; line-height:50px; padding-right:14px; padding-left:14px; font-size:14px;}



/*course_detail*/
#dowebok{position: relative;}
.nei_ban{position: relative;  overflow: hidden;}
.banner-content {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    overflow: hidden;
    width: 1200px;
    top: 50%;
    height: 320px;
    margin-top: -120px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.banner-content .h-nav .annav{    width: 30%;display: inline-block;margin: 1.5%}
.h-nav-a {
    display: block;
    padding: 0;
    line-height: 70px;
    font-size: 20px;
    margin: 0;
    border-right: none;
    height: 70px;
    background-color: #fff;
    text-align: center;
    transition: color 0.6s;
    color: #333;
    opacity: .75;
}
.h-nav-a .ico {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-right: 8px;
    background-position: 0 0;
    vertical-align: middle;
}
.h-nav-a:hover, .h-nav-a.cur {
    background-color: #10228d;
    color: #fff;
}
.h-nav-a:hover .ico, .h-nav-a.cur .ico {
    background-position: 0 100%;
}
.h-news-nav-ico1 {background-image: url(/uploads/image/tspimages/icon6.png);}
.h-news-nav-ico2 {background-image: url(/uploads/image/tspimages/icon7.png);}
.h-news-nav-ico3 {background-image: url(/uploads/image/tspimages/icon8.png);}
.banner-content .tit h3{color: #fff;}
.banner-p{padding: 40px;box-shadow: 2px 5px 15px rgba(0,0,0,0.3);position: absolute;top: 29%;left: 33%;background-color: #fff;width: 600px;}
#dowebok>.banner-p{display: none;}
.b_top{border-bottom: 2px solid #c4c4c4;padding-bottom: 10px;margin-bottom: 15px;}
.b_top h3{font-size: 50px;color: #333;font-weight: normal;letter-spacing:4px;display: inline-block}
.b_top p{font-size: 24px;color: #333;display: inline-block;margin-left: 90px;position: relative}
.b_top p::after{content: ''; position: absolute;width: 40px;height: 5px;background: #f39800;left: 50%;margin-left: -75px;margin-top: 16px;}
.b_bottom li{width: 32%;text-align: center;display: inline-block}
.b_bottom li img{margin-right: 5px;}
.b_bottom li a{width: 140px;height: 40px;font-size: 14px;text-align: center;line-height: 40px;color: #fff;background-color: #f39800;display: inline-block}

.course_detail{background-color: #fff;}
.course_detail .tit{position: static;}


/*other course*/


.des .wz {
    font-size: 15px;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 14px;
}
.des .wz .icon {
    margin-right: 12px;
    vertical-align: middle;
}
.des {
    width: 48%;padding-top: 5%;
}
.i_tit4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 24px;
}
.i_tit4 h4{font-size: 18px;}
.map {
    width: 52%;
    height: 486px;
    float: right;
}
/*弹出层*/
.theme-popover-mask{
    z-index:99999;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    display:none;
}
.theme-popover{
    z-index:100000;
    position:fixed;
    top:50%;
    left:50%;
    width:660px;
    margin:-180px 0 0 -330px;
    display:none;
}
.theme-poptit{
    border-bottom:1px solid #ddd;
}
.theme-poptit .closeh{
    float:right;
    text-shadow: 0 1px 0 #ddd;
    font-size: 28px;
    -webkit-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
    margin: 0 10px;
}
.theme-poptit>font{
    float:left;
    font-size: 20px;
    margin-top: 5px;
    margin-left: 10px;
    color: #f39800;
}
.theme-popbod{
    padding:60px 15px;
    color:#444;
    height:148px;
}
.theme-poptit .closeh:hover{
    -webkit-transform:scale(1) rotate(360deg);
    transform:scale(1) rotate(360deg);
}
.onlina_box{
    width:100%;
    background:#f9fafa;
    border:1px #b0adad solid;
    border-radius:10px; margin:2% auto;
}
.onlina_center{
    width:90%;
    margin:3% auto; height:auto;
}
.onlina_center .ul1 li{
    float:left;
    width: 33.3%; margin-bottom:2%;
}
.onlina_center .ul1 li span{
    margin-right:10px;
}
.onlina_center .ul1 li input{
    background:#ebebeb;
    border:1px solid #e5e5e5;
    height:23px;
}

.onlina_center .ul1 li input.ii{
    width:75%;
}
.onlina_center .ul3 li{
    display: inline-block;
    width: 100%;
}
.onlina_center .ul3 li span{
    margin-right:10px;
}
.onlina_center .ul3 li input{
    width:92%;
    height:23px;
    background:#ebebeb;
    border:1px solid #e5e5e5;
}
.onlina_center .ul4 li{
    margin-top:2%;
}
.onlina_center .ul4 li span{
    display:block;
}

.textarea3 {
    width: 98.30%;
    height: 170px;
    background: #ebebeb;
    margin-top: 1%;
    color: #8a8a8a;
    padding-left: 5px;
    border:1px solid #e5e5e5;
    resize:none;
}
.submit_box{
    width:100%;
    text-align:center; margin-bottom:20px;
}
.a_botton1{
    display:inline-block;
    width:163px;
    height:37px;
    text-align:center ;
    line-height:37px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    background-color: #f39800;
    border: none;
    cursor: pointer;
}
/*p1*/
.p1,.p3,.p5{background-color: #fff;padding-bottom: 3%}
.p1 h3,.p2 h3,.p3 h3,.p4 h3,.p5 h3,.p6 h3{font-size: 30px;color: #333;padding: 7% 0 4%;text-align: center;font-weight: normal;}
.p1 .fl,.p1 .fr{width: 47%;}
.p1 .fl p,.p2 p,.p4 p,.p5 p{line-height: 32px;font-size: 16px;color: #333;}
.p1 .fl p:nth-of-type(2),.p1 .fl p:nth-of-type(3){text-indent: 32px;}
.p1 .fl h4{font-size: 18px;font-weight: bold;float: right;padding-right: 30px;position: relative;}
.p1 .fl h4::after{position: absolute;width: 30px;height: 3px;left: -55%;top: 40%;background-color: #dc2323;content: '';}
.p1 .fr{text-align: center;}
.p1 .fr img{display: inline-block;}
/*p2*/
.p2{background: url(/uploads/image/tspimages/about2.jpg) no-repeat center/cover;padding-bottom: 3%;}
/*p3*/
.deve-top {position: relative;}
.deve-top .box {position: relative;width: 100%;padding: 20px;box-sizing: border-box;margin: 0 auto;background: -webkit-linear-gradient(left,#10228d 250px,#fbfbfb 0); background: -moz-linear-gradient(left,#10228d 250px,#fbfbfb 0);background: -ms-linear-gradient(left,#10228d 250px,#fbfbfb 0);background: -o-linear-gradient(left,#10228d 250px,#fbfbfb 0);}
.deve-top .box {display: none;}
.deve-top .box.on {display: block;}
.deve-top .fl img {display: block;}
.deve-top .fr {width: 500px;}
.deve-top .fr h3 {font-size: 30px;font-weight: 400;color: #10228d;margin-bottom: 5px;text-align: left;}
.deve-top .fr div{color: #5c5c5c;font-size: 14px;line-height: 25px;height: 190px;overflow-y: scroll;padding-right: 20px;text-align: justify;}
.deve-top .fr div ul li{background: url(/uploads/image/tspimages/fk.png) no-repeat left 7px; padding-left: 14px;}

.deve-down {background: url(/uploads/image/tspimages/img16.jpg) repeat-x center 118px;margin-top: 4%;}
.deve-down .list {width: 880px;margin: 0 auto;overflow: hidden;position: relative;height: 130px;}
.deve-down .list ul {width: 10000%;position: absolute;left: 0;transition: 0.3s;}
.deve-down .list ul li {float: left;  cursor: pointer;  width: 150px;  height: 132px;  padding: 0 5px;  text-align: center;  }
.deve-down .list ul li div {  height: 88px;  }

.deve-down .list ul li.on div p {color: #10228d;  }
.deve-down .list ul li.on a em {  background-color: #10228d;  }
.deve-down .list ul li div p {  position: relative;  top: 75px;  color: #5c5c5c;  }
.deve-down .list ul li a {  width: 18px;  height: 18px;  border: 2px solid #666;  display: block;  border-radius: 50%;  margin: 0 auto;  position: relative;  top: 20px;  background-color: #fff;  }
.deve-down .list ul li a em {  width: 10px;  height: 10px;  display: block;  border-radius: 50%;  margin-top: 2px;  margin-left: 2px;  }
.deve-top .huan {  position: absolute;  right: 25px;  bottom: 20px;  }
.deve-top .huan a {  display: inline-block;  color: #10228d;  padding: 5px 10px;  border-width: 1px;  border-style: solid;  border-color: #10228d;  border-image: initial;  }
/*p4*/
.p4{background: url(/uploads/image/tspimages/about4.jpg) no-repeat center/cover;padding-bottom: 3%;}
.p4 p{text-align: center;margin-bottom: 20px;}
/*p5*/
.p5 p{text-align: center;}
.p5 ul li{width: 23% ;float: left;text-align: left;}
.p5 ul li p{text-align: left;}
.p5 ul li p.time {font-size: 16px;color: #666;margin: 10px 0;margin-bottom: 0;}
.p5 ul li p.p_tit {font-size: 14px;color: #333;margin-bottom: 5px;}

.honor-list{padding-top: 5%;position: relative;}
.honor-list li.slide{position: relative;width: 25%;float: left;}
.honor-list li.slide .ccb-img-box{position: relative;transition: all ease-out 300ms;-webkit-transition: all ease-out 300ms;text-align: center}
.honor-list .flex-direction-nav a{display: none;}
    /*p6*/
.p6{background-color: #fff;}
.p6 ul li{display: inline-block;width: 30%;margin: 0 1.5%;cursor: pointer}
.p6 ul li i{display: inline-block;width: 191px;height: 150px;margin: 0 auto;margin-right: 8px;background-position: 0 0;vertical-align: middle;}
.p6 ul li p{display: none;}
.p6 ul li:nth-of-type(1) i{background-image: url(/uploads/image/tspimages/icon9.png);}
.p6 ul li:nth-of-type(2) i{background-image: url(/uploads/image/tspimages/icon10.png);}
.p6 ul li:nth-of-type(3) i{background-image: url(/uploads/image/tspimages/icon11.png);}
.p6 ul li:hover i,.p6 ul li.cur i{background-position: 0 100%;height: 179px;background-color: #383a5d;}
.p6 .li_box{background-color: #383a5d;padding: 3% 0;display: none}
.p6 .li_box .fl{width: 37%;text-align: center;}
.p6 .li_box .fl h4{font-size: 20px;margin-bottom: 10px;text-align: center;color: #fff;}
.p6 .li_box .fl img{display: inline-block;}
.p6 .li_box .fr{width: 63%;float: left;}
.p6 .li_box .fr p{color: #fff;line-height: 32px;font-size: 14px;}

/*contact*/
.contact .fl{width: 39%;}
.contact .fl ul{background-color: #fff;padding: 30px 50px;}
.contact .fl ul li{border-bottom: 1px solid #ebebeb;padding-left: 55px;line-height: 35px;color: #666666;font-size: 14px;}
.contact .fl ul li span{color: #333;font-size: 16px;display: block;}
.contact .fl ul li:nth-of-type(1){background: url(/uploads/image/tspimages/contact1.png) no-repeat left}
.contact .fl ul li:nth-of-type(2){background: url(/uploads/image/tspimages/contact2.png) no-repeat left}
.contact .fl ul li:nth-of-type(3){background: url(/uploads/image/tspimages/contact3.png) no-repeat left}
.contact .fl ul li:nth-of-type(4){background: url(/uploads/image/tspimages/contact4.png) no-repeat left}
.contact .fl ul li:nth-of-type(5){background: url(/uploads/image/tspimages/contact5.png) no-repeat left}
.contact .fl ul li:nth-of-type(6){background: url(/uploads/image/tspimages/contact6.png) no-repeat left}

/*case*/
.case .banner-content .tit h3{color: #333;}
.case .h-news-nav-ico1 {background-image: url(/uploads/image/tspimages/icon12.png);}
.case .h-news-nav-ico2 {background-image: url(/uploads/image/tspimages/icon13.png);}
.case .h-news-nav-ico3 {background-image: url(/uploads/image/tspimages/icon14.png);}
.case_list{margin-top: 2%;}
.case_list li{width: 30.5%;margin: 0 4% 2% 0;float: left;transition: box-shadow .3s;}
.case_list li:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.case_list li:nth-of-type(3n){margin-right: 0;}
.case_list li .pic {width: 100%;overflow: hidden;border: 1px solid #e6e6e6;}
.case_list li img {width: 100%;transition: transform .3s;}
.case_list li:hover img {transform: scale(1.1);}
.case_list li h2 {font-size: 20px;color: #4a4a4a;line-height: 45px;overflow: hidden;height: 50px;transition: color .3s; font-weight: normal;padding-left: 10px;}

/*rescourse*/
.re_box{padding: 30px;}
.resource .h-news-nav-ico1 {background-image: url(/uploads/image/tspimages/icon15.png);}
.resource .h-news-nav-ico2 {background-image: url(/uploads/image/tspimages/icon16.png);}
.re_box p{line-height: 30px;}
/*join*/
.join_list{margin-top: 2%;}
.join_list li{width: 30.5%;margin: 0 4% 2% 0;float: left;transition: box-shadow .3s;background-color: #fff;}
.join_list li:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.join_list li:nth-of-type(3n){margin-right: 0;}
.join_list li .con {display: block;width: 100%;border: 1px solid #e6e6e6;border-top: 0;padding: 25px;}
.join_list li .con a{display: inline-block;border: 1px solid #00a1c7;margin-top:25px;padding: 10px 20px;background-color: #00a1c7;color: #fff;font-size: 14px;transition: all 0.3s;}
.join_list li .con a:hover{background-color: #fff;color: #00a1c7;}
.join_list li .time {font-size: 16px;color: #666;line-height: 38px;}
.join_list li h2 {font-size: 18px;color: #333;line-height: 38px;overflow: hidden;height: 44px;transition: color .3s; font-weight: normal;position: relative;margin-bottom: 25px;}
.join_list li h3 {font-size: 16px;color: #333; font-weight: normal;margin-bottom: 10px;}
.join_list li h2::after{content: ''; position: absolute;width: 30px;height: 4px;background: #dc2323;left: 0%;top: 84%;}
.join_list li .font {font-size: 14px;color: #666;line-height: 30px;height: 30px;overflow: hidden;}

.join_detail{background-color: #fff;padding: 3% 2%;}
.join_detail p{margin-bottom: 10px;}
.b {font-weight: bold;}
.joinus_tb {border: 1px solid #e2e2e2;border-width: 0 0 1px 1px;font-size: 14px;}
.join_detail tr td { padding: 8px;  border: 1px solid #e2e2e2;  border-width: 1px 1px 0 0;  }

/*tech*/
.tech{background-color: #fff;}
.tech .tech_p1 .fl,.tech .tech_p1 .fr,.tech .tech_p2 .fl,.tech .tech_p2 .fr{width: 45%;}
.tech .fl p{line-height: 32px;}
.tech_p1{padding: 3% 0;}
.tech_p2{background-color: #f2f2f2;padding: 3% 0;}
.tech_p2 h2{text-align: right;}

/*bidding*/
.bidding .banner-content .h-nav .annav{width: auto;margin: 0.5%;}
.bidding .h-nav-a{padding: 0 28px;}
.bidding .h-news-nav-ico1 {background-image: url(/uploads/image/tspimages/icon18.png);}
.bidding .h-news-nav-ico2 {background-image: url(/uploads/image/tspimages/icon19.png);}
.bidding .h-news-nav-ico3 {background-image: url(/uploads/image/tspimages/icon20.png);}
.bidding .h-news-nav-ico4 {background-image: url(/uploads/image/tspimages/icon21.png);}
.bidding .h-news-nav-ico5 {background-image: url(/uploads/image/tspimages/icon22.png);}
.bidding .h-news-nav-ico6 {background-image: url(/uploads/image/tspimages/icon14.png);}

.bidding1:hover {background: url(/uploads/image/tspimages/bg.jpg) no-repeat;}
.bidding1 {border-top: 1px solid #e6e7e8;border-bottom: 1px solid #e6e7e8;padding: 25px 0;}
.bidding1 .bidding_left {padding: 30px;align-items: center;justify-content: center;overflow: hidden;transition: all 0.3s;background-color: #f2f2f2;}
.bidding1 .bidding_left p{font-size: 20px;margin-bottom: 15px;text-align: center;}
.bidding1 .bidding_left h3{font-size: 30px;font-weight: normal;text-align: center;}
.bidding1:hover .bidding_left{background-color: #00a1c7;color: #fff}
.bidding1:hover .bidding_left p,.bidding1:hover .bidding_left h3{color: #fff}

.bidding1 .bidding_right {width: 67%;}
.bidding_right h2 a {font-size: 16px;font-weight: bold;margin: 10px 0;display: inline-block;color: #333;}
.bidding_right p {font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;margin-bottom: 15px; color: #333;}

.bidding_box .pagelist{margin-top:3%;}

/*business*/
.bus_p1,.bus_p3,.bus_p5{padding-top:3%;}
.bus_p1 .fr,.bus_p3 .fr,.bus_p5 .fr {text-align: center;}
.bus_p1 .fr img,.bus_p3 .fr img,.bus_p5 .fr img{display: inline-block}
.bus_p1 .fl,.bus_p1 .fr,.bus_p3 .fl,.bus_p3 .fr,.bus_p5 .fl,.bus_p5 .fr{width: 47%;}
.bus_p1 .fl p,.bus_p3 .fl p,.bus_p5 .fl p{line-height: 30px;}
.bus_p2{background-color: #f2f2f2;padding: 2% 0;}
.bus_p2 li{min-height: 302px;}
.bus_p2 li:hover{background-color: #00a1c7;}
.bus_p2 li{width: 45%;margin: 2%;float: left;padding: 1.5%;background-color: #fff;transition: all 0.3s;}
.bus_p2 li h3 a{font-size: 24px;color: #10228d;font-weight: normal;margin-bottom: 15px;display: block}
.bus_p2 li p{line-height: 30px;}
.bus_p2 .li,.bus_p2 .li2,.bus_p2 .li3{display: inline-block;}
.bus_p2 .li2{padding-right:8px;}
.bus_p2 .li a,.bus_p2 .li2 a,.bus_p2 .li3 a{font-size: 14px;color: #333;margin: 10px 0;display: inline-block;height: 45px;line-height: 45px;background-color: #f2f2f2;padding-left: 10px;width: 380px}
.bus_p2 .li2 a{width: 237px;}
.bus_p2 .li span,.bus_p2 .li2 span,.bus_p2 .li3 span{display: inline-block;height: 45px;line-height: 45px;padding:0 10px;float: right;}
.bus_p2 .li3 a{width: 200px;}
.bus_p1 .news1200>div,.bus_p2 .news1200>div,.bus_p3 .news1200>div,.bus_p4 .news1200>div,.bus_p5 .news1200>div{padding: 2% 0;}