@charset "utf-8";

/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure, figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; font-style:normal;}
a{ text-decoration:none; color:#272727; cursor: pointer;}
a:hover{ color:#01a9fe; }

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body{ line-height:1; font-size:14px; font-family:"微软雅黑"; color:#272727;}
ol,ul{list-style: none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
table{ border-collapse:collapse; border-spacing:0;}
.fl{ float:left;}
.fr{ float:right;}
/* 兼容的清除浮动 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; display:block;}
b{ font-weight:normal;}
strong{ font-weight:normal;}
h3{ font-weight:normal;}
input{ outline:none;}
.wid{ width: 1160px; margin:0 auto; overflow: hidden; }

/*顶部*/
.xf{ background: #01b8fe; height: 60px; line-height: 60px; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; }
.xf ul{ width: 1200px; margin: 0 auto;}
.xf li{ float: left; border-right:solid #fff 1px; }
.xf li:nth-child(6){ border-right: 0; }
.xf li a{ color:#fff; font-size:18px; letter-spacing: 1px; display: block; padding:0 61px;}
.xf li a:hover{ background: #f2204f;  }
/*顶部*/

/*页面代码*/
.banner{ overflow: hidden; text-align: center; width: 100%; height: 680px; background: url("a1.jpeg")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/a1.jpg*/ no-repeat center 0 #fff; margin-top: 61px;}
.banner img{ margin-top: 40px; cursor: pointer;}
.zixun{ overflow: hidden; margin-top: 140px; }
.zixun a{ width: 370px; height: 70px; background: #01abfe; float:left; border-radius: 50px; text-align: center; line-height: 70px; color: #fff; font-size: 30px; margin-left: 25px; }
.zixun a:nth-child(1){ margin-left: 0; }
.zixun a:hover{ background: #f2204f; }

.title{ width: 844px; height: 110px; text-align: center; margin:80px auto 0; background: url("a3.png")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/a3.png*/ no-repeat center 35px; cursor: pointer;}
.title h3{ font-size: 48px; letter-spacing: 6px; }
.title p{ font-size: 16px; margin-top: 45px; color: #272727;}
.title2 { margin:70px auto 0; background: url("a3_1.png")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/a3_1.png*/ no-repeat center 35px; }
.title2 h3{ color: #fff; }
.title2 p{ color: #fff; }

.a1{ width: 250px; padding-bottom: 20px; float: left; text-align: center; margin:80px 0 0 53px; cursor: pointer;}
.a1:nth-child(1){ margin:80px 0 0 0px;}
.a1 h3{ font-size:24px; font-weight: bold; margin-top: 20px; color: #272727;}
.a1 p{ font-size:16px; line-height: 30px; width: 215px; text-align: left; margin: 15px auto 0; text-align: justify;color: #272727;}
.a1 a{ width: 200px; height: 45px; border-radius: 50px; background: #fff; border: solid #01a5fe 1px; display: block; text-align: center; line-height: 45px; color: #000; margin: 15px auto 0; font-size: 20px;}
.a1 a:hover{ background:#f2204f; color: #fff; border: 0; }

.b{ height: 742px; background:url("a8.jpeg")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/a8.jpg*/ no-repeat center 0; margin-top: 80px; overflow: hidden;}
.b1{ margin-top: 60px; }
.b2{ width: 260px; padding-bottom: 30px; float: left; background: url("a9.png")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/a9.png*/ no-repeat; margin-left: 40px; cursor: pointer;}
.b2:nth-child(1){ margin-left: 0; }
.shuz{ width: 103px; height: 103px; font-size: 72px; color: #fff; text-align: center;; line-height: 103px; overflow:hidden;}
.b2 h3{ font-size: 24px; text-align: center; margin-top: 40px; overflow:hidden;}
.b2 p{ width: 204px; height: 115px; font-size:14px; overflow:hidden; color: #272727; margin:30px 0 0 32px; line-height: 24px; text-align: justify;}
.b2 a{ display: block; width: 220px; height: 50px; border-radius: 50px; background: #01a9fe; color: #fff; text-align: center; line-height: 50px; margin:30px 0 0 25px; font-size: 20px;}
.b2 a:hover{ background: #f2204f; }

.c{  }
.c0{margin:80px 0 0 0; position:relative; height: 407px; overflow: hidden; width: 1160px;}
.c1{ width: 1146px; height: 394px; border: solid 3px #01a9fe; position: absolute; left: 7px; top: 7px; z-index: -1;}
.c2{ width: 1152px; height: 400px; background: #01a9fe;}
.c3{ width: 300px; height: 340px; background: #fff; float: right; margin:30px 30px 0 0px; padding:0 20px;}
.c3 p{ height:110px; font-size:18px; line-height: 30px; margin-top: 30px; text-align: justify;}
.c3 a{ display: block; width: 280px; height: 60px; background: #01a9fe; font-size: 24px; text-align: center; line-height: 60px; color: #fff; border-radius: 50px; margin:20px auto 0;}
.c3 a:hover{ background: #f2204f;}
.c4{ width: 738px; float: right; margin-right: 30px; }
.c4 a{ width: 103px; height: 43px; background: url("a10.jpeg")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/a10.jpg*/ no-repeat; display: block; float: left; margin:30px 0 0 20px; font-size: 20px; text-align: center; line-height: 40px;
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.1); /*放大1.1倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.1);
            }
        }
    .c4 a{
            width: 103px;
            height: 43px;                     
            -webkit-animation-name: scaleDraw; /*关键帧名称*/
            -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
            -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
            -webkit-animation-duration: 5s; /*动画所花费的时间*/
        }
.d{ height: 842px; overflow: hidden; background: url("a11.jpeg")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/a11.jpg*/ no-repeat center 0; margin-top: 80px; }
.d1{ margin-top: 80px; }
.d1 img{ float: left; display: block; }
.d2{ float: right; width: 630px; margin-top: 9px; }
.d2 h1{ width: 25px; height: 25px; border-radius: 4px; text-align: center; line-height: 25px; color: #fff; background: #cccccc; float: left; font-size: 18px; margin-top: 6px;}
.d2 .hh1{ background: #01a9fe;}
.d2 p{ width: 365px; font-size: 20px; color: #2d2d2d; float: left; margin:6px 0 0 20px; cursor: pointer; }
.d2 a{ display: block; float: right; width: 155px; height: 40px; border-radius: 50px; background: #01a9fe; text-align: center; line-height: 40px; font-size: 20px; color: #fff; }
.d2s{ margin-top: 0; }
.d2 a:hover{ background: #f2204f;}


.e{ width: 1160px; margin: 0 auto; overflow: hidden; padding-bottom: 10px;}
.e2{background-color: rgb(255, 255, 255); box-shadow: 0px 1px 10px 0px rgba(29, 30, 31, 0.35);position: absolute;width: 270px;height: 370px; margin: 80px 0 0 20px; position: relative; overflow: hidden; float: left; cursor: pointer;}
.e2:nth-child(1){ margin:80px 0 0 12px; }
.e2:nth-child(5){ margin:80px 0 0 12px; }
.e2 .e2wz h2{ font-size:22px; text-align:center; margin-top: 40px;}
.e2 .e2wz h3{ font-size:18px; text-align: center; margin-top: 20px; color: #696767;}
.e2 .e2wz p{ font-size: 16px; color: #696767; line-height: 26px; width: 227px; margin:30px auto 0; height: 130px;}
.e2 .e2wz a{ width: 225px; height: 45px; background: #01a9fe; display: block; margin:30px auto 0; font-size: 20px; color: #fff; text-align: center; line-height: 45px; border-radius: 50px; }
.e2 .e2wz a:hover{background: #f2204f; }
.e2 .b_1{ position: absolute; bottom: 0px; left: 0;}

.f{ height: 660px;  overflow: hidden;}
.f1{ width: 1160px; margin: 0 auto; height: 659px; overflow: hidden;}
.f2{ overflow: hidden; margin-top: 80px; padding-bottom: 10px; padding-left: 10px;}
.f3{background-color: rgb(255, 255, 255); box-shadow: 0px 1px 10px 0px rgba(29, 30, 31, 0.35);position: absolute;width: 250px;height: 330px; margin: 10px 0 0 45px; position: relative; overflow: hidden; float: left; cursor: pointer;}

.f3:nth-child(1){ margin-left: 0px; }
.f3 img{ display: block; margin: 30px auto 0; }
.f3 h3{ font-size:22px; text-align: center; margin-top: 20px; }
.f3 p{ width: 163px; font-size: 14px; margin: 10px auto 0; line-height: 26px; }
.f3 a{ width: 180px; height: 45px; display:block; background: #01a9fe; text-align: center; line-height: 45px; color: #fff; font-size: 20px; border-radius: 50px; margin: 20px auto 0; } 
.f3 a:hover{ background: #f2204f; }


.h{ overflow: hidden; }
.h2{ margin-top: 80px; overflow: hidden; position: relative; z-index: 99;}
.h3{ width: 220px; float: left; margin-left: 15px; cursor: pointer;}
.h3:nth-child(1){ margin-left: 0; }
.h4{ width: 198px; height: 220px; overflow: hidden; background:#fdfdfd; margin:-30px auto 0; position: relative; z-index: 1; }
.h4 h3{ width: 178px; text-align: center; margin:30px auto; font-size:20px; color: #000000; border-bottom:dashed 1px #000; padding-bottom: 10px; }
.h4  p{ text-align: center; font-size:16px; color:#000; line-height: 24px; }
.h3 a{ width: 220px; height: 40px; background: #01a9fe; border-radius: 50px; display: block; color: #fff; text-align: center; line-height: 40px; font-size:18px; }
.h3 a:hover{ background: #f2204f;}

.j{ height: 800px; background: url("j1.jpeg")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/j1.jpg*/ center center no-repeat; overflow: hidden; margin-top:80px;}
.j1{ width: 1200px; height: 490px; background: #fff; margin:50px auto 0; }
.j2{ width: 430px; float: left; margin:40px 0 0 40px; }
.j2 div{ overflow: hidden; margin-top: 30px; }
.j2 div h3{ font-size:18px; font-weight: bold; float:left; }
.j2 div p{ font-size:14px; color: #000; float: right; width:308px; line-height: 24px; margin-top: -5px; }

.j3{ width: 667px; float: left; margin:0 0 0 40px; }
.j4{ margin-top: -10px; overflow: hidden;}
.j4 p{ width: 206px; height: 44px; background: url("j4.png")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/j4.png*/ no-repeat; float: left; text-align: center; line-height: 44px; font-size: 18px; color: #000; margin-left:20px; cursor: pointer;}
.j4 p:nth-child(1){ margin-left: 0; }
.j4 p.on{ background: url("j3.png")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/j3.png*/ no-repeat; color: #fff; }

.j5{ overflow: hidden; width:550px; margin:35px auto 0;}
.j5 li{ border-bottom: 1px solid #d1d1d2; overflow: hidden; padding-bottom: 20px; background: url("j5.jpeg")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/j5.jpg*/ 5px center no-repeat; }
.j5 li p{ font-size:16px; float: left; font-size: 16px; margin:25px 0 0 35px; cursor: pointer;}
.j5 li a{ display: block; width: 130px; height: 25px; border-radius: 50px; background:#01a9fe; font-size:14px; color:#fff; text-align: center; line-height: 25px; float: right; margin-top: 20px; }
.j5 li a:hover{ background: #f2204f;  }
.j5 li:last-child{ border-bottom: 0; }
.j5 ul{ display: none; }
.j5 ul.ons{ display: block; }

.k5 { height: 600px; background:url("k3.jpeg")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/k3.jpg*/ center center no-repeat; margin-top: 80px; overflow: hidden; text-align: center;}
.k5 p{ font-size:26px; color: #fff; margin-top: 60px; }
.k5 h3{ font-size:68px; font-weight: bold; color:#fff; margin-top: 105px; }
.k5 h2{ font-size:80px; font-weight: bold; color:#f5f227; margin-top: 50px;}
.k6{ width: 720px; margin:78px auto 0; }
.k6 a{ display: block; border-radius: 50px; width: 330px; height: 60px; font-size: 24px; color: #fff; text-align: center; line-height: 60px; float: left; background: #01a9fe; }
.k6 a:last-child{ margin-left: 60px; }
.k6 a:hover{ background: #f2204f;}


.footer{ padding:30px 0; line-height: 28px; background: #272727; color: #fff; font-size: 20px; text-align: center; margin-top: 50px;}


.xuanfu{ width: 170px; height: 679px; background: url("xf.png")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/xf.png*/ no-repeat; position: fixed; top: 120px; right: 0; }
.yc{ overflow: hidden; margin: 184px auto 0; width: 150px; cursor: pointer;}
.yc a{ width: 150px; height: 40px; display: block; margin-top: 10px; background: #01a9fe; border-radius: 50px;}
.yc a b{ display: block; float: left; width: 9px; height: 9px; background: #fff; border-radius: 50%; margin:16px 0 0 10px; }
.yc a .bb{ float: right; margin:16px 10px 0 0px;}
.yc a p{ font-size: 18px; color: #fff; float: left; line-height: 40px;  text-align: center; margin-left: 20px;}
.yc a:hover{ background: #f2204f; }

.top{ width: 120px; height: 23px; text-align: center; margin:25px auto 0; font-size: 14px; font-weight: bold; color: #fff; cursor: pointer;}
/*.yc a.aon{background: #f2204f; */}


/*---------------------------弹窗样式-------------------------*/

.TC {
    display: none;
    width: 100%;
    height: 100%;
    background: url("Tcbg.png")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/img/Tcbg.png*/;
    position: fixed;
    top: 0;
    z-index: 99999;
    left: 0;
    cursor: pointer;
    bottom:0;
    right:0;
    background-color:rgba(0, 0, 0, 0.3);
}
.mail_wrap{
    position: fixed;
    top: 50%;
    left: 50%;
    width:700px;
    height: 450px;
    margin-top: -255px;
    margin-left: -350px;
    background:url("tc.png")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/tc.png*/ no-repeat center center;
    z-index: 99999;
}
.mail_wrap em {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 13px;
    right: 13px;
    cursor: pointer;
}
.mail_wrap p {
    width: 510px;
    height: 217px;
    position: absolute;
    bottom: 56px;
    left: 97px;
}
.rightF{
	position:fixed;
	top:200px;
	right:-150px;
	z-index:11;
	cursor:pointer;
}
.leftF{
	position:fixed;
	top:115px;
	left:-100%;
	z-index:11;
	cursor:pointer;
}
.closeR {
    position: absolute;
    top: 32px;
    right: 6px;
    cursor: pointer;
}
.closeL {
    position: absolute;
    top: 13px;
    right: 15px;
    cursor: pointer;
}
.new-m{
    display:flex;
    justify-content: space-between;
    width: 742px;
    height: 104px;
    background-image: url("73.png")/*tpa=http://sjtbd.bjwtxin.com/t3/sem/baidu4/pc/images/73.png*/;
    margin:0 auto;
    line-height: 95px;
    padding:0 40px;
    box-sizing: border-box;
    margin-top:40px;
}
.new-m div *{
    vertical-align: middle;
}
.new-m div img{
    margin-top:0;
    margin-right:10px;
}
.new-m div{
    font-size:24px;
    color:rgb(103, 59, 64);
    font-weight: 600;
    cursor: pointer;
}
.new-m div:hover{
    color:rgb(211, 15, 38) !important;
}



.TC{
    display:none;
}