@charset "utf-8";

body {

    margin: 0;

    padding: 0;


    color: #333;

}



div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {

    padding: 0;

    margin: 0;

}



input, textarea, select {

    font-family: "宋体";

    color: #666

}



table, td, tr, th {

    font-size: 12px;

}



table {

    border-collapse: collapse;

}



li {

    list-style-type: none;

}



img {

    vertical-align: top;

    border: 0;

}



ol, ul {

    list-style: none;

}



h1, h2, h3, h4, h5, h6 {

    /* font-size: 12px; */

    font-weight: normal;

}



/*address, cite, code, em, th {

    font-weight: normal;

    font-style: normal;

}*/



a {

    text-decoration: none;

}



/* 公用头部 */





.header {

    background: #fff;

    height: 90px;

   

}



.headerBox {

    width: 1000px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 100%;

}



.header img{

    height: 40px;

    width: auto;
    padding-left: 20px;
}



.header  .headerLeft {

    display: flex;

    align-items: center;

    justify-content: space-between;
    font-size: 20px;

}

 



.menu{

    background: #1a222b;

}



.menuBox{

    width: 1200px;

    margin: 0 auto;

}

.menuBox ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.menuBox ul li{

    height: 50px;

    line-height: 50px;

}



.menuBox ul li a {

    height:50px;

    display: flex;

    color: #fff;

    font-size: 15px;

    align-items: center;

}

.content{width: 1000px;margin: 0 auto;position: relative;clear: both;}

.content img{width: 100%;height: auto;}



.full-content{width: 100%}

.full-content img{width: 100%;height: auto;}

/* 公用尾部 */

 



.footer .footerBox{

    width: 100%;

    margin: 0 auto;

    height: 80px;

    display: flex;

/*    display: flex;

    align-items:flex-start;

    justify-content: space-between;

    position: relative;

    padding-bottom: 80px;*/

    background: url('../images/ff_0322.jpg') center center no-repeat;

}   

 



.panel{

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-top: 10px;

}



.icon-home {

    display: inline-block;

    background: url("../images/icon-home.png");

    width: 13px;

    height: 12px;

    margin-right: 5px;

}



/* 轮播 */

.swiper-slide {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

}

.swiper-slide  img {

    width: 70%;

    height: auto;

}

.swiper-slide  p{

    margin-top: 15px;

    font-size: 16px;

}



.swiper-button-next {

    display: inline-block;

    background: url("../images/scrollright.png");

    width:60px;

    height: 60px;

    background-size: contain;

    opacity: 1;

}



.swiper-button-prev {

    display: inline-block;

    background: url("../images/scrollleft.png");

    width:60px;

    height: 60px;

    background-size: contain;

    opacity: 1;

}

.scrollBox img {width:100%;height:auto}







.newsL .categories ul .thisclass{background: url(../images/act.png) no-repeat 0 10px;}

.newsL .categories ul .thisclass a{font-size: 18px;padding-left: 20px;}

.newsL .categories ul li{position: relative;}

#code_input{

    height: 25px;

width: 100%;

border: none;

}

.panel a{padding-left: 5px;padding-right: 5px;color: #333}





.swiper-slide a{

    text-align: center;

    color: #333;

}

.tixi{position: relative;background: url('../images/a_07.jpg')  center center no-repeat;height: 699px;}

.tixi .title{

    width: 1200px; 

margin: 0 auto; 

font-size: 60px; 

color: #fff; 

padding-top: 90px; 

text-align: center;

}.system-class {

    margin-top: 80px;

    text-align: center;

    font-size: 0;

}.system-class a.class-hover {

    color: #fff;

    background: rgba(205,63,63,1);

}

.system-class a {

    display: inline-block;

    width: 150px;

    height: 50px;

    border: 1px solid rgba(205,63,63,1);

    font-size: 18px;

    font-weight: 400;

    color: rgba(205,63,63,1);

    line-height: 50px;

    margin: 0 60px;

}

.system-item{width: 1200px;margin: 0 auto;padding-top: 70px;}

.system-item p{font-size: 24px;color: #fff;line-height: 50px;}







.pt45 {

    padding-top: 15px;width: 1100px;margin: 0 auto;

}.tablist {

    width: 490px;

    float: left;

    position: relative;

    z-index: 99;

    border-left: 1px dashed #feffff;

}

.pb50 {

    /*padding-bottom: 50px;*/

}







.sec2 .dec{ text-align: center; font-size: 26px; font-weight: bold;margin:20px 0 40px 0;}

.sec2 .dec span{ color:#7719e9;}

.sec3{ background:#5656c0;}

.sec3 .alltit{ color:red;}

.sec3 .btn a{ height:36px; line-height: 36px; width:175px; text-align: center; border-radius: 36px; font-size: 20px; color:#f8354e; display:inline-block; margin-top: 418px; border:2px solid #f8354e;}

.sec3 .btn a:hover{ background:#f8354e; color:red;}

.tablist{width:490px; float: left;position: relative;z-index: 99;border-left: 2px dashed #999;}

.tablist .list{ position: relative; }

.tablist .list p{height:50px; line-height: 50px; padding-left: 30px; font-size: 16px; margin-left: -3px;}

.tablist .list span{ display:inline-block; width:14px; height:14px; border-radius: 14px; position: absolute;left:-7px; top:18px; background:#e22034;}

.tablist .cur p{background: url(../images/tab.png) no-repeat center top; color:#fff;}

.tabcon{ float: left; width:618px; height:558px; background: url(../images/qq.jpg) no-repeat center top; margin-left: -15px; z-index: 9; position: relative; color:#fff;cursor:pointer;}

.tabcon .con{ padding:15px 40px; display:none;}

.tabcon h5{ font-size: 22px; font-weight: normal; margin-bottom: 15px;}

.tabcon .tt{ margin-bottom: 10px;}

.tabcon .tt span{ display:inline-block; width:120px; height:32px; line-height: 32px; text-align: center; background:#e9effe; color:#333333; font-size: 20px;}

.tabcon .dec{ margin-bottom: 20px; font-size: 16px; line-height: 32px; opacity: 0.8;filter: alpha(opacity=80);}

.sec4{}

.techer{ height:537px; background: url(../images/tec.png) no-repeat center top;margin:50px 0 90px 0; position: relative;}

.techer h5{padding:115px 0 0 445px; font-size: 32px;}

.techer .dec{padding:20px 100px 0 560px; font-size: 16px;}

.techer .dec a{ color:#3657d0; font-size: 18px;}

.techer .allbn{ background:#3657d0;margin:75px 0 0 484px;}

.techer .sts{ position: absolute; display:inline-block; width:286px; height:77px; line-height: 77px; background: url(../images/sts.png) no-repeat center top;left:75px;top:381px;text-align: center; color:#fff; font-size: 20px;}

.sec5{height:1088px; background: url(../images/6.jpg) no-repeat center top;}

.sec5 .btnmin a{ margin-top: 85px; color:#3008b9;}

.sec5{height:200px; background: url(../images/d2.jpg) no-repeat center top;}

.sec6 .allbn{ background:#3657d0;}

.contents{ position:relative; min-height: 900px; margin: 55px 0 0;}

.contents .lines{ border:1px dashed #8c8c8c; width:0; height:810px; position:absolute; left:550px; top:87px;}

.contents  .dot{position:absolute; display:inline-block; width:58px; height:85px; background:url(../images/sec2_1.png) no-repeat center top;  left:50%; margin-left: -29px;}

.contents  .dot1{top:0;}

.contents  .dot2{bottom:0;}

.contents .list{ position:absolute;}

.contents .list1{ left:30px; top:140px;}

.contents .list2{ right:30px; top:224px;}

.contents .list3{ left:30px; top:320px;}

.contents .list4{ right:30px; top:410px;}

.contents .list5{ left:30px; top:500px;}

.contents .list6{ right:30px; top:590px;}

.contents .list7{ left:30px; top:680px;}

.contents .list8{ right:30px; top:770px;}

.contents .list .ins{ position:relative; width:432px; min-height:80px;}

.contents .list .ins .mindot{ position:absolute; display:inline-block; width:20px; height:20px;background:url(../images/sec2_2.png) no-repeat center top; }

.contents .list .ins .minline{position:absolute; display:inline-block; width:75px; height:1px; background:#666666;}

.contents .list .ins .pre_text{ position:absolute;height:80px; left:0; top:0; line-height: 80px; padding-left: 20px; color:#2d2d2d; font-size: 22px; z-index: 9;border:1px dashed #8c8c8c; width:412px;}

.contents .list .ins .aft_text{position:absolute; z-index: 999;font-size: 14px; color:#fff;background:#3354d4; padding:20px;  left:-25px; top:-20px;width:420px;line-height: 22px; min-height:80px; display:none; }

.contents .list .ins .aft_text h6{ font-size: 24px; margin-bottom: 10px;}

.contents .list .ins .pian{ position:absolute;z-index: 100; width:453px;  border:1px dashed #8c8c8c; display:none;}

.contents .list1 .ins .pian{ height:128px;}

.contents .list2 .ins .pian{ height:120px;}

.contents .list3 .ins .pian{ height:120px;}

.contents .list4 .ins .pian{ height:120px;}

.contents .list5 .ins .pian{ height:120px;}

.contents .list6 .ins .pian{ height:120px;}

.contents .list7 .ins .pian{ height:120px;}

.contents .list8 .ins .pian{ height:120px;}



.banner{



    /*background: url(../images/tt_02.jpg) center center no-repeat;height: 847px;width: 100%;*/



    position: relative;}



.fixDiv{

           position:fixed;

            top:0;

            left:0;

            width: 100%;

            background: #1a222b;z-index: 11111111111111111;

        }

.left_div{

position: absolute;

    width: 350px;

height: 500px;

background: #ffffff;

left: 8%;

top: 8%;

}

.left_div .title

{background-color: #e22034;

width: 100%;

height: 180px;

text-align: center;

}





.left_div .title p{

color: #fff;

/*font-weight: bold;*/

font-size: 30px;

padding-top: 20px;

letter-spacing:10px;

}

.left_div .title span{

    color: #fff;

    padding-top: 20px;

    display: block;

    font-size: 18px;

    letter-spacing:10px;

}

.tjinput{

    width: 100%;

    height: 160px;

}

.tjbutton{width: 100%;height: 70px;}

.tjbutton a{width: 260px;

height: 40px;

margin: 0 auto;

background: #e22034;

border-radius: 20px;

display: block;

line-height: 40px;

text-align: center;

color: #fff;

font-size: 20px;}





.tjinfo{background: #e5e5e5;width: 100%;height: 90px;text-align: center;}

.tjinfo p{line-height: 30px;

color: #e22034;

padding-top: 15px;

font-size: 18px;

font-weight: bold;

font-family: "微软雅黑";}



.tjinput ul{width: 350px;height: 100%;margin: 0 auto;padding-top: 20px;}

.tjinput ul li{height: 60px;width: 100%;}

.tjinput ul li input{width: 68%; 

height: 40px;

margin-top: 10px;

border: none; 

margin-left: 80px; font-size: 16px;

background: none;}

.tjname{background: url('../images/bb_06.jpg') center center no-repeat;}

.tjtel{background: url('../images/bb_16.jpg') center center no-repeat;}

.tjqq{background: url('../images/bb_25.jpg') center center no-repeat;}






.footer .fname{margin-left: 445px;

height: 40px;

margin-top: 20px;

border: none;

font-size: 16px;

width: 130px;

float: left;

}

.footer .ftel{margin-left: 80px;

height: 40px;

font-size: 16px;

width: 130px;

margin-top: 20px;

border: none;

float: left;}



.ljzz{display: block;

margin-left: 30px;

height: 40px;

font-size: 16px;

width: 165px;

margin-top: 20px;

border: none;float: left;}





.showall{height: 40px;width: 100%;line-height: 60px;margin-top: 30px;}

.showall a{height: 40px;

width: 180px;

background: #e22034;

color: #fff;

display: block;

text-align: center;

line-height: 40px;

font-size: 16px;

letter-spacing: 2px;

border-radius: 5px;

font-weight: bold;}

.ffcenter{

    width: 1200px;

    height: 80px;

    position: relative;

    margin:0 auto;

}







#jyqj{position: absolute;}

.content .title{

    color: #2d2a3f;

    /* z-index: 100011111; */

    position: relative;

    text-align: center;

    font-size: 52px;

    padding-top: 80px;

    font-weight: bold; 

    height: 80px;

}

.content .ptitle{position: relative;



text-align: center;



font-size: 28px;



padding-top: 20px;



letter-spacing: 3px;color: #7a7a7a}

.content .pright{

    position: relative;

width: 400px;

height: 480px; 

padding-left: 777px;

}



.content .pleft{

  position: relative;

width: 400px;

height: 480px;

padding-left: 40px;

padding-top: 60px;

}

.content .pright h1,.content .pleft h1{

    font-size: 40px;

font-weight: bold;

padding-top: 60px;

}

.content .pright p,.content .pleft p{

color: #333;



padding-top: 40px;



font-size: 21px;

}

.content .pright a ,.content .pleft a{



    display: block;

    background: #e22034;

    color: #fff;

    height: 45px;

    width: 250px;

    text-align: center;

    line-height: 45px;

    margin: 24px auto;

    border-radius: 10px;

font-size: 20px; 

font-weight: bold;

}

.msright{

    position: relative;

width: 700px;

padding-left: 445px;

padding-top: 105px;

}



.msright h1{

    font-size: 40px;

font-weight: bold; 

}

.msright a{ 

    display: block;

    background: #e22034;

    color: #fff;

    height: 45px;

    width: 200px;

    text-align: center;

    line-height: 45px;

    margin-top: 24px; 

font-size: 20px; 

font-weight: bold;

}

 .msright p{

color: #333;



padding-top: 35px;



font-size: 22px;

}

.fleft{

    position: relative;

width: 584px;

text-align: center;

}

.fleft h1{

   position: relative;



width: 584px;



text-align: center;



padding-top: 105px;



font-size: 50px;

}

.fleft{float: left;}

.fleft p{

    font-size: 22px; 

width: 520px; 

margin: 0 auto; 

padding-top: 70px;

}

.zixun{padding-top: 330px;

height: 80px;}

.zixun a{

    height: 80px;

width: 235px;

display: block;

color: #fff;

font-size: 27px;

float: left;

padding-left: 35px;

text-align: center;

line-height: 80px;

}

.lj{padding-top: 70px;



font-size: 25px;}





.fright{

    float: left;

    width: 570px;



position: relative;



padding-left: 30px;

}

.navdiv{height: 415px;}

.navdiv h1{

    font-size: 50px;



padding-left: 290px;



padding-top: 108px;

}

.navdiv p{

    padding-top: 76px;



width: 520px;



margin: 0 auto;



font-size: 22px;



color: #fff;

}

.navdiv .lj{

padding-top: 10px;

text-align: center;

color: #fff;

}

.jxff{

    position: relative;

    width: 920px;

margin: 0 auto;

height: 580px;padding-top: 22px;

}

.jxff li{width: 50%;

float: left;

height: 200px;position: relative;}

.jxff .topdiv{

    position: absolute;

    top: 0;left: 0px;

}

.jxff .topdiv img{width: 390px;}

.jxff .topdiv span{

    position: absolute;



left: 20px;



top: 26px;



font-size: 30px;



color: #fff;

}

.jxff .topdiv h1{

    position: absolute;

    left: 160px;

    top: 26px;

    font-size: 30px;

    color: #fff

}

.jxff p{

    position: absolute;

    left: 70px;

top: 120px;

    font-size: 22px;

    color: #333

}

.cs-div{position: relative;

width: 300px;

margin: 0px auto;

padding-top: 36px;}

.cs-div h2,.qr-div h2,.ql-div h2{color: #e41f33}

.cs-div p,.qr-div p,.ql-div p{font-size: 16px;color: #333;padding-top: 30px;line-height: 28px;}



.ql-div{position: absolute;

width: 300px;

padding-top: 140px;

padding-left: 108px;}

.qr-div{position: absolute;

width: 300px;

padding-top: 140px;

padding-left: 800px;}



.gxmj{position: absolute;

height: 200px;

width: 500px;

text-align: center;}



.gxmj a{display: block;

background: #e22034;

color: #fff;

height: 45px;

width: 250px;

text-align: center;

line-height: 45px;

margin: 24px auto;

border-radius: 10px;

font-size: 20px;

font-weight: bold;}

@media screen and (max-width: 767px) {
    .content{width:auto;padding:0 15px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .content{width:750px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .content{width:970px;}
}