html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #eee;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.default_btn {
    display: inline-block;
    width: 90px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #5677dd;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}

.default_btn_big {
    display: inline-block;
    width: 180px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: #fff;
    border-radius: 5px;
    color: #5677dd;
    font-size: 20px;
}
.default_btn_line {
    display: inline-block;
    width: 178px;
    height: 53px;
    text-align: center;
    line-height: 53px;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    border:1px solid #fff
}

.header {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    border-bottom: 1px solid #ebebeb
}

.header_top {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background: #363636;
    color: #999;
    font-size: 12px;
}

.header_top a {
    color: #999;
    float: left;
    margin: 0 5px
}
.header_top a:hover{
    color:#5677dd
}

.header_top em {
    float: left;
}

.header_box {
    width: 1200px;
    margin: 0 auto;
}

.header_nav {
    height: 80  px;
    width: 1200px;
    margin: 0 auto;
}
.header_nav a:hover{
    color: #5677dd;
}

.logo {
    margin: 16px 60px 0 0
}
.logo_wp{float:left;margin:16px 60px 0 0}
.logo_wp a{color: #000}
.logo_img {
    float:left;
    background: url(/ygl/image/logo.png) center center /cover no-repeat;
    width: 80px;
    height: 40px;
}
.logo_title {
    float:left;
    margin-top:8px;
    border-left: 3px solid #666;
    padding-left: 10px;
    margin-left: 10px;
    line-height: 26px;
    font-size: 24px;
}

.nav a {
    display: inline-block;
    height: 78px;
    margin-right: 15px;
    padding: 0 8px;
    border-bottom: 2px solid #fff;
    font-size: 18px;
    color: #666;
    line-height: 80px
}

.nav .active {
    color: #5677dd;
    border-color: #5677dd
}

.nav_btn a {
    margin-top: 20px
}


.major-container{
    min-width: 1200px
}


.qlw-index {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}
.middle{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: top;
    align-items: top;
}
.qlw-page {
    width: 100%;
    height: 100%;
}
.focusimg {height:520px;text-align: center;}
.focusimg1 {
    padding-top:80px;
    background: url(/ygl/image/focusimg.jpg) center center/cover no-repeat;
    box-sizing: border-box;
    width: 100%;
}
.banner-box{
    width:100%;
    box-sizing: border-box;
    height: 500px;
    position: relative;
    background: url(/ygl/image/newindex/indexHeaderBg.png) center center/cover no-repeat;
}
.banner-box2{
    width:100%;
    box-sizing: border-box;
    height: 580px;
    position: relative;
    background: url(/ygl/image/banner1.png) center center/cover no-repeat;
}
.banner-box3{
    width:100%;
    box-sizing: border-box;
    height: 580px;
    position: relative;
    background: url(/ygl/image/yzdn/pig1.jpg) center center/cover no-repeat;
}
.banner-box4{
    width:100%;
    box-sizing: border-box;
    height: 580px;
    position: relative;
    background: url(/ygl/image/partner/inves_1.jpg) center center/cover no-repeat;
}
.focus_box {
    color: #fff;
}
.focus_box h4 {
    font-size: 40px;
    line-height: 68px
}
.focus_box h2 {
    font-size: 66px;
    line-height: 100px
}

.focus_box h3 {
    font-size: 36px;
    line-height: 74px;
    font-weight: normal
}
.banner-btn{
    position: absolute;
    top:400px;
    left:50%;
    transform: translateX(-50%);
}
.focus_btn {
    padding: 65px 0
}
.focus_btn a{margin:0 10px}
.play_dec {
    display: inline-block;
    padding-left: 30px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    background: url(/ygl/image/play.png) 0 16px no-repeat;
}
.bg_out{height:666px;overflow: hidden}
.bg_title{margin-top:70px;height:72px;line-height:72px;text-align: center;font-size:36px;color:#333;}
.bg2_out{height:500px;background: #fff;}
.bg2{width: 1200px;margin:0 auto;height:100%;overflow: hidden;text-align: left;color:#333;position: relative;}
.bg2_left{margin-right:30px;margin-top:100px;}
.bg2_right{padding-top:60px}
.bg2_right dt{font-size: 36px;line-height: 100px;margin-bottom: 70px}
.bg2_right .dd_title{font-size: 24px;line-height: 62px;font-weight: bold}
.bg2_right dd{font-size: 18px;line-height: 45px;text-indent: 2em;}

.bg3_out{height:666px;}
.bg3{height: 100%;background: url(/ygl/image/bg3.jpg) center center/cover no-repeat;overflow:hidden;}
.bg3 h2{margin:50px 0 25px;color:#fff;}
.bg3list{width: 1200px;margin:0 auto;}
.bg3list ul{width: 102%}
.bg3list li{float:left;margin:0 20px 20px 0;width: 285px;height:140px;background: #fff;text-align: left;}
.bg3list li:hover dt{margin-top:-5px}
.bg3list li:hover dd{}
.bg3list li:hover .dd_title{color:#5677dd;}
.bg3list_one dt{transition:0.3s;float:left;width:104px;text-align:center;height:140px;line-height: 140px}
.bg3list_one dt img{margin-top:40px}
.bg3list_one .dd_title{padding-top:35px;font-size: 20px;color: #333;line-height:32px;}
.bg3list_one dd{font-size: 14px;line-height: 19px;color: #a1a1a1;overflow: hidden;}
.bg4_out{background: #fff;overflow: hidden}
.bg4{height:100%}
.bg4 h2{}
.bg4list{width: 1200px;margin:100px auto 0;}
.bg4list li{float:left;width:50%;height:130px;text-align: left;margin-bottom:70px;}
.bg4list_one dt{float:left;width: 178px;margin-right:10px}
.bg4list_one dd{overflow:hidden;line-height: 24px;color: #666;font-size: 14px;padding-right:20px;}
.bg4list_one .dd_title{line-height:28px;color: #333;font-weight: bold;font-size: 20px;}
.bg4list_one:hover .dd_title{color: #5677dd;}
.bg4list_one:hover dt img{box-shadow: 0 0 8px rgba(0,0,0,0.5)}
.bg5_out{background: #f5f5f5}
.bg5{width:100%;height:100%;}
.bg5 h2{margin:50px 0 ;}

.qlw-page2{width: 1300px;margin:0 auto;height:430px;overflow: hidden;}
.subswiper2{width:1200px;height:420px;overflow: initial;padding-top:10px}
.my-pagination span{width:30px;height:3px;border-radius: 0}
.my-pagination .swiper-pagination-bullet-active{background: #5677dd}
.subswiper2 .swiper-button-prev, .subswiper2 .swiper-container-rtl .swiper-button-next{outline:none;left:0px;top:175px;}
.subswiper2 .swiper-button-next, .subswiper2 .swiper-container-rtl .swiper-button-prev{outline:none;right:0;top:175px;}
.my-button-next{right:-50px;top:0;position: absolute;width:45px;height:350px;background: #f5f5f5;z-index:1}
.my-button-prev{left:-50px;top:0;position: absolute;width:45px;height:350px;background: #f5f5f5;z-index:1}
.subswiper2 .swiper-slide{background: none;display: block}
.my-swiper-side{height:335px;background: #fff;box-shadow: 0 0 3px rgba(0,0,0,0.1)}
.my-swiper-side:hover{background: #fff;box-shadow: 0 0 8px rgba(0,0,0,0.25)}
.my-swiper-side img{width: 100%}
.my-swiper-side dd{line-height: 38px;font-size: 18px;color: #a1a1a1}
.my-swiper-side .dd_title{margin-top:28px;font-size: 24px;color:#333;}




/* .bg6_out{height:600px}
.bg6{height: 100%;background: #fff;overflow: hidden;}
.bg6 h2{margin:50px 0 25px;}
.c5677dd{color: #5677dd}
.bg6 ul{width: 1200px;margin:0 auto;}
.bg6 li{float:left;width:109px;height:74px}
logoicon.bg6 .{visibility:visible;display: block;width: 106px;height: 70px;background: url(../image/logoicon.png) no-repeat}
.bg6 li:nth-of-type(1) .logoicon{background-position:0 0}
.bg6 li:nth-of-type(2) .logoicon{background-position:-110px 0}
.bg6 li:nth-of-type(3) .logoicon{background-position:-220px 0}
.bg6 li:nth-of-type(4) .logoicon{background-position:-330px 0}
.bg6 li:nth-of-type(5) .logoicon{background-position:-440px 0}
.bg6 li:nth-of-type(6) .logoicon{background-position:-550px 0}
.bg6 li:nth-of-type(7) .logoicon{background-position:-660px 0}
.bg6 li:nth-of-type(8) .logoicon{background-position:-770px 0}
.bg6 li:nth-of-type(9) .logoicon{background-position:-880px 0}
.bg6 li:nth-of-type(10) .logoicon{background-position:-988px 0}
.bg6 li:nth-of-type(11) .logoicon{background-position:-1100px 0}
.bg6 li:nth-of-type(12) .logoicon{background-position:0px -74px}
.bg6 li:nth-of-type(13) .logoicon{background-position:-110px -74px}
.bg6 li:nth-of-type(14) .logoicon{background-position:-220px -74px}
.bg6 li:nth-of-type(15) .logoicon{background-position:-330px -74px}
.bg6 li:nth-of-type(16) .logoicon{background-position:-440px -74px}
.bg6 li:nth-of-type(17) .logoicon{background-position:-550px -74px}
.bg6 li:nth-of-type(18) .logoicon{background-position:-660px -74px}
.bg6 li:nth-of-type(19) .logoicon{background-position:-770px -74px}
.bg6 li:nth-of-type(20) .logoicon{background-position:-880px -74px}
.bg6 li:nth-of-type(21) .logoicon{background-position:-988px -74px}
.bg6 li:nth-of-type(22) .logoicon{background-position:-1100px -74px}
.bg6 li:nth-of-type(23) .logoicon{background-position:0px -146px}
.bg6 li:nth-of-type(24) .logoicon{background-position:-110px -146px}
.bg6 li:nth-of-type(25) .logoicon{background-position:-220px -146px}
.bg6 li:nth-of-type(26) .logoicon{background-position:-330px -146px}
.bg6 li:nth-of-type(27) .logoicon{background-position:-440px -146px}
.bg6 li:nth-of-type(28) .logoicon{background-position:-550px -146px}
.bg6 li:nth-of-type(29) .logoicon{background-position:-660px -146px}
.bg6 li:nth-of-type(30) .logoicon{background-position:-770px -146px}
.bg6 li:nth-of-type(31) .logoicon{background-position:-880px -146px}
.bg6 li:nth-of-type(32) .logoicon{background-position:-988px -146px}
.bg6 li:nth-of-type(33) .logoicon{background-position:-1100px -146px}
.bg6 li:nth-of-type(34) .logoicon{background-position:0px -220px}
.bg6 li:nth-of-type(35) .logoicon{background-position:-110px -220px}
.bg6 li:nth-of-type(36) .logoicon{background-position:-220px -220px}
.bg6 li:nth-of-type(37) .logoicon{background-position:-330px -220px}
.bg6 li:nth-of-type(38) .logoicon{background-position:-440px -220px}
.bg6 li:nth-of-type(39) .logoicon{background-position:-550px -220px}
.bg6 li:nth-of-type(40) .logoicon{background-position:-660px -220px}
.bg6 li:nth-of-type(41) .logoicon{background-position:-770px -220px}
.bg6 li:nth-of-type(42) .logoicon{background-position:-880px -220px}
.bg6 li:nth-of-type(43) .logoicon{background-position:-988px -220px}
.bg6 li:nth-of-type(44) .logoicon{background-position:-1100px -220px}
.bg6 li:nth-of-type(45) .logoicon{background-position:0px -293px}
.bg6 li:nth-of-type(46) .logoicon{background-position:-110px -293px}
.bg6 li:nth-of-type(47) .logoicon{background-position:-220px -293px}
.bg6 li:nth-of-type(48) .logoicon{background-position:-330px -293px}
.bg6 li:nth-of-type(49) .logoicon{background-position:-440px -293px}
.bg6 li:nth-of-type(50) .logoicon{background-position:-550px -293px}
.bg6 li:nth-of-type(51) .logoicon{background-position:-660px -293px}
.bg6 li:nth-of-type(52) .logoicon{background-position:-770px -293px}
.bg6 li:nth-of-type(53) .logoicon{background-position:-988px -367px}
.bg6 li:nth-of-type(54) .logoicon{background-position:-988px -293px}
.bg6 li:nth-of-type(55) .logoicon{background-position:-1100px -293px}
.bg6 li:nth-of-type(56) .logoicon{background-position:0px -367px}
.bg6 li:nth-of-type(57) .logoicon{background-position:-110px -367px}
.bg6 li:nth-of-type(58) .logoicon{background-position:-220px -367px}
.bg6 li:nth-of-type(59) .logoicon{background-position:-330px -367px}
.bg6 li:nth-of-type(60) .logoicon{background-position:-440px -367px}
.bg6 li:nth-of-type(61) .logoicon{background-position:-550px -367px}
.bg6 li:nth-of-type(62) .logoicon{background-position:-660px -367px}
.bg6 li:nth-of-type(63) .logoicon{background-position:-770px -367px}
.bg6 li:nth-of-type(64) .logoicon{background-position:-880px -367px}
.bg6 li:nth-of-type(65) .logoicon{background-position:-988px -367px}
.bg6 li:nth-of-type(66) .logoicon{background-position:-1100px -367px} */




.bg61_out{height:730px;}
.bg61{height: 100%;background: #FFF;overflow: hidden;}
.bg61 h2{margin:50px 0 25px;}
.c5677dd{color: #FFF}
.bg61 ul{width: 1225px;margin:0 auto;
}


/* 171 */
/* .bg61 li:nth-of-type(1) .logoicon{background-position:0 0;}
 .bg61 li:nth-of-type(2) .logoicon{background-position:-171px 0;}
.bg61 li:nth-of-type(3) .logoicon{background-position:-345px 0;}
.bg61 li:nth-of-type(4) .logoicon{background-position:-518px 0;}
.bg61 li:nth-of-type(5) .logoicon{background-position:-690px 0;}
.bg61 li:nth-of-type(6) .logoicon{background-position:-863px 0}
.bg61 li:nth-of-type(7) .logoicon{background-position:-1036px 0}

.bg61 li:nth-of-type(8) .logoicon{background-position:-0 -94px}
.bg61 li:nth-of-type(9) .logoicon{background-position:-171px -94px}
.bg61 li:nth-of-type(10) .logoicon{background-position:-345px -94px}
.bg61 li:nth-of-type(11) .logoicon{background-position:-518px -94px}
.bg61 li:nth-of-type(12) .logoicon{background-position:-690px -94px}
.bg61 li:nth-of-type(13) .logoicon{background-position:-863px -94px}
.bg61 li:nth-of-type(14) .logoicon{background-position:-1036px -94px}

.bg61 li:nth-of-type(15) .logoicon{background-position:-0 -187px;}
.bg61 li:nth-of-type(16) .logoicon{background-position:-171px -187px;}
.bg61 li:nth-of-type(17) .logoicon{background-position:-345px -187px;}
.bg61 li:nth-of-type(18) .logoicon{background-position:-518px -187px;}
.bg61 li:nth-of-type(19) .logoicon{background-position:-690px -187px;}
.bg61 li:nth-of-type(20) .logoicon{background-position:-863px -187px;}
.bg61 li:nth-of-type(21) .logoicon{background-position:-1036px -187px;}

.bg61 li:nth-of-type(22) .logoicon{background-position:-0px -281px;}
.bg61 li:nth-of-type(23) .logoicon{background-position:-171px -281px;}
.bg61 li:nth-of-type(24) .logoicon{background-position:-345px -281px;}
.bg61 li:nth-of-type(25) .logoicon{background-position:-518px -281px;}
.bg61 li:nth-of-type(26) .logoicon{background-position:-690px -281px;}
.bg61 li:nth-of-type(27) .logoicon{background-position:-863px -281px;}
.bg61 li:nth-of-type(28) .logoicon{background-position:-1036px -281px;}

.bg61 li:nth-of-type(29) .logoicon{background-position:-0px -376px;}
.bg61 li:nth-of-type(30) .logoicon{background-position:-171px -376px;}
.bg61 li:nth-of-type(31) .logoicon{background-position:-345px -376px;}
.bg61 li:nth-of-type(32) .logoicon{background-position:-518px -376px;}
.bg61 li:nth-of-type(33) .logoicon{background-position:-690px -376px;}
.bg61 li:nth-of-type(34) .logoicon{background-position:-863px -376px}
.bg61 li:nth-of-type(35) .logoicon{background-position:-1036px -376px}

 */





.bg7{background: #2e3031;height:100%;overflow: hidden;}
.bg7 h2{color:#fff;margin:50px 0 20px}
.area{position: relative;width: 584px;height:484px;}
.areabox{ width: 677px;height:531px; background: url(/ygl/image/areabg.png) no-repeat;}
.bg7box{width:1200px;margin:0 auto;}
/* .numshow{overflow:hidden;padding:60px 0 0 30px}
.nums{margin:0 0 20px 80px;float:left;text-align: left;}
.nums span{display: block;font-size: 16px;color: #00c1de;line-height:62px}
.nums span em{font-size: 40px;font-weight:bold;}
.nums var{display: block;width: 41px;height:2px;background: #00c1de}
.nums p{font-size: 14px;line-height:32px;color: #ebebeb;}
.nums:nth-of-type(2n+3){clear:both;} */
.numshow{overflow:hidden;padding:140px 30px;text-align: center}
.nums{margin: 0 40px;display: inline-block}
.nums span{display: block;font-size: 16px;color: #00c1de;line-height:62px}
.nums span em{font-size: 40px;font-weight:bold;}
.nums var{display: block;width: 41px;height:2px;background: #00c1de}
.nums p{font-size: 14px;line-height:32px;color: #ebebeb;}

.shine{position: absolute;width: 54px;height:54px;background: url(/ygl/image/sharebg.png) center center no-repeat;}
.bg8{height:100%;background:#fff url(/ygl/image/bg8.jpg) center top no-repeat;overflow: hidden;}
.bg8 h2{color:#fff;margin:50px 0 0}
.bg8list{width:1000px;line-height:32px;font-size: 14px;color:#a3a3a5;margin:0 auto;text-align: center}
.bg8list span{margin:0 30px;}
.bg8list img{vertical-align: middle;margin-right:5px}
.bg8list em{color: #d6d6d6;margin-left:3px;}
.bg8box{width:1200px;margin:0 auto;position:relative;text-align: left;}
.bg8box .pc{margin-top:25px;padding:16px;width:1035px;height:400px;background: url(/ygl/image/pc.png) no-repeat;}
.pclist{height:100%;background: #fff;overflow: hidden;position: relative;}
.pclist div{position: absolute;top:0;left:0;}
.pclist a{display: block;clear: both;overflow: hidden;}
.moblie{position: absolute;top:77px;right:0;width:269px;height:371px; overflow:hidden;background: url(/ygl/image/mobile.png) no-repeat;padding-top: 35px;padding-left: 8px;}
.wrapUL{width: 254px;overflow: hidden;position: relative;height: 290px;}
.mobileUlImg{position: absolute;}
.mobileUlImg li{float: left;}
.ly{padding:0 30px;width:822px;margin-top:30px;}
.ly dt{float:left;margin-right:10px;}
.ly dt img{width:50px;height:50px;border-radius: 50%;}
.ly .dd_title span{float:right;color: #d1d1d1;font-size: 12px}
.ly .dd_title{font-size: 16px;color:#333;line-height:30px}
.ly dd{overflow:hidden;line-height: 22px;color: #828282;font-size: 14px}
.more{font-size: 14px;color: #5677dd;line-height: 20px;text-align: center;cursor: pointer;}
.more a{color:#5677dd}
.bg8box .more{margin-top:0px}
.bg9{height:100%;overflow: hidden;background: #fff}
.bg9 h2{margin:75px 0 20px;}
.bg9box{width:1200px;margin:0 auto;overflow: hidden;}
.imglist{float:left;width:810px;}
.imgbig{float:left;width:526px;height:358px;position:relative;overflow:hidden;background: #f1f1f1;}
.imgbig p{position: absolute;bottom:0;left:0;right:0;height:58px;line-height:58px;color: #fff;font-size: 16px;background: rgba(0,0,0,0.5);padding:0 5px;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.imgsmall p{position: absolute;bottom:0;left:0;right:0;height:30px;line-height:30px;color: #fff;font-size: 12px;background: rgba(0,0,0,0.5);padding:0 5px;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.imgbig img{max-height:358px;width:100%}
.imgsmall{float:right;margin-bottom:25px;width:264px;height:166px;position: relative;overflow:hidden;background: #f1f1f1;}
.imgsmall img{max-height:166px;width:100%}
.conlist{float:right;width:320px;height:305px;padding:20px;border-left:1px solid #e7e9ed;text-align: left;line-height:24px;font-size: 16px;overflow: hidden;}
.conlist li{margin-bottom: 15px;}
.conlist a{color: #8590a6}
.conlist a:hover{color:#5677dd}
.bg10_out{height:540px;text-align: center}
.bg10{position: relative;height:100%;background: url(/ygl/image/newindex/shuzhi_footer.png) center top/cover repeat-x;overflow: hidden;}
.bg10 h2{color:#fff;font-size: 28px;line-height:100px;margin-top:20px}
.bg10 .footer{position: absolute;bottom:0;left:0;}
.bg10 .default_btn_big{width:120px;height:45px;line-height: 45px;font-size: 14px;}
/*footer*/
.footer{width:100%;height:340px;background: #2d3032;text-align: left;}
.footerbox{width:1200px;margin:0 auto;padding:42px 0 0}
.footertop{height:242px}
.footertop dl{float:left;width:180px;line-height: 36px;font-size: 14px;}
.footertop dt{color:#fff;}
.footertop a{color:#6c6d71}
.message{float: right;width: 280px;}
.message .p_title{color:#fff;line-height: 46px;font-size: 24px}
.message p{color:#6c6d71;font-size: 13px;line-height:28px;}
.erweima{margin-top:23px;}
.erweima li{float:left;width:48%;}
.erweima img{width:93px}
.erweima li p{margin-top:8px}
.footerbottom{height:55px;border-top:1px solid #45484c;clear: both;line-height: 55px;text-align: center;color:#6c6d71;font-size: 14px}

/*右下角帮助*/
.helps{position: fixed;bottom:10px;right:10px;z-index: 100}
.helpsicon{position: relative;width:48px;height:48px;background: #fff url(/ygl/image/help.png) no-repeat;border-left:1px solid #eee;border-right:1px solid #eee;cursor: pointer;}
.helpsicon1{background-position: 8px 7px;border-top:1px solid #eee;}
.helpsicon2{background-position: 8px -42px}
.helpsicon3{background-position: 8px -91px;border-bottom:1px solid #eee;}
.helpsicon4{margin-top:10px;background-position: 8px -150px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.helpsicon:hover{background-color: #5677dd;background-position-x:-54px;border-color: #5677dd}
.helpsbox{position: absolute;top:0;right:57px;padding:10px 10px;background: #fff;display: none;border:1px solid #eee;}
.helpsbox span{width:10px;height:10px;border:1px solid #eee;border-left:0;border-bottom:0;position: absolute;top:18px;right:-6px;transform: rotate(45deg);background: #fff}
.helpsicon:hover .helpsbox{display: block;}
.helpsicon .helpsbox{width:240px;line-height:24px;font-size: 14px;border-radius: 3px}
.helpsicon .p_title{font-size: 14px;line-height: 24px;color:#333;}
.helpsicon1 a{display: block;width:100%;height:100%;opacity: 0;}
.helpsicon2 .helpsbox{width:240px;top:3px;}
.helpsicon3 .helpsbox{width:150px;top:-96px;height:122px;text-align: center;}
.helpsicon3 img{width:100px;}
.helpsicon3 .helpsbox span{top:110px}
.helpsicon1{border-radius:3px 3px 0 0}
.helpsicon3{border-radius:0 0 3px 3px}
.helpsicon4{border-radius: 3px;}

/*中国地图*/
.shine{cursor: pointer;}
.shine:hover .shine_pop{display: block;}
.shine_round{display: block;width:100%;height: 100%;border:1px solid #3393a1;border-radius: 50%;}
.shine_pop{display:none;position: absolute;top:-25px;left:0;width:auto;height:32px;line-height: 32px;padding:0 10px;border-radius: 5px;background: rgba(255,255,255,0.5);white-space: nowrap;font-size: 12px;}
.shine_pop span{position: absolute;bottom:-5px;left:20px;width:0;height:0;border-left:5px solid  rgba(255,255,255,0.5);border-bottom:5px solid  rgba(255,255,255,0.5);border-top:5px solid transparent;border-right:5px solid transparent;transform: rotate(-45deg)}
@keyframes shine{
  0%{transform:scale(0.2);opacity: 1;}
  100%{transform:scale(1);opacity: 0.3;}
}

/* @keyframes shine{
    0%{margin-top:0;}
    100%{margin-top:-10px;}
} */


.shine1{top:200px;right:90px;}
.shine1 .shine_round{animation:shine 1.5s linear 0s  infinite;}
.shine2{top:110px;left:120px;}
.shine2 .shine_round{animation:shine 1.5s linear 0.5s  infinite;}
.shine3{top:200px;right:120px;}
.shine3 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine4{top:357px;right:76px;}
.shine4 .shine_round{animation:shine 1.5s linear 0.2s  infinite;}

.shine5{top:266px;right:108px;}
.shine5 .shine_round{animation:shine 1.5s linear 0.6s  infinite;}

.shine6{top:190px;right:166px;}
.shine6 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine7{top:345px;right:110px;}
.shine7 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine8{top:325px;right:65px;}
.shine8 .shine_round{animation:shine 1.5s linear 0.7s  infinite;}

.shine9{top:400px;right:175px;}
.shine9 .shine_round{animation:shine 1.5s linear 1s  infinite;}

.shine10{top:380px;right:120px;}
.shine10 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine11{top:172px;right:120px;}
.shine11 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine12{top:30px;right:40px;}
.shine12 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine13{top:276px;right:130px;}
.shine13 .shine_round{animation:shine 1.5s linear 0.9s  infinite;}

.shine14{top:290px;right:252px;}
.shine14 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine15{top:306px;right:130px;}
.shine15 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine16{top:220px;right:280px;}
.shine16 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine17{top:240px;right:80px;}
.shine17 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine18{top:110px;right:40px;}
.shine18 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine19{top:360px;right:260px;}
.shine19 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine20{top:314px;right:220px;}
.shine20 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine21{top:75px;right:40px;}
.shine21 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine22{top:140px;right:132px;}
.shine22 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}

.shine3{top:200px;right:120px;}
.shine3 .shine_round{animation:shine 1.5s linear 0.3s  infinite;}
/**/
/*行业。html*/
.hangye_top{height:520px;background: url(/ygl/image/hangyebg.jpg) center center/cover no-repeat;text-align: center;color: #fff;overflow: hidden;}
.hangye_top h4{font-size: 46px;line-height: 68px;font-weight: normal;margin-top:135px;}
.hangye_top h2{font-size: 60px;line-height: 84px;}
.hangye_top .default_btn_big{margin-top:34px;}
.hang_title{padding:63px 0 32px;line-height: 92px;font-size: 36px;color: #333;text-align: center}
.hangye_pro{background: #fff}
.hangye_list{width:1200px;margin:0 auto;overflow: hidden;padding:5px}
.hangye_list ul{width:105%;}
.hangye_list li{float:left;width:380px;margin-right:20px;text-align: center;margin-bottom:28px}
.hanye_best{background: #f5f5f5}
.hangye_best_list{overflow: hidden;width: 1200px;margin:40px auto 0;}
.h_b_l{width:490px; margin-bottom:50px;color: #242424;font-size: 14px;}
.h_b_l dt{float:left;margin-right:30px;width:80px;height:87px;background: url(/ygl/image/probesticon.png) no-repeat}
.h_b_l .dd_title{line-height: 37px;font-size: 18px;color: #000}
.h_b_l .h_b_icon1{background-position: 0 0}
.h_b_l .h_b_icon2{background-position: 0 -137px}
.h_b_l .h_b_icon3{background-position: 0 -274px}
.h_b_l .h_b_icon4{background-position: 0 -411px}
.h_b_l .h_b_icon5{background-position: 0 -548px}
.h_b_l .h_b_icon6{background-position: 0 -685px}
.h_b_l .h_b_icon7{background-position: 0 -824px}
.h_b_l .h_b_icon8{background-position: 0 -961px}
.h_b_l .h_b_icon9{background-position: 0 -1098px}
.h_b_l .h_b_icon10{background-position: 0 -1235px}
.h_b_l .h_b_icon11{background-position: 0 -1372px}
.h_b_l .h_b_icon12{background-position: 0 -1509px}
.footer_btn{background: url(/ygl/image/bg10.jpg) center center no-repeat;height:200px;text-align: center;overflow: hidden;}
.footer_btn h2{color:#fff;font-size: 28px;line-height:100px;margin-top:10px}
.footer_btn .default_btn_big{height:45px;width:120px;line-height:45px;font-size:14px}
/*服务页面 csss*/

.banner{
    width:100%;
    height:580px;
}
.main_text{
    width: 1200px;
    margin: auto;
    padding:138px 0 0 105px;
    color:#fff;

}
.main_text h1{
    font-size:40px;
    line-height: 75px;
}
.main_text h2{
    font-size:50px;
    line-height: 65px;
}
.main_content{
    width: 1200px;
    margin: 0 auto;
}
.main_content .block_title{
    font-size: 36px;
    color:#333;
    margin-top: 72px;
    text-align: center;
}
.main_content .subtitle{
    margin-bottom: 50px;
    text-align: center;
    font-size: 18px;
    margin-top: 18px;
    color: #666;
}
.great_tab .left_tabNav{
    float: left;
}
.great_tab .right_research{
    float: right;
}
.left_tabNav li{
    float: left;
    font-size: 16px;
    color:#666;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    margin-right: 38px;
}
.left_tabNav li.active{
    color:#5677dd;
    border-bottom: 1px solid #5677dd;
}
.video_play{
    overflow: hidden;
    width: 1200px;
    padding:10px 0;
}
.video_play li{
    width: 292px;
    height:260px;
    margin-right: 8px;
    float: left;
    margin-top: 13px;
    background: #fff;
    box-sizing: border-box;
    margin-bottom:10px;
}
/*.video_play li:nth-child(4n){
    margin-right:0;
}*/
.video_play li:hover{
    box-shadow: 0 0 2px 1px #ccc;

}
.g_img_wrap{
    width: 292px;
    height:164px;
    margin-bottom: 11px;
}
.xz_text{
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding:0 18px;
    font-size: 16px;
    line-height: 38px;
    height: 38px;
    color: #555;
}
.tap_wrap{
    padding: 0 18px;
}
.tap_wrap span{
    display: inline-block;
    padding: 0 13px;
    color: #fff;
    font-size:12px;
}
.sign_green{
    background: #a0cc66;

}
.sign_blue{
    background: #7ab8ff;
}
.wrap_more{
    text-align: center;
    padding-top:30px;
    padding-bottom: 47px;
}
.wrap_more a{
    font-size: 14px;
    color: #5677dd;
    padding-right:25px;
    background: url(/ygl/image/more_arrow.png) no-repeat right center;
}
.with_grayBg{
    background: #f5f5f5;
    padding-bottom: 43px;
    overflow: hidden;
}
.news_block{
    width:360px;
    border-top:1px solid #ebebeb;
    position: relative;
    margin-top: 58px;
    padding-top: 26px;
    float: left;
    margin-right: 40px;
}
.news_block.last_block{
    margin-right: 0;
}
.news_block h3{
    font-size: 16px;
    color:#333;
    width: 108px;
    text-align: center;
    position: absolute;
    top:-12px;
    background:#f5f5f5;
    left: 50%;
    margin-left: -59px;
}
.newsList li{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    line-height: 38px;
    list-style-type: circle;
}
.newsList li a{
    color: #333;
}
.newsList li a:hover{
    color: #5677dd;
}
/*搜索框1*/
.bar1,.bar1 * {box-sizing: border-box;}
.bar1 .my_input {
    border: 1px solid #5677dd;
    border-radius: 5px;
    background: rgba(255,255,255,.0);
    color: #9E9C9C;
    padding-left:12px;
}
.bar1 .my_button {
    top: 0;
    right: 0;
    background: #5677dd;
    border-radius: 0 5px 5px 0;
}
.bar1 .my_button:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    color: #F9F0DA;
}
.research_container{
    clear: both;
}
div.re_for {padding: 30px 0;}

.my_form {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
}

.my_input, .my_button {
    border: none;
    outline: none;
}

.my_input {
    width: 100%;
    height: 32px;
    /*padding-left: 13px;*/
}

.my_button {
    height: 32px;
    width: 42px;
    cursor: pointer;
    position: absolute;
    top:0;
    right:0;
}
.more_for{
    text-align: center;
    color:#999;
    font-size: 14px;
}
.customer_lx{
    padding-top: 50px;
    overflow: hidden;
    padding-bottom: 88px;
}
.customer_lx li{
    width: 290px;
    height:305px;
    border: 1px solid #cfd4e6;
    float: left;
    margin-right: 10px;
}
.customer_lx li img{transition: 0.5s}
.customer_lx li:hover img{margin-top:-5px;}
.customer_lx li:nth-child(4){
    margin-right: 0;
}
.customer_icon{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 27px;
}
.main_xin{
    font-size: 30px;
    color:#333;
    text-align: center;
    padding-bottom: 33px;
}
.sub_xin{
    color:#999;
    font-size: 18px;
    text-align: center;
}
.weixin{padding-top: 20px;}
.zjyy{
    padding-top:90px;
}
.leftTp, .right_describe{
    float: left;
}
.right_describe{
    padding-left: 48px;
    padding-top: 30px;
    padding-bottom: 70px;
}
.right_describe h3{
    font-size: 36px;
    color:#333;
}
.right_describe p{
    font-size: 50px;
    margin-top: 20px;
}
.right_describe button{
    width: 180px;
    height:56px;
    background: #5677dd;
    border: none;
    border-radius: 5px;
    color:#fff;
    font-size: 20px;
    margin-top: 40px;
    cursor: pointer;
}

/*case*/
.banner_2{height:519px;background: url(/ygl/image/banner_2.jpg) center center no-repeat;}
.digital_era{
    margin-top: 60px;
    overflow:hidden;
}
.digital_era .liImg{
    padding-bottom: 17px;
    position: relative;
}
.digital_era li{
    width:380px;
    height:530px;
    float: left;
    margin-right:30px;
}
.digital_era li:last-child{
    margin-right:0;
}
.digital_era li h4{
    font-size: 24px;
    line-height: 48px;
    color: #333;
    text-align: center;
}
.digital_era li p{
    color:#666;
    font-size: 14px;
    line-height: 28px;
}
 /*悬停浮层 20180706*/
 .layer{
    width:380px;
    height:213px;
    position: absolute;
    top:0;
    background: #000;
    opacity: .0;
    display: none;
    font-size: 12px;
    color:#fff;
    box-sizing: border-box;
    padding: 20px 10px;
    cursor: pointer;
    transition: opacity 1s;
}
.layer:hover{
    opacity: .6;
}
.leftLabel{width:60px;}
.right_cont{width: 300px;}
.liImg .layer .right_cont,.liImg .layer .leftLabel{
    float: left;
    color: #fff;
    font-size: 12px;
    line-height:20px;
}
.digital_era .liImg:hover .layer{
    display: block;
}
.line{ clear: both; }
.ani{visibility: hidden;}
.fl{float:left;}
.fr{float:right;}
.footerbottom img{vertical-align: middle;margin:0 10px 0 30px}
.banner-link{
    display: block;
    width:100%;
    height: 580px;
    cursor: pointer;
}

.logos li{float:left;width:175px;height:80px;}
.logos li a{display:block;width:100%;height:100%;background:url(/ygl/image/caseimg/logos.png) no-repeat;}
.logos .logoicon1{background-position:0 0}
.logos .logoicon2{background-position:-177px 0}
.logos .logoicon3{background-position:-355px 0}
.logos .logoicon4{background-position:-532px 0}
.logos .logoicon5{background-position:-710px 0}
.logos .logoicon6{background-position:-887px 0}
.logos .logoicon7{background-position:-1065px 0}

.logos .logoicon8{background-position:0 -86px}
.logos .logoicon9{background-position:-177px -86px}
.logos .logoicon10{background-position:-355px -86px}
.logos .logoicon11{background-position:-532px -86px}
.logos .logoicon12{background-position:-710px -86px}
.logos .logoicon13{background-position:-887px -86px}
.logos .logoicon14{background-position:-1065px -86px}

.logos .logoicon15{background-position:0 -172px}
.logos .logoicon16{background-position:-177px -172px}
.logos .logoicon17{background-position:-355px -172px}
.logos .logoicon18{background-position:-532px -172px}
.logos .logoicon19{background-position:-710px -172px}
.logos .logoicon20{background-position:-887px -172px}
.logos .logoicon21{background-position:-1065px -172px}

.logos .logoicon22{background-position:0 -258px}
.logos .logoicon23{background-position:-177px -258px}
.logos .logoicon24{background-position:-355px -258px}
.logos .logoicon25{background-position:-532px -258px}
.logos .logoicon26{background-position:-710px -258px}
.logos .logoicon27{background-position:-887px -258px}
.logos .logoicon28{background-position:-1065px -258px}

.logos .logoicon29{background-position:0 -344px}
.logos .logoicon30{background-position:-177px -344px}
.logos .logoicon31{background-position:-355px -344px}
.logos .logoicon32{background-position:-532px -344px}
.logos .logoicon33{background-position:-710px -344px}
.logos .logoicon34{background-position:-887px -344px}
.logos .logoicon35{background-position:-1065px -344px}

.logos .logoicon36{background-position:0 -430px}
.logos .logoicon37{background-position:-177px -430px}
.logos .logoicon38{background-position:-355px -430px}
.logos .logoicon39{background-position:-532px -430px}
.logos .logoicon40{background-position:-710px -430px}
.logos .logoicon41{background-position:-887px -430px}
.logos .logoicon42{background-position:-1065px -430px}


.logos2 li{float:left;width:175px;height:83px;}
.logos2 li a{display:block;width:100%;height:100%;background:url(/ygl/image/caseimg/logos2.png) no-repeat;}
.logos2 .logoicon1{background-position:0 0}
.logos2 .logoicon2{background-position:-175px 0}
.logos2 .logoicon3{background-position:-350px 0}
.logos2 .logoicon4{background-position:-525px 0}
.logos2 .logoicon5{background-position:-700px 0}
.logos2 .logoicon6{background-position:-875px 0}
.logos2 .logoicon7{background-position:-1050px 0}

.logos2 .logoicon8{background-position:0 -83px}
.logos2 .logoicon9{background-position:-175px -83px}
.logos2 .logoicon10{background-position:-350px -83px}
.logos2 .logoicon11{background-position:-525px -83px}
.logos2 .logoicon12{background-position:-700px -83px}
.logos2 .logoicon13{background-position:-875px -83px}
.logos2 .logoicon14{background-position:-1050px -83px}

.logos2 .logoicon15{background-position:0 -166px}
.logos2 .logoicon16{background-position:-175px -166px}
.logos2 .logoicon17{background-position:-350px -166px}
.logos2 .logoicon18{background-position:-525px -166px}
.logos2 .logoicon19{background-position:-700px -166px}
.logos2 .logoicon20{background-position:-875px -166px}
.logos2 .logoicon21{background-position:-1050px -166px}

.logos2 .logoicon22{background-position:0 -249px}
.logos2 .logoicon23{background-position:-175px -249px}
.logos2 .logoicon24{background-position:-350px -249px}
.logos2 .logoicon25{background-position:-525px -249px}
.logos2 .logoicon26{background-position:-700px -249px}
.logos2 .logoicon27{background-position:-875px -249px}
.logos2 .logoicon28{background-position:-1050px -249px}

.logos2 .logoicon29{background-position:0 -332px}
.logos2 .logoicon30{background-position:-175px -332px}
.logos2 .logoicon31{background-position:-350px -332px}
.logos2 .logoicon32{background-position:-525px -332px}
.logos2 .logoicon33{background-position:-700px -332px}
.logos2 .logoicon34{background-position:-875px -332px}
.logos2 .logoicon35{background-position:-1050px -332px}