﻿.aboutusBanner { width: 100%; height: 400px; background: url(../Images/gs_head.jpg) no-repeat center; margin-top: 80px; position: relative; display: table; text-align: center; vertical-align: middle; padding-top: 150px; }
    .AboutUs, .AboutUs_model { width: 100%; height: auto; overflow: hidden; display: table; text-align: center; }
    .AboutUs_model { padding: 40px 0 80px; }
    .AboutUs_me { width: 100%; height: 67px; background: url(../Images/abYH.png) no-repeat center center;background-size: 300px 56px; display: inline-block; margin-top: 110px; }
    .YH_Box { display: inline-block; width: 395px; height: 350px; overflow: hidden; padding: 3px; margin: 0 15px; border: 1px solid #bfbfbf; background-color: #FFF; }
    .YHcontent { width: 100%; height: auto; overflow: hidden; padding: 20px; }
    .YHcontent a { display: block; width: 100%; height: 30px; line-height: 30px; text-align: left; font-size: 16px; font-weight: 300; color: #6e6e6e; }
    .YHmiaoshu { width: 100%; height: auto; overflow: hidden; padding: 15px 0; line-height: 25px; text-align: left; color: #6e6e6e; }

    .YHcom { width: 100%; height: auto; overflow: hidden; padding: 50px 0; background-color: #e8eef3; }
    .YHcomL { width: 710px; height: 468px; overflow: hidden; display: inline-block; }
    .pic { width: 710px; height: 456px; display: block; float: right; }
    .pic li { width: 710px; height: 456px; border: 1px solid #bfbfbf; }
    .pic li img { width: 710px; height: 454px; }
    .YHcomR { width: 519px; height: 468px;overflow-x: auto; display: inline-block; margin-left: 55px;  }
    .YHcom_nr { width: 519px; height: auto; float: left; /*background: url(../Images/gsjj.png) no-repeat 100% 100%;*/overflow:hidden; }
        .YHcom_nr > div:first-child { width: 100%; height: 60px; line-height:60px; font-size: 32px; color: #808080; text-align: left; font-weight: initial; border-bottom: 1px solid #b5b5b5; }
        .YHcom_nr > div:first-child >span{ color: #686868; }
        .YHcom_nr > div:nth-of-type(2) {color:#666666;font-size:20px; text-align:left;width:100%;height:40px;line-height:40px;}
        .YHcom_nr > p { font-size: 18px; text-align: left; width: 100%; height: auto; line-height: 30px; overflow: hidden; color: #666666;text-indent:2em; }
    .YHNET { width: 100%; height: auto; overflow: hidden; padding: 90px 0 50px; background-color: #226eb4; }
    .YHNET_bg { width: 1300px; height: auto; background: url(../Images/gs_wl.png) no-repeat top center;overflow:hidden;margin:0 auto; }
        .YHNET_bg > span{margin-top:80px;font-size:18px;color:#FFF;display:block;font-weight:normal;line-height:25px; }
        .YHNET_bg > span > p{margin-top:10px;}
    .YHmap { width: 1300px; height: 553px; overflow: hidden; padding-top: 30px; display: table; margin: 0 auto; background:url(../Images/positionMap.png) no-repeat center center;}
    .map_position { width: 601px; height: 442px; background: url(../Images/ditu.png) no-repeat; cursor: pointer; display: inline-block; position: relative; }
    .map_position a { position: absolute; }
    .map_img { width: 555px; height: 442px; overflow: hidden; display: inline-block; margin-left: 60px;position:relative; }
    .snajiao { width: 21px; height: 31px; position: absolute; right:532px; background: url(../Images/sanj.png) no-repeat; top: 50px; }

    .heilj { background: url(../Images/hlj.png) no-repeat; right: -1px; top: -1px; width: 137px; height: 152px; opacity: 0; }
    .heilj:hover {  opacity:1; z-index: 2; }
    .neim { background: url(../Images/nm.png) no-repeat; right: 87px; top: 3px; width: 285px; height: 225px; opacity: 0; }
    .neim:hover { opacity: 1; }
    .ningx { background: url(../Images/nx.png) no-repeat; right: 266px; top: 201px; width: 35px; height: 52px; z-index: 10; opacity: 0; }
    .ningx:hover { opacity: 1; }
    .xinj { background: url(../Images/xj.png) no-repeat; left: -1px; top: 67px; width: 225px; height: 198px; opacity: 0; }
    .xinj:hover { opacity: 1; }
    .gansu { background: url(../Images/gs.png) no-repeat; left: 183px; top: 157px; width: 161px; height: 128px; opacity: 0; }
    .gansu:hover { opacity: 1; }
    .qinghai { background: url(../Images/qh.png) no-repeat; left: 153px; top: 204px; width: 135px; height: 94px; opacity: 0;z-index:10; }
    .qinghai:hover { opacity: 1; }
    .xizan { background: url(../Images/xc.png) no-repeat; left: 46px; top: 237px; width: 206px; height: 112px; opacity: 0; }
    .xizan:hover { opacity: 1; }
    .shangxi { background: url(../Images/shangxi.png) no-repeat; left: 312px; top: 199px; width: 57px; height: 97px; opacity: 0; }
    .shangxi:hover { opacity: 1; }
    .shanxi { background: url(../Images/sxi.png) no-repeat; right: 200px; top: 184px; width: 44px; height: 78px; opacity: 0; }
    .shanxi:hover { opacity: 1; }
    .jilin { background: url(../Images/jl.png) no-repeat; right: 36px; top: 109px; width: 96px; height: 76px; opacity: 0; }
    .jilin:hover { opacity: 1; }
    .liaon { background: url(../Images/ln.png) no-repeat; right: 90px; top: 148px; width: 70px; height: 63px; opacity: 0; }
    .liaon:hover { opacity: 1; }
    .yunnan { background: url(../Images/yunn.png) no-repeat; left: 234px; top: 321px; width: 86px; height: 89px; opacity: 0; }
    .yunnan:hover { opacity: 1; }
    .sichuan { background: url(../Images/sch.png) no-repeat; left: 232px; top: 262px; width: 111px; height: 95px; opacity: 0; }
    .sichuan:hover { opacity: 1; }
    .guizhou { background: url(../Images/gzh.png) no-repeat; left: 292px; top: 321px; width: 61px; height: 52px; opacity: 0; }
    .guizhou:hover { opacity: 1; }
    .chongqing { background: url(../Images/chq.png) no-repeat; left: 308px; top: 287px; width: 50px; height: 48px; opacity: 0; }
    .chongqing:hover { opacity: 1; }
    .shandong { background: url(../Images/shand.png) no-repeat; right: 120px; top: 215px; width: 79px; height: 49px; opacity: 0; z-index: 2; }
    .shandong:hover { opacity: 1; }
    .hebei { background: url(../Images/heb.png) no-repeat; right: 148px; top: 159px; width: 64px; height: 85px; opacity: 0; }
    .hebei:hover { opacity: 1; }
    .beijin { background: url(../Images/bj.png) no-repeat; right: 171px; top: 180px; width: 22px; height: 22px; opacity: 0; }
    .beijin:hover { opacity: 1; }
    .tianjin { background: url(../Images/tj.png) no-repeat; right: 165px; top: 191px; width: 16px; height: 23px; opacity: 0; }
    .tianjin:hover { opacity: 1; }
    .guangxi { background: url(../Images/gx.png) no-repeat; left: 301px; top: 352px; width: 77px; height: 56px; opacity: 0; }
    .guangxi:hover{opacity:1;}
    .guangdong { background: url(../Images/gdong.png) no-repeat; left: 352px; top: 362px; width: 77px; height: 57px; opacity: 0; }
    .guangdong:hover{opacity:1;}
    .hainan { background: url(../Images/hainan.png) no-repeat; left: 342px; top: 418px; width: 25px; height: 23px; opacity: 0; }
    .hainan:hover{opacity:1;}
    .taiwang { background: url(../Images/taiw.png) no-repeat; right: 127px; top: 364px; width: 20px; height: 38px; opacity: 0; }
    .taiwang:hover{opacity:1;}
    .anhui { background: url(../Images/anhui.png) no-repeat; right: 150px; top: 258px; width: 48px; height: 64px; opacity:0; z-index:2}
    .anhui:hover{opacity:1;}
    .jiangsu { background: url(../Images/js.png) no-repeat; right: 126px; top: 253px; width: 57px; height: 52px; opacity: 0; }
    .jiangsu:hover{opacity:1;}
    .hubei { background: url(../Images/hubei.png) no-repeat; right: 184px; top: 275px; width: 77px; height: 50px; opacity: 0; }
    .hubei:hover{opacity:1;}
    .henan { background: url(../Images/hen.png) no-repeat; right: 180px; top: 238px; width: 63px; height: 60px; opacity: 0; }
    .henan:hover{opacity:1;}
    .zhejiang { background: url(../Images/zhej.png) no-repeat; right: 122px; top: 300px; width: 45px; height: 47px; opacity: 0; }
    .zhejiang:hover{opacity:1;}
    .shanghai { background: url(../Images/shhai.png) no-repeat; right: 125px; top: 292px; width: 14px; height: 16px; opacity:0; }
    .shanghai:hover{opacity:1;}
    .fujian { background: url(../Images/fujian.png) no-repeat; right: 142px; top: 332px; width: 47px; height: 53px; opacity: 0; z-index: 2; }
    .fujian:hover{opacity:1;}
    .jiangxi { background: url(../Images/jxi.png) no-repeat; right: 161px; top: 311px; width: 49px; height: 62px; opacity:0; }
    .jiangxi:hover{opacity:1;}
    .hunan { background: url(../Images/hunan.png) no-repeat; right: 201px; top: 311px; width: 57px; height: 63px; opacity: 0; }
    .hunan:hover{opacity:1}
    .map_img > div[id]{ width: 532px; min-height: 333px; background-color: #FFF; padding: 10px; position: absolute; right: 555px; top: 0px; }
    .icon { background: url(../Images/dticon.png) no-repeat; width: 19px; height: 31px; opacity: 1; animation: Updown 1s infinite alternate; -webkit-animation: Updown 1s infinite alternate; cursor: pointer; }
    .guangdongicon { position: absolute; left: 30px; top: -10px; z-index: 999;  }
    .beijinicon { position: absolute; left: 1px; top: -30px; z-index: 999; }
    .jiangsuicon { position: absolute; left: 20px; top: -10px; z-index: 999; }
    .xiamenicon { position: absolute; left: 20px; top: -10px; z-index: 999; }
    .shandongicon { position: absolute; left: 12px; top: -20px; z-index: 999; }
    .chengduicon { position: absolute; left: 57px; top: -5px; z-index: 999; }
    .wuhanicon { position: absolute; left: 49px; top: -10px; z-index: 999; } 
    @keyframes Updown { 
        from { margin-top: -10px; }
        to { margin-top: 5px; }
    }
    @-webkit-keyframes Updown {
        from { margin-top: -10px; }
        to { margin-top: 5px; }
    }
    .qun { width: 39px; height: 11px; }
    .guangdongqun { position: absolute; left: 20px; top: 25px; }
    .beijinqun { position: absolute; left: -9px; top: 10px; }
    .jiangsuqun { position: absolute; left: 10px; top: 30px; }
    .xiamenqun { position: absolute; left: 10px; top: 30px; }
    .shandongqun { position: absolute; left: 2px; top: 20px; }
    .chengduqun { position: absolute; left: 46px; top: 40px; }
    .wuhanqun { position: absolute; left: 38px; top: 25px; }
    .qun img { -webkit-animation: scaleout 1.3s infinite ease-in-out; animation: scaleout 1.3s infinite ease-in-out; }
    @-webkit-keyframes scaleout {
        0% { -webkit-transform: scale(1.0); }
        100% { -webkit-transform: scale(1.1); opacity: 0; }
    }

    @keyframes scaleout {
        0% { transform: scale(1.0); -webkit-transform: scale(1.0); }
        100% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; }
    }


    .YHStory{width:100%;height:auto;overflow:hidden;padding:110px 0;background-color:#FFF;display:table;}
    .YHwenh { width: 100%; height: 50px; background: url(../Images/qywh.png) no-repeat center top;margin-bottom:90px; }
    .YHStory_box { width: 250px; height: 310px; border: 1px solid #d6d2d2; background-color: #f6f6f6; display:inline-block;margin:0 40px;padding:10px;}
    .YHStory_box:hover { background-color: #da251d; }
    .boxIn { width: 100%; height: 100%; border: 1px solid #d6d2d2;padding:40px 0 45px; }
    .icon_one { width: 70px; height: 70px; background: url(../Images/qyicon_1.png) no-repeat; background-position:0px 0px; display:inline-block; }
    .YHStory_box:hover .icon_one { background: url(../Images/qyicon_2.png) no-repeat; background-position: 0px 0px; }
    .icon_two { width: 70px; height: 70px; background: url(../Images/qyicon_1.png) no-repeat; background-position: 0px -70px; display: inline-block; }
    .YHStory_box:hover .icon_two { background: url(../Images/qyicon_2.png) no-repeat; background-position: 0px -70px; }
    .icon_three { width: 70px; height: 70px; background: url(../Images/qyicon_1.png) no-repeat; background-position: 0px -140px; display: inline-block; }
    .YHStory_box:hover .icon_three { background: url(../Images/qyicon_2.png) no-repeat; background-position: 0px -140px; }
    .icon_four { width: 70px; height: 70px; background: url(../Images/qyicon_1.png) no-repeat; background-position: 0px -210px; display: inline-block; }
    .YHStory_box:hover .icon_four { background: url(../Images/qyicon_2.png) no-repeat; background-position: 0px -210px; }
    .icon_five { width: 70px; height: 70px; background: url(../Images/qyicon_1.png) no-repeat; background-position: 0px -280px; display: inline-block; }
    .YHStory_box:hover .icon_five { background: url(../Images/qyicon_2.png) no-repeat; background-position: 0px -280px; }
    .boxIn h2 { width: 100%; height: 80px; line-height: 80px; font-size: 20px; color: #454545; text-align:center;}
    .boxIn p { width: 100%; height: auto;overflow:hidden;  color: #666666;display:inline-block;font-size:14px;line-height:25px; }
    .YHStory_box:hover .boxIn h2, .YHStory_box:hover .boxIn p{color:#FFF;}
    .guangdongtext { color: #FFF; position: relative; top: 40px; width: 60px; height: 20px; left: 10px; background-color: #0b5192; line-height: 20px; border-radius: 3px;padding:0 5px; }
    .beijintext { color: #FFF; position: relative; top: 25px; width: 60px; height: 20px; left: -18px; background-color: #0b5192; line-height: 20px; border-radius: 3px; padding: 0 5px; }
    .suzhoutext { color: #FFF; position: relative; top: 45px; width: 60px; height: 20px; left: 5px; background-color: #0b5192; line-height: 20px; border-radius: 3px; padding: 0 5px; }
    .xiamentext { color: #FFF; position: relative; top: 45px; width: 60px; height: 20px; left: 0px; background-color: #0b5192; line-height: 20px; border-radius: 3px; padding: 0 5px; }
    .shandongtext { color: #FFF; position: relative; top: 35px; width: 60px; height: 20px; left: -6px; background-color: #0b5192; line-height: 20px; border-radius: 3px; padding: 0 5px; }
    .chengdutext { color: #FFF; position: relative; top: 55px; width: 60px; height: 20px; left: 35px; background-color: #0b5192; line-height: 20px; border-radius: 3px; padding: 0 5px; }
    .wuhantext { color: #FFF; position: relative; top: 40px; width: 60px; height: 20px; left: 28px; background-color: #0b5192; line-height: 20px; border-radius: 3px; padding: 0 5px; }
    .OpCity{opacity:1;}
    .YH_Box>a{width:100%;height:191px;overflow:hidden;display:block; }
    .YH_Box img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
    .YH_Box:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); cursor: pointer; }
    .textc { line-height: 30px; font-size: 14px;text-align:left; }
    .YHStory_ul{width:100%;height:auto;overflow:hidden;display:table;text-align:center;}
    .YHStory_ul > li{ width: 250px; height: 320px; overflow: hidden; display: inline-block; margin:0 37px;cursor:pointer;position:relative; }
        .YHStory_ul > li > div { width: 250px; height: 320px;position:absolute;top:320px;left:0px;opacity:0.3; }
        .YHStory_ul > li:nth-of-type(1) { background: url(../Images/yuanjing.png) no-repeat 100% 100%; }
        .YHStory_ul > li:nth-of-type(1) > div { background: url(../Images/yuanjing1.png) no-repeat 100% 100%; }
        .YHStory_ul > li:nth-of-type(2) { background: url(../Images/shiming.png) no-repeat 100% 100%; }
        .YHStory_ul > li:nth-of-type(2) > div { background: url(../Images/shiming1.png) no-repeat 100% 100%; }
        .YHStory_ul > li:nth-of-type(3) { background: url(../Images/hexinjiazhiguan.jpg) no-repeat 100% 100%; }
        .YHStory_ul > li:nth-of-type(3) > div { background: url(../Images/hexinjiazhiguan1.jpg) no-repeat 100% 100%; }
        .YHStory_ul > li:nth-of-type(4) { background: url(../Images/jingyinglinian.jpg) no-repeat 100% 100%; }
        .YHStory_ul > li:nth-of-type(4) > div { background: url(../Images/jingyinglinian1.jpg) no-repeat 100% 100%; }