@charset "utf-8";
@import url("loading.css");
.hidden {display: none;}
.blue {color: #1635B2;}
.center {text-align: center;}
.announce-top{background: #f4f5f7;}
.announce-top .wrap{position: relative;max-width: 1920px;width: 100%;height:60px;line-height: 60px;margin: 0px auto;}
.announce-top .wrap .ani-wrap {width: 84%;margin:0 40px;overflow: hidden; white-space: nowrap;}
.announce-top .wrap .ani-wrap .ani-inner{display: inline-block;}
.announce-top .wrap .ani-wrap .ani-inner .title {color: #999999;font-size: 16px;padding:0 20px;}
.announce-top .wrap .ani-wrap .ani-inner .title a {cursor: pointer;}
.announce-top button{position: absolute;top: 14px;right: 60px;padding: 4px 15px;border-radius: 2px;background: #c8132d;border:none;color: #FFF;font-size: 16px;cursor:pointer;}


.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
body{min-width:1200px}
@media only screen{
body{min-width:auto}
}
.layout{max-width:1200px;margin:0 auto;zoom:1;padding:0 10px}
.layout:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0}
.m-scale-img{overflow:hidden;display:inline-block;vertical-align:top}
.m-scale-img img{-webkit-transition:1s all;transition:1s all}
.m-scale-img:hover img{-webkit-transform:scale(1.04);transform:scale(1.04)}
.mod-page{padding:24px 0;text-align:center;color:#999}
.mod-page a{border:1px solid #e7e8ea;padding:5px 10px;display:inline-block;color:#a9aeb5;margin:0 2px;vertical-align:middle}
.mod-page a:hover,.mod-page a.active{background:#c8132d;color:#fff}
.header{height:120px;max-width:1920px;margin:0 auto;position:relative;z-index:99;background:#fff}
.header .logo{float:left;margin:42px 0 0 56px}
.header .logo img{width:156px}
.header .header-right{position:relative;z-index:10;float:right;padding-right:37px}
.header .nav{float:left;font-size:16px}
.header .nav li{float:left;height:120px;position:relative;margin:0 20px}
.header .nav a{color:#666;display:block;margin-top:49px}
.header .nav a.no-link{cursor:default}
.header .nav .active a,.header .nav a:hover{color:#c8132d}
.header .nav .subnav{display:none}
.header .nav .subnav-content{font-weight:400;position:absolute;top:100%;left:0;z-index:10;color:#fff;background:#c8132d;font-size:14px}
.header .nav .subnav-arrow{position:absolute;left:50%;top:100%;margin-left:-10px;margin-top:-13px;width:20px;height:13px;background:url(../img/nav_arrow.png) no-repeat}
.header .nav .subnav li{float:none;height:auto;white-space:nowrap;margin:0}
.header .nav .subnav a{display:block;padding:10px 30px;color:#fff;line-height:1.5;height:auto;margin:0}
.header .nav .subnav i{display:inline-block;width:6px;height:8px;background:url(../img/nav_arrow2.png) no-repeat;margin-left:10px;visibility:hidden}
.header .nav .subnav a:hover i{visibility:visible;-webkit-animation:fadeInLeft .5s both;animation:fadeInLeft .5s both}
.header .nav .subnav li .child-subnav-content {display:none;position: absolute;left: 0;top: 0;z-index:11;}
.header .nav .subnav li .child-sub-subnav-content {display:none;position: absolute;left: 0;top: 0;z-index:12;}
.header .lang{float:left;position:relative;margin:50px 27px 0 0}
.header .lang .selected{position:relative;width:72px;cursor:pointer}
.header .lang .selected i{position:absolute;right:0;top:50%;width:0;height:0;overflow:hidden;margin-top:-1px;border-style:solid;border-width:5px 3px 0 3px;border-color:#666 #fff #fff #fff;transform: translateY(-2px);}
.header .lang ul{padding-top:10px;display:none;position:absolute;top:100%;left:0;background:#fff}
.header .lang li{font-size:12px;white-space:nowrap;padding:7px 16px;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}
.header .lang li:hover{background:#f3f3f3}
.header .lang ul.show{display:block}
.header .search{float:left;position:relative;margin-top:42px;overflow:hidden;width:45px;height:38px}
.header .search .input-text{padding-left:18px;position:relative;overflow:hidden;background:url(../img/yuanjiao.png) no-repeat -999px 0}
.header .search .input-text-inner{padding-right:46px;position:relative;zoom:1;overflow:hidden;background:url(../img/yuanjiao.png) no-repeat -999px 100%;height:38px}
.header .search .input{float:left;border-radius:0;-webkit-appearance:none;background:#fff;color:#666;height:36px;line-height:36px;width:100%;border:none;border-top:1px solid #fff;border-bottom:1px solid #fff}
.header .search .button{position:absolute;right:18px;top:5px;width:27px;height:27px;background:url(../img/search.png) no-repeat;background-image:-webkit-image-set(url(../img/search.png) 1x,url(../img/search_2x.png) 2x);border:none;text-indent:-999px;overflow:hidden;cursor:pointer}
.header .search-hover{width:228px}
.header .search-hover .input{display:block;border-top-color:#999;border-bottom-color:#999}
.header .search-hover .input-text{background-position-x:0}
.header .search-hover .input-text-inner{background-position-x:100%}
.navbar-toggle{display:none;position:absolute;padding:9px 10px;right:10px;top:24px}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;-webkit-transition:all .2s;transition:all .2s;background-color:#ac9455}
.navbar-toggle .middle-bar{opacity:0}
.navbar-toggle .top-bar{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:30%;transform-origin:30%}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-toggle .bottom-bar{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:30%;transform-origin:30%}
.navbar-toggle.collapsed .top-bar{-webkit-transform:rotate(0);transform:rotate(0)}
.navbar-toggle.collapsed .bottom-bar{-webkit-transform:rotate(0);transform:rotate(0)}
.navbar-toggle.collapsed .middle-bar{opacity:1}
.header-mask{display:none;position:fixed;width:100%;left:0;top:0;bottom:0;z-index:9;background:rgba(0,0,0,.75)}
.footer{background:#eeeff2;padding:36px 0 30px 0}
.footer .layout {max-width: fit-content}
.footer .left{float:left;margin-top:42px}
.footer .left .copyright{word-break:break-word}
.footer .footer-nav{margin-top:9px}
.footer .footer-nav a{margin-right:16px}
.footer .footer-nav i{display:inline-block;width:3px;height:3px;background:#333;vertical-align:middle;margin-right:8px}
.footer .right{float:right;margin-right:17px}
.footer .ewm li{float:left;text-align:center;margin:0 17px}
.footer .ewm .text{margin-top:8px}
.footer .ewm .caringcompany {width: 200px;height:114px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.footer .ewm .caringcompany .pic {width:100%;}
.footer .ewm .caringcompany .pic img {width:100%;}
.footer2{background:#eeeff2;padding:45px 0}
.footer2 .left{float:left}
.footer2 .left p{margin:10px 0}
.footer2 .right{float:right}
.footer2 .qrcode{font-size:12px;text-align:center}
.footer2 .qrcode li{float:left;margin-left:15px}
.page-index h2{font-size:60px;text-align:center;font-family:"宋体";color:#333}
.page-index.en h2{font-size: 45px;font-family: arial;font-weight: 700}
.page-index .s-summary{text-align:center;max-width:995px;position:relative;font-size:18px;line-height:28px;padding-bottom:30px;margin:6px auto -71px}
.page-index .s-summary .text{position:relative;padding:0 20px}
.page-index .s-summary .bg{position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;opacity:.7;filter:alpha(opacity=70)}
.page-index .m-list{text-align:center;overflow:hidden}
.page-index .m-list li{overflow:hidden;display:inline-block;margin:62px 11px 0;*display:inline;zoom:1}
.page-index .m-list a{position:relative;display:block;width:213px;height:220px;margin:0 auto;border-radius:2px;overflow:hidden;color:#c8132d}
.page-index .m-list .text{position:absolute;width:100%;left:0;bottom:0;font-size:24px;}
.page-index.en .m-list .text{font-size:26px;line-height: 1.1}
.page-index .m-list .text span{display:inline-block;padding-bottom:7px}
.page-index .m-list .pic{width:128px;height:128px;margin:16px auto 0;overflow:hidden;border:1px solid #bababa;border-radius:3px}
.page-index .m-list .pic i{display:block;width:127px;height:127px;margin:0px 0px 0;background-repeat:no-repeat}
.page-index .m-list .pic .icon-1{background-image:url(../img/icon_1.png);background-image:-webkit-image-set(url(../img/icon_1.png) 1x,url(../img/icon_1_2x.png) 2x);background-image:image-set(url(../img/icon_1.png) 1x,url(../img/icon_1_2x.png) 2x)}
.page-index .m-list .pic .icon-2{background-image:url(../img/icon_2.png);background-image:-webkit-image-set(url(../img/icon_2.png) 1x,url(../img/icon_2_2x.png) 2x);background-image:image-set(url(../img/icon_2.png) 1x,url(../img/icon_2_2x.png) 2x)}
.page-index .m-list .pic .icon-3{background-image:url(../img/icon_3.png);background-image:-webkit-image-set(url(../img/icon_3.png) 1x,url(../img/icon_3_2x.png) 2x);background-image:image-set(url(../img/icon_3.png) 1x,url(../img/icon_3_2x.png) 2x)}
.page-index .m-list .pic .icon-4{background-image:url(../img/icon_4.png);background-image:-webkit-image-set(url(../img/icon_4.png) 1x,url(../img/icon_4_2x.png) 2x);background-image:image-set(url(../img/icon_4.png) 1x,url(../img/icon_4_2x.png) 2x)}
.page-index .m-list .pic .icon-5{background-image:url(../img/icon_5.png);background-image:-webkit-image-set(url(../img/icon_5.png) 1x,url(../img/icon_5_2x.png) 2x);background-image:image-set(url(../img/icon_5.png) 1x,url(../img/icon_5_2x.png) 2x)}
.page-index .m-list .pic .icon-6{background-image:url(../img/icon_6.png);background-image:-webkit-image-set(url(../img/icon_6.png) 1x,url(../img/icon_6_2x.png) 2x);background-image:image-set(url(../img/icon_6.png) 1x,url(../img/icon_6_2x.png) 2x)}
.page-index .m-list .pic .icon-7{background-image:url(../img/icon_7.png);background-image:-webkit-image-set(url(../img/icon_7.png) 1x,url(../img/icon_7_2x.png) 2x);background-image:image-set(url(../img/icon_7.png) 1x,url(../img/icon_7_2x.png) 2x)}
.page-index .m-list a:hover{background:#c8132d;color:#fff}
.page-index .m-list a:hover .pic{border-color:#fff}
.page-index .m-list a:hover .pic i{background-position:0 100%}
.index-section1{height:650px;position:relative;overflow:hidden;z-index:1}
.index-section1 .slick-current{position:relative;z-index:10}
.index-section1 .item{height:650px;background-repeat:no-repeat;background-position:50% 50%;outline:0}
.index-section1 .item .layout{position:relative;height:100%}
.index-section1 .item a,.index-section1 .item span{position:absolute;width:1920px;left:50%;margin-left:-960px;height:100%;outline:0}
.index-section1 .item .layout p {width: 550px;height: 160px; font-size: 23px; color: #444;position: absolute;top: 210px;left: 20px;}
.index-section1 .item .layout .arrow {width: 36px;height: 36px;background: url(../img/arrow.png) no-repeat center center;background-size: contain; position: absolute;top: 370px;left: 30px;}
.index-section1 .item .layout .arrow-us{top:430px}
.index-section1 .slick-dots{position:absolute;width:100%;z-index:999;text-align:center;left:0;bottom:32px;height:16px;overflow:hidden}
.index-section1 .slick-dots li{display:inline-block;*display:inline;zoom:1;width:16px;height:16px;vertical-align:top;background:#666;border-radius:50%;margin:0 5px}
.index-section1 .slick-dots li.slick-active{background:#c8132d}
.index-section1 .slick-dots li button{display:none}
.index-section2{margin-top:110px}
.index-section3{margin-top:110px}
.index-section3 .m-list .text{padding-bottom:9px}
.index-section4{margin-top:110px}
.index-section4 .section-bd{height:479px;background:#dce0e3;margin:48px auto 0;overflow:hidden}
.index-section4 .section-bd .layout{height:100%;position:relative}
.index-section4 .section-bd .top-pic{position:absolute;width:1920px;height:479px;left:50%;margin-left:-960px}
.index-section4 .list{padding:77px 0 0 47px;width:574px;position:relative;z-index:1}
.index-section4 .list li{float:left;margin-right:128px;margin-bottom:41px}
.index-section4.en .list li{float:left;margin-right:85px;margin-bottom:41px}
.index-section4 .list .pic{height:91px}
.index-section4 .list .pic i{display:inline-block;margin-top:18px;width:67px;height:67px;background-repeat:no-repeat}
.index-section4 .list .pic .icon-horse{background-image:url(../img/icon_horse.png);background-image:-webkit-image-set(url(../img/icon_horse.png) 1x,url(../img/icon_horse_2x.png) 2x);background-size: 90%;background-position: 5px 8px;}
.index-section4 .list .pic .icon-person{background-image:url(../img/icon_person.png);background-image:-webkit-image-set(url(../img/icon_person.png) 1x,url(../img/icon_person_2x.png) 2x);background-size: 90%;background-position: 8px 8px;}
.index-section4 .list .pic .icon-earth{background-image:url(../img/icon_earth.png);background-image:-webkit-image-set(url(../img/icon_earth.png) 1x,url(../img/icon_earth_2x.png) 2x);background-size: 90%;background-position: 5px 8px;}
.index-section4 .list .pic .icon-layer{background-image:url(../img/icon_layer.png);background-image:-webkit-image-set(url(../img/icon_layer.png) 1x,url(../img/icon_layer_2x.png) 2x);background-size: 90%;background-position: 5px 8px;}
.index-section4 .list a{position:relative;display:inline-block;border-radius:2px;width:133px;height:133px;text-align:center}
.index-section4.en .list a{position:relative;display:inline-block;width:191px;height:150px;text-align:center}
.index-section4 .list a:hover{background:#c8132d;color:#fff}
.index-section4 .list a:hover .text span{border-color:#c8132d}
.index-section4 .list a:hover i{background-position:0 100%}
.index-section4 .list .text{position:absolute;width:100%;bottom:0;left:0}
.index-section4 .list .text span{display:inline-block;padding-bottom:10px;font-size:24px}
.index-section4.en .list .text span{display:inline-block;padding-bottom:8px;font-size:24px;line-height: 1.1;}
.index-section5{padding:110px 0 156px}
.index-section5 .section-bd{margin-top:90px}
.index-section5 .left-news{float:left;width:680px}
.index-section5 .left-news .pic{float:left;width:313px;margin-right:36px}
.index-section5 .left-news .text{float:left;width:330px;height:370px;position:relative}
.index-section5 .left-news .text h4{font-size:20px;margin-top:58px;text-align:justify;}
.index-section5 .left-news .text .desc{line-height:24px;height:96px;overflow:hidden;margin-top:25px;text-align:justify;}
.index-section5 .left-news .text .arrow{position:absolute;width:36px;height:36px;background:url(../img/arrow.png) no-repeat;right:0;bottom:0}
.index-section5 .left-news .text .date{color:#999;margin-top:23px}
.index-section5 .right-news{float:right;width:430px;margin-top:4px}
.index-section5 .right-news a{display:block;overflow:hidden;zoom:1;padding:33px 0}
.index-section5 .right-news a:hover{background:#c8132d;color:#fff}
.index-section5 .right-news a:hover .date{border-color:#fff}
.index-section5 .right-news .date{float:left;width:98px;text-align:center;height:56px;border-right:1px solid #696969}
.index-section5 .right-news .month{font-size:18px;font-weight:700;line-height:1;margin-top:3px}
.index-section5 .right-news .day{font-size:32px;font-weight:700;line-height:1;margin-top:2px;font-family:Arial}
.index-section5 .right-news .desc{float:left;width:290px;line-height:24px;padding:6px 0 0 22px;height:48px;overflow:hidden;text-align:justify;}
.index-section5 .right-news .desc table{height:100%;width:100%}
.index-section5 .right-news .desc td{vertical-align:middle}
.search-banner{height:500px;background-image:url(../img/search-banner.jpg);background-size:auto 100%}
.stock-banner{background-image:url(../img/stock-banner.jpg)}
.rztz2-banner{height:260px;background-image:url(../img/rztz2-banner.jpg)}
/* .ggdp2-banner{height:260px;background-image:url(../img/ggdp2-banner.jpg)} */
.sccl2-banner{height:260px;background-image:url(../img/sccl2-banner.jpg)}
.zcrb2-banner{height:260px;background-image:url(../img/zcrb2-banner.jpg)}
.hgjj2-banner{height:260px;background-image:url(../img/hgjj2-banner.jpg)}
.layout1{width:1200px;margin:0 auto;padding:56px 0 160px 0}
.layout1 .aside{float:left;width:310px;border-right:1px solid #999;padding-right:40px;margin-left:10px}
.layout1 .main{float:left;width:781px;padding-left:49px;border-left:1px solid #999;margin-left:-1px}
.top-banner{position:relative;overflow:hidden;z-index:1}
.top-banner .item .layout{position:relative;height:100%}
.top-banner .slick-current{position:relative;z-index:10}
.top-banner .item{height:500px;background-repeat:no-repeat;background-position:50% 50%;outline:0}
.top-banner .item a,.top-banner .item span{position:absolute;width:1920px;left:50%;margin-left:-960px;height:100%;outline:0}
/* .top-banner .layout{max-width: none;} */
.top-banner .item .banner-text{position: absolute;left: 10px;top: 0;bottom: 0;margin: auto;height: 58px;line-height: 47px;font-size: 60px}
.top-banner .item .banner-content{position: absolute;left: 10px;top: 0;bottom: 0;margin: auto;font-size: 60px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.top-banner .item .banner-content .con-text1{font-size:40px;}
.top-banner .item .banner-content .con-text2{font-size:48px;}
.top-banner .slick-dots{position:absolute;width:100%;z-index:999;text-align:center;left:0;bottom:28px;height:16px;overflow:hidden}
.top-banner .slick-dots li{display:inline-block;*display:inline;zoom:1;width:12px;height:12px;vertical-align:top;background:#666;border-radius:50%;margin:0 5px}
.top-banner .slick-dots li.slick-active{background:#c8132d}
.top-banner .slick-dots li button{display:none}
.mod-select{position:relative;z-index:1;cursor:default;background:#eaebef}
.mod-select .selected-text{position:relative;padding:0 50px 0 28px;height:46px;line-height:46px;overflow:hidden;text-overflow:ellipsis}
.mod-select .arrow{position:absolute;top:21px;right:25px;width:0;height:0;border-style:solid;border-width:10px 7px 0 7px;border-color:#c8132d transparent transparent transparent}
.mod-select .option-wrapper{display:none;background:#fff;position:absolute;width:100%;left:0;top:100%;margin-top:-1px}
.mod-select ul{border:1px solid #eaebef}
.mod-select li{height:49px;line-height:49px;padding:0 28px}
.mod-select li:hover{background:#c8132d;color:#fff}
.mod-select-show{z-index:10}
.mod-select-show .option-wrapper{display:block}
.crumbs{margin:35px 0}
.crumbs span{color:#999;margin:0 10px}
.crumbs .no-link:hover{color:#333}
.crumbs strong{color:#c8132d;font-weight:400}
.page-stock .banner{height:500px;background:url(../img/stock-banner.jpg) no-repeat 50% 0}
.stock-nav{max-width:1200px;margin:0 auto;font-size:16px;text-align:center;position:relative;z-index:10}
.stock-nav li{position:relative;background:#eeeff2;float:left;width:14.28%;*width:14.2%}
.stock-nav a{display:block;height:54px;line-height:54px}
.stock-nav .active a,.stock-nav a:hover{color:#fff;background:#c8132d}
.stock-nav .sub-meun{display:none;position:absolute;width:100%;left:0;top:100%;background:#eeeff2}
.stock-nav .sub-meun a{color:#333;background:0 0}
.stock-nav .sub-meun a:hover{color:#fff;background:#c8132d}
.online-trading{margin-top:6px}
.online-trading .hd{font-size:30px}
.online-trading .btn-login{display:block;height:51px;line-height:51px;text-align:center;background:#c8132d;color:#fff;margin-top:27px}
.online-trading .btn-login:hover{background:#ba112a}
.online-trading .btn2{display:block;height:51px;line-height:51px;text-align:center;background:#999;color:#fff;margin-top:24px}
.online-trading .btn2:hover{background:#8c8c8c}
.online-trading .mod-select{margin-top:25px}
.hongkong-price{margin-top:77px}
.hongkong-price .hd{font-size:30px}
.hongkong-price .mod-select{margin-top:25px}
.hongkong-price .input{border:1px solid #999;margin-top:27px}
.hongkong-price .input input{border:none;display:block;width:240px;height:29px;padding:10px 50px 10px 28px}
.hongkong-price .btn-search{display:block;height:51px;line-height:51px;text-align:center;background:#c8132d;color:#fff;margin-top:27px}
.hongkong-price .btn-search:hover{background:#ba112a}
.hotline{margin-top:79px}
.hotline .hd{font-size:30px}
.hotline .bd li{font-size:24px}
.hotline .bd span{display:inline-block;vertical-align:middle}
.hotline .bd strong{display:inline-block;vertical-align:middle;font-size:28px;color:#666;font-family:arial;font-weight:400;letter-spacing:-2px}
.mod-list{margin-top:62px}
.mod-list .hd{font-size:30px}
.mod-list .bd li{white-space:nowrap;overflow:hidden;padding:12px 0 12px 10px;line-height:22px}
.mod-list .bd a{display:inline-block;position:relative;padding-right:22px}
.mod-list .bd i{position:absolute;right:0;top:50%;margin-top:-4px;width:6px;height:9px;background:url(../img/arrow4.png) no-repeat}
.instant-news{margin-top:6px}
.instant-news .hd{font-size:30px}
.instant-news .bd{margin-top:16px}
.instant-news .bd li{overflow:hidden;zoom:1;padding:13px 0}
.instant-news .bd .time{float:left;width:76px;color:#999}
.instant-news .bd .title{float:left;width:616px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.instant-news .bd .date{float:right;color:#999}
.mod-index{margin-top:64px}
.mod-index .hd{font-size:30px}
.mod-index .tab-nav li{float:left;width:33.33%}
.mod-index .tab-nav a{display:inline-block;vertical-align:top;padding-bottom:2px}
.mod-index .tab-nav .active a{color:#c8132d;border-bottom:2px solid #c8132d;padding-bottom:0}
.mod-index .bd{margin-top:14px}
.mod-index table{width:100%}
.mod-index table th{background:#eeeff2;line-height:20px;padding:6px 4px}
.mod-index table td{padding:12px 4px;border-bottom:1px solid #eeeff2}
.mod-index table .red{color:#c8132d}
.mod-index table .green{color:#08b743}
.mod-index .delay-tips{text-align:right;color:#999;margin-top:13px}
.mod-title{position:relative;font-size:24px;padding:0 0 10px 20px;margin:0 0 15px;border-bottom:1px solid #999;font-family:"微软雅黑";min-height:36px}
.mod-title .mod-title-text{width:80%}
.mod-title i{position:absolute;width:11px;height:20px;background:url(../img/icon-mark.png) no-repeat;left:0;top:8px;background-image:-webkit-image-set(url(../img/icon-mark.png) 1x,url(../img/icon-mark_2x.png) 2x);background-image:image-set(url(../img/icon-mark.png) 1x,url(../img/icon-mark_2x.png) 2x)}
.mod-title .trigger{position:absolute;right:15px;bottom:11px;width:27px;height:27px;border:1px solid #999}
.mod-title .trigger .span1{position:absolute;left:50%;top:50%;margin-left:-7px;width:15px;height:1px;background:#999}
.mod-title .trigger .span2{position:absolute;left:50%;top:50%;margin-top:-7px;width:1px;height:15px;background:#999}
.articl-box{margin-top:15px;overflow:hidden}
.articl-box .content{position:relative;display:none}
.articl-box .content .more{background: #c8132d; color: #fff; padding: 2px 9px 2px 6px; text-decoration: none;}
.articl-box .content .more:hover{ background-color: #ba112a; color: #fff;}
.articl-box-show .content{display:block}
.articl-box-show .mod-title .trigger .span2{display:none}
.mod-content{margin:40px 0}
.mod-content .content-hd{border-bottom:1px solid #999;position:relative;padding-bottom:10px}
.mod-content .content-hd h2{font-size:36px}
.mod-content .content-hd .trigger{position:absolute;right:15px;bottom:11px;width:27px;height:27px;border:1px solid #999}
.mod-content .content-hd .trigger .span1{position:absolute;left:50%;top:50%;margin-left:-7px;width:15px;height:1px;background:#999}
.mod-content .content-hd .trigger .span2{display:none;position:absolute;left:50%;top:50%;margin-top:-7px;width:1px;height:15px;background:#999}
.mod-content .content-bd{overflow:hidden}
.scrollnews-stocklogin{background:#ededed;position:relative}
.scrollnews-stocklogin .layout{position:relative}
.scrollnews-stocklogin .scrollnews{margin-right:260px;position:relative;overflow:hidden;height:70px;line-height:70px;white-space:nowrap}
.scrollnews-stocklogin .scrollnews .item{display:inline-block;zoom:1;*display:inline}
.scrollnews-stocklogin .scrollnews a{margin-right:10px;color:#494853}
.scrollnews-stocklogin .scrollnews a:hover{color:#c36}
.scrollnews-stocklogin .stocklogin{position:absolute;right:10px;top:0}
.scrollnews-stocklogin .stocklogin a{float:left;margin-left:5px;width:232px;height:70px;font-size:18px;background-color:#c8132d;color:#fff;background-image:url(../img/Right.png);background-repeat: no-repeat;background-position: 194px center;background-size: 24px}
.scrollnews-stocklogin .stocklogin a:hover{background:#c8132d;color:#fff}
.scrollnews-stocklogin .stocklogin i{vertical-align:top;width:43px;height:43px;display:inline-block;background:url(../img/New.png) no-repeat;background-size:100% auto;}
.scrollnews-stocklogin .stocklogin i.a{background-image:url(../img/u_mei.png);background-image:-webkit-image-set(url(../img/u_mei.png) 1x,url(../img/u_mei_2x.png) 2x);background-image:image-set(url(../img/u_mei.png) 1x,url(../img/u_mei_2x.png) 2x);height:39px}
.scrollnews-stocklogin .stocklogin i.h-en,.scrollnews-stocklogin .stocklogin i.a-en{background:url(../img/stocklogin-en.png) no-repeat;background-size:200% 201%;background-position:right top; }
.scrollnews-stocklogin .stocklogin i.a-en{background-position:right bottom;}
/* .scrollnews-stocklogin .stocklogin span{display:inline-block;;vertical-align:top;margin-left:-17px;margin-top: 8px;} */
.scrollnews-stocklogin .stocklogin .stocklogin-text{display: inline-block;margin-left:-15px;margin-top: 12px;}
.scrollnews-stocklogin .stocklogin .stocklogin-text span {display: block;}
.scrollnews-stocklogin .stocklogin .stocklogin-text .stocklogin-name {font-size: 18px;}
.scrollnews-stocklogin .stocklogin .stocklogin-text .stocklogin-version {font-size: 12px;}
.scrollnews-stocklogin .stocklogin a:hover{background-color:#ad152b;background-image:url(../img/Right.png);background-repeat: no-repeat;background-position: 194px center;background-size: 24px}
.gupiaojiaoyi{max-width:1200px;margin:0 auto;padding:100px 0}
.gupiaojiaoyi h3{font-size:24px}
.gupiaojiaoyi .text-center{text-align:center}
.gupiaojiaoyi .section1 ul{max-width:1040px;margin:0 auto}
.gupiaojiaoyi .section1 li{float:left;width:194px;margin:0 33px}
.gupiaojiaoyi .section1 .pic{text-align:center}
.gupiaojiaoyi .section1 .title{color:#333;font-size:24px;text-align:center;margin-top:29px}
.gupiaojiaoyi .section1 .desc{color:#999;margin-top:19px;text-align:justify}
.gupiaojiaoyi .section2{margin:60px auto 0;max-width:728px;padding:0 10px}
.gupiaojiaoyi .section2 .pic{float:left;margin-right:98px}
.gupiaojiaoyi .section2 .text{float:left;margin-top:120px}
.gupiaojiaoyi .section2 .text h3{color:#333}
.gupiaojiaoyi .section2 .text p{color:#999}
.gupiaojiaoyi .section2 .text .strong{color:#c8132d}
.gupiaojiaoyi .section2 h3{margin-bottom:18px}
.hang-seng-index{margin-top:79px}
.hang-seng-index .hd{font-size:30px;margin-bottom:40px}
.hang-seng-index .bd img{border:1px solid #e70b0b}
.new-shares{margin-top:55px}
.new-shares .hd{font-size:30px}
.new-shares .bd{margin-top:24px}
.new-shares .bd li{float:left;width:195px;text-align:center}
.new-shares .bd img{border:1px solid #d2d2d2}
.new-shares .bd .name{margin-top:16px}
.product-service .mod-article-box {
  margin: 80px 0 50px;
}
.product-service .mod-title {
  font-size: 26px;
  margin: 0 0 26px;
  border-bottom: 0;
  text-align: center;
  padding-left: 0;
}
.product-service .mod-title i {
    position: inherit;
    display: inline-block;
    margin-right: 5px;
    width: 11px;
    height: 20px;
    background: url(../img/icon-mark.png) no-repeat;
    background-image: -webkit-image-set(url(../img/icon-mark.png) 1x,url(../img/icon-mark_2x.png) 2x);
    background-image: image-set(url(../img/icon-mark.png) 1x,url(../img/icon-mark_2x.png) 2x);
}
.product-service .mod-title .mod-title-text {
  width: auto;
  /* margin-left: 100px; */
  margin-left: 0;
}
.product-service .mod-title .mod-title-text span {
  border: 1px solid #484848;
  width: 160px;
  height: 48px;
  display: inline-block;
  line-height: 48px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 8px;
}
.product-service .climate-article {
  margin-top: 50px;
  padding: 0 24px;
  border: 1px solid #484848;
  height: 48px;
  display: inline-block;
  line-height: 48px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 8px;
  text-decoration: none;
}
.product-service .climate-article:hover {
  border: 1px solid #1d84fb;
}
.product-service .mod-title .title-center {
  text-align: center!important;
  font-size: 20px;
}
.product-service .mod-title .title-center:before,
.product-service .mod-title .title-center:after {
    display: inline-block;
    position: relative;
    content: "";
    height: 1px;
    width: 30px;
    top: -6px;
    margin: 0 20px;
    background-color: #777;
}
.product-service .articl-box {
  margin-top: 80px;
}
.product-service .trigger {
  right: 18px;
  border: none;
}
.product-service .mod-title .trigger .span1 {
  left: 0;
  top: 0;
  margin-left: 0;
  margin-top: -7px;
  width: 27px;
  height: 27px;
}
.product-service .mod-title .trigger .span2 {
  left: 0;
  top: 0;
  width: 27px;
  height: 27px;
}
.product-service .mod-title .trigger img {
  width: 100%;
  height: 100%;
}
.product-service .articl-box .preiection-box {
  display: none;
}
.product-service .articl-box-show .preiection-box{
  -webkit-box-shadow: 0 0 14px rgb(0 0 0 / 12%);
  -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 0 0 14px rgba(0, 0, 0, 0.12);
  margin: 6px;
  border-radius: 5px;
  padding: 46px;
  display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.product-service .articl-box .preiection-box div {
  display: inline-block;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  width: 46%;
  height: auto;
  line-height: 2;
}

.product-service .articl-box .preiection-box div:first-child {
  width: 50%;
  margin-right: 46px;
}

.product-service .articl-box .preiection-box>div:nth-child(2) {
    /* position: absolute; */
    position: relative;
    /* top: 40px; */
    line-height: 245%;
    /* padding: 5px; */
    align-self: stretch;
    margin-top: -10px;
    width: 50%;
    text-align: justify;
}

.product-service .articl-box .preiection-box div img{
  width: 100%;
  height: 100%;
}
.product-service .content-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  /* height: 350px; */
  flex-wrap: wrap;
}

.product-service .content-item li {
  display: inline;
    float: left;
    width: 25%;
    height: 350px;
    text-align: center;
}

.product-service .content-item li .item-content {
  width: 168px;
}

.product-service .articl-box .content .content-item img {
  width: 48px;
  height: 48px;
}

.product-service .articl-box .content .content-item li .item-title {
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
}

.product-service .articl-box .content .content-item li .item-content {
  display: inline-block;
  text-align: justify;
  line-height: 2;
  padding: 16px;
}

.product-service .articl-box .preiection-box .more-box {
  position: absolute;
    top: auto!important;
    left: 0;
    bottom: 0;
    width: 104px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 5px;
}

.product-service .bottom-wrap {
  background: #FAFAFA;
}

.product-service .bottom-wrap .bottom-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 68px 24px;
}

.product-service .bottom-wrap .bottom-content .bottom-content-text{
  font-family: "Songti SC";
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #828282;
  line-height: 30px;
}
.asset-management {
  padding-bottom: 0!important;
}
.product-service .year-filter{height: auto;position:absolute;z-index:10;text-align:center;cursor:default;font-size:24px;left: -120px;top: 40px;}
.product-service .year-filter .arrow{position:absolute;width:0;height:0;right:10px;top:50%;margin-top:-4px;border-style:solid;border-width:10px 10px 0 10px;border-color:#fff #ca1c35 #ca1c35 #ca1c35}
.product-service .year-filter .selected-text{background:#ca1c35;font-family:arial;color:#fff;}
.product-service .year-filter ul{width: 80px;height: auto;line-height:40px;margin: 5px;border-radius: 8px;-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);}
.product-service .year-filter li{cursor: pointer;}

.page-about .banner{height:502px;background:url(../img/about-banner.jpg) no-repeat 50% 0}
.page-about .banner-text {
  font-family: "Songti SC";
  font-weight: 400;
  font-size: 44px;
  text-align: left;
  color: #242424;
}

.about-section {
  width: 996px;margin:0 auto;
}
.about-section .mod-title{
  margin-top: 68px; margin-bottom: 0;padding:0;
  text-align: center;
  border: none;
}
.about-section .mod-title i {
    position: inherit;
    display: inline-block;
    margin-right: 5px;
    width: 11px;
    height: 20px;
    background: url(../img/icon-mark.png) no-repeat;
    background-image: -webkit-image-set(url(../img/icon-mark.png) 1x,url(../img/icon-mark_2x.png) 2x);
    background-image: image-set(url(../img/icon-mark.png) 1x,url(../img/icon-mark_2x.png) 2x);
}
.about-section .mod-title .mod-title-text {
  font-family: "Songti SC";
  font-weight: 400;
  font-size: 26px;
  color: #242424;
  width: auto;
  margin-left: auto;
  height: 37px;line-height: 37px;
}

.about-section .mod-title .title-center{
  font-family: "Songti SC";
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #484848;
  height: 28px;
  line-height: 28px;
  margin-top: 20px;
}
.about-section .mod-title .title-center:before {
    display: inline-block;
    position: relative;
    content: "";
    height: 1px;
    width: 70px;
    top: -6px;
    margin: 0 20px;
    background-color: #777;
}
.about-section .mod-title .title-center:after {
    display: inline-block;
    position: relative;
    content: "";
    height: 1px;
    width: 70px;
    top: -6px;
    margin: 0 20px;
    background-color: #777;
}
.about-content {
  margin-top: 30px;
  font-family: "Songti SC";
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #484848;
  line-height: 30px;
}
.about-section2 {
  margin-top: 88px;
}

.about-section2 .about-remark {
  margin-top: 60px;
}

.about-section2 .about-remark .about-remark-text {
  font-family: "Songti SC";
  font-weight: 400;
  font-size: 12px;
  text-align: left;
  color: #9e9e9e;
}
.about-section2 .about-remark .about-remark-text a {
  font-family: "Songti SC";
  font-weight: 400;
  font-size: 12px;
  text-align: left;
  color: #9e9e9e;
}
.about-card-list {
  width: 1044px;
  margin-top: 35px;
  margin-left: -15px;
  margin-right: -15px;
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.about-card-list .item {
  margin: 15px;
  padding: 30px;
  width: 258px;
  min-height: 200px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
}
.about-card-list .item .city {
  font-family: "Songti SC Bold";
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  color: #242424;
}
.about-card-list .item dd {
  margin-top: 28px;
}
.about-card-list .item dd div{
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #484848;
  position:relative;
  padding:6px 0 6px 31px;
  line-height: 30px;
}
.about-card-list .item dd .tel, .about-card-list .item dd .fax{
  padding-left: 22px;
}
.about-card-list  i{position:absolute;left:0;top:12px;display:inline-block;background-repeat:no-repeat;width:19px;height:19px;background-size:19px 19px}
.about-card-list  .icon-position {
  top: 14px;
}
.about-card-list .icon-position{background-image:url(../img/icon-position.png);background-image:-webkit-image-set(url(../img/icon-position.png) 1x,url(../img/icon-position_2x.png) 2x)}
.about-card-list .icon-tel{background-image:url(../img/icon-tel.png);background-image:-webkit-image-set(url(../img/icon-tel.png) 1x,url(../img/icon-tel_2x.png) 2x)}
.about-card-list .icon-fax{background-image:url(../img/icon-fax.png);background-image:-webkit-image-set(url(../img/icon-fax.png) 1x,url(../img/icon-fax_2x.png) 2x)}
.page-xiaoshou .banner{height:502px;background:url(../img/sales-banner.jpg) no-repeat 50% 0}
.page-xiaoshou .section{margin:41px 10px 92px}
.page-xiaoshou .section h2{font-size:30px}
.page-xiaoshou .section dt{position:relative;font-size:24px;padding:0 0 16px 21px;margin-top:17px;border-bottom:1px solid #999}
.page-xiaoshou .section dt i{position:absolute;width:11px;height:20px;background:url(../img/icon-mark.png) no-repeat;left:0;top:8px}
.page-xiaoshou .section dd{line-height:2;margin:13px 0 0 21px}
.page-zcgl{padding-bottom:50px}
.page-zcgl .mod-banner{background-image:url(../img/property-banner.jpg)}
.page-gpjy .mod-banner{background-image:url(../img/stock-banner.jpg)}
/* .page-gpjy .banner-download{background-image:url(../img/gpjy_banner.jpg)} */
.page-gpjy .section{padding:14px 0 100px}
.page-gpjy .section dl{margin-bottom:20px}
.page-gpjy .section dt{position:relative;font-size:24px;padding:0 0 16px 21px;margin-top:17px;border-bottom:1px solid #999}
.page-gpjy .section dt i{position:absolute;width:11px;height:20px;background:url(../img/icon-mark.png) no-repeat;left:0;top:8px}
.page-gpjy .section dd h3{font-size:24px;margin:10px 0}
.page-gpjy .section dd p{line-height:2}
.page-gpjy .section .table{margin:41px auto 0}
.page-gpjy .section .table th{background:#eaebef;line-height:20px;padding:10px 5px;border-left:1px solid #eaebef;border-right:1px solid #eaebef;text-align:center}
.page-gpjy .section .table td{border-bottom:1px solid #d3d3d3;text-align:center;line-height:20px;padding:10px 5px}
.page-gpjy .section .table .bl{border-left:1px solid #d3d3d3}
.page-gpjy .section .table .br{border-right:1px solid #d3d3d3}
.page-gpjy .section .table2{margin:41px auto 0}
.page-gpjy .section .table2 th{line-height:20px;padding:10px 5px;border:1px solid #d3d3d3;text-align:center}
.page-gpjy .section .table2 td{border:1px solid #d3d3d3;line-height:20px;padding:10px 5px}
.page-gpjy .section .table2 .center{text-align:center}
.page-gpjy .section .tips{text-align:center}
.page-gpjy .section .zhuyi{margin-left:34px}
.page-gpjy .section .zhuyi span{font-family:"宋体"}
.page-jgrz .mod-banner{background-image:url(../img/jgrz-banner.jpg)}
.page-jgrz .section{margin-top:41px;padding-bottom:37px}
.page-jgrz .section h2{font-size:30px;margin-bottom:16px}
.page-jgrz .section p{line-height:2;margin-bottom:28px;text-align:justify}
.project-list{margin-left:-25px}
.project-list li{float:left;margin-top:45px;text-align:center;width:24.9%}
.project-list li .cc{position:relative;margin-left:25px;border:8px solid #eee;background:#fff url(../img/ym.jpg) no-repeat 100% 100%;min-height:320px;overflow:hidden}
.project-list .name{word-break:break-word;font-size:16px;line-height:24px;font-weight:700;margin:30px 10px 0;height:72px;overflow:hidden}
.project-list .money-type{margin-top:8px;min-height:84px}
.project-list .duty{font-weight:700;line-height:20px;height:80px;overflow:hidden;margin:8px 20px 0}
.project-list .date{margin-top:8px}
.year-filter{width:180px;position:relative;z-index:10;text-align:center;cursor:default;font-size:24px}
.year-filter .arrow{position:absolute;width:0;height:0;right:10px;top:50%;margin-top:-4px;border-style:solid;border-width:10px 10px 0 10px;border-color:#fff #ca1c35 #ca1c35 #ca1c35}
.year-filter .selected-text{background:#ca1c35;font-family:arial;height:50px;line-height:50px;color:#fff}
.filter-year-box{text-align:center;position:absolute;width:100%;top:100%;left:0;background:#f1f1f1;font-size:20px}
.filter-year-box li{height:50px;line-height:50px;color:#999}
.filter-year-box li:hover{background:#ca1c35;color:#fff}
.mod-banner-qyrz{background-image:url(../img/qyrz-banner.jpg)}
.mod-article-box{margin:15px 0 50px}
.mod-article-box h2{font-size:30px;margin:15px 0}
.mod-article-box p{line-height:2;margin:5px 0;}
.mod-article-box a{text-decoration: underline}
.mod-article-box a:hover{color:#1d84fb}
.projects-list{margin:38px 23px 0;max-height:824px;overflow-y:auto}
.projects-list ul{margin-left:-25px}
.projects-list li{padding:0 15px;float:left;width:222px;height:335px;border:1px solid #999;margin:0 0 50px 25px;text-align:center}
.projects-list .pic{margin-top:48px;height:50px}
.projects-list .company{font-size:16px;line-height:20px;height:40px;overflow:hidden}
.projects-list .wealth{margin-top:25px}
.projects-list .duty{font-weight:700;line-height:20px;height:40px;overflow:hidden;margin-top:32px}
.projects-list .date{margin-top:8px}
.page-sccl{padding:0 0 100px}
.mod-list2 a{display:block;overflow:hidden;zoom:1;padding:21px 0;position:relative}
.mod-list2 .date{float:left;width:120px;text-align:center;height:76px;font-family:arial;border-right:1px solid #696969}
.mod-list2 .date .year{font-size:20px;margin-top:6px}
.mod-list2 .day-month{font-size:28px;line-height:1}
.mod-list2 .title{display:flex;flex-direction:column;justify-content:center;line-height:24px;height:72px;font-size:16px;overflow:hidden;zoom:1;padding:0 75px 0 22px}
.mod-list2 .title table{width:100%;height:100%}
.mod-list2 .title table td{vertical-align:middle}
.mod-list2 .arrow{display:none;position:absolute;right:50px;top:50%;margin-top:-6px}
.mod-list2 .arrow span{display:inline-block;width:0;height:0;margin-left:4px;border-style:solid;border-width:6px 0 6px 9px;border-color:#c8132d #c8132d #c8132d #fff}
.mod-list2 a:hover{background:#c8132d;color:#fff}
.mod-list2 a:hover .date{border-color:#fff}
.mod-list2 a:hover .arrow{display:block}
.page-scdc{padding-bottom:83px}
.scdc-list{padding:7px 0 83px}
.scdc-list .hd{font-size:30px}
.scdc-list .bd{margin-top:35px}
.scdc-list .bd .pic{float:right;}
.scdc-list .bd .text{float:left;width:710px;}
.scdc-list .bd .text ul{margin-top:-16px}
.scdc-list .bd .text li{position:relative;padding:15px 92px 14px 0}
.scdc-list .bd .text .title{height:20px;overflow:hidden;white-space:nowrap;line-height:20px;text-overflow:ellipsis}
.scdc-list .bd .text .date{position:absolute;right:0;top:50%;margin-top:-10px;color:#999}
.scdc-list .bd .text .more{text-align:right}
.scdc-list .bd .text .more a{display:inline-block;vertical-align:top;background:#c8132d;color:#fff;padding:2px 9px 2px 6px}
.scdc-list .bd .text .more i{display:inline-block;position:relative;width:16px;height:13px;background:url(../img/more-arrow.png) no-repeat;background-size:100% auto;margin-left:6px}
.scdc-list .bd .text .more a:hover{background-color:#ba112a}
.scdc-list2 .bd .pic{float:left;}
.scdc-list2 .bd .text{float:right;width:710px;}
.scdc-btn-wrap {font-size: 26px; margin: 0 0 26px;
    border-bottom: 0;
    text-align: center;
    padding-left: 0;
}
.scdc-btn-wrap .important-disclosures {   
    margin-top: 50px;
    padding: 0 24px;
    border: 1px solid #484848;
    height: 48px;
    display: inline-block;
    line-height: 48px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 8px;
    text-decoration: none;
}
.scdc-btn-wrap .important-disclosures:hover {
    border: 1px solid #1d84fb;
    color: #1d84fb;
}
.page-gsdt{padding-bottom:100px}
.page-article{padding-bottom:100px}
.page-article .article-title{font-size:36px;text-align:center;border-bottom:2px solid #c2c2c2;padding:20px 10px 24px}
.page-article .article-content{padding-top:20px;color:#666;line-height:2}
.page-article .article-content p{margin:15px 0 0;text-indent:2em}

.page-article .article-content p img{max-width:100%}
.page-article .article-content table td,.page-article .article-content table th{padding:5px 10px;border:1px solid #ddd}
.page-article .article-content .f-center{text-align:center;text-indent:0}
.page-article .article-post-time{text-align:right;font-size:18px;color:#666;font-style:italic;margin-top:40px}
.page-article .article-btn-jump{text-align:center;margin-top:100px}
.page-article .article-btn-jump a{display:inline-block;vertical-align:top;width:154px;height:44px;background:#c91932;color:#fff;font-size:18px;line-height:44px;margin:0 46px}
.page-article .article-btn-jump a:hover{background-color:#bd1730}
.page-article .article-btn-jump a:first-child{margin-left:0}
.page-article .article-btn-jump a:last-child{margin-right:0}
.page-article .article-read-all{text-align:right;margin:50px 78px 0 0}
.page-article .article-read-all a{text-align:center;display:inline-block;vertical-align:top;width:154px;height:44px;background:#c91932;color:#fff;font-size:18px;line-height:44px;margin:0 46px}
.page-article .article-read-all a:hover{background-color:#bd1730}
.page-article2{padding-bottom:100px}
.page-article2 .article-title{font-size:28px;text-align:center;border-bottom:2px solid #c2c2c2;padding:59px 10px 19px}
.page-article2 .article-content{padding:27px;color:#666;line-height:2}
.page-article2 .article-content p{margin:15px 0 0}
.page-article2 .article-content table td,.page-article2 .article-content table th{padding:5px 10px;border:1px solid #ddd}
.page-article2 .article-content .f-center{text-align:center}
.page-article2 .article-post-time{text-align:right;font-size:18px;color:#666;font-style:italic;margin-top:40px}
.page-article2 .article-btn-jump{text-align:center;margin-top:100px}
.page-article2 .article-btn-jump a{display:inline-block;vertical-align:top;width:154px;height:44px;background:#c91932;color:#fff;font-size:18px;line-height:44px;margin:0 46px}
.page-article2 .article-btn-jump a:hover{background-color:#bd1730}
.page-article2 .article-read-all{text-align:right;margin:50px 78px 0 0}
.page-article2 .article-read-all a{text-align:center;display:inline-block;vertical-align:top;width:154px;height:44px;background:#c91932;color:#fff;font-size:18px;line-height:44px}
.page-article2 .article-read-all a:hover{background-color:#bd1730}
.page-article2 .article-box{position:relative;margin-top:-100px;background:url(../img/bg2.png) no-repeat 50% 0}
.page-article2 .article-box .layout-box{max-width:1195px;margin:0 auto}
.page-article2 .crumbs{padding:0 16px;height:62px;line-height:62px;margin:0}
.page-article2 .article-main-inner{background:#fff}
.page-search{padding-bottom:100px}
.search2{padding-top:151px}
.search2 .hd{text-align:center;font-size:60px;color:#fff}
.search2 .bd{margin-top:14px;padding-right:142px;position:relative}
.search2 .bd .input-text{border-radius:0;width:90%;padding:0 5%;height:83px;line-height:83px;font-size:30px;color:#999;border:none}
.search2 .bd .input-button{border-radius:0;width:137px;height:83px;position:absolute;right:0;top:0;text-indent:-999px;overflow:hidden;background:#fff url(../img/search2.png) no-repeat 50% 50%;border:none;cursor:pointer}
.search-result{color:#333;margin:0 10px}
.search-result .search-total{padding-top:37px}
.search-result .search-list li{border-bottom:1px solid #999;padding:45px 0 56px}
.search-result .search-list .strong{color:#c8132d;font-weight:400}
.search-result .search-list .title{font-size:30px;color:#333}
.search-result .search-list .desc{margin-top:13px}
.search-result .search-list .btn-wrapper{margin-top:23px}
.search-result .search-list .btn-wrapper a{vertical-align:top;display:inline-block;width:144px;height:42px;background:#c91932;color:#fff;line-height:42px;text-align:center}
.search-result .search-list .btn-wrapper a:hover{background:#bd1730}
.search-result .mod-page{margin-top:30px}
.mod-select2{position:relative;z-index:10;width:152px;background:#ca1d35;font-family:arial;color:#fff;font-size:28px;height:41px;line-height:41px;text-align:center}
.mod-select2 .selected{cursor:default}
.mod-select2 .arrow{position:absolute;right:16px;top:16px;width:0;height:0;border-style:solid;border-width:9px 6px 0 6px;border-color:#fff #ca1d35 #ca1d35 #ca1d35}
.mod-select2 .ul{display:none;position:absolute;width:100%;top:100%;max-height:205px;overflow-y:auto}
.mod-select2 .ul a{display:block;height:100%;color:#fff;background:#bfbfbf}
.mod-select2 .ul a:hover{background:#b3b3b3;cursor:default}
#gototop{display:none;position:fixed;z-index:99;width:72px;height:72px;background:#c8132d;color:#fff;font-size:14px;text-align:center;right:10px;bottom:10px}
#gototop i{display:block;width:24px;height:25px;background:url(../img/gototop.png) no-repeat;margin:14px auto 3px}
#gototop:hover{background:#ba112a}
.scroll-table-wrap{width: 100%;overflow-x:scroll;}
.scroll-table-wrap::-webkit-scrollbar{display:none;}
.mod-table td{border:1px solid #d3d3d3;padding:5px}
.mod-table .center{text-align:center}
.biaoge-download .list{margin-bottom:10px}
.biaoge-download .list h3{background:#f5f5f5;padding:5px 12px;font-weight:700;color:#c91e24}
.biaoge-download .list table{margin-top:10px}
.biaoge-download .list table td{border:1px solid #dedede;text-align:center;padding:5px 10px}
.biaoge-download .list table td.left{text-align:left}
.biaoge-download .list ul{margin-top:10px}
.biaoge-download .list li{padding:0 20px;position:relative;line-height:28px;background:url(../img/keepline.jpg) repeat-x 0 100%}
.biaoge-download .list li i{position:absolute;width:3px;height:3px;background:#1071ea;left:5px;top:50%;margin-top:-1px}
.softdown{max-width:808px;margin:100px auto 130px}
.softdown .softdown-banner{position:relative;overflow:hidden}
.softdown .softdown-banner{position:relative;overflow:hidden}
.softdown .softdown-banner a{display:block;position:relative}
.softdown .softdown-banner img{-webkit-transition:all 1s;transition:all 1s;opacity:.9;filter:alpha(opacity=90);width:100%}
.softdown .softdown-banner a:hover img{-webkit-transform:scale(1.02);transform:scale(1.02);opacity:1;filter:alpha(opacity=100)}
.softdown .table{margin-top:60px;}
.softdown .table .download-tablist{
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: initial;
  border-bottom: 1px solid #CFD0D5;
}
.softdown .table .download-tablist li {
  color: #24262C;
  padding-bottom: 16px;
  cursor: pointer;
}
.softdown .table .download-tablist li.active {
  padding-bottom: 13px;
  border-bottom: 3px solid #C8132D;
  color: #C8132D;
}

.flex-content {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.softdown .table .download-tabcontent .flex-content img {
  width: 120px;
  height: 120px;
}

.flex-con-start {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 61px
}

.softdown .table .download-tabcontent .active {
  display: flex;
}

.softdown .table .download-tabcontent .flex-content .download-tab-left,
.softdown .table .download-tabcontent .flex-content .download-tab-right {
  width: 50%;
}

.softdown .table .download-tabcontent .download-tab1 .download-tab-left .download-info{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.softdown .table .download-tabcontent .download-tab-title {
  text-align: center;
  padding-bottom: 40px;
}

.softdown .table .download-tabcontent .download-tab2 {
  position: relative;
  padding-top: 61px;
}

.softdown .table .download-tabcontent .download-tab2 .download-other{
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.softdown .table .download-tabcontent .download-info {
  margin-left: 31px;
}

.softdown .table .download-tabcontent .download-info .download-text {
  font-size: 14px;
}

.softdown .table .download-tabcontent .download-tab-left .download-info .download-btn {
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  background: #2C85FF;
  border-radius: 15px;
}

.softdown .table .download-tabcontent .download-tab-right .download-info .download-btn {
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #2C85FF;
  border: 1px solid #2C85FF;
  border-radius: 15px;
}
.softdown .table .download-tabcontent .download-info .download-btn {
  display:block;
  width: 120px;
  margin-top: 20px;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}

.softdown .table .download-tabcontent .download-info .download-btn.gray {
  background: #D9D9D9;
}
.softdown .table .download-tabcontent .download-info .download-btn:nth-child(2) {
  margin-top: 10px;
}

.softdown .table .download-tabcontent .download-info .link-group {
  margin-top: 21px;
  font-size: 12px;
  position: relative;
}

.softdown .table .download-tabcontent .download-info .link-group .qr-code-box {
  position: absolute;
  z-index: 100;
  left: 190px;
  bottom: 20px;
  padding: 5px;
  background: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}

.softdown .table .download-tabcontent .download-info .link-group:nth-child(2) {
  margin-top: 14px;
}

.softdown .table .download-tabcontent .download-info .link-group:nth-child(2) .qr-code-box {
  left: 80px;
}

.softdown .table .download-tabcontent .download-info .download-link {
  font-size: 12px;
  color: #2C85FF;
  text-decoration: none;
}

.softdown .table .download-tabcontent .download-tab3 {
  padding-top: 61px;
}

.softdown .table .download-tabcontent .download-tab3 .download-tab-left .download-info .download-link {
  display: block;
  margin-top: 17px;
  width: 120px;
  text-align: center;
}


.softdown .table table{width:100%}
.softdown .table .c2{color:#999}
.softdown .table th{padding:18px 0;text-align:center;background:#eaebef}
.softdown .table td{text-align:center;padding:18px 0;border-top:1px solid #cfcfcf}
.softdown .table a{text-decoration:underline}
/* .softdown .table .c2 a{color:#999} */
.softdown .table a:hover{color:#1d84fb}
.filter{margin-bottom:10px}
.filter .item{position:relative;width:260px;height:38px;float:left;margin-right:16px;border:1px solid #b5b5b5;border-radius:19px}
.filter .item .input-wrap{padding:0 65px 0 24px}
.filter .item .btn-search{position:absolute;right:16px;top:4px;width:30px;height:30px;background:url(../img/search3.png) no-repeat;background-size:100% auto;background-image:-webkit-image-set(url(../img/search3.png) 1x,url(../img/search3_2x.png) 2x);background-image:image-set(url(../img/search3.png) 1x,url(../img/search3_2x.png) 2x)}
.filter .item .icon-calendar{position:absolute;right:16px;top:4px;width:28px;height:28px;background:url(../img/icon-calendar.png) no-repeat;background-size:100% auto;background-image:-webkit-image-set(url(../img/icon-calendar.png) 1x,url(../img/icon-calendar_2x.png) 2x);background-image:image-set(url(../img/icon-calendar.png) 1x,url(../img/icon-calendar_2x.png) 2x)}
.filter .item .input{border:none;height:38px;line-height:38px;padding:0;display:block;width:100%;border-radius:19px;background:0 0;color:#333}
.question{margin:0 65px 20px}
.question li{line-height:28px}
.feedback .form-group-box{margin-bottom:30px}
.feedback .form-group-left{float:left;width:42.85%}
.feedback .form-group-right{float:right;width:42.85%}
.feedback .form .input-text{background:#eaebef;padding:0 28px;height:46px}
.feedback .form .input-text input{color:#494853;border:none;display:block;width:100%;background:0 0;height:22px;line-height:22px;padding:12px 0}
.feedback .form .input-text input:-ms-input-placeholder{color:#333}
.feedback .form .input-text input::-webkit-input-placeholder{color:#333}
.feedback .form .textarea{background:#eaebef;padding:18px 28px}
.feedback .form .textarea textarea{color:#494853;border:none;height:168px;display:block;width:100%;background:0 0;outline:0;resize:none}
.feedback .form .textarea textarea::-ms-input-placeholder{color:#333}
.feedback .form .textarea textarea::-webkit-input-placeholder{color:#333}
.feedback .form .btn-submit{display:block;width:182px;height:46px;border-radius:3px;background:#c8132d;color:#fff;font-size:18px;border:none;margin-top:48px;-webkit-appearance:none}
.feedback .form .yzm{margin-left:20px}
.zqyw{line-height:30px;margin-top:50px}
.article-box2{border-top:1px solid #dcdcdc;padding:0 10px}
.article-box2 .content{max-width:1178px;margin:50px auto;border:1px solid #dcdcdc;border-radius:4px}
.article-box2 h1{font-size:36px;text-align:center;border-bottom:5px solid #c8132d;padding:30px}
.article-box2 .body{padding:40px;text-align:justify}
.article-box2 .body p{line-height:2;margin:5px 0}

.stock-list-main .stock-list-title{font-size:36px;text-align:center;padding:20px 10px 24px}
.stock-list-main .stock-list-table{width:100%; margin-bottom: 100px;}
.stock-list-main .stock-list-table th{background:#ededed;line-height:20px;padding:10px 5px;border-left:1px solid #dedede;border-right:1px solid #dedede;text-align:center}
.stock-list-main .stock-list-table td{border:1px solid #dedede;text-align:center;line-height:20px;padding:10px 5px}

@-webkit-keyframes fadeInLeft{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(100%);transform:translateX(100%)}
}
@keyframes fadeInLeft{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(100%);transform:translateX(100%)}
}
@media screen and (max-width:1230px){
  @-webkit-keyframes fadeOutLeft{
  0%{-webkit-transform:translateX(0);transform:translateX(0)}
  100%{-webkit-transform:translateX(-1080px);transform:translateX(-1080px)}
  }
  @keyframes fadeOutLeft{
  0%{-webkit-transform:translateX(0);transform:translateX(0)}
  100%{-webkit-transform:translateX(-1080px);transform:translateX(-1080px)}
  }
.announce-top .wrap .ani-wrap {width: 80%;}
.index-section1{height:auto}
.page-index .m-list li a{width:162px;}
.page-index .m-list .text,.page-index.en .m-list .text{font-size:18px}
}
@media screen and (min-width:1211px){
.header .header-right{display:block!important}
}
@media screen and (max-width:1210px){
.page-article .article-title{font-size:28px}
.stock-list-main .stock-list-title{font-size:28px}
.header{height:auto;padding:20px 0}
.header .logo{float:none;margin:0 0 0 20px}
.header .header-right{display:none;padding-right:0;float:none;position:absolute;width:100%;left:0;top:100%;padding-bottom:30px;background:#fff;-webkit-box-shadow:0 2px 4px rgba(6,6,6,.15);box-shadow:0 2px 4px rgba(6,6,6,.15)}
.header .nav{float:none}
.header .nav li{float:none;height:auto;margin:0 15px;width:auto;border-top:1px solid #cacaca}
.header .nav li>a{margin-top:0;padding:15px 0}
.header .nav .subnav-content{position:relative;padding-bottom:15px;top:0;background:0 0;border-top:none}
.header .nav .subnav-content li{border-top:none}
.header .nav .subnav-content li a{padding:5px 20px}
.header .nav .subnav a{color:#666}
.header .nav .subnav-arrow{display:none}
.header .nav .subnav li .child-subnav-content {position: unset;transform:none;padding-left: 20px;}
.header .nav .subnav .subnav-content li .no-link i {
  position: absolute;
  right: 0;
  top: 15px;
  width: 0;
  height: 0;
  overflow: hidden;
  margin-top: -1px;
  border-style: solid;
  border-width: 5px 3px 0 3px;
  border-color: #666 #fff #fff #fff;
  visibility: unset;
  -webkit-animation: none;animation: none;
}
.header .nav .subnav li .child-subnav-content .child-sub-subnav-content {position: unset;transform:none;padding-left: 20px;}
.header .lang{float:none;margin:15px 15px;position:relative;z-index:2}
.header .search{margin:0 10px;float:none;border-radius:4px;background:#ededed;width:auto}
.header .search .input{border:none;background:0 0}
.header .search .input-text{background:0 0}
.header .search .input-text-inner{background:0 0}
.navbar-toggle{display:block}
.index-section1 .item .layout p {width: 550px;height: 160px; font-size: 16px;letter-spacing: normal;position: absolute;top: 210px;left: 20px;}
.index-section1 .item .layout .p2-us {top:170px;}
.index-section1 .item .layout .arrow {width: 36px;height: 36px; position: absolute;top: 300px;left: 30px;}
/* .index-section1 .item .layout .arrow {top: 340px;} */
}
@media screen and (max-width:1440px){
  .product-service .year-filter {
    left: -90px;
  }
}
@media screen and (max-width:1390px){
  .product-service .year-filter {
    position:relative;
    left: 50%;
    top: 0;
    width: 180px;
    transform: translateX(-50%);
  }
  .product-service .year-filter ul {
    width: 240px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .product-service .year-filter ul li {
    width: 33.3%;
    line-height: 50px;
  }
  .product-service .year-filter ul li:first-child.selected-text {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .product-service .year-filter ul li:last-child.selected-text {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
@media screen and (max-width:1200px){
.index-section1 .item{height:auto}
.index-section1 .item .layout{width:100%;height:0%;padding:54.16666666666667% 0 0;left:0;top:0;overflow:hidden}
.index-section1 .item a,.index-section1 .item span{position:absolute;width:160%;left:50%;margin-left:-80%;height:100%;outline:0;top:0}
.index-section1 .slick-dots{bottom:15px}
.top-banner .item{height:auto}
.top-banner .item .layout{width:100%;height:0%;padding-top:41.66666666666667%;left:0;top:0;overflow:hidden}
.top-banner .item a,.top-banner .item span{position:absolute;width:160%;left:55%;margin-left:-80%;height:100%;outline:0;top:0}
.top-banner .item .banner-img-box{left:40%}
.top-banner .item .banner-img-box35{left:35%}
.top-banner .item .banner-text{left:6%;font-size: 50px}
.top-banner .item .banner-content .con-text1{font-size:36px;}
.top-banner .item .banner-content .con-text2{font-size:44px;}
.top-banner .item .banner-content .con-text3{font-size:50px;}
.top-banner .slick-dots{bottom:15px}
.scdc-list .bd .text,.scdc-list2 .bd .text{width:50%}
}
@media screen and (max-width:1150px){
.index-section5 .left-news{float:none;width:auto;overflow:hidden;zoom:1}
.index-section5 .left-news .text{width:auto;overflow:hidden;float:none}
.index-section5 .right-news{float:none;width:auto}
.index-section5 .right-news .desc{width:auto;float:none;overflow:hidden}
.project-list li{width:33.3%}
.announce-top .title2-wrap{max-width: 80%;}
}
@media screen and (max-width:1065px){
.footer{padding:36px 0 50px}
.footer .left{float:none;margin-top:0}
.footer .right{overflow:hidden;zoom:1;float:none;margin-top:20px}
.footer2{padding:36px 0 50px}
.footer2 .left{float:none;margin-top:0}
.footer2 .right{overflow:hidden;zoom:1;float:none;margin-top:20px}
.gupiaojiaoyi .section1{width:888px;margin:0 auto}
.gupiaojiaoyi .section1 li{margin:0 14px}
}
@media screen and (max-width:1055px){
.page-index .s-summary{width:auto;margin-left:9px;margin-right:10px}
.product-service .articl-box .preiection-box {
  flex-direction: column;
  padding: 24px;
}
.product-service .articl-box .preiection-box div:first-child {
  width: 100%;
}

.product-service .articl-box .preiection-box>div:nth-child(2) {
  margin-top: 46px;
  width: 100%;
  min-height: 200px;
}
.about-section {
  width: 100%;
}
.about-card-list {
  width: 100%;
  margin-top: 35px;
  margin-left: 0;
  margin-right: 0;
}
.about-section .mod-title .title-center:before {
    width: 30px;
}
.about-section .mod-title .title-center:after {
  width: 30px;
}
}
@media screen and (max-width:992px){
.index-section4 .section-bd .layout{padding:0}
.index-section4 .section-bd{height:auto;background:0 0}
.index-section4 .section-bd .top-pic{position:relative;height:auto;width:200%;margin-left:0;left:-100%;margin-bottom:10px}
.index-section4 .list{width:auto;padding:40px 0;background:#eeeff3}
.index-section4 .list li{width:50%;margin:0;text-align:center}
.index-section4.en .list li{width:50%;margin:0;text-align:center}
.index-section4.en .list li a{width:100%;height:130px}
.page-index .m-list{font-size:0}
.page-index .m-list li{width:20%;margin-left:0;margin-right:0}
.page-index .m-list1 li{width:27%;margin-left:0;margin-right:0}
#gototop{width:64px;height:64px;font-size:12px}
#gototop i{width:18px;height:19px;background-size:100% auto}
.about-section4 .item{width:50%;margin-top:10px}
.scdc-list{padding-bottom:40px}
.scdc-list .bd{margin-top:15px}
.scdc-list .bd .text ul{margin-top:0}
.scdc-list .bd .text li{padding:5px 92px 6px 0}
.scdc-list .bd .pic img{width:auto;height:180px}
.scrollnews-stocklogin .scrollnews{height:60px;line-height:60px;margin-right:335px}
.scrollnews-stocklogin .stocklogin a {height:60px;width:200px;background-position: 168px center;}
.scrollnews-stocklogin .stocklogin .stocklogin-text {margin-top: 9px;}
.scrollnews-stocklogin .stocklogin .stocklogin-text .stocklogin-name {font-size: 16px;}
.softdown{margin-top:50px}
.softdown .table{margin-top:40px}
.gupiaojiaoyi .section1{width:888px}
.gupiaojiaoyi .section1 li{margin:0 10px}
.search-banner{height:400px}
.search2{padding-top:120px}
.search2 .hd{font-size:40px}
.search2 .bd .input-text{font-size:26px;height:60px;line-height:60px}
.search2 .bd .input-button{height:60px;height:60px}
.index-section1 .item .layout p {width: 550px;height: 160px; font-size: 16px;position: absolute;top: 210px;left: 20px;}
.index-section1 .item .layout .p2-us {top:160px;}
.index-section1 .item .layout .arrow {width: 36px;height: 36px; position: absolute;top: 280px;left: 30px;}
.index-section1 .item .layout .arrow-us{top:300px}
.top-banner .item .banner-text{font-size: 36px}
.top-banner .item .banner-content .con-text1{font-size:32px;}
.top-banner .item .banner-content .con-text2{font-size:38px;}
.top-banner .item .banner-content .con-text3{font-size:36px;}

.softdown .table .download-tabcontent .download-info .link-group .qr-code-box {
  left: auto;
  bottom: 40px;
  right: 0;
}
.softdown .table .download-tabcontent .download-info .link-group:nth-child(2) .qr-code-box {
  right: auto;
  bottom: 20px;
}
}
@media screen and (max-width:908px){
.gupiaojiaoyi{padding-top:50px}
.gupiaojiaoyi .section1{width:580px}
.gupiaojiaoyi .section1 li{margin:4% 48px}
.index-section1 .item .layout p {width: 350px;height: 160px; font-size: 14px;position: absolute;top: 130px;left: 20px;}
.index-section1 .item .layout .p2-us {top:100px;font-size: 14px;}
.index-section1 .item .layout .arrow {width: 30px;height: 30px; position: absolute;top: 200px;left: 30px;}
.index-section1 .item .layout .arrow-us{top:250px}
.announce-top .wrap .ani-wrap {width: 75%;}
.announce-top .wrap .ani-wrap .ani-inner .title {font-size: 14px;}
.announce-top button {font-size: 14px;}
}
@media screen and (max-width:856px){
.project-list li{width:50%}
.announce-top .wrap .ani-wrap {width: 70%;}
.product-service .content-item li {
  width: 33.3%;
}
}
@media screen and (max-width:768px){
.index-section2{margin-top:60px}
.page-index h2,.page-index.en h2{font-size:40px}
.page-index .s-summary{font-size:16px}
.page-index .m-list .text,.page-index.en .m-list .text{position:relative;margin-top:10px;font-size:16px}
.page-index .m-list li{margin:40px 10px 0px 10px}
.page-index .m-list a{width:184px;height:auto;}
.index-section3{margin-top:60px}
.index-section4{margin-top:60px}
.index-section5 .left-news .text{box-sizing: border-box; padding: 0px 19px 0 25px}
#gototop{width:36px;height:36px}
#gototop i{width:12px;height:13px;margin-top:12px}
#gototop span{display:none}
.page-article .article-title{text-align:center;font-size:18px;padding-top:0;border-bottom-width:1px}
.stock-list-main .stock-list-title{font-size:18px}
.page-article .article-post-time{font-size:16px}
.page-article .article-btn-jump{margin-top:50px}
.page-article .article-btn-jump a{width:110px;font-size:16px;margin:0 20px}
.page-article2 .article-title{font-size:18px;border-bottom-width:1px}
.page-article2 .article-read-all{text-align:center;margin:50px 0 0 0}
.page-article2 .article-read-all a{font-size:16px}
.page-about h2{font-size:24px}
.mod-list2 .date{width:100px}
.mod-list2 .date .year{font-size:18px}
.mod-list2 .day-month{font-size:26px}
.mod-list2 .title{font-size:14px;padding-right:40px}
.mod-list2 .arrow{right:10px}
.mod-article-box h2{font-size:24px}
.mod-title{font-size:20px}
.mod-title i{top:4px}
.mod-title .trigger{width:22px;height:22px;bottom:16px}
.page-jgrz .section h2{font-size:24px}
.scdc-list .hd{font-size:24px}
.scdc-list .bd .pic{float:none;margin-right:0;margin-left:0}
.scdc-list .bd .pic img{max-width:100%}
.scdc-list .bd .text{margin-top:20px;width:100%;}
.scdc-list2 .bd .text{width:100%;max-width:710px}
.index-section1 .slick-dots{bottom:8px}
.index-section1 .slick-dots li{width:10px;height:10px}
.gupiaojiaoyi .section2{position:relative}
.gupiaojiaoyi .section2 .pic{margin-right:188px}
.gupiaojiaoyi .section2 .pic img{width:100%;height:auto}
.gupiaojiaoyi .section2 .text{position:absolute;float:none;right:10px;top:30%;margin-top:0}
.index-section5{padding-bottom:50px;padding-top:80px}
.index-section5 .section-bd{margin-top:50px}
.index-section5 .left-news .text h4{margin-top:0px}
.index-section5 .left-news .pic{float:none;width:42%;float: left;margin-right: 0;}
.index-section5 .left-news .pic img{max-width:85%;height:auto}
.index-section5 .left-news .text{float:none;height:auto;float: left;width: 430px;}
.index-section5 .left-news .text .desc {margin-top: 40px;}
.index-section5 .left-news .text .date{position:relative;top:-7px}
.index-section5 .right-news{margin-top:20px}
.search2{padding-top:70px}
.search-banner{height:300px}
.search2 .bd .input-text{font-size:20px}
.search2 .hd{font-size:30px}
.search-result .search-list .title{font-size:20px}
.index-section1 .item .layout p {width: 350px;height: 160px; font-size: 14px;position: absolute;top: 130px;left: 20px;}
.index-section1 .item .layout .p2-us {top:90px;font-size: 14px;}
.index-section1 .item .layout .arrow {width: 30px;height: 30px; position: absolute;top: 200px;left: 30px;}
.index-section1 .item .layout .arrow-us {top: 230px;}
.index-section2 .layout,.index-section3 .layout {padding: 0;}
.index-section4 .section-bd .top-pic{position:relative;height:auto;width:200%;margin-left:0;left:-50%;margin-bottom:10px}
.index-section4 .list{width:50%;background:#eeeff3;position: absolute;top: 0;left: 0px;padding:20px 0;}
.index-section4 .list .text span{font-size:18px}
.index-section4.en .list .text span{font-size:18px}
.index-section3 .layout .m-list li{width:15%;}
.page-index .m-list .pic i {width: 100%;height: 100%;background-size: 100% auto;}
.page-index .m-list li a {width: 100%;height:160px;}
.page-index .m-list .pic {width: 70px;height: 70px;}
.announce-top .title2-wrap{max-width: 70%;}
.top-banner .item .banner-text{font-size: 28px}
.top-banner .item .banner-content .con-text1{font-size:26px;}
.top-banner .item .banner-content .con-text2{font-size:30px;}
.top-banner .item .banner-content .con-text3{font-size:28px;}
.flex-content {
  flex-direction: column;
  align-items: flex-start;
}
.download-tab-right {
  margin-top: 40px;
}
.softdown .table .download-tabcontent .download-tab1 .download-tab-left {
  width: 100%;
}
.softdown .table .download-tabcontent .download-tab1 .download-tab-right {
  width: 100%;
}
}
@media screen and (max-width:640px){
.page-index h2,.page-index.en h2{font-size:30px}
.page-index .s-summary{font-size:14px}
.scrollnews-stocklogin{margin-bottom:100px}
.scrollnews-stocklogin .scrollnews{margin-right:0}
.scrollnews-stocklogin .stocklogin{left:10px;text-align:center;margin-top:10px;top:100%}
/* .scrollnews-stocklogin .stocklogin a{display:inline-block;text-align:left;float:none}
.scrollnews-stocklogin .stocklogin i{width:25px;height:29px} */
.scrollnews-stocklogin .stocklogin{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-5px;margin-right:-5px}
.scrollnews-stocklogin .stocklogin a{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 5px;font-size:16px;text-align:center;background-position: 90% center;}
.scrollnews-stocklogin .stocklogin i{position:absolute;left: 5px;}
.stock-nav{margin-left:-1px}
.stock-nav li{width:25%;margin:1px 0 0 0}
.stock-nav a{border-left:1px solid #fff}
.stock-nav .sub-meun{display:none!important}
.softdown .table td,.softdown .table th{font-size:12px;vertical-align:top}
.feedback .form-group-left{width:45%}
.feedback .form-group-right{width:45%}
.gupiaojiaoyi .section1{width:448px}
.gupiaojiaoyi .section1 li{margin-left:15px;margin-right:15px}
.index-section1 .item .layout p {width: 220px;height: 160px; font-size: 14px;position: absolute;top: 100px;left: 20px;}
.index-section1 .item .layout .p2-us {width:240px; top: 50px;font-size: 14px;}
.index-section1 .item .layout .arrow {width: 30px;height: 30px; position: absolute;top: 200px;left: 30px;}
.index-section1 .item .layout .arrow-us {top: 220px;}
.index-section4 .list{padding:10px 0;}
.scdc-list .bd .text,.scdc-list2 .bd .text{width:100%}
.top-banner .item .banner-text{font-size: 24px}
.top-banner .item .banner-content .con-text1{font-size:22px;}
.top-banner .item .banner-content .con-text2{font-size:26px;}
.top-banner .item .banner-content .con-text3{font-size:24px;}
.product-service .articl-box .preiection-box>div:nth-child(2) {
  padding-bottom: 50px;
}
}
@media screen and (max-width:600px){
.filter .item{float:none;margin-top:15px}
.announce-top .title2-wrap{max-width: 65%;}
}
@media screen and (max-width:575px){
.project-list li{width:100%;float:none;margin-left:auto;margin-right:auto}
.product-service .content-item li {
  width: 50%;
}
.product-service .bottom-wrap .bottom-content {
  padding: 24px;
}
}
@media screen and (max-width:560px){
.scrollnews-stocklogin .stocklogin{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-5px;margin-right:-5px}
.scrollnews-stocklogin .stocklogin a{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 5px;font-size:16px;text-align:center}
.scrollnews-stocklogin .stocklogin i{margin-left:0}
.index-section2{margin-top:40px}
.index-section2 .layout .m-list li {width: 26%}
.page-index.en .index-section2 .layout .m-list li {width: 20%}
.index-section3{margin-top:40px}
.index-section4{margin-top:25px}
.index-section4 .section-bd{margin-top:20px}
.index-section4 .list{padding:0px 0}
.index-section4 .list a{height:68px;width: 95px;padding-top: 5px;padding-bottom:3px}
.index-section4.en .list li a{height:68px;width: 100%}
.index-section4 .list li:nth-child(3) a{padding-top:2px;}
.index-section4 .list li:nth-child(4) a{padding-top:2px;}
.index-section4 .list .text{font-size:18px; bottom: -20px;}
.index-section5 .left-news .text .desc{font-size: 10px; line-height: 1.5; margin-top: 8px}
.page-index .s-summary .text{font-size:8px;padding:0;}
.index-section4 .list .text span{font-size:10px}
.index-section4.en .list .text span{font-size:10px}
.index-section4 .list .pic .icon-horse {background-size: 35%; background-position: 20px 32px;}
.index-section4 .list .pic .icon-person {background-size: 35%; background-position: 23px 32px;}
.index-section4 .list .pic .icon-earth {background-size: 35%; background-position: 18px 32px;}
.index-section4 .list .pic .icon-layer {background-size: 35%; background-position: 22px 32px;}
.index-section4 .list .pic i{margin-top:0;height: 55px;}
.index-section5{padding-top:40px}
.index-section5 .section-bd{margin-top:20px}
.index-section5 .right-news .month{font-weight:400}
.index-section5 .right-news .day{font-weight:400}
.index-section4 .list{padding:20px 0}
.page-index .s-summary{margin-bottom:0;padding-bottom:10px;line-height:1.5}
.page-index .m-list{margin:0 -5px}
.page-index .m-list li{margin:40px 0 0;height:auto}
.page-index .m-list li a{width:100%;height:auto;}
.page-index .m-list .pic{width:35px;height:35px}
.page-index .m-list .pic i{width:100%;height:100%;background-size:100% auto}
.page-index .m-list .text,.page-index.en .m-list .text{font-size:14px}
.index-section4 .list li{width:50%}
.about-section4 li{padding:0;border:none}
.about-section4 .item{width:100%;float:none;padding-top:30px}
.about-section4 .city{margin-left:10px}
.about-section4 dd{margin-left:20px}
.gupiaojiaoyi .section2 .pic{margin:0 10%;float:none}
.gupiaojiaoyi .section2 .text{position:relative;text-align:center;margin-top:29px}
.search-banner{height:260px}
.search2 .hd{font-size:24px}
.search2 .bd{padding-right:85px}
.search2 .bd .input-text{font-size:18px;height:40px;line-height:40px}
.search2 .bd .input-button{width:80px;height:40px;line-height:40px;background-size:20px auto}
.index-section1 .item .layout p {width: 200px;height: 160px;font-size: 12px;position: absolute;top: 100px;left: 20px;}
.index-section1 .item .layout .p2-us {width:200px; top: 55px;font-size: 12px;}
.index-section1 .item .layout .arrow {width: 30px;height: 30px; position: absolute;top: 180px;left: 30px;}
.index-section1 .item .layout .arrow-us {top: 210px;}
.index-section5 .left-news .text .date {font-size: 12px;}

@-webkit-keyframes fadeOutLeft{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-820px);transform:translateX(-820px)}
}
@keyframes fadeOutLeft{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-820px);transform:translateX(-820px)}
}
.announce-top .wrap{height:40px;line-height: 40px;}
.announce-top .wrap .ani-wrap {width: 60%;}
.announce-top button {top:7px;font-size: 12px;}
.wide-content-en {font-size:12px}
.wide-content-en td {padding:1px}
.biaoge-download .list table td {padding: 5px 1px;}
/* .softdown .table th {padding:18px 1px}
.softdown .table td {padding:18px 1px} */
.top-banner .item .banner-text{font-size: 20px}
.top-banner .item .banner-content .con-text1{font-size:18px;}
.top-banner .item .banner-content .con-text2{font-size:22px;}
.top-banner .item .banner-content .con-text3{font-size:20px;}
}
@media screen and (max-width:480px){
.header .logo img{width:120px}
.page-index .m-list{padding-top:30px}
/* .page-index .m-list li{margin:10px 6px} */
.page-index .m-list li{margin:10px 0}
.page-index .m-list1 li{margin:0px 0px}
.page-index .m-list .text{font-size:12px}
.page-index.en .m-list .text{font-size:12px;}
.index-section3 .m-list .text{padding-bottom:0}
.page-index .m-list a{width:auto;height:auto;padding:0px}
.index-section5 .left-news .text h4{font-size:12px;margin-top: 0px;}
.index-section4 .list{padding:0px 0}
.index-section4 .list a{height:68px;width: 95px;padding-top: 5px;padding-bottom:3px}
.index-section4.en .list a{height:68px;width: 95px}
.index-section4 .list li:nth-child(3) a{padding-top:2px;}
.index-section4 .list li:nth-child(4) a{padding-top:2px;}
.index-section4 .list .text{font-size:18px; bottom: -20px;}
.index-section5 .left-news .text .desc{font-size: 10px; line-height: 1.5; margin-top: 8px}
.page-index .s-summary .text{font-size:8px;padding:0;}
.index-section4 .list .text span{font-size:10px}
.index-section4.en .list .text span{font-size:10px}
.index-section4 .list .pic .icon-horse {background-size: 35%; background-position: 20px 32px;}
.index-section4 .list .pic .icon-person {background-size: 35%; background-position: 23px 32px;}
.index-section4 .list .pic .icon-earth {background-size: 35%; background-position: 18px 32px;}
.index-section4 .list .pic .icon-layer {background-size: 35%; background-position: 22px 32px;}
.index-section4 .list .pic i{margin-top:0;height: 55px;}
.page-index .s-summary {bottom: -24px;}
.footer{font-size:12px}
.footer .right{text-align:center}
.footer .ewm li{margin:0 6px;float: none;display: inline-block;}
.footer.en .ewm li{width:45%;margin:0 6px;float:left;}
.footer2{font-size:12px}
.footer2 .right{text-align:center}
.footer2 .qrcode li{margin:0 6px;float:none;display:inline-block}
.scdc-list .bd .pic a{display:block}
.scdc-list .bd .pic img{width:100%;height:auto}
.scrollnews-stocklogin .stocklogin{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-5px;margin-right:-5px}
.scrollnews-stocklogin .stocklogin a{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 5px;font-size:16px;text-align:center}
.scrollnews-stocklogin .stocklogin i{margin-left:0}
.stock-nav{font-size:15px}
.stock-nav a{height:40px;line-height:40px}
.softdown .table td,.softdown .table th{font-size:9px}
.question{margin:0 10px 10px}
.feedback .form-group-box{margin-bottom:10px}
.feedback .form-group-left{width:100%;margin-bottom:10px}
.feedback .form-group-right{width:100%}
.feedback .form .yzm{margin-left:0}
.gupiaojiaoyi .section1{width:auto}
.gupiaojiaoyi .section1 li{float:none;width:auto;margin:8%;text-align:center}
.gupiaojiaoyi .section1 .desc{text-align:inherit;margin:0 10%}
.index-section1 .item .layout p {width: 200px;height: 130px;font-size: 8px;position: absolute;top: 50px;left: 10px;line-height: 14px;}
.index-section1 .item .layout .arrow {width: 20px;height: 20px; position: absolute;top: 110px;left: 15px;}
.index-section4 .section-bd .top-pic{position:relative;height:auto;width:200%;margin-left:0;left:-50%;margin-bottom:10px}
.index-section4 .list{width:50%;background:#eeeff3;position: absolute;top: 0;left: 0px;}
.index-section5 .left-news .pic{float:none;width:40%;float: left;margin-right: 0px;text-align: left;}
.index-section5 .left-news .text{float:none;height:auto;width: 212px;float: left;padding: 0px;}
.index-section5 .left-news .text .desc {height: 91px;}
.index-section5 .left-news .text .date {top: -24px;margin-top: 23px;font-size: 12px;}
.index-section5 .left-news .pic img {max-width: 90%;}
.index-section5 .right-news {margin-top: 10px;}
.index-section5 .right-news .desc {height: 70px;font-size: 10px;}
.index-section5 .right-news .date {margin-top: 8px;}
.index-section5 .right-news a {padding: 0px;}
.index-section5 .left-news .text .arrow {bottom: 10px;width: 30px;height: 30px;background-size: contain;}
.index-section2 .layout,.index-section3 .layout {padding: 0;}
.page-index.en .index-section2 .layout .m-list li {width:20%}
/* .page-index.en .index-section3 .layout .m-list li{width:22%;} */
.page-index.en .index-section3 .layout .m-list li{width:18%;}
.page-index h2,.page-index.en h2 {font-size: 20px;}
.page-index .s-summary {margin: -20px 12px 0px 15px;}
.footer .layout .ewm img {width: 60%;}
.index-section1 {margin-top: 5px;}
.index-section2 {margin-top: 45px;}
.index-section3 {margin-top: 45px;}
.index-section4 {margin-top: 45px;}
.index-section5 {margin-top: 5px;}
.index-section1 .item .layout .p2-us {width:203px; top: 30px;font-size: 8px;}
.index-section1 .item .layout .arrow-us {top: 110px;}
.top-banner .item .banner-content .con-text1{font-size:14px;}
.top-banner .item .banner-content .con-text2{font-size:16px;}
.product-service .climate-article {font-size: 14px;}
}
@media screen and (max-width:460px){
  .page-index.en .index-section3 .layout .m-list li a{max-width: 90px}
  .product-service .content-item li {
    width: 100%;
    height: auto;
  }
  .product-service .content-item li .item-content {
    width: auto;
  }
  .product-service .mod-title .title-center:before, .product-service .mod-title .title-center:after {
    width: 8px;
    margin: 0 8px;
  }
  .softdown .table .download-tablist li {
    width: 30%;
  }
}
@media screen and (max-width:360px){
.page-index .m-list li {width: 16%;margin: 10px 5px;}
.page-index .m-list .pic {width: 35px;height: 35px;}
.index-section2 .layout .m-list li {width: 31%;margin: 10px 0px;}
.page-index.en .index-section2 .layout .m-list li {width: 26%}
.page-index.en .index-section3 .layout .m-list li{width:16%}
.index-section2 .layout .m-list .pic {width: 35px;height: 35px;}
.index-section4 .list .pic .icon-horse {background-size: 35%; background-position: 20px 32px;}
.index-section4 .list .pic .icon-person {background-size: 35%; background-position: 23px 32px;}
.index-section4 .list .pic .icon-earth {background-size: 35%; background-position: 18px 32px;}
.index-section4 .list .pic .icon-layer {background-size: 35%; background-position: 22px 32px;}
.index-section4 .list .pic i{margin-top:0;height: 55px;}
.page-index .s-summary {bottom: -24px;}
.index-section4 .list .text span {padding: 0;}
.index-section4.en .list .text span {padding: 0;}
.index-section4 .list .text {font-size: 12px; bottom: -7px;}
.index-section5 .left-news .text {width: 180px;}
.index-section5 .left-news .text h4{font-size: 10px;}
.index-section5 .left-news .text .desc{font-size: 10px;}
.index-section1 .item .layout p {width: 160px;top: 50px;}
.index-section2 .layout,.index-section3 .layout {padding: 0;}
.page-index .m-list .text,.page-index.en .m-list .text {font-size: 8px;}
.page-index .s-summary .text{font-size:8px;padding:0}
.page-index .s-summary {margin-left: 8px;}
.index-section1 .item .layout p {font-size: 8px;}
.index-section1 .item .layout .p2-us {width:172px; top: 20px;}
.index-section1 .item .layout .arrow-us {top: 110px;}
}