@charset "utf-8";
/*************************** 宽屏样式(start) ***************************/
.w_1200 #int .int_box .list{ width:270px; margin-left:40px;}
.w_1200 #int .int_box .list .sign { width: 270px; }
.w_1200 #inm .intl{ width:785px;}
.w_1200 #inm .intl .top .box .pic{ width:202px; height:173px;}
.w_1200 #inm .intl .top .box .con{ width:555px;}
.w_1200 #inm .intl .top .box .con .brief{margin-top:7px; height:110px;}
.w_1200 #inm .intl .case .cate{ width:376px;}
.w_1200 #inm .intl .case .con_r{ width:370px;}
.w_1200 #inm .news{ width:390px;}
.w_1200 #inm .news .list{ margin-top:25px;}
/* .w_1200 #inm .news .list .con{ width:290px;} */
.w_1200 #inb .inbl{ width:630px;}
.w_1200 #inb .inbr{ width:480px;}
/***************************  宽屏样式(end)  ***************************/
/*************************** Index (start) ****************************/
#banner{ max-width: 1920px;margin: auto;min-height: 100px;}
#banner .hd{ height:15px; bottom:100px;}
#banner .hd ul li{ width:15px; height:15px; border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; background:#50aa8c; margin:0 5px;}
#banner .hd ul li.on{ background:#fff;}
#banner .bx-wrapper .bx-pager { display: none; }

#int{ background:#f3f6f5;}
#int .wrap{ position:relative;}
#int .int_box{ width:100%; margin-top:-68px; display: flex; flex-wrap: wrap; padding-bottom: 40px; }
#int .int_box .list{ width:230px; margin-left:20px; text-align:center; padding-bottom:70px; background:url(../images/int_bg.jpg) #fff right bottom no-repeat;}
#int .int_box .list:first-child{ margin-left:0;}
#int .int_box .list:hover img{ transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
#int .int_box .list .sign{ width: 230px; display: table-cell; vertical-align: middle; padding:10px; height:48px;background:#66c1a3; font-family:"Verdana"; font-size:15px; overflow:hidden; color:#fff;}
#int .int_box .list .pic{ width:84px; height:84px; text-align:center; margin:0 auto;}
#int .int_box .list .pic img{ vertical-align:middle;}
#int .int_box .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#int .int_box .list .tit { height:30px; line-height:30px; margin:0 30px; overflow:hidden;}
#int .int_box .list .tit a{ font-family:"Verdana"; font-size:22px;}
#int .int_box .list .tit a:hover{ color:#66c1a3; text-decoration:none;}
#int .int_box .list .brief{ font-family:"Verdana"; font-size:14px; color:#555; margin:0 30px; line-height:20px; }

#inm{ padding:40px 0;}
#inm .sign{ font-family:"Verdana"; font-size:22px;}
#inm .one_box { margin-bottom: 50px; }
#inm .intl{ width:641px;}
#inm .intl .top .box .pic{ width:165px; height:142px; text-align:center;}
#inm .intl .top .box .pic img{ vertical-align:middle;}
#inm .intl .top .box .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#inm .intl .top .box .con{ width:454px;}
#inm .intl .top .box .con .tit{ color:#50aa8c; font-family:"Verdana"; font-size:18px; line-height:25px; height:50px; overflow:hidden;}
#inm .intl .top .box .con .tit a {color: #50aa8c;}
#inm .intl .top .box .con .brief{ font-size:14px; font-family:"Verdana"; color:#555; line-height:22px; margin-top:10px; height:88px; overflow:hidden;}
#inm .intl .mid{ margin-top:15px;}

#inm .intl .case .cate{ width:308px;}
#inm .intl .case .cate .list{ height:58px; line-height:58px; overflow:hidden; text-indent:55px;}
#inm .intl .case .cate .list a{ display:block; font-family:"Verdana"; font-size:14px; background:url(../images/case_sign.png) #fafafa 35px center no-repeat; height:58px; overflow:hidden;}
#inm .intl .case .cate .list a:hover{ text-decoration:none;}
#inm .intl .case .cate .list .cur{ background:url(../images/case_sign_cur.png) #50aa8c 35px center no-repeat; color:#fff;}
#inm .intl .case .con_r{ width:303px;}
#inm .intl .case .con_r .con{ display:none;}
#inm .intl .case .con_r .cur{ display:block;}
#inm .intl .case .con .tit{ font-size:16px; color:#50aa8c; font-family:"Verdana"; height:40px; line-height:20px; overflow:hidden;}
#inm .intl .case .con .brief{ font-family:"Verdana"; font-size:14px; color:#555; line-height:20px; margin-top:10px; height:120px; overflow:hidden;}

#inm .news{ width:319px;}
#inm .news .list{ margin-top:20px;}
#inm .news .list:first-child{ margin-top:0;}
#inm .news .list .date{ width:82px; height:115px; background:url(../images/news_date.jpg) no-repeat;display: none;}
#inm .news .list .date span{ display:inline-block; width:70px; text-align:center;}
#inm .news .list .date .d{ color:#fff; font-size:42px; margin-top:5px;}
#inm .news .list .date .m{ font-size:20px;}
#inm .news .list .date .y{ color:#fff; font-size:15px; margin-top:14px;}
#inm .news .list .con{ width:100%;}
#inm .news .list .con .tit{ height:20px; line-height:20px; overflow:hidden;}
#inm .news .list .con .tit a{ color:#50aa8c; font-size:16px; font-family:"Verdana";}
#inm .news .list .con .brief{ font-size:14px; color:#555; font-family:"Verdana"; line-height:20px; height:80px; overflow:hidden; margin-top:10px;display: none;}
#inm .news .ic_a { margin-top: 20px; }
#inm .news .info_img_box { position: relative; padding-top: 51.286%; max-width: 390px; margin-top: 20px; }
#inm .news .info_img_box a, #inm .news .info_img_box img { display: block; font-size: 0; }
#inm .news .info_img_box img { position: absolute; top: 0; right: 0; border: 0; left: 0; margin: auto; }

#inb{ padding:35px 0; background:#edeef0;}
#inb .sign{ font-size:18px; font-family:"Verdana";}
#inb .inbl{ width:514px;}
#inb .inbl .brief{ font-family:"Verdana"; font-size:14px; line-height:22px; margin-top:10px; margin-bottom:15px;}
#inb .inbl .share a{ margin:0 1px;}
#inb .inbr{ width:392px;}
#inb .inbr .tips{ font-family:"Verdana"; font-size:14px; margin:12px 0;}
#inb .inbr .letter .form_input{ width:316px; height:41px; border:1px solid #dcdcdc; background:#fff; vertical-align:top; text-indent:10px; font-size:14px;}
#inb .inbr .letter .submit{ height:43px; line-height:43px; padding:0 15px; background:#50aa8c; color:#fff; border:1px solid #dcdcdc; color:#fff; vertical-align:top; cursor:pointer; font-size:14px;}
#inb .inbr .letter .submit:hover{ background:#333;}
#inb .inbr a { display: block; line-height: 22px; font-size: 14px; margin-top: 10px; }

.w_1200 #index_search .item { width: 580px; }
#index_search { margin-top: 50px; }
#index_search .item { box-sizing: border-box; position: relative; width: 475px; padding-top: 31.667%; margin: 0; }
#index_search .item img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#index_search .item .item_content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#index_search .item .item_content .center_are { text-align: center; padding: 0 6%; }
#index_search .item .item_content .center_are .title { width: 100%; line-height: 44px; font-size: 36px; color: #fff; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: box; overflow: hidden; }
#index_search .item .item_content .center_are a { display: inline-block; line-height: 44px; font-size: 14px; color: #fff; text-transform: uppercase; background: #e1a546; padding: 0 30px; margin: 34px auto 0; } 

#regional_content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#regional_content .content { margin-bottom: 22px; text-align: center;}
#regional_content .content a{  display: inline-block; line-height: 44px; font-size: 14px; color: #fff; text-transform: uppercase; background: #e1a546; padding: 0 30px; margin-top: 34px; }
#regional_content .title { line-height: 44px; font-size: 32px; font-family: "Verdana-Bold"; text-align: center; color: #fff; padding: 0 5%; }
#regional_content .source { font-size: 14px; text-align: center; color: #fff; font-family: "Verdana-Regular"; padding: 0 5%; margin-top: 9px; margin-bottom: 27px; }

.same_search_form { width: 380px; margin: auto; }
.same_search_form form { width: 100%; position: relative; }
.same_search_form form .input { box-sizing: border-box; border: none; border-radius: 0; width: 100%; height: 44px; font-size: 14px; padding: 0 10px; font-family: "Verdana-Regular"; padding-right: 58px; text-align: center; }
.same_search_form form .submit { box-sizing: border-box; position: absolute; top: 0; right: 0; width: 48px; height: 44px; background: url(../images/icon_search.png) no-repeat center #e1a546; border: none; border-radius: 0; cursor: pointer; }
.same_search_form form ul { box-sizing: border-box; position: absolute; top: 47px; left: 0; right: 0; width: 100%; height: 100px; border: 1px solid #50aa8c; background: #fff; padding: 0 12px; margin: auto; overflow-y: auto; display: none; }
.same_search_form form ul li { box-sizing: border-box; line-height: 23px; font-size: 13px; font-family: "Verdana-Regular"; color: #545454; border-bottom: 1px dashed #d9d9d9; padding: 5px 0; }
.same_search_form form ul li:last-child { border-bottom: none; }
.same_search_form form ul li a { display: block; text-decoration: none; color: #545454; }
.same_search_form form ul li a span { color: #50aa8c; }
.same_search_form form .input::-webkit-input-placeholder{color:#a8a8a8;}
.same_search_form form .input:-moz-placeholder{color:#a8a8a8;}
.same_search_form form .input::-moz-placeholder{color:#a8a8a8;}
.same_search_form form .input:-ms-input-placeholder{color:#a8a8a8;}
#search_form_1 form .input { padding-right: 90px; }
#search_form_1 form i { display: block; position: absolute; width: 25px; height: 25px; background: url(../images/icon_close.png) no-repeat center; top: 0; right: 55px; bottom: 0; margin: auto; cursor: pointer; }

.w_1200 #search_html .left { width: 325px; }
.w_1200 #search_html .left .company_name, #search_html .left .stock { font-size: 22px; }
.w_1200 #search_html .left .industry { font-size: 20px; }
.w_1200 #search_html .left .list { width: 254px; height: 100px; }
.w_1200 #search_html .left .list .li { height: 34px; line-height: 33px; }
.w_1200 #search_html .left .esg { line-height: 27px; font-size: 20px; }
.w_1200 #search_html .right { width: 255px; }
.w_1200 #search_html .right .score { width: 195px; }
.w_1200 #search_html .right .score .years { font-size: 24px; }
.w_1200 #search_html .right .score .big_num { font-size: 100px; }
.w_1200 #search_html .right .score .title { font-size: 16px; }
.w_1200 #search_html .right .same_search_form { width: 243px; }
.w_1200 #search_html .right .same_search_form form .input { height: 44px; }
.w_1200 #search_html .right .same_search_form form .submit { height: 44px; }
#search_html { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#search_html .left { box-sizing: border-box; width: 250px; padding-left: 25px; padding-top: 36px; }
#search_html .left.no_matching { width: 80%; }
#search_html .left .shortname { font-size: 15px; font-family: "Verdana-Bold"; color: #fff; }
#search_html .left .company_name, #search_html .left .stock { font-size: 16px; font-family: "Verdana-Bold"; color: #fff; }
#search_html .left .industry { font-size: 14px; color: #fff; margin-top: 7px; }
#search_html .left .check_list { display: block; font-size: 14px; font-family: "Verdana-Regular"; color: #fff; text-decoration: underline; margin-top: 16px; } 
#search_html .left .list { box-sizing: border-box; width: 185px; height: 70px; padding: 0 12px; background: #fff; overflow-y: auto; margin-top: 1px; display: none; }
#search_html .left .list.show { display: block; }
#search_html .left .list .li { box-sizing: border-box; height: 24px; line-height: 23px; font-size: 13px; font-family: "Verdana-Regular"; color: #545454; border-bottom: 1px dashed #d9d9d9; overflow: hidden; }
#search_html .left .list .li:last-child { border-bottom: 0; }
#search_html .left .esg { display: block; max-width: 85%; line-height: 20px; font-size: 13px; color: #fff; margin-top: 16px; } 
#search_html .right { box-sizing: border-box; width: 220px; padding-top: 9px; padding-right: 13px; }
#search_html .right.no_matching { width: 80px; }
#search_html .right .back { display: inline-block; font-size: 14px; font-family: "Verdana-Regular"; color: #fff; text-decoration: underline; }
#search_html .right .score { width: 140px; background: #fff; border-radius: 11px; text-align: center; padding-top: 23px; padding-bottom: 35px; margin-top: 13px; margin-left: 25px; }
#search_html .right .score .years { font-size: 18px; font-family: "Verdana-Bold"; color: #50aa8c; }
#search_html .right .score .big_num { font-size: 45px; font-family: "Verdana-Bold"; color: #50aa8c; margin-top: 2px; }
#search_html .right .score .title { font-size: 14px; font-family: "Verdana-Bold"; color: #50aa8c; margin-top: 6px; }
#search_html .right .sources { font-size: 12px; color: #fff; font-family: "Verdana-Regular"; margin: 9px 0 6px; }
#search_html .right .same_search_form { width: 205px; }
#search_html .right .same_search_form form .input { height: 35px; text-overflow: ellipsis; white-space: nowrap; }
#search_html .right .same_search_form form .submit { height: 35px; }

#no_search_html { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#no_search_html .left { box-sizing: border-box; width: 250px; padding-left: 25px; padding-top: 36px; }
#no_search_html .left.no_matching { width: 80%; }
#no_search_html .left.no_matching .company_name { font-size: 24px; }
#no_search_html .left .company_name { font-size: 16px; font-family: "Verdana-Bold"; color: #fff; }
#no_search_html .right { box-sizing: border-box; width: 220px; padding-top: 9px; padding-right: 13px; }
#no_search_html .right.no_matching { width: 80px; }
#no_search_html .right .back { display: inline-block; font-size: 14px; font-family: "Verdana-Regular"; color: #fff; text-decoration: underline; }


#new_add_park { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px; }
#new_add_park .title { font-size: 18px; color: #333333; font-family: Verdana; }
.w_1200 #new_add_park .left_box { width: 785px; }
.w_1200 #new_add_park .right_box { width: 390px; }
#new_add_park .left_box { width: 641px; }
#new_add_park .left_box .left_list { display: flex; flex-wrap: wrap; }
#new_add_park .left_box .left_list .left_item { width: 28.388%; margin-right: 7.4%; margin-bottom: 20px; }
#new_add_park .left_box .left_list .left_item:nth-child(3n) { margin-right: 0; }
#new_add_park .left_box .left_list .left_item .img { position: relative; padding-top: 135%; }
#new_add_park .left_box .left_list .left_item .img a { display: block; font-size: 0; }
#new_add_park .left_box .left_list .left_item .img img { position: absolute; top: 0; display: block; font-size: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#new_add_park .left_box .left_list .left_item .text_a { display: block; padding: 10px 5px; font-size: 15px; color: #50aa8c; text-decoration: none; text-align: center; }
#new_add_park .left_box .more_btn { text-align: right; }
#new_add_park .right_box { width: 319px; }
#new_add_park .right_box .right_list {}
#new_add_park .right_box .right_list .right_item { margin-bottom: 15px; }
#new_add_park .right_box .right_list .right_item a { font-size: 15px; color: #50aa8c; text-decoration: none;  }

.search_dump_img { padding-top: 50px; }

.w_1200 #video .video_text { width: 775px; }
#video { margin-bottom: 50px; }
#video .wrap { margin-bottom: 25px; }
#video .wrap:last-child { margin-bottom: 0; }
#video .video_text { width: 545px; }
#video .video_text .title { font-size: 24px; color: #333333; font-family: Verdana; text-transform: uppercase; }
#video .video_text .sub_title { font-size: 16px; color: #3c7f69; font-family: Verdana; margin-top: 17px; }
#video .video_text .brief { line-height: 24px; font-size: 14px; color: #545454; font-family: Verdana; margin-top: 17px; }
#video .video_park { width: 390px; position: relative; padding-top: 219px; }
#video .video_park a { display: block; font-size: 0;  }
#video .video_park a::after { content: ''; position: absolute; display: block; width: 70px; height: 70px; top: 0; right: 0; bottom: 0; left: 0; background: url(/static/themes/t173/images/video_btn.png) no-repeat center; margin: auto; }
#video .video_park img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.index .video_con{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 1000;}
.index .video_con.cur{ -webkit-transform: translateY(0); transform: translateY(0);}
.index .video_con .video_con_in{ position: absolute; left: 50%; top: 50%; width: 800px; height: 500px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.index .video_con .video_con_in embed{ width: 100%; height: 100%;}
.index .video_con .video_con_in .close_btn{ position: absolute; right: -12px; top: -12px; width: 25px; height: 25px; background: #fff; text-align: center; -webkit-border-radius: 50%; border-radius: 50%;}
.index .video_con .video_con_in .close_btn img{ max-width: 50%; max-height: 505; padding: 6px;}
@media screen and (max-width: 768px) {
    .index .video_con .video_con_in{ width: 80%; height: 58.1395vw;}
}