/* CSS Document */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
body{ letter-spacing: 50px; }
*{ letter-spacing:0.8px; box-sizing: border-box;}
img{border:0px;}
b{font-weight:normal;}
.fl{float:left; display:inline;}
.fr{ float:right; display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
body{
    margin:0 auto;
    width:100%;
}
.wrap{
    margin:0 auto;
    width:100%;
    min-width:320px;
    overflow:hidden;
}
.main{margin: 0 auto;
width: 1200px;
}
.header{ width:100%;}
.header .top{ height: 130px; overflow: hidden; margin: auto;padding: 30px 0 20px 0;}
.header .logo{
    float: left;
    height: 70px;
    line-height: 32px;
    text-align: left;
    padding: 0 0 0 72px;
    background: url("../img/logo.png");
    width:374px; height: 70px;
    font-size: 28px;
    font-weight: 600;
}
.header .logo .logoimg{ background: url("../img/logoimg.png");width:61px; height: 70px;font-size: 2px;padding-top: 60px;
    float: left;line-height: 15px;letter-spacing: 0; text-align: center;}
.header .logo p{ float: left;  padding-left: 20px;    height: 70px;  line-height: 32px;  text-align: left;    font-size: 28px;  font-weight: 600; }
.header .logo span{ font-size: 13px; display: block;font-weight: 300; }
.header .logofti{ float: left;width: 374px; height: 70px; line-height:50px; font-size: 18px; }
.img{ vertical-align: middle;border: 0;}
.header  .tel{ float: right;background: url(../img/tel.png) no-repeat 0 center;
    padding-left: 55px;
    padding-right: 15px;
    margin-top: 10px;
}
.header .tel strong {
    display: block;
    font-size: 28px;
    font-family: Impact;
    line-height: 1;
    color: #fb460e;
    padding-top:3px
}
.header .nav{
    width:100%;
    height:50px;
    background:#333;
}
.header .nav > ul{
    margin:0 auto;
    width:1200px;
    height:50px;
    background:#333;
}
.header .nav > ul li{
    float:left;

    text-align:center;
    line-height:50px;
    height:50px;
    border-right:1px solid #0a0a0a;
}
.header .nav ul li.last{
    border-right:none;
}
.header .nav > ul li a{
    display:block;
    padding: 0 32px;
    color:#fff;
    transition:0.5s;
    font-size: 16px;
}
.header .nav > ul > li.act > a, .header .nav > ul li a:hover{
    transition:0.5s;
    background:#FF9800;
    display: block;
    padding: 0 32px;
}

.header .nav ul li.menu{
    overflow:hidden;
    position:relative;
}
.header .nav ul li.menu ul{
    top:50px;
    width:100%;
    opacity:0;
    position:absolute;
    background:#0a0a0a;
}
.header .nav ul li.menu ul li{
    border-top:1px solid #333;
width:100%;
}
.header .nav ul li.menu:hover{
    overflow:visible;
    z-index:9999;
    background:#0a0a0a;
}
.header .nav ul li.menu:hover ul{
    opacity:1;
    transition:0.5s;
    background:#0a0a0a;
}


.banner{
    width:100%;
    height:600px;
    position:relative;
}
.banner .swiper-container{
    width:100%;
    height:600px;
    position:relative;
}
.banner .banner1{
    width:100%;
    height:600px;
    background:url(../img/banner.jpg) no-repeat center top;
    background-position:center;
    /*background-size: 100%;*/
}
.banner .banner2{
    width:100%;
    height:600px;
    background:url(../img/banner08.jpg) no-repeat center top;
    background-position:center;
    padding-top: 0px;
    /*background-size: 100%;*/
}
.banner .banner3{
    width:100%;
    height:600px;
    background:url(../img/banner07.jpg) no-repeat center top;
    background-position:center;
    padding-top: 90px;
    /*background-size: 100%;*/
}
.banner .banner1 .main .tit{ width: 100%; height: 600px; background: url("../img/bantbg.png") top center no-repeat; padding-top: 180px;}
.banner .banner1 .main .tit .t01{  background: url("../img/bant01.png") top center no-repeat; height: 34px;width:230px; margin: auto; }
.banner .banner1 .main .tit .t02{ background: url("../img/bant02.png") top center no-repeat; height: 75px;width:706px; margin:44px auto auto auto; }
.banner .banner1 .main .tit .t03{ background: url("../img/bant03.png") top center no-repeat; height: 36px;width:487px; margin: 30px auto auto auto;; }

.banner .banner2 .main .tit .p1{   font-size:70px; color:#fff;margin: auto; text-align: center; letter-spacing: 3px; font-weight: bold; }
/*.banner .banner2 .main .tit .t02{ background: url("../img/ban02inner.png") top center no-repeat; height: 400px;width:1200px;  overflow: hidden; }*/
.banner .banner2 .main .tit .t02{ height: 200px; font-size: 60px; font-weight: 600; text-align: left;color:#fff; padding-top: 130px; padding-left: 150px; letter-spacing: 10px; }
.banner .banner2 .main .tit .t04{ height: 40px; font-size: 24px; font-weight: 200; text-align: left;color:#fff; padding-top: 50px; padding-left: 150px; letter-spacing: 2px; }
.banner .banner2 .main .tit .t04 p{background: url("../img/banic.png") left no-repeat;width:180px; float: left;font-size: 24px; font-weight: 200; text-align: left;color:#fff; padding-left: 20px; line-height: 1.5;}
.banner .banner2 .main .tit .t04 p.p1{width:120px;}
.banner .banner2 .main .tit a{ background: url("../img/ban2t03.png") top center no-repeat; height: 52px;width:1200px; margin: 50px auto auto auto; display: block;}

.banner .banner3 .main .tit .p1{  margin: auto; font-size: 24px;color: #fff; text-align: center; line-height: 1.9; letter-spacing: 3px; }
.banner .banner3 .main .tit .p1 span{ font-weight: bold;}
.banner .banner3 .main .tit .p2{ font-size: 48px; font-weight: bold;color: #fff; padding-bottom: 10px;text-align: center;letter-spacing: 5px; padding-top: 20px;}
.banner .banner3 .main .tit a{ background: url("../img/ban2t03.png") top center no-repeat; height: 52px;width:1200px; margin: 50px auto auto auto; display: block; }

.banner .banner1 a{
    width:100%;
    height:600px;
    display:block;
}
.banner .pagination{
    position:absolute;
    text-align:center;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10;
    bottom:50px;
    left:0;
    width:100%;
}
.banner .pagination .swiper-pagination-switch{
    width:12px;
    height:4px;
    display:inline-block;
    /*border-radius:100%;*/
    background:#fff;
    opacity:.6;
    cursor:pointer;
    margin:0 5px;
}
.banner .pagination .swiper-pagination-switch.swiper-active-switch{
    opacity:1;
    background:#ff9800;
}
.banner-partner{
    bottom:0;
    left:50%;
    margin-left:-499px;
    width:998px;
    height:108px;
    position:absolute;
    z-index:9999;
    /*background:url(../img/partner-line.png) no-repeat 249px center #fff;*/
    border:1px solid #ccc;
}
.banner-partner ul li{
    width:249px;
    height:80px;
    display:table-cell;
    vertical-align:middle;
    position:relative;
}
.banner-partner ul li img{
    margin:0 auto;
    vertical-align:middle;
    display:block;
}
.banner-partner ul li h1{
    margin:0 auto;
    top:68px;
    left:48px;
    position:absolute;
    height:20px;
    width:160px;
    font-size:12px;
    line-height:20px;
    text-align:center;
    border-radius:8px;
    background:#eee;
}

/*我们的价值*/
.pat{ padding-top: 80px;}
.pat02{ padding-top: 100px;}
.box{width:100%;}

h1{ font-size: 38px; font-weight: 400; text-align: center;color: #424242;}
h1 span{ display: block; background: url("../img/hspan.png") bottom center no-repeat; background-size: 100%; height: 20px; margin-top: 0px;}
h1 p{font-size: 20px; margin-top: 10px;}
.jzleft{ float: left;width:570px; height: 356px; margin-top: 50px;}
.jzleft img{ width:570px;}
.jzright{ float: right;width:570px; height: 356px; margin-top: 50px;}
.jzright ul{ width:100%; height: 100%;}
.jzright ul li{ float: left; padding: 5px 0; border-bottom: 1px solid #cccccc;}
.jzright ul li h4 a{ display: block;
    font-size: 20px;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }
.jzright ul li h4 a:hover{ color: #f85415;}
.jzright ul li p{color: #5c5c5c;
    line-height: 20px;
    margin-top: 8px;}
.jzright ul li:last-child{ border-bottom: none;}
.a-case-btn {
    text-align: center;
    margin: 40px 0 50px;
}
.a-case-btn a {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    background: #ffffff;
    border: 1px solid #cdcdcd;
    line-height: 40px;
    width: 200px;
    border-radius:20px;
    transition: all 218ms;
}
.a-case-btn a:hover{
    text-decoration:none;
    background: #f85415;
    color:#fff;
    border: 1px solid #f85415;
}

.fw-box{ background: url("../img/bg-fw.jpg") top center no-repeat; height:740px;}
.fwcont{ width:1200px; height: 342px; background:url("../img/fwn-bg.png")top center no-repeat; margin-top: 48px; padding: 85px 124px 0 113px;}
.fwcont p{color: #535455;line-height: 36px; letter-spacing:0.8px;width:222px; float: left; }
.fwcont .youshi{ width:535px; height: 192px; background: url("../img/ys.png") top center no-repeat;float: right;margin-top: 6px; position: relative;}
.fwcont .youshi p{color: #fff; font-size: 20px; position:absolute;}
.fwcont .youshi p.p1{ left: 66px;  top:45px;}
.fwcont .youshi p.p2{ left:408px;  top:45px;}
.fwcont .youshi p.p3{ left: 66px;  top:164px;}
.fwcont .youshi p.p4{ left: 408px;  top:164px;}


.jiazhi{ background: url("../img/jiazhi-bg.jpg") top center no-repeat; height: 760px;}
.jzli{ width:220px; height: 350px;margin: 60px 10px; overflow: hidden;float: left;}
.jzlibox{ width:100%; position: relative; height: 350px; overflow: hidden; background: #fff; box-shadow:2px 2px 2px 2px rgba(248,84,21,0.2);  }

.jzlibox::before {
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    background: url("../img/jzhbg.png") top center no-repeat;
    z-index:0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.jzlibox::before,.jxbox:hover::before{
    webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.jzlibox:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background: url("../img/jzhbg.png") top center no-repeat;
    width:100%;
}

.jzlibox .jzimg{width:64px; height: 64px; margin: 62px auto 0 auto; position: relative;}
.jzlibox .jzimg img{ position:absolute;  top:0; left: 0;}
.imop1{ opacity: 1;}
.imop0{ opacity: 0;}
.jzlibox:hover  .jzboxh{  opacity: 1;}
.jzlibox:hover  .jzimg .imop0{ opacity:1; }
.jzlibox:hover  .jzimg .imop1{ opacity:0; }
.jzzh{ display:block;  text-align:center;  font-size:20px;  color:#424242;   margin-top: 48px;  position:relative;padding-bottom: 10px;  }
.jzlibox:hover .jzzh,.jzlibox:hover .jzzp{ color: #fff;}
.jzzp{ font-size: 14px;color: #424242;position:relative;  margin-left: 50px; line-height: 1.7; }

.btn{ width:400px; height: 50px; background: url("../img/btn.png") top center no-repeat; margin: auto; display: block; color: #f85415; line-height: 50px; font-size: 20px; text-align: center;}
.btn p{ display: inline-block; color: #fff; float: right;width:118px; text-align: center; font-size: 16px;}

.anli .anliul{ width:100%;  height: 1030px; margin-top: 50px;}
.anli li{ float: left;width:400px; height: 242px;position: relative;}
.anli li img{ width:100%;}
.anli li:hover  .libg{ position: absolute; top:0; left:0;  background: rgba(255,255,255,.5);width: 100%; height: 100%;}

.yidong{width:100%; background: url("../img/yidong.png") bottom center no-repeat; height: 870px;}
.yidong ul{ padding-left: 330px; margin-top: 130px;}
.yidong ul li{ width:236px; height: 218px; float: left; border-right: 1px solid #efefef; padding-top: 106px;}
.yidong ul  .libg01{ background: url("../img/li01.png") top center no-repeat; width:236px;}
.yidong ul  .libg02{ background: url("../img/li02.png") top center no-repeat; width:236px;}
.yidong ul  .libg03{ background: url("../img/li03.png") top center no-repeat; width:236px;}
.yidong ul li h3{ font-size: 20px; font-weight: 600; text-align: center;line-height: 2;}
.yidong ul li p{ line-height: 2;padding: 0 20px;}
.yidong .yewu{ width:100%; padding-left: 330px; padding-top: 40px; }
.yidong .yewu .itm{width:220px; height:58px; background: url("../img/btnbg.png") right no-repeat; float: left; margin-left: 30px;}
.yidong .yewu .itm h4{ font-size: 20px; color: #fff; line-height: 58px;width:220px; text-align: center; font-weight: 600;}
.yidong .psty{ padding-left: 360px; padding-top: 60px; color: #fff; font-size: 20px;}

.rjkf{background: url("../img/rjkf02.jpg") bottom center no-repeat; height: 602px; width:100%; padding-top: 58px; }
.rjkf p{ color: #fff; font-size: 22px;}
.rjkf p.p1{  font-size: 48px; font-weight: 600;}
.rjkf p.p2{  font-size: 28px; font-weight: 600;}
.rjkf p.p3{ padding-top: 40px; line-height: 2;}
.rjkf p.p4{ padding-top: 40px; font-size: 28px; font-weight: 600; float: left; margin-right: 150px;}


.tel400{ background: url("../img/400.jpg") top center no-repeat; height: 940px;}
.tel400 .btit{width: 100%; background: url("../img/telt.png") top center no-repeat; padding: 0 154px; height: 101px;  margin-top: 30px;}
.tel400 .btit .libox{width:33.333%; float: left; height: 100%; padding: 16px;}
.tel400 .btit .libox h5{ font-weight: 400; font-size: 20px; color: #fff; padding-left: 80px; font-weight: 600; padding-bottom: 10px;}
.tel400 .btit .libox p{ font-weight: 400; font-size: 14px; line-height: 1.5; padding: 0 6px 0 10px; color: #fff;}
.tel400 ul{ width:1140px; overflow: hidden; margin: auto;}
.tel400 li{ width:320px; height: 372px; background: url("../img/400bg.png") top center no-repeat; margin-top: 70px; padding-top: 60px;float: left; margin: 70px 30px 0 30px;}
.tel400 li .yys{ width:125px; height:55px; margin-left: 98px;   }
.tel400 h4{ font-size: 20px; padding-left: 30px;padding-top: 40px; font-weight: 600;}
.tel400 p{ padding: 0 30px; line-height: 1.8; padding-top: 10px;}
.tel400 p span{ color: #ce2709;font-weight: 600;}

.fotbg{ width: 100%; height: 336px; background: url("../img/fotbg.jpg") top center no-repeat; padding-top: 80px;}
.fotbg h2{ font-size: 32px; color: #fff; text-align: center;}
.fotbg h2 span{ color: #ff7612;}
.fotbg .fottel{ width: 543px; height: 50px;  margin: 50px auto auto auto; display: block; }
.fotbg .fottel .rbtn{width:200px;border-radius: 25px; background: #fff; color: #ff9800;font-size: 18px; padding: 13px 20px; line-height: 50px;}
.fotbg .fottel .rbtn span{ width:22px; height: 22px; background: url("../img/telspan.png"); display: inline-block; margin-right: 4px;}
.fotbg .fottel .rtel{ font-size: 32px; color: #fff; float: right;line-height: 50px;}

.footer{ background: #222 url("../img/foot.jpg") center no-repeat; height: 355px; padding-top: 120px;background: #222; overflow:auto; }
.footer ul{ width:1200px; margin: auto;}
.footer ul li{float: left;width:20%; height: 200px;}
.footer ul li.li01{ width: 15%;}
.footer ul li.li02{ width: 24%;}
.footer ul li.li03{ width: 33%;}
.footer ul li.li04{ width: 18%;}
.footer ul li.li05{ width: 10%;}


.footer ul li p.p1{font-size: 20px;color: #6f6f6f; line-height: 1;}
.footer ul li p.p2{font-size: 16px;  color: #6f6f6f;  line-height: 2;}
.footer ul li p.p3{font-size: 14px;  color: #6f6f6f;  line-height: 2; padding-top: 10px;}
.footer ul li p.p4{font-size: 20px;color: #6f6f6f; }
.footer ul li img{ width:100px; height: 100px; margin-top: 20px;}
.footer ul li:hover p{ color: #fff;}
.footerTes {  height: 60px;  background: #1a1a1a;  line-height: 60px; text-align: center;color: #f5f5f5;  }

/*网站设计*/
.wz01{ background: url("../img/wzsj/wz01.jpg") bottom center no-repeat; height: 826px;width:100%;  position: relative;}
.wz01 p{ color: #fff; font-size:20px ;}
.wzp001{ position: absolute; top:208px;left:682px;}
.wzp002{ position: absolute; top:354px;left:532px;}
.wzp003{ position: absolute; top:350px;right:516px;}
.wzp004{ position: absolute; top:508px;left:682px; text-align: center;}
.wzp005{ position: absolute; top:390px;left:643px; text-align: center; font-size: 28px; color: #1a1a1a;}
.wz02{ background: url("../img/wzsj/wz02a.jpg") top center no-repeat; height: 730px;width:100%;}
.wz02 p{color: #fff; font-size: 42px; margin-left: 660px; font-weight: 600;}
.wz02  a{ display: block; padding: 14px 20px; font-size:36px; border: dashed 1px; font-weight: 600; color: #fff; margin-top: 70px;width:450px;}
.wz02 p.p1{ color: #ffe341; margin-top: 34px; font-weight: 400;padding-left: 22px;font-size: 30px;font-weight: 600;}
.wz02 p.p2{ color: #fff; margin-top: 28px; font-weight: 400; padding-left: 22px;font-size: 32px;}
.wz03{ background: url("../img/wzsj/wz03.jpg") top center no-repeat; height: 836px;width:100%; }
.wz04{ background:#fcfcfe; padding-bottom: 50px;}
.wz04 li{ background: url("../img/wzsj/wzlibg.png") top center no-repeat;width: 384px; height: 700px; padding: 40px 32px 0 32px; float: left; margin-right: 20px;}
.wz04 li h3{ font-size:32px; text-align: center; line-height: 2.6; font-weight: 600; margin-bottom: 10px; }
.wz04 li p span{ width: 16px; height: 16px;}
.wz04 li p{ font-size: 22px; line-height: 2.2;}
.wz04 li a{width:275px; height: 69px; background: url("../img/wzsj/btnzx.jpg") top center no-repeat; margin: 40px auto auto auto; display: block; line-height: 69px;  color: #fff; font-size: 28px; text-align: center; position: relative;}
.wz04 li a img{ opacity: 0;width:120px; height: 120px; position: absolute; top:-20px; left:75px;}
.wz04 li a:hover img{ opacity: 1;}

.syyh1_ul{margin-left:-4%; padding-top: 50px;}
.syyh1_ul li{float:left;width:29.33%;margin-left:4%;height:130px; background:url("../img/libg0001.jpg"); position:relative;overflow:hidden;border-left:2px solid #ea793f; box-shadow:0 0 20px 1px  rgba(0,0,0,0.1);padding:20px 40px 0 40px;font-size:14px;line-height:26px; transition:all 1s;}
.syyh1_ul li p{display:block;font-size:20px;color:#292929;margin-bottom:8px; position:relative;z-index:1;transition:all 1s;}
.syyh1_ul li span{ position:absolute;top:0;left:0;width:0;height:100%; background:#ffc107;transition:all 1s;}
.syyh1_ul li b{display:block;font-weight:normal; position:relative;z-index:1; transition:all 1s;color:#666;}
.syyh1_ul li:hover span{width:100%;}
.syyh1_ul li:hover p,.syyh1_ul li:hover b{color:#fff;}
.syyh2{margin:20px 0; position:relative;}
.syyh2_ul{overflow:hidden;width:100%;}
.syyh2_ul li{width:34%;text-align:center;overflow:hidden;margin-top:50px;}
.syyh2_ulp{display:block;border-bottom:1px solid #ff5722;overflow:hidden;line-height:61px;padding:30px 0;}
.syyh2_ulp img{float:left;margin:0 15px;width:15%;}
.syyh2_ulp span{float:left;font-size:16px;color:#666;display:inline-block;width:76%;}
.syyh2_ulp span i{font-size:24px;color:#ff7a0e;margin-right:20px;}
.syyh2_ulp:nth-child(1) img{float:right;}
.syyh2_ulp:nth-child(2){border-bottom:0;}
.syyh3{ position:absolute;left:40%;top:17%;width:240px;height:240px;border-radius:50%;border:1px solid #e3c2c0;}
.syyh3k{ position:relative;overflow:hidden;border-radius:50%;}
.syyh3 img{display:block;width:100%;}
.syyh3_bc{width:50%;height:50%;overflow:hidden; background:rgba(0,0,0,0.45); position:absolute;}
.syyh3_bc1{left:0;top:0;overflow:hidden;}
.syyh3_bc2{right:0;top:0;overflow:hidden;}
.syyh3_bc3{left:0;bottom:0;overflow:hidden;}
.syyh3_bc4{right:0;bottom:0;overflow:hidden;}
.syyh3_bc p{display:block;width:100%;height:100%; background:rgba(255,87,34,0.8); opacity:0; transition:all 1s;}
.syyh3_bc.active p{ opacity:1;}
.syyh3_nr{ position:absolute;top:5%;left:5%;width:90%;height:90%;border:1px solid #fff;border-radius:50%;}
.syyh3_nr li{float:left;width:50%;height:50%;text-align:center;font-size:20px;color:#fff;padding-top:14%;cursor:pointer;}
.syyh3_nr li:nth-child(1){border-right:1px solid #fff;border-bottom:1px solid #fff;padding-top:23%;}
.syyh3_nr li:nth-child(2){border-bottom:1px solid #fff;padding-top:23%;}
.syyh3_nr li:nth-child(3){border-right:1px solid #fff;}
.syyh3_jt{ position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;}
.syyh3_jt img{display:block;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);-o-transform:rotate(0deg); transition:all 1s;}
.syyh3_jt.active1 img{transform:rotate(185deg);-ms-transform:rotate(185deg);-moz-transform:rotate(185deg); -webkit-transform:rotate(185deg);-o-transform:rotate(185deg);}
.syyh3_jt.active2 img{transform:rotate(275deg);-ms-transform:rotate(275deg);-moz-transform:rotate(275deg); -webkit-transform:rotate(275deg);-o-transform:rotate(275deg);}
.syyh3_jt.active3 img{transform:rotate(95deg);-ms-transform:rotate(95deg);-moz-transform:rotate(95deg); -webkit-transform:rotate(95deg);-o-transform:rotate(95deg);}
.syyh3_jt.active4 img{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.yxtg03{ width:100%; background: url("../img/yxtg/index_05.png"); height: 250px;}

.qc_11_four{
    padding-top: 69px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 61px;
}
.qc_11_four_item {
    flex-shrink: 0;
    width: 286px;
    height: 472px;
    padding-top: 1px;
}

.qc_11_four_inner{
    padding-top: 230px;
    height: 100%;
    background: #f5f5f5;
    transition: all .3s;
    position: relative;

}
.qc_11_four_img{
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 217px;
    width: 100%;
    transition: all .3s;
    position: absolute;
    top: 0;
    left: 0;
}
.qc_11_four_item:nth-child(1) .qc_11_four_img{
    background-image: url('../img/rjsjkf/four_1@2x.png');
}
.qc_11_four_item:nth-child(2) .qc_11_four_img{
    background-image: url('../img/rjsjkf/four_2@2x.png');
}
.qc_11_four_item:nth-child(3) .qc_11_four_img{
    background-image: url('../img/rjsjkf/four_3@2x.png');
}
.qc_11_four_item:nth-child(4) .qc_11_four_img{
    background-image: url('../img/rjsjkf/four_4@2x.png');
}
.qc_11_four_h1, .qc_11__item_h1{
    height: 40px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #070707;
    line-height: 40px;
    margin-bottom: 22px;
}
.qc_11_four_desc{
    height: 50px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    text-align: center;
    color: #727272;
}
.qc_11_four_item:hover{
    background: none;
}
.qc_11_four_item:hover .qc_11_four_inner{
    background-color:  #FFC100;
    height: 269px;
    padding-top: 84px;
    margin-top: 202px;
}
.qc_11_four_item:hover .qc_11_four_img{
    top: -126px;
}
.qc_11_four_item:hover .qc_11_four_h1,
.qc_11_four_item:hover .qc_11_four_desc{
    color: #fff;
}

/*为什么选择我们*/
.whySelwe {
    background: url("../img/rjsjkf/whySelus.jpg");
    background-size: cover;
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 80px;
}
.whyitem{width:100%;}
.whyitem li{width:20%; float: left;margin-bottom: 15px; padding: 15px; margin-top: 50px; text-align: center;}
.whySel-item-img {
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.whySel-item-img img {
    width: 100%;
}
.info-line-1 {
    margin: 30px 0 5px 0;
}
.whyitem li h3{ color: #fff;  font-size: 20px; line-height: 2; margin-top: 20px;}
.whyitem li p{ color: #fff; line-height: 1;}

.seo01{ height: 540px; margin-top: 50px;}
.seo02{ height: 472px; background: url("../img/seo/seo.png") top center no-repeat; padding: 40px 40px 0 0; }
.seo02 h3{font-size: 40px;color: #424242;margin-left: 650px; padding-bottom: 30px; font-weight: 600;}
.seo02 p{width:570px; height: 130px; line-height: 2; float: right;}
.seo02  a{width:275px; height: 69px; background: url("../img/wzsj/btnzx.jpg") top center no-repeat; margin: 166px auto auto 700px; display: block; line-height: 69px;  color: #fff; font-size: 28px; text-align: center; position: relative;}
.seo02 a img{ opacity: 0;width:120px; height: 120px; position: absolute; top:-20px; left:75px;}
.seo02  a:hover img{ opacity: 1;}

.seoyh{width:100%; background: url("../img/seo.png") bottom  center no-repeat; height: 836px;}
.seoyh .pleft{ width:500px; float: left;text-align: right;padding-top: 76px; padding-right: 130px;}
.seoyh .pleft h4{ font-size: 18px; color: #424242; line-height: 2; letter-spacing: 0;}
.seoyh .pleft p{ font-size:14px; color: #999;}
.seoyh .seoth{ position: relative;width:172px; height: 172px; border-radius: 50%; background: #fff;  float: left; margin-top: 202px; margin-left: 7px; text-align:center; padding-top: 50px;
    z-index: 0;
    color: #ff7800; font-size: 26px;
}
.seoine{ position: absolute; top:0; left: 0;width:172px; height: 172px; border-radius: 50%;z-index: 1000;    animation: shining 1s linear infinite;
    -webkit-animation: shining 1s linear infinite;
    -moz-animation: shining 1s linear infinite;
background: #fff;}
@keyframes shining {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        opacity: 0;
    }
    25% {
        transform: scale(1);
        -ms-transform: scale(1);
        opacity: .3;
    }
    50% {
        transform: scale(1);
        -ms-transform: scale(1);
        opacity: .7;
    }
    100% {
        transform: scale(1.3,1.3);
        -ms-transform: scale(1.3,1.3);
        opacity: 0;
    }
}
@-webkit-keyframes shining {
    0% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(1);
        opacity: .5;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: .8;
    }
    100% {
        -webkit-transform: scale(1.3,1.3);
        opacity: 0;
    }
}

.seotd{ height:570px; background: url("../img/seo/seobg.jpg")  top center no-repeat;}
.eyx_xs_c{
    width:1200px;
    padding:80px 0 40px 0;
}
.eyx_xs_c li{
    float:left;
    width:274px;
    margin-right:30px;
    padding-bottom:50px;
    background:#fff;
    transition:all 477ms;
    -webkit-transition:all 477ms;
    -moz-transition:all 477ms;
    -ms-transition:all 477ms;
    border-radius: 20px;
}
.eyx_xs_c li:nth-child(4){
    margin-right:0;
}
.eyx_xs_c li:hover{
    box-shadow:0 15px 30px rgba(0,0,0,0.1);
    transform:translate3d(0,-2px,0);
    -webkit-transform:translate3d(0,-2px,0);
    -moz-transform:translate3d(0,-2px,0);
    -ms-transform:translate3d(0,-2px,0);
}
.eyx_xs_c li span img{
    transform: perspective(500px) rotateX(0deg);
    -ms-transform: perspective(500px) rotateX(0deg);
    -moz-transform: perspective(500px) rotateX(0deg);
    -webkit-transform: perspective(500px) rotateX(0deg);
    -o-transform: perspective(500px) rotateX(0deg);
    backface-visibility: visible;
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
.eyx_xs_c li:hover span img{
    transform: perspective(500px) rotateY(360deg);
    -ms-transform: perspective(500px) rotateY(360deg);
    -moz-transform: perspective(500px) rotateY(360deg);
    -webkit-transform: perspective(500px) rotateY(360deg);
    -o-transform: perspective(500px) rotateY(360deg);
}
.eyx_xs_c .li_1{
    background:url(../img/seo/eyx_zx_01.jpg) no-repeat center bottom #fff;
}
.eyx_xs_c .li_2{
    background:url(../img/seo/eyx_zx_02.jpg) no-repeat center bottom #fff;
}
.eyx_xs_c .li_3{
    background:url(../img/seo/eyx_zx_03.jpg) no-repeat center bottom #fff;
}
.eyx_xs_c .li_4{
    background:url(../img/seo/eyx_zx_04.jpg) no-repeat center bottom #fff;
}
.eyx_xs_c li span{
    width:80px;
    padding:20px 0 20px 90px;
    display:block;
}
.eyx_xs_c li samp{
    width:100%;
    text-align:center;
    height:38px;
    line-height:38px;
    font-size:18px;
    display:block;
    font-family: "arial","微软雅黑";
}
.eyx_xs_c li p{
    width:250px;
    padding:12px;
    text-align:center;
    line-height:21px;
    font-size:14px;
    color:#848484;
    font-family: "arial","微软雅黑";
}
.seo03{ background: #282828;}
.seo03 ul{ padding: 20px 60px 40px 60px;}
.seo03 ul li{ width:240px; height: 330px; background: url("../img/seo/seobg01.png") top center no-repeat; padding: 34px 14px 20px 14px; letter-spacing: 3px; float: left; margin: 30px 15px 10px 15px;}
.seo03 ul li h3{ font-size: 24px; font-weight: 400; color: #fff; text-align: center; line-height: 60px;}
.seo03 ul li p{ font-size: 14px; line-height: 24px; color: #424242;margin-top: 6px; }
.seo03 ul li h4 { font-weight: 600; font-size: 16px;padding-left:24px; background:url("../img/seo/point.png") left no-repeat;  margin-top: 20px; }
.seo04 ul{width:100%; padding-bottom: 30px;}
.seo04 ul li{width:33.3333%; float: left; padding: 178px 36px 0 58px;}
.seo04 ul li h5{ font-size: 20px; color: #fff; font-weight: 600; line-height: 46px; padding-left: 96px;}
.seo04 ul li p{ font-size: 14px; padding-top: 14px; line-height: 2;}
.seo04 ul li.bg001{ background: url("../img/seo/libg001.jpg") left center no-repeat; height:389px; }
.seo04 ul li.bg002{ background: url("../img/seo/libg002.jpg") left center no-repeat; height:389px; }
.seo04 ul li.bg003{ background: url("../img/seo/libg003.jpg") left center no-repeat; height:389px; }
.seo05{ background: #fc7023; height: 286px;}
.seo05 ul{width:100%; padding: 70px 0;}
.seo05 ul li{width:20%; float: left; text-align: center;}
.seo05 ul li .imgbox{padding-left: 98px;width:44px; height: 44px; display: block; margin-bottom: 6px;}
.seo05 ul li .imgbox .img{width:100%; margin-bottom: 4px;}
.seo05 ul li p{color: #fff; line-height:2;}
.seo05 ul li p span{ font-size: 20px; }

#enterprise-managemen .box {
    margin-top: 35px;
    width: 240px;
    float: left;
    font-size: 24px;
    text-align: center;
}
#enterprise-managemen .box h5 {
    height: 130px;
}
#enterprise-managemen .box p {
    color: #626262;
    margin-bottom: 15px;
}
#enterprise-managemen .box > img {
    margin-bottom: -1px;
    margin-left: 100px;
}
#enterprise-managemen .active-san p {
    color: #FF5722 !important;
}
#enterprise-managemen .managemen-listbox {
    box-shadow: 0 2px 10px 4px rgba(172, 180, 194, 0.3) inset;
    background: #f9f9f9;
    border-top: 1px solid #f2f2f2;
    margin-top: 220px;
}
#enterprise-managemen .managemen-listbox ul {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    padding: 40px 0;
}
#enterprise-managemen .managemen-listbox ul li {
    width: 239px;
    text-align: center;
    font-size: 18px;
    color: #686868;
    line-height: 80px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    float: left;
}
#enterprise-managemen .managemen-listbox ul li:nth-of-type(5),
#enterprise-managemen .managemen-listbox ul li:nth-of-type(10) {
    border-right: none;
}
#enterprise-managemen .managemen-listbox ul li:nth-of-type(6),
#enterprise-managemen .managemen-listbox ul li:nth-of-type(7),
#enterprise-managemen .managemen-listbox ul li:nth-of-type(8),
#enterprise-managemen .managemen-listbox ul li:nth-of-type(9),
#enterprise-managemen .managemen-listbox ul li:nth-of-type(10) {
    border-bottom: none;
}
#moerplatform {
    background-size: cover;
    height: 300px;
}
#moerplatform h1 {
    width: 1250px;
    font-weight: normal;
    font-size: 32px;
    text-align: center;
    margin: auto;
    padding: 32px 0 55px;
    color: #FFF;
}
#moerplatform h1 span {
    color: #3B7DED;
}
#moerplatform .imgbox {
    width: 198px;
    float: left;
    color: #fff;
    text-align: center;
}
#moerplatform .imgbox i {
    display: block;
    height: 100px;
    border-right: 2px solid #E8E8E8;
}
#moerplatform .imgbox i img {
    margin-top: -13px;
}
#moerplatform .imgbox p {
    font-size: 20px;
    color: #e8e8e8;
    margin-top: 2px;
}
#moerplatform .imgbox:last-child i {
    border-right: none;
}
.rjpt{ width: 100%; background: url("../img/rjkf/rjysbg.jpg") top center no-repeat; padding: 15px 0;}
.dzbg{ width:100%; background: url("../img/jiazhi-bg.jpg") top center no-repeat;}

#query {
    background:url("../img/rjkf/bg11.jpg") no-repeat;
    background-size: cover;
    height: 280px;
    margin-top: 190px;
}
#query h1 {
    width: 1250px;
    font-weight: normal;
    font-size: 32px;
    padding: 42px 0;
    margin: auto;
    text-align: center;
    color: #fff;
}
#query h1 span {
    color: #3B7DED;
}
#query dl {
    float: left;
    width: 280px;
    margin: 0 10px;
    height: 100px;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 0 20px 3px rgba(255, 255, 255, 0.2);
}
#query dl dt {
    font-size: 24px;
    color: #424242;
    padding: 20px 0;
}
#query dl dd {
    color: #767676;
}
#requirement {
    background-image: url(https://rzhd.oss-cn-beijing.aliyuncs.com/imgs/bg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
/*#requirement h1 {*/
    /*font-weight: normal;*/
    /*font-size: 32px;*/
    /*text-align: center;*/
    /*width: 1250px;*/
    /*margin: auto;*/
    /*padding: 48px 0 26px 0;*/
    /*color: #303030;*/
/*}*/
/*#requirement p {*/
    /*text-align: center;*/
    /*color: #767676;*/
    /*font-size: 16px;*/
    /*width: 1250px;*/
    /*margin: auto;*/
    /*padding-bottom: 26px;*/
/*}*/
#requirement #stage {
    width: 1250px;
    margin: auto;
    border-bottom: 3px solid #cfd2d4;
    padding: 50px 0 160px 0;
}
#requirement #stage div.title-box {
    position: relative;
    padding-bottom: 20px;
    float: left;
    text-align: center;
    width: 171.4px;
    box-sizing: border-box;
}
#requirement #stage div.title-box div.img-box {
    height: 85px;
    text-align: center;
}
#requirement #stage div.title-box div.img-box img {
    opacity: 0.7;
}
#requirement #stage div.title-box b {
    font-size: 22px;
    font-weight: normal;
    color: #424242;
}
#requirement #stage div.title-box .float {
    float: left;
    margin-left: 50%;
}
#requirement #stage div.title-box .float img {
    position: relative;
    bottom: -34px;
    left: -50%;
}
#requirement #stage .title-box:nth-of-type(1) .img-box img {
    margin-top: 2px;
}
#requirement #stage .title-box:nth-of-type(5) .img-box img {
    margin-top: 5px;
}
#requirement #stage .title-box:nth-of-type(4) .img-box img {
    margin-top: 5px;
}
#requirement #stage .title-box:nth-of-type(2) .img-box img,
#requirement #stage .title-box:nth-of-type(3) .img-box img {
    margin-top: -7px;
}
#requirement #stagelist {
    width: 1250px;
    margin: auto;
    overflow: hidden;
    padding: 30px 0 25px;
    color: #767676;
    line-height: 26px;
}
#requirement #stagelist > li {
    float: left;
    width: 171.4px;
}
#requirement #stagelist > li ul.listcentent li {
    text-align: center;
    font-size: 14px;
}
.app-system-safety {
    width: 1200px;
    margin: auto;
    padding-bottom: 50px;
    overflow: hidden;
}
/*.app-system-safety h1 {*/
    /*font-size: 34px;*/
    /*font-weight: normal;*/
    /*text-align: center;*/
    /*color: #303030;*/
    /*width: 1200px;*/
    /*margin: auto;*/
/*}*/
/*.app-system-safety P {*/
    /*width: 1200px;*/
    /*text-align: center;*/
    /*margin: 30px auto 40px;*/
    /*color: #767676;*/
/*}*/
.app-system-safety dl {
    margin-bottom: 10px;
    box-shadow: 0 0 10px 2px rgba(188, 188, 188, 0.4);
    width: 270px;
    float: left;
    text-align: center;
    margin: 50px 15px;
}
.app-system-safety dl dt {
    line-height: 60px;
    background: #ff9800;
    color: #fff;
    font-size: 24px;
    border-radius: 4px;
}
.app-system-safety dl dd {
    font-size: 18px;
    line-height: 60px;
    background: #f2f2f2;
    margin: 14px 0px;
    color: #767676;
}
.app-system-safety dl dd:last-child {
    margin-bottom: 0;
}
.app-system-safety dl:nth-of-type(3) dd:nth-of-type(1) {
    line-height: 26px;
    padding: 4px 0px;
}
.app-us-ability {
    height: 385px;
    background: #f6f6f6;
}
.app-us-ability h1 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    padding: 40px 0 60px;
    color: #303030;
    width: 1200px;
    margin: auto;
}
.app-us-ability .app-us-ability-content {
    width: 1200px;
    margin: auto;
}
.app-us-ability .app-us-ability-content .content-box {
    text-align: center;
    width: 300px;
    float: left;
}
.app-us-ability .app-us-ability-content .content-box h3 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
}
.app-us-ability .app-us-ability-content .content-box p {
    line-height: 24px;
    color: #767676;
}

.case2{padding:0px 0;position:relative;}
.case2 .tit{font-size:30px;line-height:1.5;text-align:center;padding:50px 0;color:#333;}
.case2 .tit h1{font-size:inherit;display:inline-block;}
.case2 .tit span{margin-right:15px;}
.case2 .tit2{text-align:center;margin-top:40px;}
.case2 .tit2 h3{font-size:30px;}
.case2 .tit2 h4{font-size:48px;margin-top:20px;}
.case2 .list{perspective:1200px; margin-top: 50px;}
.case2 .list .item{position:relative;overflow:hidden;float:left;width:378px;height:234px;margin:0 0 16px 16px;opacity:0;
    transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
    transform:translateY(100px);-webkit-transform:translateY(100px);}
.case2 .list .item:nth-child(1){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.case2 .list .item:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.case2 .list .item:nth-child(3){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.case2 .list .item:nth-child(4){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.case2 .list .item:nth-child(5){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.case2 .list .item:nth-child(6){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.case2.show .list .item{opacity:1;transform:translateY(0px) rotateX(0deg);-webkit-transform:translateY(0px) rotateX(0deg);}
/*.case2 .list .item.first{margin-left:0;}*/
.case2 .list .item img{width:100%;height:auto;
    transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case2 .list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat; }
.case2 .list .item .mask{  background: #424242;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case2 .list .item .mask .cell{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);-ms-transform:translateY(-50%);color:#fff;}
.case2 .list .item .mask .h3{font-size:24px;line-height:1.2;padding:0 15px;transform:translateY(20px);-ms-transform:translateY(-20px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case2 .list .item .mask p{font-size:16px;color:#fff;margin-top:20px;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case2 .list .item .mask p a{margin:0 10px;display: inline-block; color: #fff;}
.case2 .list .item:hover .mask{opacity:0.8;filter:alpha(opacity='80');}
.case2 .list .item:hover  .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.case2 .list .item:hover .mask a{transform:translateY(0px);-webkit-transform:translateY(0px);color: #fff;}
.case2 .list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;}
.case2 .pages{margin:30px 0 40px;}
.pages{text-align:center;}
.pages a{display:inline-block;height:25px;line-height:25px;padding:0 10px;border:1px solid #888;font-size:16px;color:#333;font-family:Arial;margin:0 5px;}
.pages a:hover{background:#4461a0;color:#fff;border-color:#4461a0;}
.pages a.now{border-color:transparent;}
.pages span{display:inline-block;height:25px;line-height:25px;padding:0 10px;border:1px solid #888;font-size:16px;color:#333;font-family:Arial;margin:0 5px;}
.pages .jump{padding:0;}
.pages .jump input{border:none;width:25px;padding:0 10px;font-size:16px;text-align:center;}
.pages .jump em{display:inline-block;border-left:1px solid #888;text-align:center;width:40px;}
.pages .jump em:hover{background:#4461a0;color:#fff;border-color:#4461a0;cursor:pointer;}

.about5{padding:30px 40px 0;}
.about5 .list{margin:50px -15px 0;display:flex;flex-wrap:wrap;font-size:0;}
.about5 .list .item{width:calc(25% - 30px);display: inline-block;margin:0 15px 30px;}
.about5 .list .item a{display:block;padding:20px;border:1px solid #ccc;position: relative;height:100%;box-sizing:border-box; line-height: 2;}
.about5 .list .item a:before{content:"";position: absolute;left:-1px;top:-1px;border-top:1px solid #FF5722;border-left:1px solid #FF5722;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.about5 .list .item a:after{content:"";position: absolute;right:-1px;bottom:-1px;border-right:1px solid #FF5722;border-bottom:1px solid #FF5722;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.about5 .list .item a:hover:before{width:calc(100% + 1px);height:calc(100% + 1px);visibility: visible;}
.about5 .list .item a:hover:after{width:calc(100% + 1px);height:calc(100% + 1px);visibility: visible;}
.about5 .list .item .h{font-size:22px;line-height:1.3;overflow: hidden;color: #666;}
.about5 .list .item .p{font-size:14px;margin-top:10px;color: #666;}
.about5 .list .item .more{font-size:24px;color: #424242;margin-top:15px;}
.news{ background: #f6f6f6; padding-bottom: 20px;}
.news ul{width:100%; padding-top: 40px;}
.news ul li{width:585px; height: 170px; background: #fff; padding: 15px; float: left; margin-right: 30px; margin-bottom: 20px;}
.news ul li .newsl{width:214px; height: 140px; float: left;}
.news ul li .newsl img{width:100%;}
.news ul li .newsr{margin-left: 20px;width:310px; overflow: hidden; padding-left: 20px;}
.news ul li .newsr h4{font-size:16px; margin-bottom: 10px;}
.news ul li .newsr p{font-size:14px;color: #999; line-height: 2;}
.news ul li .newsr .data{font-size:14px;color: #999;font-style: italic;}
.news_con{ width:1200px; margin:0 auto; overflow:hidden;  }
.news_con p{ font-size:14px;  line-height:28px; width:100%; line-height:2;}
.news_con img{ display: inline-block;max-width: 100%;margin:0px 0; height: auto!important; }
.news_con .show{ text-align:center; font-size:14px; clear:both; margin-top:60px; line-height:40px;}
.ueditor_baidumap{width: 1200px;height: 240px;}
.ban01{width:100%; background: url("../img/ppgw/ban01.jpg") top center no-repeat; height: 558px;}
.pp01{width:100%; background: url("../img/ppgw/pp02.jpg") top center no-repeat; height: 664px;}
.pp02{width:100%; background: url("../img/ppgw/pp03.jpg") top center no-repeat; height: 888px;}
.pp03{width:100%; background: url("../img/ppgw/pp05.jpg") top center no-repeat; height: 374px;}

/*企业官网*/
.qygwbg{ width:100%; background: url("../img/ppgw/banqybg.jpg") top center no-repeat; height: 600px; padding-top: 304px; line-height: 2;}
.special1{padding:90px 0 60px 0px;position:relative;background-position:center center;background-repeat:no-repeat;background: url("../img/ppgw/banqybg.jpg") top center no-repeat;}
.special1 .img img{transform:scale(0) rotateY(-360deg);-webkit-transform:scale(0) rotateY(-360deg);
    transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;}
.special1.show{display: block;}
.special1.show .img img{transform:scale(1) rotateY(0deg);-webkit-transform:scale(1) rotateY(0deg);}
.special1 .block{text-align:center;color:#fff;}
.special1 .h1{font-size:48px;font-family:'幼圆';margin-top:15px; color: #fff;}
.special1 .h2{font-size:24px;margin-top:15px;color:#fff;}
.special1 .text{font-size:14px;margin-top:25px;line-height:1.5; color: #fff;}
.show .transition{ opacity:1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    transform:translate(0,0);
}
.special1 .info{width:520px;height: 600px; }
.special1 .info h5{ font-size:28px;line-height: 48px; color: #424242;}
.special1 .info p{ font-size:20px; line-height: 1.8;color: #424242;}

.pzqb{width:100%; height: 664px; background: url("../img/ppgw/pp01.jpg") top center no-repeat;}
.pzinner{ position: relative;}
.hp{ position: absolute; top:77px; left:78px; font-size:48px; font-weight: bold; color: #424242;}
.paz1{position: absolute; top:180px; left:114px;}
.paz2{position: absolute; top:158px; left:638px;}
.pzinner .info{width:520px;height: 600px; }
.pzinner .info h5{ font-size:28px;line-height: 48px; color: #424242;}
.pzinner .info p{ font-size:20px; line-height: 1.8;color: #424242;}
.lingy{width:100%; height: 883px; background: url("../img/ppgw/pp04.jpg") top center no-repeat;}
.lingy p{ color: #fff;  text-align: center; margin-top: 50px; line-height: 1.7;}
.lingy ul{width:100%; padding: 8px 0;}
.lingy ul li{width:33.3333%; float: left; text-align: center; }
.lingy ul li h4{ font-size: 24px;color: #ababab;}
.lingy ul li p{ font-size: 14px;color: #ababab; line-height: 2; margin-top: 0px;}
.liucheng{width:100%; background: url("../img/ppgw/pp05.jpg") top center no-repeat; height: 374px; padding-top: 88px;}
.liucheng .main{ position: relative;}
.liucheng .main .p001{ position: absolute; left: 48px; top:0;}
.liucheng .main .p002{ position: absolute; left: 310px; top:0;}
.liucheng .main .p003{ position: absolute; left: 578px; top:0;}
.liucheng .main .p004{ position: absolute; left: 924px; top:0;}
.liucheng .main .p005{ position: absolute; left: 196px; top:124px;}
.liucheng .main .p006{ position: absolute; left: 442px; top:124px;}
.liucheng .main .p007{ position: absolute; left:782px; top:124px;}
.liucheng .main .p008{ position: absolute; left: 1078px; top:124px;}
.liucheng .line{line-height: 1.5; text-align: center;}
.liucheng .line h5{ font-size: 24px;color: #fff;line-height: 1.8; }
.liucheng .line p{ font-size: 14px;color: #fff;}

.index_p2{ position:relative;z-index:9; background:url("../img/yxtg/index_05.png") top center no-repeat; }
.jxbox{
    width:100%;
    position:relative;
    height:212px;
    overflow:hidden;
    border-radius: 50%;
}
.colbor01{
    background:rgba(66,66,66,0.8);
}
.colbor02{
    background:rgba(195,195,203,0.15);
}
.jxbox::before {
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 50%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    background:#FF9800;
    z-index:0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.jxbox::before,.jxbox:hover::before{
    webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.jxbox:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background:#FF9800;
    width:100%;
}
.jximg{
    width:45px;
    height:45px;
    margin:45px auto 0 auto;
    position:relative;
}
.jximg img{
    position:absolute;
    bottom:0;
    left:0;
}
.jxop0{
    opacity:0;
}
.jxop1{
    opacity:1;
}
.jxth{
    width:210px;
    margin:auto;
    font-size:14px;
    color:#989898;
    position:relative;
    line-height:3;
    letter-spacing:0px;
}
.jxzh{
    display:block;
    text-align:center;
    font-size:20px;
    color:#fff;
    font-weight:bold;
    margin-top: 18px;
    position:relative;
}
.jxtxt{
    width:250px;
    height:230px;
    position:absolute;
    top:105px;
    left:0;
    line-height:1.5;
    color:#333;
    text-align:left;
    padding:0 5px;
    opacity:0;
}
.jxbg{
    background:url(../images/jxbg.jpg) bottom center no-repeat;
}
.jxtxt:hover{
    top:0;
    transition:0.5s linear;
}
.jxbox:hover .jxzh{
    color:#fff;
}
.jxbox:hover .jxth{
    color:#fff;
}
.jxbox:hover .jxop0{
    opacity:1;
}
.jxbox:hover .jxop1{
    opacity:0;
}

.nav_float{position:fixed;right:-70px;top:30%;width:80px;transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:11; width:120px; height: 100px;}
.nav_float li{margin-bottom:3px;background: #424242;height:90px;border-radius:15px 0 0 15px;perspective: 300px;text-align:center;color:#fff; padding-top: 14px;}
.nav_float a{display:block;height:100%;color: #fff;}
.nav_float a .inner{display: inline-block;vertical-align: middle; overflow: hidden;}
.nav_float a:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.nav_float .ico{width: 32px;height: 32px;line-height: 32px;display: block;margin:auto;}
.nav_float .ico img{max-width:100%;max-height:100%;}
.nav_float  a .inner p{font-size: 14px;line-height:1;display: block;margin-top:10px; color: #fff;}
.nav_float .a3 .img{position:absolute;right:100%;top:0;max-width:120px;margin-right:10px;box-shadow:0 0 10px rgba(0,0,0,0.15);visibility: hidden; transition:all 0.5s ease-out 0s;opacity: 0;pointer-events:none;}
.nav_float .a3:hover .img{opacity:1;visibility: visible;}
.nav_float .gotop{background:url(../image/icon3.png) center -230px no-repeat;}
.nav_float .a1 .telleft{position:absolute;right:100%;
    top: 10px;width:200px;margin-right:10px;box-shadow:0 0 10px rgba(0,0,0,0.15);visibility: hidden; transition:all 0.5s ease-out 0s;opacity: 0;pointer-events:none;font-size: 20px;
background: rgba(255,255,255,1); height: 70px; line-height: 70px;color: #f85415;}
.nav_float .a1:hover .telleft{opacity:1;visibility: visible;}

.rbtn{ position: relative;}
.rbtn img{ opacity: 0; position: absolute; top:-30px; left:-130px;width:120px; height: 120px;}
.rbtn:hover img{opacity:1;visibility: visible;}
/*具体课程*/
#jtkc {
    margin: auto;
    width: 1200px;
    padding-bottom: 20px;
}
.jtkc-lh-ui{
    line-height:2.9;
}
#jtkc > ul > li {
    width: 250px;
    background-color: #eeeeee !important;
    list-style-type: none;
    display: block;
    text-align: center;
    margin: auto;
    padding-bottom: 10px;
    border-right: none;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";*/
    /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);*/
    font-size:16px;
    text-align:center;
    margin-bottom:5px;
    padding:10px 0;
    font-weight:700;
    color:#000;
    float: left;
    margin-right: 30px;
}

.bghot{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
}

#jtkc > ul > li.selected {
    opacity: 1;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
    /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
    border-right: none;
    z-index: 10;
    background-color: #f85415 !important;
    position: relative;
    width:250px;
    color:#fff;
}
#jtkc > ul {
    width: 840px;
    text-align: left;
    display: block;
    margin: auto 0;
    padding-bottom: 80px;
    margin-left: 195px;
}
#jtkc  .kcnr {
    background-color: #fff;
    /*margin-left: 210px;*/
    /*border: 1px solid #ddd;*/
    padding: 12px;
    position: relative;
    z-index: 9;
    -moz-border-radius: 20px;
    padding-bottom: 10px;
    /*overFlow-y:scroll;*/
    width:100%;
    background: #f5f5f5;
}

#jtkc  .kcnr p{
    line-height: 2;
    text-indent: 2em;
}