/* CSS Document */

/*关于我们-综合页*/
.mobile-nav{ display:none; width:100%; position:fixed; top:0; z-index:1;}
.about-bg{ width:100%; height:100%; position: relative; top:0;}
.ab-con{width:100%; height:100%; margin-top:240px;}
.ab-left-top>h1{ font-size:25px; color:#1f1f1f; margin:15px 0;}
.ab-left-top>p>span{ display:block; width:30px; height:3px; background:#525252; margin:40px 0;}
.ab-left-con>h2{ font-size:19px; color:#2f2f2f;line-height:35px;}
.ab-left-con>span{ display:block; font-size:11px; color:#a5a5a5; margin:5px 0 35px 0;}
.ab-left-con>p{ font-size:12px; color:#6b6b6b; margin-bottom:5px;}
.azl-txt{ margin:30px 0;}
.azl-txt li{font-size:12px;color:#6b6b6b; margin-top:6px;}
.azl-txt li>b{ font-size:13px; color:#2f2f2f;}
.azl-txt li>span{ margin:0 10px;}

.ab-right{ position:relative;}
.ab-right li{ position:absolute; width:135px; height:135px; float:left; border:2px solid #dd1a20; background:#dd1a20; overflow:hidden;}
.ab-right li > a > dl{ position:absolute; top:0;padding:20px;width:100%; height:100%;}
.ab-right li > a > dl > dt > b{ font-weight:normal; font-size:13px; color:#fceff0; }
.ab-right li > a > dl > dt > span{ display:block; margin-top:7px;width:20px; height:2px; background:#c5161c;}
.ab-right li > a > dl > dd{ position:absolute; right:20px; bottom:20px;transition:all 1s;}
.ab-right .list0bg{position:absolute; top:0; left:0;width:100%; height:100%; background:#fff; left:-140px !important;transition: all 0.2s ease 0s;}
.ab-right li:hover .list0bg{ left:0 !important; }
.ab-right li:hover b{font-weight:bold; color:#dd1a20; z-index:999;}
.ab-right li:hover dd{animation: msl 0.5s linear infinite alternate; -webkit-animation: msl 0.5s linear infinite alternate; -moz-animation: msl 0.5s linear infinite alternate; -o-animation: msl 0.5s linear infinite alternate;}
@keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-webkit-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-moz-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}}
@-o-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}



.ab-right .abr-list0{ top:55px;left:136px;}
.ab-right .abr-list0 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/AZ-icon.png) 0 0;}
.ab-right .abr-list0:hover .yw-icon{ background-position:0 -30px; }
.ab-right .abr-list1{ top:55px;left:273px;}
.ab-right .abr-list1 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/AZ-icon.png) -27px 0;}
.ab-right .abr-list1:hover .yw-icon{ background-position:-27px -30px; }
.ab-right .abr-list2{ top:55px;right:10px;}
.ab-right .abr-list2 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/AZ-icon.png) -54px 0;}
.ab-right .abr-list2:hover .yw-icon{ background-position:-54px -30px; }
.ab-right .abr-list3{ top:192px;left:136px;}
.ab-right .abr-list3 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/AZ-icon.png) -81px 0;}
.ab-right .abr-list3:hover .yw-icon{ background-position: -81px -30px; }
.ab-right .abr-list4{top:192px;right:147px; }
.ab-right .abr-list4 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/AZ-icon.png) -108px 0;}
.ab-right .abr-list4:hover .yw-icon{ background-position:-108px -30px; }
.ab-right .abr-list5{ top:192px;right:10px;}
.ab-right .abr-list5 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/AZ-icon.png) -135px 0;}
.ab-right .abr-list5:hover .yw-icon{ background-position:-135px -30px; }
.ab-right .abr-list6{ top:329px;left:-1px;}
.ab-right .abr-list6 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/AZ-icon.png) 81px 0;}
.ab-right .abr-list6:hover .yw-icon{ background-position:81px -30px; }
.ab-right .abr-list7{ top:329px;left:136px;}
.ab-right .abr-list7 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/AZ-icon.png) 54px 0;}
.ab-right .abr-list7:hover .yw-icon{ background-position:54px -30px; }
.ab-right .abr-list8{ top:329px;right:147px;}
.ab-right .abr-list8 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/AZ-icon.png) 27px 0;}
.ab-right .abr-list8:hover .yw-icon{ background-position:27px -30px; }





/**/
.ab-two-bg{width:100%; height:100%;  z-index:-1;}
.ab-t-top{ width:100%; height:66px; background:#dd1a20;}
.ab-top-con{ width:1100px; height:auto; margin:0 auto; display:table;}
.top-left{ width:184px; height:66px; background:#c2171c; display:table; float:left;}
.top-left a{ display:block; margin:20px auto; width:100px; height:25px;}
.top-left a p{ display:block; float:left; width:50px; height:25px; line-height:25px; text-align:center; color:#fff; font-size:14px;}
.top-left a:hover{ opacity:0.8;}

.top-right{ float:right; min-width:142px; margin-top:20px;}
.top-right li{ float:left; margin-left:20px;}

.about-contact{width:1100px; display:table; position:relative; left:50%; margin-left:-550px;top:60px;}
.left-nav{ padding-left:0;}
.tab-text {width: 100%;max-width: 184px;}
.tab-text .link { width:100%;height:30px; line-height:30px;cursor: pointer;display: block;padding-right:15px;color: #535252; text-align:right;background:#dcdcdc;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.tab-text li:last-child .link {border-bottom: 0;}
.tab-text li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.tab-text li.open .link {color: #b63b4d;}
.tab-text li.open i {color: #b63b4d;}
.tab-text li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.tab-text li.active .link{	color: #fff; background:#0050bc;border: 1px solid #0050bc;}
.tab-text li.active .link a{color: #fff;}
.tab-text li.active i.sj-icon{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.tab-text li.active .submenu{ display:block;}
.tab-text li.active .submenu li .on{ color:#f00;}

.submenu {display: none;background: #444359;font-size: 14px;}
.submenu li {border-bottom: 1px solid #4b4a5e;}
.submenu a {display: block;text-decoration: none;color: #d9d9d9;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.submenu a:hover {background: #b63b4d;color: #FFF;}


/**/

.yw-left-top>h1{ font-size:25px; color:#fff; margin:15px 0;}
.yw-left-top>p>span{ display:block; width:30px; height:3px; background:#fff; margin:40px 0;}
.yw-left-con>h2{ font-size:14px; color:#2f2f2f; color:#fff; line-height:25px;}
.yw-left-con>h2>b{ font-size:19px; display:block; margin:5px 0;}
.yw-left-con>span{ display:block; width:490px; font-size:11px; color:#e98384; margin:5px 0 35px 0; margin-top:15px;}
.ywl-txt{ margin:30px 0;}
.ywl-txt li{ width:156px;font-size:12px;color:#6b6b6b; margin-top:6px; border-top:1px solid #fff; color:#fff; padding:8px 0;}
.ywl-txt li p{ display:block;}
.ywl-txt li span{ display:block; color:#eea8a9; text-transform: capitalize;}

.yw-right{ position:relative;}
.yw-right li{ position:absolute; width:135px; height:135px; float:left;border:1px solid #fe7e81; background:#fb1e24;  overflow:hidden;}
.yw-right li > a > dl{ position:absolute; top:0;padding:20px;width:100%; height:100%;}
.yw-right li > a > dl > dt > b{ font-weight:normal; font-size:13px; color:#fceff0; }
.yw-right li > a > dl > dt > span{ display:block; margin-top:7px;width:20px; height:2px; background:#c5161c;}
.yw-right li > a > dl > dd{ position:absolute; right:20px; bottom:20px;transition:all 1s;}
.yw-right li:hover dd img{ display:none;}
.yw-right .list0bg{position:absolute; top:0; left:0;width:100%; height:100%; background:#fff; left:-140px !important;transition: all 0.2s ease 0s;}
.yw-right li:hover .list0bg{ left:0 !important; }
.yw-right li:hover b{font-weight:bold; color:#dd1a20; z-index:999;}
.yw-right li:hover dd{animation: msl 0.5s linear infinite alternate; -webkit-animation: msl 0.5s linear infinite alternate; -moz-animation: msl 0.5s linear infinite alternate; -o-animation: msl 0.5s linear infinite alternate;}
@keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-webkit-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-moz-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}}
@-o-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}

.yw-right .ywr-list1{ top:55px;right:147px;}
.yw-right .ywr-list1 .yw-icon{ display:block; width:19px; height:30px; background: url(../image/yw-icon.png) 0 0;}
.yw-right .ywr-list1:hover .yw-icon{ background-position:0 -30px; }
.yw-right .ywr-list2{ top:192px;left:136px;}
.yw-right .ywr-list2 .yw-icon{ display:block; width:30px; height:30px; background: url(../image/yw-icon.png) -20px 0;}
.yw-right .ywr-list2:hover .yw-icon{ background-position:-20px -30px; }
.yw-right .ywr-list3{top:192px;right:147px;}
.yw-right .ywr-list3 .yw-icon{ display:block; width:30px; height:30px; background: url(../image/yw-icon.png) -48px 0;}
.yw-right .ywr-list3:hover .yw-icon{ background-position:-48px -30px; }
.yw-right .ywr-list4{ top:192px;right:10px}
.yw-right .ywr-list4 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/yw-icon.png) -76px 0;}
.yw-right .ywr-list4:hover .yw-icon{ background-position:-76px -30px; }
.yw-right .ywr-list5{  top:329px;left:136px;}
.yw-right .ywr-list5 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/yw-icon.png) -101px 0;}
.yw-right .ywr-list5:hover .yw-icon{ background-position:-101px -30px; }
.yw-right .ywr-list6{ top:329px;left:273px;}
.yw-right .ywr-list6 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/yw-icon.png) 90px 0;}
.yw-right .ywr-list6:hover .yw-icon{ background-position:90px -30px; }
.yw-right .ywr-list7{  top:329px;right:10px;}
.yw-right .ywr-list7 .yw-icon{ display:block; width:30px; height:30px; background: url(../image/yw-icon.png) 62px 0;}
.yw-right .ywr-list7:hover .yw-icon{ background-position:62px -30px; }
.yw-right .ywr-list8{ top:329px;right:10px;}
.yw-right .ywr-list8 .yw-icon{ display:block; width:30px; height:30px; background: url(../image/yw-icon.png) 34px 0;}
.yw-right .ywr-list8:hover .yw-icon{ background-position:34px -30px; }


.pro-right{ position:relative;}
.pro-right li{ position:absolute; width:160px; height:160px; float:left;border:1px solid #fe7e81; background:#fb1e24;  overflow:hidden;}
.pro-right li > a > dl{ position:absolute; top:0;padding:20px;width:100%; height:100%;}
.pro-right li > a > dl > dt > b{ font-weight:normal; font-size:13px; color:#fceff0; }
.pro-right li > a > dl > dt > span{ display:block; margin-top:7px;width:20px; height:2px; background:#c5161c;}
.pro-right li > a > dl > dd{ position:absolute; right:20px; bottom:20px;transition:all 1s;}
.pro-right li:hover dd img{ display:none;}
.pro-right .list0bg{position:absolute; top:0; left:0;width:100%; height:100%; background:#fff; left:-170px !important;transition: all 0.2s ease 0s;}
.pro-right li:hover .list0bg{ left:0 !important; }
.pro-right li:hover b{font-weight:bold; color:#dd1a20; z-index:999;}
.pro-right li:hover dd{animation: msl 0.5s linear infinite alternate; -webkit-animation: msl 0.5s linear infinite alternate; -moz-animation: msl 0.5s linear infinite alternate; -o-animation: msl 0.5s linear infinite alternate;}
@keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-webkit-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-moz-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}}
@-o-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}

.pro-right .pro-list1{ top:40px;left:71px;}
.pro-right .pro-list1 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/yw-icon.png) 90px 0;}
.pro-right .pro-list1:hover .yw-icon{ background-position:90px -30px; }
.pro-right .pro-list2{ top:202px; left:-91px;}
.pro-right .pro-list2 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/yw-icon.png) -101px 0;}
.pro-right .pro-list2:hover .yw-icon{ background-position:-101px -30px; }
.pro-right .pro-list3{top:202px;left:71px;}
.pro-right .pro-list3 .yw-icon{ display:block; width:19px; height:30px; background: url(../image/yw-icon.png) 0 0;}
.pro-right .pro-list3:hover .yw-icon{ background-position:0 -30px; }
.pro-right .pro-list4{ top:202px;left:233px;}
.pro-right .pro-list4 .yw-icon{display:block; width:30px; height:30px; background: url(../image/yw-icon.png) -20px 0;}
.pro-right .pro-list4:hover .yw-icon{ background-position:-20px -30px; }
.pro-right .pro-list5{ top:202px;right:0px;}
.pro-right .pro-list5 .yw-icon{display:block; width:30px; height:30px; background: url(../image/yw-icon.png) -48px 0;}
.pro-right .pro-list5:hover .yw-icon{ background-position:-48px -30px; }
.pro-right .pro-list6{ top:202px; right:0px;}
.pro-right .pro-list6 .yw-icon{ display:block; width:27px; height:30px; background: url(../image/yw-icon.png) -76px 0;}
.pro-right .pro-list6:hover .yw-icon{ background-position: -76px -30px; }
.pro-right .pro-list7{  top:364px;right:161px;}
.pro-right .pro-list7 .yw-icon{ display:block; width:30px; height:30px; background: url(../image/yw-icon.png) 34px 0;}
.pro-right .pro-list7:hover .yw-icon{ background-position:34px -30px; }
.pro-right .pro-list8{ top:364px;right:0px;}
.pro-right .pro-list8 .yw-icon{ display:block; width:30px; height:30px; background: url(../image/yw-icon.png) 62px 0;}
.pro-right .pro-list8:hover .yw-icon{ background-position:62px -30px; }
.pro-right .pro-list9{ top:40px;right:161px;}
.pro-right .pro-list9 .yw-icon{ display:block; width:30px; height:30px; background: url(../image/yw-icon.png) 62px 0;}
.pro-right .pro-list9:hover .yw-icon{ background-position:62px -30px; }

.ser-left-con > h2{ font-size:16px; color:#373737; line-height:25px;}
.ser-left-con > h2 > b{ font-size:19px; display:block; margin:5px 0;}
.ser-left-con > span{ display:block; width:490px; font-size:11px; color:#c2c2c2; margin:5px 0 35px 0; margin-top:15px;}
.ser-left-con > p{ display:block; width:100%;}
.ywl-txt{ margin:30px 0;}
.ywl-txt li{ width:156px;font-size:12px;color:#6b6b6b; margin-top:6px; border-top:1px solid #fff; color:#fff; padding:8px 0;}
.ywl-txt li p{ display:block;}
.ywl-txt li span{ display:block; color:#eea8a9; text-transform: capitalize;}

.ser-txt{ width:100%; display:table; margin:60px 0;}
.ser-txt li{ width:125px; border-top:1px solid #000; padding-top:15px; margin-right:15px; float:left;}
.ser-txt li dt{ float:left; width:20px; height:20px; background:#dd1a20; border-radius:50%; font-size:13px; color:#fff; font-weight:bold; text-align:center; margin-top:8px;}
.ser-txt li dd{ float:left; width:95px; margin-left:10px;}

.ser-right{ position:relative;}
.ser-right li{ position: relative; float:left; width:135px; height:135px; margin:1px; background:#fff;  overflow:hidden;}
.ser-right li > a > dl{ position:absolute; top:0;padding:20px;width:100%; height:100%;}
.ser-right li > a > dl > dt{ margin-top:20px;}
.ser-right li > a > dl > dt > b{ font-weight:normal; font-size:13px; color:#505050; }
.ser-right li > a > dl > dt > span{ display:block; margin-top:7px;width:20px; height:2px; background:#e0e0e0;}
.ser-right .list0bg{position:absolute; top:0; left:0;width:100%; height:100%; background:#dd1a20; left:-170px !important;transition: all 0.2s ease 0s;}
.ser-right li:hover .list0bg{ left:0 !important; }
.ser-right li:hover b{font-weight:bold; color:#fff; z-index:999;}

.new-left-con{ width:410px;}
.new-left-con > h2{font-size:16px; color:#2f2f2f; color:#232323; line-height:20px; border-bottom:1px solid #000; padding-bottom:15px;}
.new-left-con > h2 > b{ font-size:19px; display:block; margin:5px 0;}
.new-left-con > span{ display:block; width:230px; font-size:11px; color:#b0afaf; margin:5px 0 35px 0;  margin-top:15px;}
.new-left-con > p{ display:block; width:100%; float:left;}
.new-txt{ margin:30px 0; display:table;}
.new-txt li{ float:left;} 
.new-txt li dt{ float:left; width:37px; height:37px; background:#dd1a20;padding:5px;font-weight:bold; color:#f5f5f5;}
.new-txt li dt span{color: #fff;display: table; float: right; margin-top: -9px;}
.new-txt li dd{ float:left; width:100px; font-size:12px; color:#585656; line-height:20px; margin-left:10px;}

.new-right{ position:relative;}
.new-right li{ position:absolute; width:192px; height:192px; float:left;border:1px solid #dd1a20; background:#dd1a20;  overflow:hidden;}
.new-right li > a > dl{ position:absolute; top:0;padding:20px;width:100%; height:100%;}
.new-right li > a > dl > dt > b{ font-weight:normal; font-size:13px; color:#fceff0; }
.new-right li > a > dl > dt > span{ display:block; margin-top:7px;width:20px; height:2px; background:#c5161c;}
.new-right li > a > dl > dd{ position:absolute; right:20px; bottom:20px;transition:all 1s;}
.new-right li:hover dd img{ display:none;}
.new-right .list0bg{position:absolute; top:0; left:0;width:100%; height:100%; background:#fff; left:-195px !important;transition: all 0.2s ease 0s;}
.new-right li:hover .list0bg{ left:0 !important; }
.new-right li:hover b{font-weight:bold; color:#dd1a20; z-index:999;}
.new-right li:hover dd{animation: msl 0.5s linear infinite alternate; -webkit-animation: msl 0.5s linear infinite alternate; -moz-animation: msl 0.5s linear infinite alternate; -o-animation: msl 0.5s linear infinite alternate;}
@keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-webkit-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-moz-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}}
@-o-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}

.new-right .new-list1{  top:40px; right:0px;}
.new-right .new-list1 .yw-icon{ display:block; width:21px; height:30px; background:url(../image/new-icon.png) 0 0;}
.new-right .new-list1:hover .yw-icon{ background-position:0 -30px; }
.new-right .new-list2{ top:234px;left:-25px;}
.new-right .new-list2 .yw-icon{ display:block; width:27px; height:30px; background:url(../image/new-icon.png) -20px 0;}
.new-right .new-list2:hover .yw-icon{ background-position:-20px -30px; }
.new-right .new-list3{ top:234px;right:194px;}
.new-right .new-list3 .yw-icon{ display:block; width:22px; height:30px; background:url(../image/new-icon.png) -45px 0;}
.new-right .new-list3:hover .yw-icon{ background-position:-45px -30px; }
.new-right .new-list4{  top:234px;right:0px;}
.new-right .new-list4 .yw-icon{display:block; width:25px; height:34px; background:url(../image/new-icon.png) 25px 0;}
.new-right .new-list4:hover .yw-icon{ background-position:25px -34px; }

.join-txt{ margin:30px 0; display:table;}
.join-txt li{ width:230px; margin-bottom:10px;}
.join-txt li dt{font-size:14px; width:100%; color:#f6f5f5;} 
.join-txt li dd{ border-top:1px solid #fff; color:#fff; font-size:12px; line-height:20px; margin-top:10px; padding-top:10px;}

.join-right{ position:relative;}
.join-right li{ position:absolute; width:160px; height:160px; float:left;border:1px solid #fe7e81; background:#fb1e24;  overflow:hidden;}
.join-right li > a > dl{ position:absolute; top:0;padding:20px;width:100%; height:100%;}
.join-right li > a > dl > dt{ text-align:right;}
.join-right li > a > dl > dt > b{ display:block; font-weight:normal; font-size:13px; color:#fceff0; }
.join-right li > a > dl > dt > span{ display:block; float:right; margin-top:7px;width:20px; height:2px; background:#c5161c;}
.join-right li > a > dl > dd{ position:absolute; left:20px; bottom:20px;transition:all 1s;}
.join-right li:hover dd img{ display:none;}
.join-right .list0bg{position:absolute; top:0; left:0;width:100%; height:100%; background:#fff; left:-165px !important;transition: all 0.2s ease 0s;}
.join-right li:hover .list0bg{ left:0 !important; }
.join-right li:hover b{font-weight:bold; color:#dd1a20; z-index:999;}
.join-right li:hover dd{animation: msl 0.5s linear infinite alternate; -webkit-animation: msl 0.5s linear infinite alternate; -moz-animation: msl 0.5s linear infinite alternate; -o-animation: msl 0.5s linear infinite alternate;}
@keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-webkit-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}
@-moz-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}}
@-o-keyframes msl {0% { bottom:20px;} 100% { bottom:30px;}}

.join-right .join-list1{ top:15px;right:10px;}
.join-right .join-list1 .yw-icon{ display:block; width:33px; height:30px; background: url(../image/join-icon.png) 0 0;}
.join-right .join-list1:hover .yw-icon{ background-position:0 -30px; }
.join-right .join-list2{ top:177px;left:61px;}
.join-right .join-list2 .yw-icon{ display:block; width:33px; height:30px; background: url(../image/join-icon.png) -105px 0;}
.join-right .join-list2:hover .yw-icon{ background-position:-105px -30px; }
.join-right .join-list3{top:177px;right:172px;}
.join-right .join-list3 .yw-icon{ display:block; width:33px; height:30px; background: url(../image/join-icon.png) -170px 0;}
.join-right .join-list3:hover .yw-icon{ background-position:-170px -30px; }
.join-right .join-list4{ top:177px;right:10px}
.join-right .join-list4 .yw-icon{ display:block; width:33px; height:30px; background: url(../image/join-icon.png) -205px 0;}
.join-right .join-list4:hover .yw-icon{ background-position:-205px -30px; }
.join-right .join-list5{  top:339px;right:172px;}
.join-right .join-list5 .yw-icon{ display:block; width:33px; height:30px; background: url(../image/join-icon.png) 69px 0;}
.join-right .join-list5:hover .yw-icon{ background-position:69px -30px; }
.join-right .join-list6{ top:339px;right:10px;}
.join-right .join-list6 .yw-icon{ display:block; width:33px; height:30px; background: url(../image/join-icon.png) 33px 0;}
.join-right .join-list6:hover .yw-icon{ background-position:33px -30px; }
.join-right .join-list7{top:339px;left:61px;}

.con-tit-big{font-size:20px;font-weight:bold !important;color:#373737;}
.con-tit-txt{color:#373737;}
.cta-us-p{line-height:1.5;color:#CCCCCC !important;padding-top:10px;padding-bottom:30px;}
.list-con-us-mo{display:block;border-top:1px solid #373737;width:150px;padding:12px 20px 12px 0px;}
.list-con-us-mo h2{color:#373737;font-size:12px;}
.list-con-us-mo h5{color:#373737;font-size:12px;padding-top:4px;}

.wrap.clearfix > h2{font-size:24px;margin-bottom:10px;text-align:left;}





@media screen and (min-width:1167px and max-width:1183px ) {
	.join-right .join-list2{left:-39px;}
	.join-right .join-list7{left:-39px;}
}


@media (max-width:768px){
	.mobile-nav{ display:block; position:relative;}
	.logo{ display:none;}
	.nav-menu{ display:none;}
    .nav-col{ background-color:#d6191f; color:#fff; border:1px solid #fff;}
	.bar-color{ background-color:#fff !important;}
	.navbar-bg{ width:50%; padding-top:13%; border:0; position:absolute; top:0; right:0; z-index:-1; }
	.navbar-list li a{ color:#fff !important;}
	.navbar-list li.active a{ background-color:rgba(0,0,0,0.5) !important;}
	.nav-col:hover{background-color:#d6191f !important;}
	.nav-bar-logo{ padding-top:8px;}
	.navbar-brand img{ width:70%;}
	.mobile-nav-show{ width:50%; float:right;}
	.ab-con{ margin-top:10%;}
	.ab-left-top > p > span{ margin:25px 0;}
	.ab-right{ display:table; width:100%;margin-bottom:100px;}
	.ab-right li{ position:inherit; margin:2px; left:0 !important; top:0 !important; right:0 !important;}
	/*.ab-right .abr-list1{ top:55px;left:0px;}
	.ab-right .abr-list2{ top:55px;right:0px;}
	.ab-right .abr-list3{ top:55px;left:0px;}
	.ab-right .abr-list4{ top:55px;right:0px;}
	.ab-right .abr-list5{ top:55px;left:0px;}
	.ab-right .abr-list6{ top:55px;right:0px;}
	.ab-right .abr-list7{ top:55px;left:0px;}
	.ab-right .abr-list8{ top:55px;right:0px;}
	.ab-right .abr-list9{ top:55px;left:0px;}*/
	.back-top,
	.return{ display:none !important;}
	
	
	
	

	
	.pro-right{ display:table; width:100%;margin-bottom:100px;}
    .pro-right li{position:relative; margin:2px; width:135px; height:135px;}
	.pro-right .pro-list1{ top:55px;left:0px;}
	.pro-right .pro-list2{ top:55px;left:0px;}
	.pro-right .pro-list3{top:55px;left:0px;}
	.pro-right .pro-list4{ top:55px;left:0px;}
	.pro-right .pro-list5{top:55px;left:0px;}
	.pro-right .pro-list6{top:55px;left:0px;}
	.pro-right .pro-list7{ top:55px;left:0px;}
	.pro-right .pro-list8{ top:55px;left:0px;}


	.ser-txt li{ margin-top:15px;}
	.ser-left-con > span{ width:100%;}
	.ser-right{display:table; width:100%;margin:50px 0 100px 0;}
	.ser-right li{ margin:2px;}
	
	.join-right{display:table; width:100%;margin-bottom:100px;}
	.join-right li{position:relative; margin:2px; width:135px; height:135px;}
	.join-right .join-list1{top:55px;left:0px;}
	.join-right .join-list2{top:55px;left:0;right:0px;}
	.join-right .join-list3{top:55px;left:0px;}
	.join-right .join-list4{top:55px;right:0px;}
	.join-right .join-list5{top:55px;left:0px;}
	.join-right .join-list6{top:55px;right:0px;}
	
	
	.new-left-con{ width:100%;}
	.new-right{ display:table; width:100%;margin-bottom:100px;}
    .new-right li{ position:relative; margin:2px; width:135px; height:135px;}


	.new-right .new-list1{top:55px;left:0px;}
	.new-right .new-list2{top:55px;left:0px;}
	.new-right .new-list3{top:55px;left:0px;}
	.new-right .new-list4{top:55px;left:0px;}
	
	.yw-left-con>span{ width:100%;}

    .yw-right{display:table; width:100%;margin-bottom:100px;}
    .yw-right li{  position:relative; margin:2px; width:135px; height:135px;}
	.yw-right .ywr-list1{top:55px;left:0px;}
	.yw-right .ywr-list2{top:55px;left:0px;}
	.yw-right .ywr-list3{top:55px;left:0px;}
	.yw-right .ywr-list4{top:55px;left:0px;}
	.yw-right .ywr-list5{top:55px;left:0px;}
	.yw-right .ywr-list6{top:55px;left:0px;}
	.yw-right .ywr-list7{top:55px;left:0px;}
	.yw-right .ywr-list8{top:55px;left:0px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media only screen and (max-width:414px){	
	.ab-left-top > p img{width:100%;}
	.yw-left-top img{ width:100%;}
	.pro-right,
	.ab-right{ width:288px; margin:0 auto;}
	}