@font-face {
    font-family: 'DIN';
    src: url('../../fonts/DINCondensedBold.eot');
    src:  url('../../fonts/DINCondensedBold.eot?#iefix') format('embedded-opentype'),
          url('../../fonts/DINCondensedBold.woff') format('woff'),
         url('../../fonts/DINCondensedBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
  }



.slide_nav{background: #00a7ea;overflow: auto;padding-bottom: 30px;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;width: 100%;position:fixed;left: -100%;top: 0;height: 100%;z-index: 99999999;}
.slide_nav.left_active{left: 0;}
.slide_nav .slide_logo{background: #fff; text-align: center; padding: 15px 0;}
.slide_nav .slide_logo a{display: block;}
.slide_nav .slide_logo a img{max-width: 54%;}
.slide_nav .slide_nav_ul{margin-top: 8%;}
.slide_nav .slide_nav_ul li{ text-align: center; position: relative; width: 100%;line-height: 50px;}
.slide_nav .slide_nav_ul .slideJA{font-size: 16px;}
.slide_nav .slide_nav_ul .slideNavSecon{display: none;overflow: hidden;background: #b9c778;}
.slide_nav .slide_nav_ul .slideNavSecon a{display: block;}
.slide_nav .slide_nav_ul .slideNavSecon.active{height: 100%;}
.slide_nav .slide_nav_ul li a{font-size: 15px; color: #fff; height: 50px; display: block;}
.slide_nav .slide_nav_ul .slide_nav_ulLast a{display: inline-block;}
.slide_nav .slide_nav_ul .slide_nav_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.slide_nav .slide_nav_ul .slide_nav_bg span{background: #fff;height: 50px;}
.slide_nav .slide_nav_ul .slide_nav_wz{width: 100%;height: 50px;position: absolute;left: 0;top: 0;z-index: 10;}
.phone_back{width: 60%; height: 40px; display: block; font-size: 14px; margin: 0 auto; margin-top: 20px; border: 0; background: #fff; color: #000; text-align: center; line-height: 40px;}

.common_nav_click{margin: 0 auto; width: 24px; margin-left: 24px; cursor: pointer; position: absolute; top: 0; bottom: 0; right: 2.6%; margin: auto; display: none; height: 21px;}
.common_nav_click .nav_click{width: 100%;height: 3px;margin-bottom: 4px;background: #cca474; position: relative; top: 0;left: 0;}
.tranlate{transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -webitk-transform-origin:0 0; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);   transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.tranlate1{transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -webitk-transform-origin:0 0;  transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s;  position: relative; top: -1px; left: -1px;}
.tranlate2{ transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
.common_nav_click .nav_click_3{margin-bottom: 0;}
.common_nav_click.active .nav_click_1{top: 4px;left: 0px;moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}
.common_nav_click.active .nav_click_2{opacity: 0; filter:alpha(opacity=0); zoom:1;}
.common_nav_click.active .nav_click_3{top: -6px;left: 0px;moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}
a {
    color: #888;
    text-decoration: none;
}

.slider-search{  background: none rgba(0,0,0,0.8); position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; z-index:999999999; display: none;}
.w920{ width: 920px; margin: 0px auto;}
.slider-search .w920{ padding-top: 10%;}
.btnclosess{ width: 80px;}
.slider-search .ssbox{ position: relative; padding-right: 84px; width: 836px; background-color: #e7e7e7; margin-bottom: 35px;}
.slider-search .ssbox .ss-txt{width: 98%;display: block;padding: 20px 0px 20px 2%;height: 24px;background-color: #e7e7e7;line-height: 24px;border: 1px solid #e7e7e8;font-size: 16px;color: #4c4c4c;box-sizing: content-box;}
.slider-search .ssbox .ss-btn{ position: absolute; right: 0px; top: 0px; height: 66px; width: 84px;}
.slider-search .ssbox .ss-btn i{ display: block; height: 100%; background: url(../../images/ss-btn.png) no-repeat scroll center center;}
.slider-search .ssbox .ss-btn:hover{ background-color: #313131;}
.slider-search .sradio{ float: left; display: block; position: relative; padding-left: 24px; background: url(../../images/option_2.png) no-repeat scroll left center; font: 14px/40px "microsoft yahei"; color: #fff; margin-right: 14px; cursor: pointer;}
.slider-search .sradio:after{content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; border: 1px #fff solid; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.slider-search .sradio:before{content: "";display: block;width: 4px;height: 4px;border-radius: 50%;left: 5px;position: absolute;/* left: 0; */top: 50%;margin-top: -1px;}
.slider-search .sradio.active:after{border-color: #d5b554;}
.slider-search .sradio.active:before{background: #d5b554;}
.slider-search .box-sbtn { padding-top: 10%;}
.box-sbtn{ text-align: center;}
.box-sbtn .btn{ border: 1px solid #ffffff; color: #FFFFFF; background: none; cursor: pointer; padding: 1% 5%; display: inline-block; border-radius: 5px; margin: 0px 10px; box-sizing:content-box;}
.box-sbtn .btn:hover{ color: #666; background-color: #fff;}



#header {position: relative; z-index: 999;}
#header .header-top{padding-top: 2.34%; padding-bottom: 2.34%;}
#header .header-top .logo{width: 34.8%;}
#header .header-top .logo img{width: 100%;}
#header .header-topS{position: relative;}
#header .header-top-right{height: 25px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; line-height: 25px;}
#header .header-form .header-form-block{width: 180px; display: inline-block; vertical-align: middle; height: 25px; border: 1px #c8c8c8 solid; position: relative; padding-right: 25px;}
#header .header-form .header-input{width: 100%;  height: 100%; border: 0; background: none; padding: 0 15px;}
#header .header-form .header-sub2{color: #999999;}
#header .languge{color: #999999; margin-left: 40px;}
#header .header-form .header-sub{position: absolute;  width: 25px; border: none; cursor: pointer; height: 100%; right: 0; top: 0; background:url(../../images/search_icon.png) center center no-repeat;}
#header .header-form .header-sub2{background: none; margin-left: 3px; border: 0; cursor: pointer;}
#header .languge a{color: #999;}
#header .languge span{padding: 0 7px;}
#header .languge a:hover,#header .header-form .header-sub2:hover{color: #00a7ea;}
.menu{ position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 30px; height: 12px;  display: none; cursor:pointer;}
.menu .menu_mark{width: 100%; height: 100%;position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.menu .menu_line{width: 100%;  height: 1px; display: block; background: #999999; position: relative; top: 0; }
.menu .menu_line2{top: 5px;}
.menu .menu_line3{top: 10px;}
#nav{background: #00a7ea;}
#nav .ul1>li{width: 12.5%; float: left; position: relative;}
#nav .ul1>li>a{display: block; text-align: center; padding: 13.8% 0; color: #fff;}
#nav .ul1>li:hover>a,#nav .ul1>li.active>a{background: #0197d3}
#nav .ul2{position: absolute; display: none; top: 100%; left: 0; width: 100%;}
#nav .ul2 a{height: 45px; line-height: 45px; transition:all 0.4s; -webkit-transition:all 0.4s; background: #00a7ea; color: #fff; display: block; text-align: center; font-size: 14px;}
#nav .ul2 a:hover{background: #0197d3;}



body{background: #fff;}
#banner{position: relative; overflow: hidden; z-index: 101;}
.banner {/*position: fixed; top: 100px; left: 0; width: 100%;*/}
.banner .popOwl a{padding-bottom: 38.5%; height: 0; overflow: hidden; display: block;}
.banner .popOwl .owl-pagination{position: absolute;text-align: center;  bottom: 115px; left: 0; width: 100%; z-index: 50;}
.banner .popOwl .owl-pagination div{width: 14px; height: 14px; background: #fff; position: relative;  display: inline-block; border-radius: 50%; margin: 0 12px;}
.banner .popOwl .owl-pagination div.active{background: #00a7ea; opacity: 1;}
.popOwlInfo{position: absolute; top: 30.43%;  width: 53%; margin: auto; color: #fff; text-align: center; left: 10%; right: 10%; z-index: 20;}
.popOwlInfo_line{width: 50px; height: 2px; background: #ffffff; margin: 0 auto; margin-top: 1.58%; margin-bottom: 4.4%;}
.popOwlInfo_h2{line-height: 44px;}
.popOwlInfo_h3 img{width: 100%;}
.popOwlInfo_h1{line-height: 50px; margin-top: 1.58%;}
.bannerEach{transform: translate3d(0, 50px, 0);-webkit-transform: translate3d(0, 50px, 0);transition-delay: .5s;opacity: 0;}
.bannerEach1{transition: 1s ease;-webkit-transition: 1s ease;-moz-transition: 1s ease;}
.bannerEach2{transition: 1s 0.3s ease;-webkit-transition: 1s 0.3s ease;-moz-transition: 1s 0.3s ease;}
.bannerEach3{transition: 1s 0.6s ease;-webkit-transition: 1s 0.6s ease;-moz-transition: 1s 0.6s ease;}
.bannerEach4{transition: 1s 0.9s ease;-webkit-transition: 1s 0.9s ease;-moz-transition: 1s 0.9s ease;}
#banner.active .bannerEach{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);opacity: 1;}
.banner .popOwl .owl-prev,.banner .popOwl .owl-next{width: 40px; height: 40px; position: absolute; top: 0; bottom: 0; margin: auto; transition:all 1s; -webkit-transition:all 1s;}
.banner .popOwl .owl-prev{background: url(../../images/banner_left.png) center center no-repeat; left: 42px; transform:translateX(-200px); -webkit-transform:translateX(-200px);}
.banner .popOwl .owl-next{background: url(../../images/banner_right.png) center center no-repeat; right: 42px; transform:translateX(200px); -webkit-transform:translateX(200px);}
.banner:hover .owl-prev,.banner:hover .owl-next{transform:translateX(0); -webkit-transform:translateX(0);}
.mouse{position: absolute; bottom: 4.8%; left: 0; right: 0; text-align: center;  text-align: center;  margin: auto;}
.mouse .p1{margin-top: 22px; color: #fff; text-transform: uppercase;}
.mouse .p2{animation:linkmove 0.5s ease-in-out infinite alternate;  -webkit-animation:linkmove 1s ease-in-out infinite alternate;}
@keyframes linkmove{
  0%{transform:translateY(0);}
  100%{transform:translateY(20px);}
}
@-webkit-keyframes linkmove{
  0%{transform:translateY(0);}
  100%{transform:translateY(20px);}
}

.second-nav-two{text-align: center; border-bottom: 1px #dbdbdb solid; background: #eeeded;}
.second-nav-two a{display: inline-block; padding: 1.45% 2.6%; color: #333333; margin: 0 0.05%; position: relative;} 
.second-nav-two a span{position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #00a7ea; display: block;}
.second-nav-two a:hover,.second-nav-two a.active{color: #00a7ea;}
.second-nav-two a:hover span,.second-nav-two a.active span{width: 100%;}

.jyly_list{margin: 4.16% 0;}
.jyly_list li{background: #eeeded; position: relative;}
.jyly_list .jyly-content{width: 50%; padding: 4.6% 3.64% 3.3% 16.6%; float: left;}
.jyly_list .jyly-img{width: 50%;}
.jyly_list .jyly-h3{color: #000; height: 22px; line-height: 22px; overflow: hidden;}
.jyly_list .jyly-text{color: #666666; margin-top: 10.5%; margin-bottom: 10.2%; line-height: 30px; height: 90px; overflow: hidden;}
.jyly_list li .jyly-img{position: absolute; top: 0; width: 50%; height: 100%; overflow: hidden;}
.jyly_list li.odd .jyly-img{right: 0;}
.jyly_list li.even .jyly-img{left: 0;}
.jyly_list li.even .jyly-content{float: right;  padding: 4.6% 16.6% 3.3% 3.64%;}


.common-more{line-height: 18px;}
.common-more span{display: inline-block; vertical-align: middle; color: #666666}
.common-more .span-line{width: 118px; height: 1px; background: #666666; position: relative; top: 2px;}
.common-more span.span-line2{width: 0;}
.common-more .more-span-wz{margin: 0 16px; position: relative;}
.jyly_list li:hover .common-more .span-line1{width: 0;}
.jyly_list li:hover .common-more span{color: #00a7ea}
.jyly_list li:hover .common-more .span-line{background: #00a7ea}
.jyly_list li:hover .common-more span.span-line2{width: 116px; margin-right: 16px;}
.jyly_list li:hover .common-more .more-span-wz{margin-left: 0;}
.jyly_list li:hover .common-more .span-more-add{transform:rotate(360deg); -webkit-transform:rotate(360deg);}

.index-part1{padding-top: }
.common-title{text-align: center;}
.common-title .title-h3{color: #000000;}
.common-title .title-h4{color: #878787; text-transform: uppercase; margin-top: 14px; margin-bottom: 14px;}
.common-title .title-line{width: 26px; height: 2px; background: #d4d4d4; display: block; margin: 0 auto;}
.index-news-con{position: relative;}
.index-news-con .news-con-left{width: 59.5%; position: absolute; height: 100%; left: 0;}
.index-news-con .news-con-right{width: 40.5%; background: #f7f7f7; padding: 2.7% 2.7% 20px 2.7%;}
.index-news-con .news-nav a{color: #000000; position: relative; margin-right: 15.6%;}
.index-news-con .news-nav a span{width: 11px; height: 11px; border: 2px #61c6ef solid; border-radius: 50%; opacity: 0; transform:translateX(-5px); -webkit-transform:translateX(-5px); display: none\9; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.index-news-con .news-nav a:hover,.index-news-con .news-nav a.active{padding-left: 18px; color: #00a7ea;}
.index-news-con .news-nav a:hover span,.index-news-con .news-nav a.active span{opacity: 1; transform:translateX(0); -webkit-transform:translateX(0); display: block\9;}
.index-news-con .index-news-left{width: 80px; height: 52px; border-right: 1px #d4d4d4 solid;}
.index-news-con .index-news-info{text-align: center; display: inline-block;}
.index-news-con .index-news-right{margin-left: 80px; height: 52px; padding-left: 30px; }
.index-news-con .index-news-list{margin-top: 16px;}
.index-news-con .index-news-list ul{display: none;}
.index-news-con .index-news-list li{padding: 20px 0; border-bottom: 1px #d4d4d4 solid;}
.index-news-con .index-news-list .news-time{color: #000000;}
.index-news-con .index-news-list .news-data{color: #666666; margin-top: 8px;}
.index-news-con .index-news-list .index-news-right-text{width: 100%; line-height: 24px; color: #000000; height: 48px; overflow: hidden;}
.index-news-con .index-news-list li:last-child{border-bottom: 0;}
.index-news-con .index-news-list li:hover .news-time{color: #00a7ea;}
.index-news-con .index-news-list li:hover .news-data{color: #00a7ea;}
.index-news-con .index-news-list li:hover .index-news-right-text{color: #00a7ea}
.index-news-con .index-news-list li:hover .index-news-left{border-color: #00a7ea}
.index-news-con .news-con-left .news-con-img{width: 63.26%; height: 100%; position: relative;}
.index-news-con .news-con-main{width: 36.74%; position: absolute; right: 0; height: 100%; background: #00a7ea; top: 0;}
.index-news-con .news-con-h2{width: 75px;padding: 8px 0; padding-top: 6px; text-align: center; background: #fff; color: #00a7ea;}
.index-news-con .news-con-h2 .span1{display: block; font-weight: bold; margin-bottom: 0px;}
.index-news-con .news-con-h2 .span2{margin-top: 2px; display: block;}
.index-news-con .news-h1{color: #fff;}
.index-news-con .news-text{margin-top: 35px; padding-top: 18px; border-top: 1px #fff solid; margin-bottom: 70px;}
.index-news-con .news-con-mainS{padding: 0 34px; margin-top: 34px;}
.index-news-con .news-textS{color: #fff; display: block; line-height: 24px; height: 144px; overflow: hidden;}
.index-news-con .news-textS:hover{text-decoration: underline;}
.common-more2{width: 152px; height: 42px; border: 1px #fff solid; position: relative; overflow: hidden; color: #fff; text-align: center; line-height: 40px; display: block;}
.common-more2 span{margin: 0 10.2%; position: relative; z-index: 10;}
.common-more2:after{position: absolute; transition:all 0.4s; -webkit-transition:all 0.4s; left: -100%; top: 0; height: 100%; width: 100%; background: #fff; content: ""; display: block;}
.common-more2:hover:after{left: 0;}
.common-more2:hover{color: #00a7ea}
.common-more21{border-color: #00a7ea; color: #00a7ea; width: 200px; height: 55px; line-height: 53px; margin: 0 auto;}
.common-more21:hover{color: #fff}
.common-more21:after{background: #00a7ea}

.index-part2 {position: relative;}
.index-part2 .part2-yy{background: rgba(0,0,0,0.3);}
.index-part2 .part2-main{position: relative; z-index: 20;}
.common-title2 .title-h3{color: #fff;}
.common-title2 .title-h4{color: #fff;}
.common-title2 .title-line{background: #fff;}

.index-part2{ padding: 10.9% 0; position: relative; overflow: hidden;}
.index-part2 .index_part2_info{width: 1400px; margin-left: auto; margin-right: auto; height: 475px; position: relative;}
.index-part2 .index_part2_infoS{position: absolute;width: 100%; height: 475px;  position: absolute; left: 50%; margin-left: -50%; top: 0;}
.index-part2 .postImg,.index-part2 .postMain,.index2mark{position: absolute;width: 54.28%; height: 100%; padding: 0 9.8%;  position: absolute; left: 0; right: 0; margin: auto; top: 0;}
.index-part2 .postImg ul{width: 100%; height: 100%; position: relative;  border: 2px #fff solid;}
.index-part2 .postImg ul li{opacity: 0; display: none\9;}
.index-part2 .postImg ul li.active{opacity: 1; display: block\9;}
.index-part2 .post_btn{position: absolute; top: 0; bottom: 0; margin: auto; width: 68px; height: 68px; z-index: 101;}
.index-part2 .post_btn:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.3); border-radius: 50%; opacity: 0; transition:all 0.4s; -webkit-transition:all 0.4s;}
.index-part2 .post_btn.active:after{opacity: 1}
.index-part2 .post_left{background: url(../../images/part2_prev.png) center center no-repeat; left: 30px;}
.index-part2 .post_right{background: url(../../images/part2_next.png) center center no-repeat; right: 30px;}
.index-part2 .part2_more{position: absolute; bottom: -22px; left: 0; right: 0; text-align: center; z-index: 101;position: static;}
.index-part2 .part2_more img{width:80%;}
.index-part2 .part2_more:hover{transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.index-part2 .postMain .post-item{width: 310px; text-align: center; height: 244px; margin-left: 0; right: auto;  position: absolute; top: 0; bottom: 0; margin: auto;}
.index-part2 .postMain .post-item a{border: 1px #6698d4 solid; background: rgba(0,167,234,0.5);}
.index-part2 .postMain .post-item.first{left: 50%; margin-left: -146px;}
.index-part2 .postMain .post-item.first a{/*background: #1162ac;  background: rgba(17,98,172,0.9);*/}
.index-part2 .postMain .part2_icon{margin-bottom: 10px;}
.index-part2 .postMain .post_line{width: 12px; height: 1px; background: #fff; opacity: .5; margin: auto; margin-bottom: 10px;}
.index-part2 .postMain .post_h4{color: #fff; font-weight: bold; line-height: 26px; margin-top: 10px; padding: 0 5px; margin-bottom: 10px;}
.index-part2 .postMain .post_yw{color: #789dc9; text-transform: uppercase;line-height: 20px; margin-bottom: 16px; padding: 0 5px;}
.index-part2 .postMainF{z-index: 100; overflow: hidden;}
.index-part2 .index_part2_infoS{opacity: 0;}
.index-part2 .index_part2_infoS.active{opacity: 1; z-index: 100;}

.guss_list{margin-top: 40px;}
.guss_list li{  padding: 0 8px;  width: 25%; float: left;}
.guss_list li a{display: block; position: relative; background: #fff;}
.guss_list .guss_list_img{padding-bottom: 86%; height: 0; overflow: hidden; position: relative;}
.guss_list .guss_list_info{padding: 0 8.48%; border: 1px #e9e9e9 solid;}
.guss_list .guss_list_info .guss_list_info_top{padding: 11% 0; border-bottom: 1px #e0e0e0 solid; padding-bottom: 9%;}
.guss_list .guss_list_info .guss_list_info_h3{color: #5a5a5a; line-height: 26px; height: 26px; overflow: hidden;}
.guss_list .guss_list_info .guss_list_info_text{color: #a1a1a1; margin-top: 8px; line-height: 20px; height: 40px; overflow: hidden;}
.guss_list .guss_list_info .guss_list_info_bot{padding: 6.8% 0;}
.guss_list .guss_list_info .guss_learn{width: 94px; height: 13px; text-transform: uppercase;}
.guss_list .guss_list_info .guss_arrow{width: 25px; height: 13px; background: url(../../images/next_1.png) right center no-repeat; display: inline-block;}
.guss_list .guss_list_info .guss_arrow:after{background: url(../../images/next_1s.png) right center no-repeat;}
.guss_list li a:hover .guss_list_info{background: #00a7ea;}
.guss_list li a:hover .guss_list_info_h3,.guss_list li a:hover .guss_list_info_text,.guss_list li a:hover .guss_learn{color: #fff;}
.guss_list li a:hover .guss_arrow{background: url(../../images/next_1s.png) right center no-repeat;}
.guss_list .index3_list_owl{display:block;}

.index-part4{position: relative; overflow: hidden;}
.part4-yy{background: rgba(255,255,255,0.2);}
.part4-main{position: relative; z-index: 20;}
.cul-list li{width: 33.33%; float: left; padding: 0 1.07%;}
.cul-list li .cul-img{padding-bottom: 73.3%; height: 0; position: relative; overflow: hidden;}
.cul-list li .cul-info{padding: 7.84% 15px; text-align: center;  background: #fff; color: #000000;}
.cul-list li a{border: 1px #fff solid; display: block;}
.cul-list li .cul-info p{height: 35px; line-height: 35px; overflow: hidden;}
.cul-list li a:hover .cul-info{background: #00a7ea; color: #fff;}

#footer{background: #232323;}
#footer .footer_top{border-bottom: 1px #282828 solid;line-height: 67px;}
#footer .footer_top_nav{height: 66px; line-height: 65px;  position: relative; left: -24px;}
#footer .footer_top_nav a{color: #fff; padding: 0 23px; position: relative; font-size: 14px;}
#footer .footer_top_nav a:last-child .footer_top_line{display: none;}
#footer .footer_top_nav a:hover{margin-left: 10px;}
#footer .footer_mid{padding-top: 45px; padding-bottom: 50px; position: relative;}
#footer .footer_h3{color: #fff;position: relative;color: #858585;font-weight: bold;margin-bottom: 20px;}
.title_dot4{width: 10px; height: 10px; display: block; position: absolute; left: -25px; top: 0; bottom: 0; background: url(../../images/dot_4.png); margin: auto;}
#footer .footer_mid_lett .lett{line-height: 30px;display: inline-block;color: #858585;padding-left: 26px;position: relative;}
#footer .footer_mid_lett .lett1{background: url(../../images/footer_icon1.png) left center no-repeat;}
#footer .footer_mid_lett .lett2{background: url(../../images/footer_icon2.png) left center no-repeat; display: block;}
#footer .footer_mid_lett .lett3{background: url(../../images/footer_icon3.png) left center no-repeat; margin-left: 52px;}
#footer .footer_mid_lett .lett4{background: url(../../images/footer_icon4.png) left center no-repeat;}
#footer .footer_mid_lett2{float: none;margin-left: 0;margin-top: 20px;}
#footer .footer_mid_lett_line{width: 90%;height: 1px;background: #292929;margin-left: 26px;margin-top: 18px;margin-bottom: 18px;}
#footer .footer_mid_right{width: 326px; margin-left: 130px;}
#footer .footer_mid_right .footer_mid_lett a{color: #feaeaa; line-height: 30px; display: block;}
#footer .footer_mid_right .footer_mid_lett .a1,#footer .footer_mid_right .footer_mid_lett .a2,#footer .footer_mid_right .footer_mid_lett .a3{display: inline-block; margin-right: 52px;}
#footer .footer_mid_right .footer_mid_lett a:hover{color: #fff;}
#footer .footer_bot{background: #393838;height: 58px;line-height: 59px;text-transform: uppercase;color: #909090;font-size: 12px;}
#footer .footer_bot a{color: #909090;font-size: 12px;}
#footer .footer_bot a:hover{color: #fff;}
#footer .footer_right{position: absolute; top: 0; right: 8.29%; text-align: center; }
#footer .back_top{display: block;}
#footer .ewm{background: #cd2b2b; padding: 10px 0;}
.footer_top_line {content: "";display: block; width: 1px;height: 8px; background: #fff; opacity: 0.5; position: absolute; right: 0; top: 0; bottom: 0;margin: auto;}

.indexFooterTopRight .shareA{width: 19px; transition:all 0.4s; -webkit-transition:all 0.4s; float: none !important; height: 19px; margin: 0 6px; top: 5px; position: relative; display: inline-block;}
.indexFooterTopRight .shareA1{}
.indexFooterTopRight .shareABg1{/* background: #a5a5a5; */border-radius: 50%;}
.indexFooterTopRight .shareABg2{background: #6ccee0; border-radius: 50%; z-index: 20; left: 2px; top: 2px; bottom: 2px; right: 2px;}
.indexFooterTopRight .shareA1{background: url(../../images/wb_icon1_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA2{background: url(../../images/wb_icon2_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA3{background: url(../../images/wb_icon3_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA4{background: url(../../images/wb_icon3_bot.png); z-index: 30;background-position:0 0 !important;}
.indexFooterTopRight .shareA5{color: #9f9f9f;font-weight: 700;font-size: 28px;line-height: 20px;height: 20px;}
.footer_mid_block{margin-right: 8%;}
#footer .section{width: 100%;padding: 0 13.54%;position: relative;}
.blcok_lett{color: #858585;}
.link_left_select{width: 328px;margin-top: 8px;position: relative;background: #434343;}
.link_left_select .link_left_input{width: 100%;height: 40px;line-height: 40px;padding-left: 20px;padding-right: 56px;font-size: 12px;background: none;border: 1px #434343 solid;color: #fff;}
.link_left_select .link_left_botom{width: 40px;height: 40px;cursor: pointer;background: #6a6a6a url(../../images/link_bot.png) center center no-repeat;position: absolute;right: 0;top: 0;}
.link_left_select .link_left_mark{position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; z-index: 10;}
.link_left_select .link_left_mark li{width: 100%; height: 30px; line-height: 30px; padding: 0 10px; cursor: pointer; background: #fff; }
.link_left_select .link_left_mark li a{color: #5c5c5c; font-size: 14px; display: block; width: 100%; height: 30px;}
.link_left_select .link_left_mark li:hover{background: #4595de; color: #fff;}
.link_left_select .link_left_mark li:hover a{color: #fff;}
.link_left_select .link_left_mark ul{display: none;}
.indexFooterTopRight .shareA:hover{transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.indexFooterTopRight .shareA5{background-image: none;}

.pageBanner{padding-bottom: 30.3%; height: 0; position: relative;}
.pageCon{background: #eeeded; position: relative; z-index: 20;}
.pageCon .pageConMain{padding-left: 212px; position: relative;}

.about-block{margin-bottom: 36px;}
.about-block .about-h3-title{color: #010101; line-height: 32px; margin-bottom: 15px; padding-left: 20px; position: relative;}
.about-block .about-h3-title span{width: 9px; height: 9px; background: #4fbeeb; position: absolute; left: 0; top: 11px; display: block;}
.detailCon{color: #585858; line-height: 32px; text-indent: 2em;}
.detailCon img{margin: 25px auto; display: block;}
.page-second{position: absolute; left: 0; top: 0; width: 160px; top: -128px;}
.page-second .page-second-top{background: #00a7ea;padding: 0 24.75%;height: 128px;pad;padding-right: 5px;}
.page-second .page-second-top h3{color: #fff; font-weight: bold; text-transform: uppercase; line-height: 28px;}
.page-second .page-second-top h4{color: #fff; margin-top: 8px; margin-bottom: 10px;}
.page-second .page-second-top .second-line{width: 26px; height: 5px; background: #fff; }
.page-second  .page-secondS{width: 100%;}
.page-second .second-list{background: #fff; padding-top: 14px;}
.page-second .second-list li a{height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; position: relative; display: block; text-align: center; color: #020202; }
.page-second .second-list li span{display: block; position: relative; transition:all 0.4s; -webkit-transition:all 0.4s} 
.page-second .second-list li .span1{z-index: 20;}
.page-second .second-list li .span2{position: absolute; width: 100%; display: none\9; opacity: 0; transform:translateX(15px); -webkit-transform:translateX(15px);  height: 100%; left: 0; top: 0; background: #00a7ea;}
.page-second .second-list li .span3{width: 6px; height: 11px; display: none\9; opacity: 0; transform:translateX(-5px); -webkit-transform:translateX(-5px); background: url(../../images/second-sj.png); position: absolute; left: 10px; top: 0; bottom: 0; margin: auto;}
.page-second .second-list li:hover span,.page-second .second-list li.active span{display: block\9; opacity: 1; transform:translateX(0px); -webkit-transform:translateX(0px); color: #fff;}

.team-list li{width: 50%; float: left; padding-right: 8px; margin-bottom: 16px;}
.team-list li.even{padding-right: 0;padding-left: 8px;}
.team-list li .team-left{width: 208px; height: 150px; position: relative;}
.team-list li .team-right{margin-left: 208px; height: 150px; background: #fff; padding: 0 8.5%; margin-left: 0;}
.team-list li .team-rightS{width: 100%;}
.team-list li .team-h4{color: #000000; height: 28px; line-height: 28px; overflow: hidden;}
.team-list li .team-h5{color: #787878; height: 22px; line-height: 22px; overflow: hidden; margin-top: 14px; margin-bottom: 16px; font-size:14px;}
.team-list li .team-text{color: #a3a3a3; font-family: "宋体"; line-height: 30px;   overflow: hidden;}
.team-list li:hover .team-text{color: #000;}

.party_more{ background: #00a7ea; font-size: 15px; text-align: center;}
.party_more a{width: 100%; color: #fff; padding: 1.25% 0; display: block;}
.party_back_icon{width: 16px; height: 16px; display: inline-block; background: url(../../images/load_icon.png) center center no-repeat; background-size: cover; vertical-align: middle; margin-top: -2px; position: relative; left: -14px;}
.party_more a:hover{background: #0083b7}

.link-con{margin-top: 3.83%;}
.link-con .link-con-h3{font-weight: bold; margin-bottom: 20px;}
.link-con .link-lett{line-height: #666666; line-height: 34px; width: 100%;}
.link-con .link-lett1{width: 31.6%; margin-right: 30px;}
.link-map{padding-bottom: 44%; height: 0; position: relative; margin-top: 4.5%;}

.xuanChuan-video{margin-top: 35px;background: #232323; padding-bottom: 50%; position: relative;}
.xuanChuan-video iframe{ width: 100% !important; position: absolute; left: 0; top: 0; height: 100%; }

.pageNews-list {margin-top: 4.68%; padding-bottom: 3.2%;}
.pageNews-list ul{}
.pageNews-list li{/* padding: 0 8.33%; */margin-bottom: 20px;}
.pageNews-list li a{position: relative;display: block;/* padding: 20px 10px 20px 3.15%; */}
.pageNews-list li .news-img{width: 40.9%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.pageNews-list .news-text {padding: 0;width: 100%; padding: 5.7% 0 5.7% 6.85%;}
.pageNews-list .news-text .common-text{height: 48px; float: none; color: #a3a3a3; overflow: hidden;}
.news-list .news-h4{margin-bottom: 4.6%; color: #333333;}
.pageNews-list li .party_dots{position: relative; bottom: 0; margin-top: 3.87%; float: right;}
.pageNews-list li .news-time{color: #9999a3}
.pageNews-list .pageNewsInfo{padding-left: 40.9%; position: relative;}
.pageNews-list li:hover a{box-shadow: none;}
.common-text{color: #9999a3; line-height: 24px !important; transition:all 0.4s; -webkit-transition:all 0.4s;}
.pageNews-list li .more-arrow{width: 22px; height: 11px; background: url(../../images/more-arrow.png) center center no-repeat;}
.pageNews-list li:hover .more-arrow{background: url(../../images/more-arrows.png);}
.pageNews-list .news-text-line{height: 1px; position: relative; background: #a3a3a3; margin-top: 7.85%; margin-bottom: 3.57%;}
.pageNews-list .news-text-line:after{content: ""; display: block; width: 0; height: 100%; background: #00a7ea; position: absolute; left: 0; top: 0; transition:all 0.4s; -webkit-transition:all 0.4s;}
.pageNews-list li:hover .news-text-line:after{width: 100%;}
.pageNews-list li:hover .news-h4{color: #00a7ea}

.page{text-align: center; position: relative; padding: 0 200px;}
.page a{width: 42px; height: 42px; cursor: pointer; margin-bottom: 5px; line-height: 40px; color: #000; text-align: center; display: inline-block; border: 1px #d5d4d4 solid;} 
.page .prev,.page .next{width: 125px;}
.page .prev{position: absolute; left: 0; top: 0;}
.page .next{position: absolute; right: 0; top: 0;}
.page a:hover,.page a.active{background: #00a7ea; border-color: #00a7ea; color: #fff;}

.pageF{padding-top: 30px; border-top: 1px #e3e2e2 solid;}

.achice-list li{width: 33.33%; float: left; padding: 0 1.09%; margin-bottom: 2.18%;}
.achice-list li a{display: block;}
.achice-list li .achice-img{padding-bottom: 69.3%; height: 0; position: relative;}
.achice-list li .acice-yy{background: rgba(0,167,234,0.5); opacity: 0; display: none\9; transition:all 0.4s; -webkit-transition:all 0.4s;}
.achice-list li .achice-search{width: 38px; height: 38px; transition:all 0.4s; -webkit-transition:all 0.4s; transform:translateY(-100px); -webkit-transform:translateY(-100px); opacity: 0; display: none\9; background: url(../../images/search-yj-icon.png) center center no-repeat; background-size: cover; margin: auto;}
.achice-list li a:hover .acice-yy{opacity: 1; display: block\9;}
.achice-list li a:hover .achice-search{transform:translateY(0px); -webkit-transform:translateY(0px); opacity: 1; display: block\9;}
.achice-list .achice-text{padding: 5.29% 11.8%; background: #fff;   color: #000000;}
.achice-list .achice-text p{line-height: 26px; height: 26px; overflow: hidden;}
.achice-list li a:hover .achice-text{background: #00a7ea; color: #fff;}
.achice-list  .achice2-text{color: #000000; padding: 25px 0 15px; }
.achice-list  .achice2-text span{height: 18px; line-height: 18px; display: block; overflow: hidden;}
.achice-list li a:hover .achice2-text span{color: #00a7ea}

.news-detail-top{text-align: center; }
.news-detail-top h3{color: #333333; line-height: 40px;}
.news-detail-top .news-detail-p{color: #615d5c;line-height: 18px;margin-top: 10px;}
.detailCon2{color: #615d5c; min-height: 500px; line-height: 24px; padding-top: 2.58%; padding-bottom: 4.28%; border-bottom: 1px #d9d9d9 solid;}
.news-detail-bot{margin-top: 22px; position: relative;}
.news-detail-bot .page-cho{display: inline-block; width: 50%; line-height: 30px; height: 30px; overflow: hidden; color: #615d5c;}
.news-detail-bot .page-cho:hover{color: #000;}
.news-detail-bot .back{position: absolute; right: 0; top: 0;}

.job_Main .jobs{position: relative;margin-bottom: 2%;}
.job_Main table{width: 100%;color: #332c2b;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.job_Main td{width: 16%;padding: 1.2% 0;text-align: center; }
.job_Main tr.job_click{background: rgb(0, 167, 234); color: #fff;}
.job_Main td.fst{width: 40px;}
.job_Main td.ico{padding-right: 10px; background: #c3c3c3;}
.job_Main td.ico img{width: 51%;}
.job_Main .pd_lt{padding-left: 41px;}
.job_Main tr.bg{color: #fff;background-color: #a8a8a8;}
.job_Main .btn_close{position: absolute;margin-top: -3.5%;margin-left: -3%;width: 2%;}
.job_Main .job_desc{padding: 5% 5% 7%;border: 1px solid #a8a8a8;line-height: 34px;}
.job_Main .job_desc p{color: #332c2b;line-height: 2;}
.job_Main tr.bg{color: #fff;background-color: #00a7ea;}
.job_Main .job_desc{display: none;}
.job_Main .job_desc{padding: 5% 5% 7%;border: 1px solid #00a7ea;}
.job_Main .jobs .email{color: #f15d22;}
.job_Main .pages{margin-top: 7%;text-align: center;}
.job_Main .pages a{font-family: "microsoft yahei";background-color: #00a7ea;color: #fff;font-size: 20px;display: inline-block;padding: 1% 1.5%;margin-right: 3%;}
.job_Main .pages a.selected{background-color: #00a7ea;}

.parter-list{overflow: hidden;}
.parter-list ul{position: relative; left: -1px; bottom: -1px;}
.parter-list li{width: 20%; float: left; border-bottom: 1px #f6f5f5 solid; border-left: 1px #f6f5f5 solid; background: #fff;}
.parter-list li a{display: block; padding-bottom: 63.33%; height: 0; position: relative;}
.parter-list li a img{position: absolute; left: 0; top: 0; transition:all 0.4s; -webkit-transition:all 0.4s; bottom: 0; right: 0; margin: auto; max-width: 80%; max-height: 80%;}
.parter-list li a:hover img{transform:translateY(-10px); -webkit-transform:translateY(-10px);}

.pageNews2-list li{padding: 0 8.33%; background: #fafafa; margin-bottom: 20px;}
.pageNews2-list li a{ position: relative; display: block; padding: 20px 10px 20px 3.15%; box-shadow:0 0 10px #e7e7e7;}
.pageNews2-list li .news-img{width: 24.5%; overflow: hidden; height: 100%; position: absolute; left: 0; top: 0;}
.pageNews2-list .news-text {padding: 0; padding-left: 40px; width: 100%; padding-top: 15px; padding-bottom: 15px;}
.pageNews2-list .news-text .common-text{height: 72px; line-height: 24px; overflow: hidden; float: none; color: #3a3a3a;}
.news-list .news-h4{margin-top: 1.7%; margin-bottom: 2.58%; color: #000;}
.pageNews2-list li .party_dots{position: relative; bottom: 0; margin-top: 3.87%; float: right; margin-right: 4.4%;}
.pageNews2-list li .news-time{color: #3a3a3a}
.pageNews2-list li:hover{background: #00a7ea;}
.pageNews2-list li:hover .news-time,
.pageNews2-list li:hover .news-text .common-text,
.pageNews2-list li:hover .news-h4{color: #fff;}
.pageNews2-list li:hover .party_dots span{background: #fff;}
.pageNews2-list ul{margin-bottom: 50px;}
.pageNews2-list .pageNewsInfo{padding-left: 24.5%; position: relative;}
.pageNews2-list li:hover a{box-shadow: none;}
.pageNews2-list .pageF{margin: 0 8.33%}


.ptcon{padding-top: 7.55%; padding-bottom: 5.2%;}
.p92{padding-left: 4.79%; padding-right: 4.79%;}
.p1458{padding-left: 14.58%; padding-right: 14.58%;}
.p260{padding-left: 13.54%; padding-right: 13.54%;}
.ptb80{padding-top: 4.16%; padding-bottom: 4.16%;}
.mt100{margin-top: 100px;}
.pt118_100{padding-top: 6.14%; padding-bottom: 5.2%;}
.mt50{margin-top: 50px;}
.ptb100{padding-top: 5.2%; padding-bottom: 5.2%;}

.wx_code {
    width: 120px;
    padding: 10px;
     
		position:absolute;
		right:13.45%;
		top:0;
}

.wx_code img {
    width: 100px;
}

.wx_code p {
	    text-align: center;
    margin-top: 10px;
    color: #fff;
}




@media screen and (max-width: 1800px) {
    .link_left_select{width: 280px;}
}
@media screen and (max-width: 1600px) {
  #footer .section{padding: 0 8%;}
	.wx_code {
	    right: 8%;
	}
}
@media screen and (max-width: 1500px) {
    .p260{padding-left: 11.54%; padding-right: 11.54%;}

    .index-part2 .index_part2_info{width: 1100px;}
    .index-part2 .postMain .post-item{width: 240px;}
    .index-part2 .postImg,.index-part2 .postMain,.index2mark{padding: 0 80px;}
    .index-part2 .postMain .post-item.first{margin-left: -120px;}
    .index-part2 .post_btn{width: 55px; height: 55px;}
    .index-part2 .post_left{left: 10px;}
    .index-part2 .post_right{right: 10px;}
    .link_left_select{width: 240px;}
    .team-list li .team-left{width: 180px; height: 150px;}
    .team-list li .team-right{margin-left: 180px; height: 150px; margin-left: 0;}
  .index-about{padding:5% 8.5%}
}

@media screen and (max-width: 1330px) {
  .link_left_select{width: 200px;}
  #footer .section{padding: 0 5%;}
.wx_code {
    right: 5%;
}
}


@media screen and (max-width: 1200px) {
  .p260{padding-left: 8%; padding-right: 8%;}
  .common-more2{width: 140px;}
  .footer_top,.footer_mid{display: none;}
   #footer .footer_bot{padding: 15px 0; text-align: center; height: auto; line-height: 1;}
   #footer .footer_bot span{float: none; display: block; line-height: 28px;}

  .common-more21{height: 42px; line-height: 40px;}
	.wx_code {
	    display: none;
	}
}


@media screen and (max-width: 1024px) {
   #header .header-form,#header .languge,.menu,.mouse{display: none;}
   .banner .popOwl .owl-pagination{bottom: 30px;}
   .p260{padding-left:5%; padding-right:5%;}
   .pageCon .pageConMain{padding-left: 0;}
    .page-second{display: none;}
    .ptcon{padding-top: 10%; padding-bottom: 10%;}
	#nav {
		overflow-y:auto;
		white-space: nowrap;
	}
	#nav .ul1>li {
		display: inline-block;
    float: none;
	margin: 10px 15px;
    position: relative;
}
}
@media screen and (max-width: 992px) {
    .index-news-con .news-con-left{width: 100%;  position: relative;}
    .index-news-con .news-con-right{width: 100%; padding-top: 30px;}
    .index-news-con .news-con-left .news-con-img{position: relative; padding-bottom: 50%; height: 0; width: 100%;}
    .index-news-con .news-con-left .news-con-main{width: 100%; height: auto; position: relative;}
    .index-news-con .news-con-mainS{padding: 30px; margin-top: 0;}
    .index-news-con .news-text{margin-bottom: 40px;}
    .parter-list li{width: 25%;}
}

@media screen and (max-width: 850px) {
  .hisyear li .right span.line{display: none;}
  .hisyear li .left{width: 100%; float: none; box-sizing:border-box;}
  .hisyear li .right{float: none; margin: auto; text-align: center;}
  .hisyear li .right h5{width: 100%; margin-left: 0;}
  .ptb80{padding-top: 7%; padding-bottom: 7%;}
  .back{width: 120px; padding-left: 0;}
  .index-part2 .index_part2_info{width: 100%;}
  .index-part2 .postImg, .index-part2 .postMain, .index2mark{width: 100%;}
  .page{padding: 0;}
  .page .prev,.page .next{position: relative; width: 100px;}
}

@media screen and (max-width: 768px) {
  #header .header-top .logo{width: 250px;}
  .team-list li{width: 100%; padding: 0 !important}
}

@media screen and (max-width: 640px) {
    .p260{padding-left: 5%; padding-right: 5%;}
    #header .header-top{padding-top: 18px; padding-bottom: 18px;}
    .banner .popOwl a{padding-bottom: 70%;}
    .pt118_100,.ptb100{padding-top: 10%; padding-bottom: 10%;}
    .mt50{margin-top: 30px;}
    .index-news-con .news-con-right{padding: 30px 15px;}
    .index-news-con .news-con-left .news-con-img{padding-bottom: 60%;}
    .index-part2 .part2_more{width: 100%; margin: auto;text-align: center;}
    .index-part2 .part2_more img{width: 80%;}
    .cul-list li{width: 50%; margin-bottom: 12px;}
    .party_more a{padding: 15px 0;}
    .link-con .link-lett1{width: 100%;}
    .link-map,.pageBanner,.xuanChuan-video{padding-bottom: 70%;}
    .parter-list li{width: 33.33%;}
    .news-detail-bot .back{display: none;}
    .news-detail-bot .page-cho{width: 100%;}
    .jyly_list .jyly-content{width: 100%; padding: 10% 5%; float: left;}
    .jyly_list li .jyly-img{width: 100%; height: 0; padding-bottom: 60%; position: relative;}

    .jyly_list li.even .jyly-content{float: right;  padding: 10% 5%;}
    .second-nav-two a{padding: 15px 15px;}
    .jyly_list{margin: 10% 0;}

    .pageNews2-list li a{padding-left: 5px; position: relative; display: block;}
    .pageNews2-list .pageNewsInfo{padding-left: 100px; position: relative;}
    .pageNews2-list li .news-img{width: 100px; height: 100%; position: absolute; left: 0; top: 0; padding-bottom: 0;}
    .pageNews2-list .news-text {padding: 0; padding-left: 20px; width: 100%; padding-top: 5px; padding-bottom: 5px;}
    .pageNews2-list .news-text .common-text{height: 24px; float: none;}
    .pageNews2-list li .party_dots{display: none;}
    .news-list .news-h4{margin-top: 10px; margin-bottom: 15px;}
    .pageNews2-list li{padding-left: 15px; padding-right: 15px;}

}


@media screen and (max-width: 560px) {
   .index-part2 .postImg, .index-part2 .postMain, .index2mark{padding: 0 40px;}
   .index-part2 .post_btn:after{display: none;}
   .index-part2 .post_right{right: -10px;}
   .index-part2 .post_left{left: -10px}
   .index-part2 .postMain .post-item{width: 220px;}
   .index-part2 .postMain .post-item.first{margin-left: -108px;}
   .team-list li .team-left{width: 100%; float: none; height:150px;}
    .team-list li .team-right{margin-left: 0; height: 150px;}
    .achice-list li{width: 50%;}
    .job_Main{overflow: auto;}
    .job_Main table{width: 200%;}
    .parter-list li{width: 50%;}
    .popOwlInfo{width: 90%; left: 5%}
  
}
@media screen and (max-width:450px) {
    .cul-list li,.achice-list li{width: 100%;}
}
@media screen and (max-width:350px) {
   .index-part2 .postMain .post-item{width: 200px;}
   .index-part2 .postMain .post-item.first{margin-left: -98px;}
}