@charset "utf-8";

* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%;}
body {padding: 0;margin: 0 auto;font-size: 16px; color: #333;background-color: #fff;font-family: "Arial","Microsoft YaHei";min-width: 320px; overflow-x: hidden;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.ul,dl,dt,dd{ padding: 0; margin: 0}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
table td {border-collapse: collapse;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #222222;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #003f80;text-decoration: none;}
a:focus {color: #222222;outline: none;-moz-outline: none;}
a:active {color: #222222;}

pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:""; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4,
.dot5{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.dot5{-webkit-line-clamp: 5;}

.ytable{ display:table; width:100%;table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.bg_cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg_contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}


.auto-1440{width:96%; max-width: 1440px; margin: auto; position: relative}

.mp{ margin: 0; padding: 0}

.lh_30{ line-height: 30px;}
.lh_36{ line-height: 36px;}
.lh_40{ line-height: 40px;}

.fs_16{ font-size: 16px;}
.fs_18{ font-size: 18px;}
.fs_22{ font-size: 22px;}
.fs_24{ font-size: 24px;}
.fs_30{ font-size: 30px;}

@media(max-width:1200px){
.lh_30{ line-height: 28px;}
.lh_36{ line-height: 32px;}
.lh_40{ line-height: 38px;}

.fs_18{ font-size: 17px;}
.fs_22{ font-size: 20px;}
.fs_24{ font-size: 22px;}
.fs_30{ font-size: 24px;}
}
@media(max-width:768px){
.lh_30{ line-height: 26px;}
.lh_36{ line-height: 28px;}
.lh_40{ line-height: 36px;}

.fs_15{ font-size: 15px;}
.fs_18{ font-size: 16px;}
.fs_22{ font-size: 18px;}
.fs_24{ font-size: 20px;}
.fs_30{ font-size: 22px;}
}

.fw_no{ font-weight: normal}

.NoRrecord{ padding: 20px 25px; white-space: nowrap;}

.color_999{ color: #999999}
.color_666{ color: #666}

.zoomimg .pic { overflow: hidden;}
.zoomimg .pic .ispic{ display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.zoomimg:hover .pic .ispic{ /*-webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);*/}


.header{ position:absolute; width: 100%; z-index: 100;background: url("/en/images/header_bg.png") repeat-x top center;}
.header .logo{ padding: 15px 0; position: absolute}


.header .nav{ padding:40px 200px 40px 320px;}
.header .nav a{ color: #fff}
.header .nav a:hover{ opacity: 0.8}
.header .nav li{ float: left; padding: 0 20px; position: relative}
.header .nav b{ font-size: 18px; font-weight: normal; line-height: 32px;}
.header .sub{ padding: 10px 20px; display: block; position: absolute; display: none;background-color:rgba(255,255,255,0.8); left: 0; border-radius: 5px;}
.header .sub span{ display: block; padding: 5px 0; }
.header .sub a {color: #333; display: block; white-space: nowrap}

.header .language,
.header .search,
.header .ewm{ top: 50%;-webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.header .ewm{ position: absolute; right: 124px;width: 32px; height: 32px; border: solid 1px #fff; border-radius: 100px; background: url("/en/images/weixin.png") no-repeat center center;}
.header .ewm span{ display: none; position: absolute; top: 40px; right: 0; width: 100px; height: 100px; }
.header .language{ position: absolute; right:48px;}
.header .language dt a{ font-size: 14px; display: block; line-height: 30px; color: #fff; padding-left: 15px; padding-right:25px; border: solid 1px #fff; border-radius: 100px;background: url("/en/images/icon_language.png") no-repeat 36px center;}
.header .language dd{ position: absolute; display: none;min-width: 100%; background: rgba(255,255,255,0.6); padding:0 10px; border-radius: 10px;}
.header .language dd a{ display: block; padding: 10px 0; border-bottom: solid 1px #ddd}
.header .language dd a:last-child{ border-bottom: none}
.header .search{ position: absolute; right: 0px; }
.header .open-search{ position: relative; display: block; background: url("/en/images/icon_search.png") no-repeat center center;width:32px; height:32px;cursor: pointer; border: solid 1px #fff; border-radius: 100px;}
.header .open-search.on{background: #2b78ff; border-color: #2b78ff}
.header .open-search.on:before,
.header .open-search.on:after{position: absolute; content:''; width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);background: #fff;}
.header .open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.header .top-search{position: absolute; z-index: 20; top: 0; right: 0; overflow: hidden;display: none; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header .top-search .text{color: #999; width: 100%; line-height: 50px;height: 50px;background: #fff; border: 0; padding: 0 50px 0 20px;}
.header .top-search .text.focus{color: #ff0000;}
.header .top-search .btn{position: absolute;right: 0;height: 100%;width: 50px; background: url("/en/images/icon_search.png") no-repeat center center #003f80;}
@media(max-width:1520px){
.header .nav{ padding-left: 300px;}
.header .nav li{ padding: 0 15px;}
.header .sub{padding: 10px 12px;}
}
@media(max-width:1400px){
.header .nav li{ padding: 0 10px;}
.header .nav b{ font-size: 17px}
.header .sub{padding: 10px 8px;}
}
@media(max-width:1300px){
.header .nav{padding-left:290px; padding-right: 120px;}
.header .nav b{ font-size: 16px;}
.header .nav li{ padding: 0 8px;}
}
@media(min-width:1200px){
.header .top-search{width:30vw; min-width: 300px;border-radius: 0 0 5px 5px;}
}
@media(max-width:1200px){
.header .logo{ position: relative; padding: 8px 0;}
.header .ewm{ display: none}
.header .search{ right: 50px;}
.header .language{ right: 100px;}
.header .top-search{width:300px;top: 100%;}
.header .top-search .text{background: rgba(0,0,0,0.5);color: #fff;}
.header .nav{position: fixed; top: 0px; right: 0;width: 0; padding: 0; overflow: hidden;bottom: 0;transition: 0.3s; z-index: 95; transition: 0.3s; }
.menu-show{overflow: hidden;}
.menu-show .header .nav{width: 240px;}
.header .nav ul{width: 240px; height: 100%; overflow: auto; padding: 100px 20px 20px 20px;background:#fff;}
.header .nav li{ padding: 5px 0; float: none;  border-bottom: 1px solid #ccc;}
.header .nav li b{ display: block; line-height: 40px; padding-right: 40px; border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;overflow: hidden; }
.header .nav li b a{ color: #000}
.header .nav li b .op{position: absolute;right:0; top: 0; height: 100%;width: 40px; transition: 0.3s;}
.header .nav li b .op.click{transform: rotate(45deg);}
.header .nav li b .op:before,
.header .nav li b .op:after{position: absolute; content: '';background: #bfbfbf; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.header .nav li b .op:before{width: 40%; height: 2px;}
.header .nav li b .op:after{height: 40%; width: 2px;}
.header .nav li .sub{padding:10px 0; min-width: 100%; position: relative; background: none}
.header .nav li .sub span{border-bottom: solid 1px #f9f9f9}
.header .nav li .sub span:last-child{ border-bottom: none}
.header .nav li .sub span a{color: #666; display: block}

.header .open-menu{width: 40px; height: 30px;position: absolute;right: 0; top: 50%; margin-top: -15px; z-index: 110;}
.header .open-menu i{position: absolute; width: 70%; height: 3px; background: #e60012; left:15%; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.header .open-menu i:nth-child(2){margin-top: -8px;}
.header .open-menu i:nth-child(3){ margin-top: 6px;}
.header .open-menu.on i:nth-child(1){opacity: 0;}
.header .open-menu.on i:not(:nth-child(1)){transform: rotate(45deg); margin-top: -1.5px;}
.header .open-menu.on i:nth-child(3){transform: rotate(-45deg);}
}
@media(max-width:640px){
.header .logo{ width: 50%}
}

.banner{ position: relative}
.banner .txt{ color: #fff; position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.banner span{ display: block}
.banner .cn{ font-size:2.6vw}
.banner .en{font-size:18px; display: none}
.banner .wap{ display: none}
.banner img{ width: 100%}
@media(max-width:1024px){
.banner .pc{ display: none}
.banner .wap{ display: block}
.banner .cn{font-size: 24px;}
.banner .en{font-size:18px}
}

.menu_location{ padding: 20px 0; line-height: 40px; margin-bottom: 3%;}
.location{ font-size: 14px; color: #cecece; padding-left: 12px; float: right; background: url("/en/images/icon_location.png") no-repeat left}
.location a{ color: #888888; padding: 0px 10px;}
.location span{ color: #003f80; padding-left: 10px;}
.menu{ float: left; position: relative; z-index: 80}
.menu li { font-size: 16px; position: relative; z-index: 10}
.menu li a{ display: block;}
.menu .column{ display: none}
@media(min-width:768px){
.menu_location{ border-bottom: solid 1px #e8ecf3}
.menu ul{ display: block!important;}
.menu li{ float: left; margin-right: 48px;}
.menu li.aon a{ color: #003f80; }
.menu li.aon a:after{ content: ''; display: block; position: absolute; left: 0;  bottom: -20px; width: 100%; height: 2px;background: #003f80}
}
@media(max-width:768px){
.location{ float: none}
.menu{ float: none}
.menu .column{ color: #fff; font-size: 18px; position: relative;display: block; padding: 5px 20px; margin: 0;
background: rgb(0,117,193); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,117,193,1) 0%, rgba(25,200,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,117,193,1) 0%,rgba(25,200,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,117,193,1) 0%,rgba(25,200,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075c1', endColorstr='#19c8fa',GradientType=1 ); /* IE6-9 */
}
.menu .column:before{ content: ''; position: absolute; right: 4%; top: 14px; width: 10px; height: 10px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(45deg); transition: 0.5s}
.menu .column.on:before{transform: rotate(-135deg); top: 20px; }
.menu ul{ z-index: 20; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width:100%; left: 0;}
.menu ul li{font-size: 14px; padding:5px 0;width: 100%; border-bottom: dotted 1px #ddd}
.menu ul li a{ display: block; padding: 0 20px}
}

.sub_mnu_business{ text-align: center; padding-bottom: 5%}
.sub_mnu_business li{ display: inline-block; line-height: 48px;  padding: 0px 1%}
.sub_mnu_business li a{ display: inline-block; padding: 0px 45px; border-radius: 100px; background: #f5f9fb}
.sub_mnu_business li.aon a{ color: #fff; box-shadow: 0 0 15px 0 rgba(0,100,187,0.4);
background: rgb(1,63,128); /* Old browsers */
background: -moz-linear-gradient(left, rgba(1,63,128,1) 0%, rgba(35,122,212,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(1,63,128,1) 0%,rgba(35,122,212,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(1,63,128,1) 0%,rgba(35,122,212,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013f80', endColorstr='#237ad4',GradientType=1 ); /* IE6-9 */}

.footer_menu{ padding: 3% 0; background: #f5f5f5}
.footer_menu .logo,
.footer_menu .logo2{ max-width: 320px}
.footer_menu .logo{ padding-bottom: 25px;}
.footer_menu .logo2{ padding-bottom: 25px}
.footer_menu .txt{ position: absolute; top: 0;}
.footer_menu .txt li{ position: relative;padding: 10px 0 10px 70px;}
.footer_menu .txt li a{ color: #003f80; display: inline-block; line-height: 40px; cursor: pointer; font-weight: bold}
.footer_menu .txt li .box{ display: none;position:absolute; bottom: 50px; background: #fff; padding: 10px; width: 190px;}
.footer_menu .txt li b{ line-height: 30px; display: block; padding-left: 40px; background: url(/en/images/foot_icon4.png) no-repeat left}
.footer_menu .txt span{ position: absolute; left: 0; padding: 7px; display: inline-block;background-color: #e3edf2; border-radius: 100px;}
.footer_menu .ewm{ z-index: 5; display: none;position: absolute; right: 0; bottom: 0; padding:2px; border: solid 1px #eee; background: #fff}
.footer_menu .ewm b{display: none; font-weight: normal; font-size: 14px; color: #888; padding:6px 5px; line-height: 17px; position: absolute; left: 10px; width:32px; text-align: center}
.footer_menu .ewm b:before,
.footer_menu .ewm b:after{ content: ''; width: 10px; height: 10px; position: absolute; border-style: solid; border-color: #888; border-width: 0}
.footer_menu .ewm b:before{left: 0; top: 0; border-left-width:2px;border-top-width:2px;}
.footer_menu .ewm b:after{right: 0; bottom: 0; border-right-width:2px;;border-bottom-width:2px;}
.footer_menu .ewm img{ width: 80px;}
.footer_menu .caidan{padding-left: 460px; min-height: 400px; line-height: 36px;}
.footer_menu .caidan ul{ padding-top: 10px}
.footer_menu .caidan ul li{ float: left; padding-right: 5%}
.footer_menu .caidan ul li b{ display: block; padding: 20px 0;}
.footer_menu .caidan ul li b a{ font-size: 18px; color: #003f80}
.footer_menu .caidan ul li:last-child{ padding-right: 0}
.footer_menu .sub span{ display: block; font-size: 14px}
.footer_menu .sub a{ color: #999999}
.footer_menu .sub a:hover{ color: #003f80}
.footer{ font-size: 14px; padding: 20px 0; line-height: 40px; background: #003f80}
.footer,
.footer a{ color:rgba(255,255,255,0.33);}
.footer .caidan{ float: left}
.footer .copyright{ float: right}
.footer .logo{ display: none}
@media(min-width:1100px){
.footer_menu .logo2{ position: absolute; bottom: 0; width: 120%}
.footer_menu .txt{/* padding-bottom: 70px*/}
}
@media(max-width:1400px){
.footer_menu .caidan{ padding-left: 360px;}
}
@media(max-width:1200px){
.footer_menu .caidan{padding-left: 320px;}
}
@media(max-width:1100px){
.footer_menu .caidan{padding-left: 0px; padding-bottom:3%;min-height: inherit}
.footer_menu .caidan ul{ padding-top: 0}
.footer_menu .txt{ position: relative;padding-bottom:20px}
.footer_menu .txt li{ padding-left: 50px; float: left; width: 50%}
.footer_menu .ewm{  display: block}
.footer { line-height: 22px;}
.footer .caidan,
.footer .copyright{ float: none}
.footer .caidan{ padding-bottom: 10px}
}
@media(max-width:768px){
.footer_menu .sub{ display: none}
.footer_menu .caidan ul li { float: none; width: 100%;border-bottom: solid 1px #ddd; }
.footer_menu .caidan ul li:last-child { padding-right: 5%; }
.footer_menu .caidan ul li b{ padding: 0; position: relative}
.footer_menu .caidan ul li b a{ font-size: 15px}
.footer_menu .caidan ul li b:before{ right: 2%;content: ''; position: absolute; top: 50%; margin-top: -5px; width: 10px; height: 10px;background: url(/en/images/foot_nav.png) no-repeat center center; transition: 0.5s}
.footer_menu .caidan ul li b i{ cursor:pointer; left:0; top:0; width:100%; height:100%; display:block; position:absolute}
.footer_menu .caidan ul li.on b:before{ transform: rotate(90deg)}
.footer_menu .txt li{float: none; width: 100%;}
.footer_menu .logo,
.footer_menu .logo2{ max-width:none; padding-right: 170px}
}

.Pages{ text-align: center; padding: 4% 0}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none}
.Pages span.p_page{ display: block}
.Pages em{font-style:normal;}
.Pages a{ overflow: hidden; display: inline-block; border: solid 1px #ebebeb; margin:0 6px; line-height: 38px; min-width: 40px; padding: 0px 10px; border-radius: 100px;}
.Pages a.a_cur{ background: #003f80; color: #fff; border-color: #003f80; box-shadow: 0 0 20px 2px rgba(0,100,182,0.24)}
.Pages a.a_prev,
.Pages a.a_next{ text-indent: -120px; background: url("/en/images/pages_icon.png") no-repeat}
.Pages a.a_prev:hover,
.Pages a.a_next:hover{ background-color: #003f80}
.Pages a.a_prev{ background-position: left center}
.Pages a.a_next{ background-position: right center}

.sitemap { padding-bottom: 5%}
.sitemap li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.sitemap li b{ padding: 10px 0; display:block; font-size:16px; font-weight:normal;}
.sitemap li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}

.link_list{ padding-bottom: 4%}
.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgba(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}
@media(max-width:640px){
.link_list li{ width: 50%; }
}

.search_list{ padding-bottom: 4%}
.search_list li{ padding: 1.5% 0; border-bottom: solid 1px #eee}
.search_list li span,
.search_list li em{ color: #999}
.search_list li em{ font-style: normal}
.search_list li span{ float: right; padding-left: 15px;}

.single_article{ padding-bottom: 6%;}

.news_list{ padding-bottom: 2%}
.news_list time{ display: inline-block;text-align: center; color: #333;font-size: 14px; border-radius: 4px;}
.news_list time b{ display: block;line-height: 90%; font-weight: normal}
.news_list .isnew{ padding-bottom: 4%; margin-bottom: 2%; border-bottom: solid 1px #e7e7e7}
.news_list .isnew .pic img{ width: 100%}
.news_list .isnew h3{ padding-top:2%}
.news_list .isnew p{ margin: 20px 0}
.news_list .isnew .more { display: block;}
.news_list .isnew .more a{ position: relative;color: #999999; font-size: 14px; display: inline-block; line-height: 46px; width: 160px; padding-left: 46px; border: solid 1px #eeeeee; border-radius: 100px;}
.news_list .isnew .more a:after{ content: ''; position: absolute; top:50%; margin-top: -4px; right:40px; width: 8px; height: 8px; transform: rotate(45deg); border-top: solid 1px #999999 ;border-right: solid 1px #999999}
.news_list .isnew .more a:hover{ color: #fff; background-color: #003f80; border-color: #003f80}
.news_list .isnew .more a:hover:after{ border-color: #fff}
.news_list .isnew time b{ font-size: 60px; }
.news_list .isnew time b:after{ content: ''; display: block; margin: 5px auto; width: 20px; height: 1px; background: #d4d4d4}

.news_list .ishot{ padding: 2% 3%;border-bottom: solid 1px #e7e7e7}
.news_list .ishot .box{ padding: 2% 7.967%;transition: 0.5s}
.news_list .ishot .pic a{ padding-bottom:63.16%;}
.news_list .ishot .txt{ padding: 15px 0}
.news_list .ishot .box:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.05); }

.news_list .islist li{ padding: 2.8% 0; border-bottom: solid 1px #f6f6f6; transition: 0.5s}
.news_list .islist .pic img{ width: 100%}
.news_list .islist .txt p{ margin-bottom: 3%;}
.news_list .islist h3{ padding-bottom: 1%}
.news_list .islist time{ color: #003f80; padding-right: 10px; display: none}
.news_list .islist span{padding-right: 20px; background: url("/en/images/jt.png") no-repeat right;}
.news_list .islist span a{ color: #003f80}
.news_list .islist span a:hover{ color: #ff0000}
.news_list .islist li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.05); transform:translateY(-10px); background: #FFF}

.newsyear{ line-height:40px; max-width: 250px; z-index: 5; padding-bottom: 3%;position: relative; }
.newsyear b{ font-size: 18px; padding-right: 5px;}
.newsyear a{ cursor: pointer;text-align: right; padding:0 48px 0 20px; display: block;}
.newsyear span{ position: absolute; left: 20px; color: #999999}
.newsyear .txt{ padding:10px 0; border: solid 2px #f2f2f2;position: relative;}
.newsyear .txt a:after{ content: ''; position: absolute; right: 20px; top: 40%; transform: rotate(45deg); display: block; width: 6px; height: 6px; border-right: solid 2px #000;border-bottom: solid 2px #000}
.newsyear .year{ display: none;position: absolute; width: 100%; border: solid 1px #f2f2f2; background: #fff; box-shadow: 0 0 10px #f2f2f2}
.newsyear .year a{ display: block; border-bottom: solid 1px #f2f2f2;}

@media(min-width:768px){
.news_list .isnew .pic{ float: left; width: 44.792%;}
.news_list .isnew .txt{ float: right; width:55.208%; padding:1% 3.298%}
.news_list .islist .pic{ float: left; width: 26.389%;}
.news_list .islist .txt{ float: right; width: 68%}
}


@media(max-width:1200px){
.news_list .isnew time b{ font-size: 28px}
.news_list .islist time{ padding: 8px 12px;}
.news_list .islist time b{ font-size: 26px}
}
@media(max-width:768px){
.news_list .isnew .txt{ position: relative}
.news_list .isnew time{ position: absolute; top: -70px; left: 10px; color: #fff}
.news_list .isnew .more a{  line-height: 36px; width: 140px; padding-left: 36px;}
.news_list .islist .pic,
.news_list .islist .txt{ padding: 2%}
}


.news_info{ padding-bottom: 4%}
.news_info .title{ text-align: center}
.news_info .title h1{ color: #000;}
.news_info .title p{ padding: 3% 0; color: #999999; border-bottom: solid 1px #eaeaea}
.news_info .title p span{  display: none}
.news_info .info{ color: #666; padding:2% 0}
.news_info .info *{color: #666!important;font-size: 16px!important}
@media(min-width:1024px){
.body_info .news_info,
.body_info .menu_location .auto-1440,
.body_info .info_pn,
.body_info .three-column .auto-1440{max-width: 1200px; margin: auto;}
}

.info_pn{ min-height: 110px; padding-top: 40px; border-top: solid 1px #eaeaea; position: relative;}
.info_pn .back{ position: absolute; color: #1a4589; font-size: 14px; right: 0; display: block; text-align:center; border: solid 1px #eeeeee; width: 140px; line-height: 46px; border-radius: 100px;}
.info_pn .back:hover{ background: #003f80; color: #fff; border-color: #003f80}
.info_pn .dot{ display: none; padding: 6px 0; line-height: 20px;}
.info_pn:before{ content: ''; width: 100%; height: 1px; background: #f5f5f5;}
.info_pn .dot em{ font-style: normal; color: #999999;}
.other_news { padding-bottom: 6%; padding-right: 160px;}
.other_news h2{color: #003f80; font-size: 17px; padding-bottom: 10px}
.other_news ul li{ position: relative; padding-left: 16px;}
.other_news ul li a{ color: #999999}
.other_news ul li a:hover{ color: #003f80}
.other_news ul li:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 100px; background: #999999}
@media(max-width:768px){
.info_pn { padding: 10px 0}
.info_pn .back{ position: relative;width: 120px; line-height: 36px;; float: right}
.other_news{ padding-right: 0}
}


.business_intro{ text-align: center; padding-bottom: 3%}
.business_intro .intro{ padding-top: 2%}
.business_map{ padding-bottom: 8%;}
.business_map .box{ max-width: 94%; margin: auto; position: relative; overflow: hidden}
.business_map .txt{ color: #666666; line-height: 28px; font-size: 15px}
.business_map .txt span{ z-index: 10; width: 320px; padding: 0.8% 1.5%; display: block; position: absolute; border: solid 1px #d7dee7; border-radius: 4px; background: #fff; box-shadow: 0 0 14px rgba(22,38,47,0.08);transition: all 0.4s ease;}
.business_map .txt span:hover{transform:translateX(-20px); background: #f2f9ff; color: #003f80}
.business_map .txt_beijing{ right: 0; top:10%}
.business_map .txt_tianjin{ right: 0; top: 18%}
.business_map .txt_hebei{ left: 5%; top: 64%}
.business_map .txt_shangdong{ right: 0; top: 33.5%}
.business_map .txt_jaingsu{ right: 0; top: 49%}
.business_map .txt_zhejaing{ right: 0; top: 61%}
.business_map .txt_hunan{ left: 5%; top: 80%}
.business_map .txt_jiangxi{ right: 0; top:69%}
.business_map .txt_hainan{ left: 5%; bottom:5%}


.business_map .city{ max-width: 1080px; margin: auto; position: relative}
.business_map .city span{ position: absolute; z-index: 5; margin-top: -4px; margin-left: -4px; width: 8px; height: 8px;}
.business_map .city span:before,
.business_map .city span:after{ content: ''; height: 1px; position: absolute;background: #bfcbdc;}
.business_map .city span:before{ width: 5000%;left: 0}
.business_map .city span:after{transform: rotate(-60deg)}
.business_map .city span.city_hebei:before,
.business_map .city span.city_hunan:before,
.business_map .city span.city_hainan:before{ left: auto; right:10%}

.business_map .city span.city_beijing:before{left:150%; top:-2400%}
.business_map .city span.city_beijing:after{ width:3000%; bottom:1200%; left: -760%}
.business_map .city span.city_tianjin:before{left:880%;top:-1400%}
.business_map .city span.city_tianjin:after{ width:1700%; bottom:750%; left:-400%}
.business_map .city span.city_hebei:before{right: 1900%; top: 3200%}
.business_map .city span.city_hebei:after{ width:3580%; top:1650%; right:-800%}
.business_map .city span.city_shangdong:before{ top: -300%; left: 220%}
.business_map .city span.city_shangdong:after{ width:400%; bottom:200%; left: -70%}
.business_map .city span.city_jaingsu:before{ top: 57%}
.business_map .city span.city_zhejaing:before{left:110%; top:-120%}
.business_map .city span.city_zhejaing:after{ width:250%; bottom:200%; left:0}
.business_map .city span.city_hunan:before{ right: 750%;top:1250%}
.business_map .city span.city_hunan:after{ width:1400%; top:650%; left: -1000%}
.business_map .city span.city_jiangxi:before{top: 72.5%}
.business_map .city span.city_hainan:before{ right:200%;top: -170%}
.business_map .city span.city_hainan:after{ width:320%; bottom: 140%; right: -45%;;transform: rotate(60deg)}

.business_map .city span b{ position: absolute; white-space: nowrap; font-weight: normal; color: #0067a5; line-height: 20px;}
.business_map .city span i{ z-index: 10; position: absolute; width:8px; height: 8px; border-radius: 100px;background: #0067a5}
.business_map .city span i:before,
.business_map .city span i:after{ content: ''; z-index: -1; display: block; position: absolute; left: 50%; top: 50%; border-radius: 100px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: 0.5s; opacity: 0;}
.business_map .city span i:before{ background:rgba(0,103,165,0.2);width:18px; height:18px;}
.business_map .city span i:after{ background:rgba(0,103,165,0.1);width:30px; height:30px;}

.business_map .city_beijing{ left: 63.5%; top: 38%}
.business_map .city_tianjin{ left: 64%; top: 41%}
.business_map .city_hebei{ left: 61%; top: 42%}
.business_map .city_shangdong{ left: 65%; top: 48%}
.business_map .city_jaingsu{ left: 70%; top: 57%}
.business_map .city_zhejaing{ left:70%; top: 67%}
.business_map .city_hunan{ left: 56%; top: 71%}
.business_map .city_jiangxi{ left: 62%; top: 72.5%}
.business_map .city_hainan{ left: 53%; top: 94%}

.business_map .city_beijing b{right: 10px; bottom: 0}
.business_map .city_tianjin b{left: 20px; bottom: 5}
.business_map .city_hebei b{right: 20px;}
.business_map .city_shangdong b{top: 10px;}
.business_map .city_jaingsu b{ right: 10px; bottom: 0px;}
.business_map .city_zhejaing b{left: 30px; top: -5px;}
.business_map .city_hunan b{top: 20px;}
.business_map .city_jiangxi b{ top: 20px;}
.business_map .city_hainan b{ left: 30px; top: -5px;}
@media(max-width:1400px){
.business_map .txt span{ width: 280px; font-size: 14px;}
}
@media(max-width:1024px){
.business_map .txt span{ width: 100%; margin-bottom: 3%; position: relative; left: auto!important; right: auto!important}
.business_map .city span b{ font-size: 12px;}
.business_map .city span:before,
.business_map .city span:after{ display: none}
.business_map .txt span:hover{transform:translateX(0px);transform:translateY(-5px);}
}

.business_map .city span.show i:before{
    animation: move1 3s infinite;
    -moz-animation: move1 3s infinite;
    -webkit-animation: move1 3s infinite;
    -o-animation: move1 3s infinite;
    opacity: 1;
}
.business_map .city span.show i:after{

    animation: move2 2s infinite;
    -moz-animation: move2 2s infinite;
    -webkit-animation: move2 2s infinite;
    -o-animation: move2 2s infinite;
    opacity: 1;
}

@keyframes move1 {
  0% { opacity: 1; }
  100% { width:30px; height:30px; opacity: 0; }
}
@-moz-keyframes move1 {
  0% { opacity: 1; }
  100% { width:30px; height:30px; opacity: 0; }
}
@-webkit-keyframes move1 {
  0% { opacity: 1; }
  100% { width:30px; height:30px; opacity: 0; }
}
@-o-keyframes move1 {
  0% { opacity: 1; }
  100% { width:30px; height:30px; opacity: 0; }
}
@keyframes move2 {
  0% { opacity: 1; }
  100% { width:60px; height:60px; opacity: 0; }
}
@-moz-keyframes move2 {
  0% { opacity: 1; }
  100% { width:60px; height:60px; opacity: 0; }
}
@-webkit-keyframes move2 {
  0% { opacity: 1; }
  100% { width:60px; height:60px; opacity: 0; }
}
@-o-keyframes move2 {
  0% { opacity: 1; }
  100% { width:60px; height:60px; opacity: 0; }
}




.business_list li{ position: relative; margin-bottom: 2%; border: solid 1px #e8ecf3}
.business_list li:last-child{ margin-bottom: 0}
.business_list .txt{ padding: 2% 3%; width: 73%; min-height: 240px}
.business_list h2{ padding-top: 20px; padding-bottom: 10px;}
.business_list .line{ position: relative; width: 60px; height: 4px; background: #e44c60; display: block}
.business_list .line:before{ background: #003f80; content: ''; width: 70%; height: 100%; position: absolute;}
.business_list .more{ display: block; padding-top: 2%}
.business_list .more a{ color: #999999; font-size: 14px; display: inline-block; line-height: 40px; padding-left: 40px; padding-right: 50px; background: url("/en/images/icon_more.png") no-repeat 85%;border: solid 1px #eeeeee; border-radius: 100px}
.business_list .pic{ width: 25%; height: 100%; position:absolute; right: 0; top: 0;}
.business_list .pic img{ position: absolute; max-height: 100%; margin:auto; left: 0; right: 0; top: 0; bottom: 0}
.business_list li:hover .more a{ color: #fff; background-color: #003f80}
@media(max-width:960px){
.business_list li{ margin-bottom: 4%;}
.business_list .more a{padding-left: 25px; padding-right: 35px;line-height: 36px; }
.business_list .pic,
.business_list .txt{ float: none; width: 100%}
.business_list .txt{ padding: 3%; min-height: inherit}
.business_list .pic{ position: relative}
.business_list .pic img{ position: relative}
.business_list .line{ width: 40px}
}

.history_list { padding-bottom: 4%}
.history_list .year_box{ padding: 0 30px; margin-bottom: 3%}
.history_list .year_box .item{ padding: 20px; display: inline-block;}
.history_list .year_box a{ cursor: pointer; padding: 24px 0; max-width: 230px; margin: auto; text-align: center; color: #003f80; border: solid 1px #dfeaf1; border-radius: 6px; display: block; text-align: center}
.history_list .year_box b{ display: block; padding-bottom: 10px;}
.history_list .year_box span{ display: block}
.history_list .year_box .slick-current a{ color: #fff; background: url("/en/images/history_photo.jpg") no-repeat center center; box-shadow: 0 0 20px 0px rgba(0,122,195,0.5)}
.history_list .year_box .slick-current img{filter: grayscale(100%) brightness(500%); }
.history_list .list_box{}
.history_list .list_box .year-list .slick-list:before{ content: ''; position: absolute; width: 100%; height: 1px; top: 16px; background: #e0e0e0; left: 0;}
.history_list .list_box .box{ border: solid 1px #e5e5e5; background: #fcfcfc; padding: 0 40px;border-radius: 6px;}
.history_list .list_box .year-list {text-align: center; }
.history_list .list_box .year-list .year {padding-top: 50px; padding-bottom: 40px}
.history_list .list_box .year-list .slick-arrow {top: 16px;}
.history_list .list_box h3 { text-align: center; display: inline-block; cursor: pointer; margin: 0 10px;}
.history_list .list_box h3 span{ position: relative;color: #333; padding: 8px 40px; display: inline-block; background: #fff; border: 1px solid #333; border-radius: 100px;}
.history_list .list_box h3 span:before{ content: ''; position: absolute; left: 50%; top: -20px; margin-left:-10px; border: solid 10px transparent;border-bottom-color: #333}
.history_list .list_box h3 span:after{content: ''; position: absolute; width: 15px; height: 15px; left: 50%; top: -41px; margin-left: -7.5px; background: #003f80; border-radius: 100px; box-shadow: 0 0 0 9px rgba(154,198,243,0.5)}
.history_list .year-list .slick-current h3 span {background: #003f80; border-color: #003f80; color: #fff;}
.history_list .year-list .slick-current h3 span:before {border-bottom-color: #003f80}
.history_list .list_box p{ padding: 16px 0; border-bottom: dashed 1px #cfcfcf}
.history_list .list_box p:last-child{ border-bottom: none}
.history_list .list_box p b{ position: absolute; padding-left: 20px; font-weight: normal; color: #003f80;}
.history_list .list_box p b:before{ content: ''; left: 0; position: absolute; border-radius: 100px; top: 50%; margin-top: -3.5px; width: 7px; height: 7px; background: #003f80}
.history_list .list_box p span{ display: block; padding-left: 85px;}
@media(max-width:960px){
.history_list .list_box p span{padding-left:65px;}
}
@media(max-width:640px){
.history_list .year_box a{ padding:15px 0}
.history_list .year_box .item{ padding: 10px;}
.history_list .year_box .slick-current a{box-shadow: 0 0 10px 0px rgba(0,122,195,0.5)}
}

.organization{ text-align: center; padding: 3% 0}

.honor_list ul{ padding: 0 2%;}
.honor_list ul li{ float: left;}
.honor_list li{float: left; text-align: center;position: relative;}
.honor_list li .pic{ position: relative; padding-bottom: 50%;}
.honor_list li .pic a{ display: inline-block;}
.honor_list li .pic a:before{ transition: 0.4s; opacity: 0;  z-index: 5; position: absolute; left: 50%; top: 40%; left: 0; right: 0; margin: auto; content: ''; padding: 10%; width:2px; height:2px; background:#003f80 url("../images/zoom.png") no-repeat center center; border-radius: 100px; box-shadow: 0 0 32px 8px rgba(0,103,165,0.41)}
.honor_list li .pic img{ position: absolute; max-height: 90%; margin: auto; left: 0; right: 0; bottom: 0; padding: 0px 20px; background: url("/en/images/honor_pic_ying.jpg") no-repeat right bottom}
.honor_list li .txt{ position: relative; padding: 38px 5%; background: url("/en/images/honor_line.jpg") repeat-x left top;}
.honor_list li .txt:before{position: absolute; top:0; width:20%; height: 100%;background: url("/en/images/honor_line_ying.jpg") no-repeat;}
.honor_list li h3{ position: relative; z-index: 5}
.honor_list li#itemid37 .pic img,
.honor_list li#itemid35 .pic img{ background: none}
.honor_list li:hover .pic a:before{ opacity: 1}
@media(min-width:1200px){
.honor_list li .pic a:before{padding: 7%; top: 50%; }
}
@media(min-width:769px){
.honor_list li{width:25%;}
.honor_list li:first-child .txt:before,
.honor_list li:nth-child(4n+1) .txt:before,
.honor_list li:last-child .txt:before,
.honor_list li:nth-child(4n) .txt:before{ content: ''; }
.honor_list li:first-child:before,
.honor_list li:nth-child(4n+1) .txt:before{ left:-4%;; background-position: left top}
.honor_list li:last-child .txt:before,
.honor_list li:nth-child(4n) .txt:before{ right:-4%;; background-position: right top}
.honor_list li:nth-child(4n+1){ clear: both}
}
@media(max-width:768px){
.honor_list li{width:50%;}
.honor_list li:first-child .txt:before,
.honor_list li:nth-child(2n+1) .txt:before,
.honor_list li:last-child .txt:before,
.honor_list li:nth-child(2n) .txt:before{content: ''; }
.honor_list li:first-child:before,
.honor_list li:nth-child(2n+1) .txt:before{ left:-4%;; background-position: left top}
.honor_list li:last-child .txt:before,
.honor_list li:nth-child(2n) .txt:before{ right:-4%;; background-position: right top}
.honor_list li:nth-child(2n+1){ clear: both}
}

.about_article{ color: #666}
.about_info_box1{ padding-bottom: 3%}
.about_info_box1 .info{ float: left; width: 56%;}
.about_info_box1 .info h4{ color: #003f80;letter-spacing: 0.5em}
.about_info_box1 .info h2{ padding: 2% 0; font-size: 2.5vw; color: #222222;}
.about_info_box1 .info h3{ padding-top: 1%; padding-bottom: 5%}
.about_info_box1 .info .txt{ padding-top:8%}
.about_info_box1 .line{ position: relative; width: 60px; height: 4px; background: #e44c60; display: block}
.about_info_box1 .line:before{ background: #003f80; content: ''; width: 70%; height: 100%; position: absolute;}
.about_info_box1 .txt_num{ float: right; width: 44%; padding:0 2.5% 8% 2.5%; position: relative}
.about_info_box1 .txt_num:before{ content: ''; display: block; padding: 4%; width: 5px; height: 5px;  position:absolute; right: 20%; top: 10%; background: #f09eaa; border-radius: 100%; box-shadow: 0 0 60px rgba(247,150,77,0.36)}
.about_info_box1 .txt_num dl{ position: absolute; width: 100%; left: 0; top: 38%; color: #fff; text-align: center}
.about_info_box1 .txt_num dt{ display: inline-block; position: relative}
.about_info_box1 .txt_num span{font-size: 3.3vw; }
.about_info_box1 .txt_num i{ display: block; width: 20px; position: absolute; right: -20px; top: 0; opacity: 0.3; font-size: 14px; font-style: normal; line-height: 16px;}
.about_info_box1 .txt_num .yuan{ width:20px; height: 20px;position: relative; border-radius: 100%}
.about_info_box1 .txt_num .yuan:before{ content: ''; width: 80%; height: 80%; position: absolute; left: 10%; top: 10%; border-radius: 100%; }
.about_info_box1 .txt_num .yuan:nth-child(1){ padding:35%; z-index: 5; border: solid 1px rgba(39,94,204,0.05) }
.about_info_box1 .txt_num .yuan:nth-child(1):before{opacity: 0.95; box-shadow: 0 0 30px rgba(44,102,222,0.5);

background: rgb(0,63,128); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,63,128,1) 0%, rgba(35,123,213,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,63,128,1) 0%,rgba(35,123,213,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,63,128,1) 0%,rgba(35,123,213,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f80', endColorstr='#237bd5',GradientType=1 ); /* IE6-9 */
}
.about_info_box1 .txt_num .yuan:nth-child(2){ padding:22%; position: absolute; bottom: 0; left: 45%; border: solid 1px rgba(248,100,107,0.05); }
.about_info_box1 .txt_num .yuan:nth-child(2):before{ box-shadow: 0 0 30px rgba(248,100,107,0.3); background: rgba(216,0,29,0.70);
}

.about_info_box2 .info{ float: right; width:50%; padding:3.2% 8%; background: #f4f7fa url("../images/about_bg.png") no-repeat right bottom;  background-size: 53%;}
.about_info_box2 .info h3{ color: #003f80}
.about_info_box2 .pic{ float: left; width: 50%;}

.about_info_box3 { padding: 7% 0}
.about_info_box3 .info{ float: left; width:46%;}
.about_info_box3 .info h3{ color: #333333}
.about_info_box3 .info h3 span{ color: #999999; font-size: 16px;}
.about_info_box3 .txt{ padding: 2% 0}
.about_info_box3 .txt_num { padding-top: 3%; overflow: hidden}
.about_info_box3 .txt_num .yuan{ position: relative; display: inline-block;  width: 220px; height: 220px; text-align: center; border-radius: 100%;}
.about_info_box3 .txt_num .yuan:before{ transition: 2s;animation-delay:1s; -webkit-animation-delay:1s; content: ''; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; position:absolute; display: block;border-radius: 100%;}
.about_info_box3 .txt_num dl{ background: #fff;width: 90%; height: 90%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; position:absolute;border-radius: 100%; z-index: 2}
.about_info_box3 .txt_num .yuan:nth-child(1){ background: #f2f5f9; margin-right: 8%}
.about_info_box3 .txt_num .yuan:nth-child(1):before{/*clip: rect(0,auto,auto,208px);transform: rotate(-60deg) ;*/clip: rect(0,auto,auto,157px);transform: rotate(-30deg);
background: rgb(73,147,223); /* Old browsers */
background: -moz-linear-gradient(top, rgba(73,147,223,1) 0%, rgba(0,63,128,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(73,147,223,1) 0%,rgba(0,63,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(73,147,223,1) 0%,rgba(0,63,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4993df', endColorstr='#003f80',GradientType=0 ); /* IE6-9 */
}
.about_info_box3 .txt_num .yuan:nth-child(2){background: #fef6f7}
.about_info_box3 .txt_num .yuan:nth-child(2):before{ /*clip: rect(0,auto,auto,210px);transform: rotate(-60deg);*/clip: rect(0,auto,auto,170px);transform: rotate(-30deg);
background: rgb(227,76,96); /* Old browsers */
background: -moz-linear-gradient(top, rgba(227,76,96,1) 0%, rgba(228,76,96,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(227,76,96,1) 0%,rgba(228,76,96,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(227,76,96,1) 0%,rgba(228,76,96,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e34c60', endColorstr='#e44c60',GradientType=0 ); /* IE6-9 */
}
.about_info_box3 .aos-animate .yuan:before{}
/*.about_info_box3 .aos-animate .yuan:nth-child(1):before{clip: rect(0,auto,auto,157px);transform: rotate(-30deg);}
.about_info_box3 .aos-animate .yuan:nth-child(2):before{ clip: rect(0,auto,auto,170px);transform: rotate(-30deg);}*/
.about_info_box3 .txt_num dt{ font-size: 40px; padding-top: 32%}
.about_info_box3 .txt_num .yuan:nth-child(1) .num{ color: #003f80}
.about_info_box3 .txt_num .yuan:nth-child(2) .num{ color: #e44c60}
.about_info_box3 .pic{ float: right; width: 50%;}

.about_info_box4{ padding-bottom: 8%}
.about_info_box4 .photo{ position: relative;}
.about_info_box4 .txt{ padding: 1.4%; position: absolute; bottom: 0; width: 100%; text-align: center; box-shadow: 0 5px 30px rgba(0,110,187,0.49) ;
background: rgb(0,63,128); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,63,128,1) 0%, rgba(35,123,213,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,63,128,1) 0%,rgba(35,123,213,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,63,128,1) 0%,rgba(35,123,213,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f80', endColorstr='#237bd5',GradientType=1 ); /* IE6-9 */
}
.about_info_box4 .txt:before{ content: ''; position: absolute; right: 0; top: 0; width: 30%; height: 100%; background: url("/en/images/about_bg2.png") no-repeat right 70%}
.about_info_box4 h3{ color: #fff; position: relative; z-index: 5}

@media(max-width:1200px){
.about_info_box1 .txt_num{ padding-left: 0; padding-right: 0}
.about_info_box2 .info{ padding: 4%}
.about_info_box3 .txt_num .yuan{ width: 190px; height: 190px; margin-right: 2%}
}
@media(max-width:960px){
.about_info_box1 .info,
.about_info_box1 .txt_num{ float: none; width: 100%}
.about_info_box1 .txt_num{ margin: auto; max-width: 500px;}
.about_info_box1 .txt_num span{ font-size: 6vw}
.about_info_box1 .info h3{ letter-spacing: 0.2em;}
.about_info_box1 .info h2{font-size: 6vw}
.about_info_box2 .info,
.about_info_box2 .pic,
.about_info_box3 .info,
.about_info_box3 .pic{float: none; width: 100%}
}
@media(max-width:768px){

}
@media(max-width:640px){
.about_info_box1 .txt_num i{ width: auto; position: relative; right: auto}
.about_info_box1 .txt_num .yuan:nth-child(2){padding: 28%;}
.about_info_box1 .info .txt:nth-child(1){ padding-top: 2%}

.about_info_box1 .txt_num dl{top:25%}
.about_info_box1 .txt_num span,
.about_info_box3 .txt_num dt{ font-size: 32px;}
.about_info_box3 .txt_num{ padding-bottom: 4%}
.about_info_box3 .txt_num .yuan{ width: 160px; height: 160px;}
.about_info_box3 .txt_num .yuan:nth-child(1){ float: left;margin-right: 0;}
.about_info_box3 .txt_num .yuan:nth-child(2){ float: right}

.about_info_box3 .txt_num .yuan:nth-child(1):before{clip: rect(0,auto,auto,110px);transform: rotate(-10deg);}
.about_info_box3 .txt_num .yuan:nth-child(2):before{ clip: rect(0,auto,auto,120px);transform: rotate(-20deg);}
}

.home_photo .item{ position: relative}
.home_photo video{position: absolute; width: 100%;   min-height: 100%;   object-fit: cover;}
.home_photo .pic img{ width: 100%}
.home_photo .info{  position: absolute; width: 100%; z-index: 5; opacity: 0; top: 30%;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);  transition: 1s}
.home_photo .txt,
.home_photo .txt a{ color: #fff}
.home_photo a:hover{ opacity: 0.5}
.home_photo .txt{font-size:16px; padding-left: 12.5%; padding-right: 12.5%}
.home_photo .column{ font-family: "YouSheBiaoTiHei"}
.home_photo .column .en{ display: none; font-size:22px; padding-bottom: 1%}
.home_photo .column .cn{display: block; padding: 1% 0; font-size:26px;/* max-width: 442px; */position: relative;}
/*.home_photo .column .cn:before{ content: ''; top: 0; position: absolute; width: 100%; height: 2px; background: #fff;}*/
.home_photo p{ padding-bottom: 2%;}
.home_photo .ul{ display: inline-block}
.home_photo .ul li{ padding: 5px 0; }
.home_photo .ul li a{position: relative;padding-right: 48px;line-height: 30px;}
.home_photo .ul li a:before{ content: ''; right: 0; width: 30px; height: 30px; position: absolute; border-radius: 100%; border: solid 1px rgba(255,255,255,0.5); background: url("/en/images/icon_more2.png") no-repeat center center}
.home_photo .more a{ font-size: 14px; position: relative; padding-right: 48px; line-height: 36px;}
.home_photo .more a:before{ content: ''; right: 0; width: 34px; height: 34px; position: absolute; border-radius: 100%; border: solid 1px rgba(255,255,255,0.5); background: url("/en/images/icon_more2.png") no-repeat center center}
.home_photo .slick-arrow{ background: none}
.home_photo .slick-arrow:hover{ background: #fff}
.home_photo .slick-prev{ left: 2%}
.home_photo .slick-next{ right: 2%}
.home_photo .slick-prev:before{ background-position: right;}
.home_photo .slick-next:before{ background-position: left;}
.home_photo .slick-prev:hover:before{ background-position: left;}
.home_photo .slick-next:hover:before{ background-position: right;}
.home_photo .slick-current .info{ top: 50%; opacity: 1}
/* .home_photo .slick-current .pic{
animation:large infinite;
animation-duration:6s;
-webkit-animation:large infinite;
-webkit-animation-duration:6s;
} */
@keyframes large {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}
.body_index .footer .logo{position: absolute; display: block; max-width: 350px;  width: 25%;  right: 0; }
@media(min-width:640px){
.body_index .footer{ line-height: 24px; position:absolute; width: 100%; bottom: 0; z-index: 10; background: none; border-top: solid 1px rgba(255,255,255,0.5)}
.body_index .footer,
.body_index .footer a{color: #fff}
.body_index .footer .caidan,
.body_index .footer .copyright{ float: none;}

.home_photo .pic img{ display:none}
.home_photo .txt{font-size: 1.56vw; }
.home_photo .column .en{font-size: 1.66vw; }
.home_photo .column .cn{font-size: 3.1vw; }
.home_photo .ul li{ padding: 15px 0; }
.home_photo .more a{ font-size: 18px;}
.home_photo .item .pic{ height: 100vh; background: no-repeat center center; background-size: cover}
.home_photo .slick-arrow{ width: 58px; height: 58px;}
.home_photo .slick-prev{ left: 6%}
.home_photo .slick-next{ right: 6%}
}
@media(max-width:640px){
.body_index .footer .logo{ width: 70%;  left:0; top:-60px; z-index:2; right:auto;}
.home_photo .slick-dots{bottom: 10%;}
.home_photo .info{opacity: 1;}
}

.bg_cover {margin: 0;}
.governance {padding-bottom: 66px;}
.governance .image {float: right;max-width: 50%;padding-left: 2%;}
.governance .content {float: left; width: 50%;}
.governance .content .intro {margin: 0 0 20px; line-height: 1.9;color: #666;}
.governance .content .gird .row {position: relative;}
.governance .content .gird .row::before {content: ""; position: absolute; left: 0; bottom: 0; width: 90%; height: 1px; background-image: linear-gradient(to right, rgba(243,243,243,0), rgba(243,243,243,1), rgba(243,243,243,1), rgba(243,243,243,1), rgba(243,243,243,1), rgba(243,243,243,1), rgba(243,243,243,0));}
.governance .content .gird .row:last-child::before {display: none;}
.governance .content .gird .item {float: left; width: 33.3333%; height: 140px; color: #003f80; font-size: 20px; padding: 26px 0 0;position: relative;}
.governance .content .gird .item::after {content: ""; position: absolute; right: 0; bottom: -50%; width: 1px; height: 100%; background-image: linear-gradient(to bottom, rgba(243,243,243,0), rgba(243,243,243,1), rgba(243,243,243,1), rgba(243,243,243,1), rgba(243,243,243,1), rgba(243,243,243,1), rgba(243,243,243,0));}
.governance .content .gird .row:last-child .item::after,
.governance .content .gird .item:last-child:after {display: none;}
.governance .content .gird .item img {display: block;margin-bottom: 10px;}
@media (min-width: 768px) {
  .governance .content .gird .row .item:nth-child(1) {width: 23%;}
  .governance .content .gird .row .item:nth-child(2),
  .governance .content .gird .row .item:nth-child(3) {padding-left: 9%;}
}
@media (max-width: 768px) {
  .governance {padding-bottom: 5%;}
  .governance .content {float: none; width: 100%;}
  .governance .content .gird .row::before {width: 100%;}
  .governance .content .gird .item {font-size: 16px; text-align: center; height: 100px; padding: 12px 5px 0;}
  .governance .content .gird .item img {margin: 0 auto 4px;}
}

.directors {padding-bottom: 60px;}
.directors .content {padding-bottom: 50px;}
.directors .content p {color: #666; line-height: 1.9; margin: 0;}
.directors-wrap .istop {clear: both; margin-bottom: 50px;transition: 0.4s}
.directors-wrap .istop .image {float: left; width: 350px; padding: 20px; background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(179, 179, 179, 0.3);}
.directors-wrap .istop .image .bg_cover {padding-top: 131.2903%; margin: 0;}
.directors-wrap .istop .text {margin-left: 350px; padding: 50px 48px 50px 50px;}
.directors-wrap .istop .text .name {font-size: 24px; font-weight: 500; margin: 0 0 6px;}
.directors-wrap .istop .text .title {color: #999; font-size: 16px;}
.directors-wrap .istop .text .intro {color: #666; line-height: 1.9; margin: 24px 0 0;}
.directors-wrap .ul .item {float: left; width: 50%; margin-bottom: 20px;}
.directors-wrap .ul .item .inner {background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(179, 179, 179, 0.3); padding: 22px; overflow: hidden; transition: 0.4s}
.directors-wrap .ul .item .image {float: left; width: 284px;}
.directors-wrap .ul .item .image .bg_cover {padding-top: 122.5352%;}

.directors-wrap .ul .item .inner.inner:hover{box-shadow: 0px 0px 8px 0px rgba(179, 179, 179, 0.5);}
.directors-wrap .ul .item .text {margin-left: 284px; padding: 40px 18px 0 40px;}
.directors-wrap .ul .item .text .name {font-size: 24px; font-weight: 500; margin: 0; border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 6px;}
.directors-wrap .ul .item .text .title {color: #666; font-size: 16px;}
.directors-wrap .ul .item .text .scroll {margin-top: 24px; height: 215px;}
.directors-wrap .ul .item .text .intro {line-height: 1.5; color: #666; margin: 0;}
.directors-wrap .ul .item .text .scroll .mCSB_container {margin-right: 18px;}
.management-team {padding-bottom: 60px;}
.directors-wrap .ul .item .image,
.directors-wrap .istop .image{ overflow: hidden}
.directors-wrap .istop:hover,
.directors-wrap .ul .item .inner.inner:hover{ transform: translate(0,-10px)}
.directors-wrap .istop .image .bg_cover,
.directors-wrap .ul .item .image .bg_cover{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.directors-wrap .istop:hover .image .bg_cover,
.directors-wrap .ul .item .inner:hover .image .bg_cover{ /*-webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);*/}
@media (min-width: 1200px) {
  .directors-wrap .ul .item:nth-child(odd) {padding-right: 35px;}
  .directors-wrap .ul .item:nth-child(even) {padding-left: 35px;}
}
@media (min-width: 768px) {
  .directors-wrap .ul .item:nth-child(odd) {padding-right: 15px;}
  .directors-wrap .ul .item:nth-child(even) {padding-left: 15px;}
  .directors-wrap .ul .item {margin-bottom: 40px;}
}
@media (max-width: 1200px) {
  .directors-wrap .ul .item .image {width: 200px;}
  .directors-wrap .ul .item .text {margin-left: 200px;}
  .directors-wrap .ul .item .text .scroll {height: 112px;}
}
@media (max-width: 768px) {
  .directors {padding-bottom: 5%;}
  .directors .content {padding-bottom: 30px;}
  .directors-wrap .istop {margin-bottom: 20px;}
  .directors-wrap .istop .image {padding: 10px; width: 160px; margin-right: 20px;}
  .directors-wrap .istop .text {padding: 20px 0;}
  .directors-wrap .istop .text .name {font-size: 20px;}
  .directors-wrap .istop .text .title {font-size: 14px;}
  .directors-wrap .istop .text .intro {margin-top: 14px;}
  .directors-wrap .ul .item {width: 100%;}
  .directors-wrap .ul .item .inner {padding: 10px;}
  .directors-wrap .ul .item .image {width: 140px;}
  .directors-wrap .ul .item .text {margin-left: 140px; padding: 10px 0 0 10px;}
  .directors-wrap .ul .item .text .name {font-size: 20px; padding-bottom: 4px;}
  .directors-wrap .ul .item .text .title {font-size: 14px;}
  .directors-wrap .ul .item .text .scroll {margin-top: 14px; height: 92px;}
  .directors-wrap .istop .text {margin-left: 0;}
  .management-team {padding-bottom: 5%;}
}

.committee {padding-bottom: 18px;}
.card-list li {border-bottom: 1px solid #f6f6f6; padding-bottom: 40px; margin-bottom: 40px; overflow: hidden;}
.card-list li .image {float: left; width: 360px; overflow: hidden;}
.card-list li .image .bg_cover {display: block; padding-top: 75%; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; transition: 0.3s ease-in;}
.card-list li .image:hover .bg_cover{/*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/}
.card-list li .text {margin-left: 360px; padding: 10px 46px 0 64px;}
.card-list li .text .title {font-size: 22px; font-weight: 500; margin: 0;}
.card-list li .text .title::before {content: ""; display: block; width: 40px; height: 2px; background-color: #333; margin-bottom: 25px;}
.card-list li .text .intro {color: #666; line-height: 1.9; margin: 18px 0 34px;}
.card-list li .text .btn {color: #999; line-height: 1.9; padding-right: 22px; background: url(/en/images/icon_btn.png) no-repeat right center;}
.card-list li .text .btn:hover{color: #003f80;}
@media (max-width: 768px) {
  .card-list li {padding-bottom: 20px; margin-bottom: 20px;}
  .card-list li .image {float: none; width: 100%;}
  .card-list li .text {margin-left: 0; padding: 20px 0 0;}
}

.article-list li {border-bottom: 1px solid #f6f6f6; position: relative; height: 102px; line-height: 101px; padding-left: 190px; padding-right: 200px; transition: 0.4s}
.article-list li:hover{ box-shadow: 0 0 10px 0 #eeeeee}
.article-list li .opeartion {position: absolute; right: 0; top: 0; line-height: 101px;}
.article-list li .opeartion a {margin-right: 36px; color: #003f80;}
.article-list li .opeartion a:last-child {margin-right: 0;}
.article-list li .opeartion a::before {content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 4px;}
.article-list li .opeartion .download::before {width: 15px; height: 15px; background: url(/en/images/icon_download.png) no-repeat;}
.article-list li .opeartion .look::before {width: 18px; height: 14px; background: url(/en/images/icon_look.png) no-repeat;}
.article-list li .opeartion a:hover{ color: #FF0004}
.article-list li p {margin: 0; font-size: 18px;}
.article-list li .time {color: #999; position: absolute; left: 80px; top: 0;}
.article-list li .icon {position: absolute; left: 14px; top: 50%; width: 35px; height: 35px; background: no-repeat center center; margin-top: -17.5px;}
@media (max-width: 768px) {
  .article-list li {padding: 15px 0; height: auto; line-height: initial;}
  .article-list li .icon,
  .article-list li .time {position: static; display: inline-block; vertical-align: top; margin-top: 0; line-height: 35px; font-size: 14px; margin-right: 10px;}
  .article-list li .opeartion {position: static; display: inline-block; line-height: 35px; font-size: 14px;}
  .article-list li .opeartion a {margin-right: 10px;}
  .article-list li .opeartion a::before {margin-right: 6px;}
  .article-list li p {margin-bottom: 6px;}
  .article-list li .opeartion .look {display: none;}

}


.security .section1 {text-align: center; padding-bottom: 50px;}
.security .section1 h2 {margin: 0 0 20px; font-size: 24px; font-weight: 500;}
.security .section1 p {margin: 0; color: #999; line-height: 1.9; max-width: 820px; margin: 0 auto;}
.security .section2 {margin-bottom: 65px; overflow: hidden;}
.security .section2 .ul {margin: 0 -30px;}
.security .section2 .ul li {float: left; width: 33.3333%; padding: 80px 30px 26px 0; text-align: center;}
.security .section2 .ul li .inner {height: 250px; background: #F6F8FA url(../images/bg.png) no-repeat 90% bottom; border-radius: 6px; padding: 0 20%; transition: 0.4s}
.security .section2 .ul li .inner:hover{ transform:translateY(-20px);}
.security .section2 .ul li .icon {width: 80px; height: 80px; background-color: #fff; box-shadow: 0px 11px 46px 0px rgba(0, 94, 151, 0.15); border-radius: 16px; position: relative; margin: -26px 0 36px; display: inline-block; transition: 0.4s}
.security .section2 .ul li .inner:hover .icon{-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}

.security .section2 .ul li h3 {font-size: 24px; font-weight: 500; margin: 0 0 10px;}
.security .section2 .ul li p {margin: 0; color: #666; font-size: 18px; line-height: 1.45;}
.security .section3 {margin-bottom: 120px;}
.security .section3 .ul li {float: left; width: 16.6666%; height: 240px; text-align: center; color: #fff; position: relative; padding: 0 24px;}
.security .section3 .ul li::after {content: ""; position: absolute; right: -19px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 38px; height: 7px; background: url(/en/images/dot.png) no-repeat;}
.security .section3 .ul li .ytable {height: 100%;}
.security .section3 .ul li:last-child::after {display: none;}
.security .section3 .ul li span {display: block; line-height: 100%;}
.security .section3 .ul li .number {font-size: 36px; font-weight: bold;}
.security .section3 .ul li .txt {font-size: 18px; margin-top: 10px; line-height: 1.4;}
@media (max-width: 768px) {
  .security .section1 {padding-bottom: 40px;}
  .security .section2 {margin-bottom: 20px;}
  .security .section2 .ul li {width: 100%; margin-bottom: 20px;}
  .security .section2 .ul li .inner {padding: 0 15px; height: auto; padding-bottom: 40px;}
  .security .section2 .ul li p {font-size: 16px;}
  .security .section3 {margin-bottom: 40px;}
  .security .section3 .ul li {width: 33.3333%; height: 130px; padding: 30px 10px 0;}
  .security .section3 .ul li .ytable {display: block;}
  .security .section3 .ul li .ytable-cell {display: block;}
  .security .section3 .ul li::after {display: none;}
  .security .section3 .ul li .number {font-size: 24px;}
  .security .section3 .ul li .txt {font-size: 14px;}
}

.md-font-size {color: #1a4589; font-size: 24px; font-weight: bold; line-height: 30px; margin: 0;}
.three-column {background-color: #eceff3; padding: 18px 0; margin-top: -3%;margin-bottom: 4%;}
.three-column .ul li {float: left; margin-right: 20px;}
.three-column .ul li a { cursor: pointer;display: block; padding: 0px 20px; height: 40px; line-height: 38px; text-align: center; background: rgba(255, 255, 255, 0.5); border: 1px solid #DBE1EA; color: #999;}
.three-column .ul li.active a {background: rgba(255, 255, 255, 0.5); border: 1px solid; border-image: linear-gradient(0deg, #024081, #2279D3) 10 10; box-shadow: 0px 0px 10px 0px rgba(0, 110, 187, 0.24); color: #003f80;}
@media (max-width: 960px) {
.three-column .ul li{ margin: 5px}
}
.gas-knowledge {padding-bottom: 100px;}
.gas-knowledge .image {float: left; width: 34%;}
.gas-knowledge .content {margin-left: 34%; padding-left: 54px;}
.gas-knowledge .content dl {margin: 0;}
.gas-knowledge .content dl dt {margin-bottom: 18px;}
.gas-knowledge .content dl dd {margin-left: 0; color: #666; line-height: 1.5; border-bottom: 1px dashed #ececec; padding: 15px 55px 15px 0;}
.gas-knowledge .content dl dd p {margin: 0 0 0 1.6em; text-indent: -1.6em;}

.laws {padding-bottom: 100px;}
.laws .image {float: left; width: 25%;}
.laws .content {margin-left: 25%; overflow: hidden; padding: 20px 0 0 70px;}
.laws .content dl {margin: 0;}
.laws .content dl dt {margin-bottom: 26px;}
.laws .content dl dd {margin: 0; width: 50%; float: left; color: #666; line-height: 24px; padding-left: 16px; padding-right: 4px; background: url(/en/images/ico_1.png) no-repeat 0 4px; margin-bottom: 14px;}

.activity {padding-bottom: 40px;}
.activity .title {text-align: center; margin-bottom: 50px;}
.activity-wrap {padding-left: 3%; padding-right: 3%;}
.activity-wrap .ul {margin: 0 -4%;}
.activity-wrap .ul li {float: left; width:25%; padding: 0 1%; text-align: center; margin-bottom: 60px;}
.activity-wrap .ul li .inner { display: block; box-shadow: 0px 0 43px 0px rgba(9, 46, 91, 0.08);}
.activity-wrap .ul li .image {overflow: hidden;}
.activity-wrap .ul li .image .bg_cover {padding-top: 75%; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; transition: 0.3s ease-in;}
.activity-wrap .ul li .content { background-color: #fff; padding: 20px;}
.activity-wrap .ul li .content h3 {line-height:40px; margin: 0; font-size: 20px; font-weight: 500;}
.activity-wrap .ul li .content span{ text-align: left;color: #003f80; font-size: 14px; display: block;}
.activity-wrap .ul li:hover .bg_cover {/*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/}


.protection {padding-bottom: 64px;}
.protection .title {text-align: center; margin-bottom: 50px;}
.protection-wrap .ul li {float: left; width: 50%; margin-bottom: 60px;}
.protection-wrap .ul li .inner {overflow: hidden;}
.protection-wrap .ul li .image {float: left; width: 46%;overflow: hidden;}
.protection-wrap .ul li .image .bg_cover {padding-top: 70.5882%; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; transition: 0.3s ease-in;}
.protection-wrap .ul li .content {padding: 0 26px 0 40px; margin-left: 46%;}
.protection-wrap .ul li .content h3 {color: #1a4589; font-size: 20px; margin: 0 0 20px;}
.protection-wrap .ul li .content .scroll {height: 187px; border-bottom: 1px solid #e8ecf3; padding-bottom: 15px;}
.protection-wrap .ul li .content .intro {color: #666; line-height: 1.9; margin: 0;}
.protection-wrap .ul li .image:hover .bg_cover {/*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/}

.responsibility {padding-bottom: 80px;}
.responsibility .title {text-align: center; margin-bottom: 50px;}
.responsibility .ul-wrap {overflow: hidden;}
.responsibility .ul {margin: 0 -13px;}
.responsibility .ul li {float: left; width: 25%; padding: 0 13px; text-align: center;}
.responsibility .ul li .image {overflow: hidden;}
.responsibility .ul li .image .bg_cover {padding-top: 70.5882%; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; transition: 0.3s ease-in;}
.responsibility .ul li .content h3 {color: #666; font-size: 16px; font-weight: 500; line-height: 30px; margin: 0; padding: 15px 0; }
.responsibility .ul li:hover .image .bg_cover{/*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/}

@media (max-width: 992px) {
  .protection-wrap .ul li {width: 100%;}
  .protection-wrap .ul li .content {padding-right: 0;}

  .responsibility .ul li {width: 50%;}
}
@media (max-width: 768px) {
  .gas-knowledge {padding-bottom: 40px;}
  .gas-knowledge .image {float: none; width: 100%;}
  .gas-knowledge .content {margin-left: 0; padding: 20px 0 0;}
  .gas-knowledge .content dl dd {padding: 10px 0;}

  .laws {padding-bottom: 40px;}
  .laws .image {float: none; width: 100%;}
  .laws .content {margin-left: 0; padding: 20px 0 0;}
  .laws .content dl dd {width: 100%;}
  
  .activity .title {margin-bottom: 30px;}
  .activity-wrap .ul {margin: 0 -1%;}
  .activity-wrap .ul li {padding: 0 1%; margin-bottom: 3%; width: 50%}
  
  .activity-wrap .ul li .content { }
  .activity-wrap .ul li .content h3 {line-height: 46px; font-size: 16px;}

  .protection {padding-bottom: 40px;}
  .protection-wrap .ul li {margin-bottom: 20px;}
  .protection-wrap .ul li .image {float: none; width: 100%;}
  .protection-wrap .ul li .content {padding: 20px 0 0; margin-left: 0;}

  .responsibility {padding-bottom: 40px;}
  .responsibility .title {margin-bottom: 30px;}
  .responsibility .ul {margin: 0 -5px;}
  .responsibility .ul li {padding: 0 5px;}
  .responsibility .ul li .content h3 {padding: 8px 0;}
}

.service-efficient {padding-bottom: 100px;}
.service-efficient .ul li {margin-bottom: 76px;}
.service-efficient .ul li > div {width: 50%;}

.service-efficient .ul li .image {position: relative; vertical-align: top; overflow: hidden;}
.service-efficient .ul li .image .bg_cover {padding-top: 54.1666%; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; transition: 0.3s ease-in;}
.service-efficient .ul li .image .icon {position: absolute; right: 0; bottom: 0; width: 60px; height: 60px; background: #013f81 no-repeat center center; margin: 0;}
.service-efficient .ul li .content {border-bottom: 1px solid #e8ecf3; padding: 20px 40px 20px 80px;}
.service-efficient .ul li .content h3 {color: #003f80; font-size: 20px; margin: 0 0 30px;}
.service-efficient .ul li .content p {color: #666; line-height: 1.9; margin: 0;}
.service-efficient .ul li:hover .bg_cover {/*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/}


@media (min-width: 992px) {
  .service-efficient .ul li:nth-child(even) .image {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}
  .service-efficient .ul li:nth-child(even) .content {-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); padding-left: 40px; padding-right: 80px;}
}
@media (max-width: 992px) {
  .service-efficient {padding-bottom: 40px;}
  .service-efficient .ul li {display: block; margin-bottom: 28px;}
  .service-efficient .ul li > div {display: block; width: 100%;}
  .service-efficient .ul li .content {padding: 20px 0;}
}

.staff-home {overflow: hidden;}
.staff-home .ul {margin: 0 -33px;}
.staff-home .ul li {float: left; width: 33.3333%; padding: 0 33px; margin-bottom: 70px;}
.staff-home .ul li a{display: block; background: #fff; box-shadow: 0px 3px 43px 0px rgba(9, 46, 91, 0.08);}
.staff-home .ul li .image {overflow: hidden;}
.staff-home .ul li .image .bg_cover {padding-top: 53.5632%; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; transition: 0.3s ease-in;}
.staff-home .ul li .content {padding: 40px 36px; border-top: 1px solid #e5e3de;}
.staff-home .ul li .content h3 {color: #003f80; font-size: 20px; margin: 0 0 18px; height: 52px;}
.staff-home .ul li .content p {color: #999; line-height: 30px; height: 90px; margin: 0 0 38px;}
.staff-home .ul li .content .btn {color: #003f80; font-size: 14px;}
.staff-home .ul li a:hover .image .bg_cover {/*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/}
@media (max-width: 992px) {
  .staff-home .ul li {width: 50%;}
}
@media (max-width: 768px) {
  .staff-home .ul li {width: 100%; margin-bottom: 20px;}
  .staff-home .ul li .content {padding: 20px 10px;}
  .staff-home .ul li .content h3{ height: auto}
}

.safety-activities .title {text-align: center; padding-bottom: 3%;}
.safety-activities .ul {margin: 0 -33px;}
.safety-activities .ul li {float: left; width: 33.3333%; padding: 0 33px;}
.safety-activities .ul li a {display: block; background: #fff; box-shadow: 0px 3px 43px 0px rgba(9, 46, 91, 0.08); margin-bottom: 70px;}
.safety-activities .ul li .image {overflow: hidden;}
.safety-activities .ul li .image .bg_cover {padding-top: 53.5632%; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; transition: 0.3s ease-in;}
.safety-activities .ul li .content {padding: 40px 36px; border-top: 1px solid #e5e3de;}
.safety-activities .ul li .content h3 {color: #003f80; font-size: 20px; margin: 0 0 18px; height: 52px;}
.safety-activities .ul li .content p {color: #999; line-height: 30px; height: 150px;}
.safety-activities .ul li .content .btn {color: #003f80; font-size: 14px;}
.safety-activities .ul li a:hover .image .bg_cover {/*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/}

@media (max-width: 992px) {
  .safety-activities .ul li {width: 50%;}
}
@media (max-width: 768px) {
  .safety-activities .ul {margin: 0;}
  .safety-activities .ul li {width: 100%; margin-bottom: 20px; padding: 0;}
  .safety-activities .ul li .inner {margin-bottom: 20px;}
  .safety-activities .ul li .content {padding: 20px 10px;}
  .safety-activities .ul li .content h3 { height: auto}
    .safety-activities .ul li .content p{ height: auto;-webkit-line-clamp: none}
}

.public-welfare .ul {margin: 0 -33px;}
.public-welfare .ul li {float: left; width: 33.3333%; padding: 0 33px;}
.public-welfare .ul li a {display: block; background: #fff; box-shadow: 0px 3px 43px 0px rgba(9, 46, 91, 0.08); margin-bottom: 70px;}
.public-welfare .ul li .image {overflow: hidden;}
.public-welfare .ul li .image .bg_cover {padding-top: 53.5632%; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; transition: 0.3s ease-in;}
.public-welfare .ul li .content {padding: 40px 36px; border-top: 1px solid #e5e3de;}
.public-welfare .ul li .content h3 {color: #003f80; font-size: 20px; margin: 0 0 18px; height: 52px;}
.public-welfare .ul li .content p {color: #999; line-height: 30px; height: 60px; margin: 0 0 38px;}
.public-welfare .ul li .content .btn {color: #003f80; font-size: 14px;}
.public-welfare .ul li a:hover .image .bg_cover {/*-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);*/}

@media (max-width: 992px) {
  .public-welfare .ul li {width: 50%;}
}
@media (max-width: 768px) {
  .public-welfare .ul {margin: 0;}
  .public-welfare .ul li {width: 100%; margin-bottom: 20px; padding: 0;}
  .public-welfare .ul li a {margin-bottom: 20px;}
  .public-welfare .ul li .content {padding: 20px 10px;}
  .public-welfare .ul li .content h3{ height: auto}
}

.investor {padding-bottom: 200px;}
.sidebar-container {float: left; position: relative;}
.sidebar {width: 301px; border-bottom: 3px solid #f7f7f7;}
.sidebar dl dt {height: 70px; line-height: 70px; padding: 0 20px 0 40px; color:  #fff; font-size: 24px; font-weight: bold; background: #0b5495 url(../images/bg_2.png) no-repeat 0 center;}
.sidebar dl dt a{ color: #fff}
.sidebar dl dd:last-child {border-bottom: 1px solid #e8ecef;}
.sidebar dl dd .title {display: block;border: 1px solid #e8ecef; border-bottom: none; height: 70px; line-height: 69px; background-color: #f4f7fa; padding: 0 10px 0 40px; color: #333; font-size:18px; position: relative;}
.sidebar dl dd .title .icon {position: absolute; left: 8px; top: 20px;}
.sidebar dl dd .title .arrow {position: absolute; top: 25px; right: 20px; width: 20px; height: 20px; background: url(/en/images/ico_2.png) no-repeat center center;}
.sidebar dl dd.active .title .arrow {background: url(/en/images/ico_3.png) no-repeat center center;}
.sidebar dl dd.active .title .icon{filter: grayscale(100%) brightness(500%); }
.sidebar dl dd .submenu {display: none;}
.sidebar dl dd .submenu li a {display: block; height: 60px; line-height: 59px; color: #666; font-size: 18px; border: 1px solid #e8ecef; border-bottom: none; padding: 0 20px 0 57px; background-color: #fff; position: relative;}
.sidebar dl dd .submenu li a::before {content: ""; position: absolute; left: 38px; top: 28px; width: 9px; height: 1px; background-color: #d8d8d8;}
.sidebar dl dd.active .title {background-color: #77a4d1; color: #fff;}
.sidebar dl dd.active .submenu li.current a {background-color: #dfecf7; color: #083373;}
.sidebar dl dd.active .submenu li.current a::before {background-color: #083373;}
.hamburger-container {position: absolute; padding: 5px; cursor: pointer; background-color: #083373; z-index: 10; left: 100%; top: 30%; display: none;}
.hamburger {display: inline-block; vertical-align: middle; width: 30px; height: 30px; }
.hamburger path {fill: #fff;}
svg:not(:root) {overflow: hidden;}
.investor .wrapper {margin-left: 330px; border: 1px solid #e8ecef; padding: 22px 50px;}
.investor .wrapper .title {color: #003f80; font-size: 28px; font-weight: 500; margin: 0; border-bottom: 1px solid #d4dadf;}
.investor .wrapper .title span {display: inline-block; height: 66px; line-height: 66px; position: relative;}
.investor .wrapper .title span::after {content: ""; position: absolute; left: 0; bottom: -1px; width: calc(100% + 30px); height: 4px; background-color: #083373;}

.investor .medial-content dl dt {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.investor .medial-content dl dd { display: table;border-top: 1px solid #efefef; font-size: 18px; padding: 15px 0 15px 33px; position: relative;}
.investor .medial-content dl dd:last-child {border-bottom: 1px solid #efefef;}
.investor .medial-content dl dd span { display: table-cell;line-height: 30px;}
.investor .medial-content dl dd span:nth-child(1) {color: #999;}
.investor .medial-content dl dd.add {background: url(/en/images/contact_2.png) no-repeat 2px 20px;}
.investor .medial-content dl dd.tel {background: url(/en/images/contact_1.png) no-repeat 2px 20px;}
.investor .medial-content dl dd.fax {background: url(/en/images/contact_3.png) no-repeat 2px 20px;}
.investor .medial-content dl dd.email {background: url(/en/images/contact_4.png) no-repeat 2px 20px;}
.investor .medial-content dl dd::after {content: ""; width: 1px; height: 20px; background-color: #dedede; position: absolute; left: 26px; top: 20px;}
.investor .contactus-content .main {padding-top: 50px; position: relative}
.investor .contactus-content .form-item {overflow: hidden; padding: 12px 0;}
.investor .contactus-content .form-item .label {float: left; width: 118px; text-align: right; font-size: 18px; padding: 8px 0;}
.investor .contactus-content .form-item .label span {position: relative;}
.investor .contactus-content .form-item .warning span::before {content: "*"; color: #e44d61; font-size: 30px; position: absolute; left: -20px; top: 0;}
.investor .contactus-content .form-item .input-block {margin-left: 118px; min-height: 40px; position: relative;}
.investor .contactus-content .form-item input {display: block; width: 100%; height: 40px; line-height: 38px; border: 1px solid #ececec; background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(179, 179, 179, 0.23); border-radius: 2px; font-size: 16px; padding-left: 40px;}
.investor .contactus-content .form-item textarea {display: block; width: 100%; height: 200px; border: 1px solid #ececec; background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(179, 179, 179, 0.23); border-radius: 2px; resize: none; font-size: 16px; padding: 10px;}
.investor .contactus-content .form-item .input-block .icon {position: absolute; left: 10px; top: 8px; width: 24px; height: 22px;}
.investor .contactus-content .name .icon {background: url(/en/images/contact_5.png) no-repeat center center;}
.investor .contactus-content .tel .icon {background: url(/en/images/contact_6.png) no-repeat center center;}
.investor .contactus-content .email .icon {background: url(/en/images/contact_7.png) no-repeat center center;}
.investor .contactus-content .address .icon {background: url(/en/images/contact_8.png) no-repeat center center;}
.investor .contactus-content .form-item .btn_submit {display: inline-block; width: 140px; height: 48px; line-height: 48px; background: linear-gradient(270deg, #237BD5 0%, #134E8A 100%);  box-shadow: 0px 0px 20px 0px rgba(9, 77, 142, 0.35); border-radius: 24px; text-align: center; color: #fff; padding-left: 0; cursor: pointer; border: none; margin-right: 18px;}
.investor .contactus-content .form-item .submit-label {display: inline-block; float: none; padding: 0 0 0 20px; width: auto;}
.investor .contactus-content .tips {font-size: 18px; border-bottom: 1px dashed #ececec; margin-bottom: 40px; padding-bottom: 18px;}
.investor .contactus-content .info_tel{ padding-top: 8%; line-height: 30px; text-align: center; max-width: 320px;}
.investor .contactus-content .info_tel h4 b{ padding: 10px 0; display: block}
.investor .contactus-content .info_tel h4 b:after{ content: ''; display: block; width: 20%; height: 1px; margin: auto; background: #a0a0a0}
.investor .contactus-content .info_tel .txt{ padding: 2% 0}
.investor .contactus-content .info_tel pre{ text-align: center}
.investor .investor_home{ border-color: #fff; padding: 0}
.investor .investor_home .title{ display: none}
.investor .investor_home .subtitle{ position: relative; margin: 0 3%; padding-bottom: 2.5%;line-height: 35px; }
.investor .investor_home .subtitle b{ color: #333333; font-weight: normal;font-size: 24px;}
.investor .investor_home .subtitle a.view{ position: absolute; display: inline-block; padding-left: 24px; padding-right: 36px; right: 0; font-size: 16px; color: #999999; font-weight: normal; border: solid 1px #999999; border-radius: 100px; transition: 0.4s}
.investor .investor_home .subtitle a.view:before{ content: ''; width: 12px; height: 100%; position: absolute; right: 10%;background: url("/en/images/jt.png") no-repeat center center;transition: 0.4s}
.investor .investor_home .subtitle a.view:hover{ background-color: #f4f7fa; color: #003f80}
.investor .investor_home .subtitle a.view:hover:before{right: 6%;}
.investor .investor_home .stock_magazine{ overflow:hidden; padding-bottom: 2%}
.investor .investor_home .box{background: #f4f7fa;border: 1px solid #e8ecef; position: relative;}
.investor .investor_home .box:before{ content: ''; display: block; position: absolute; bottom:-5px; width: 100%; height: 4px; background: #fafafa}
.investor .investor_home .stock{ float:left;  width: 73.548%; background-image: url("/en/images/stock_bg.png"); background-repeat: no-repeat; background-position: right bottom}
.investor .investor_home .stock:before{left:2%; }
.investor .investor_home .stock .subtitle{ padding-top: 4%}
.investor .investor_home .stock .subtitle b{ display: none}
.investor .investor_home .magazine{ float: right; width: 25.452%; padding: 2%}
.investor .investor_home .magazine:before{right:2%; }
.investor .investor_home .magazine .subtitle,
.investor .investor_home .magazine ul{ margin: auto; max-width: 185px;}
.investor .investor_home .magazine .subtitle{ line-height: 30px; padding-bottom: 8%}
.investor .investor_home .magazine .subtitle b{ font-size: 18px}
.investor .investor_home .magazine .subtitle a.view{ font-size: 14px; padding-left: 10px; padding-right: 26px;}

.investor .investor_home .magazine ul li { position: relative; overflow: hidden;text-align: center;}
.investor .investor_home .magazine ul li .pic{ padding-bottom: 10px; background: url("/en/images/magazine_imgbg.png") no-repeat center bottom;}
.investor .investor_home .magazine ul li .pic img{ border-left: solid 3px #e5e3ea}
.investor .investor_home .magazine ul li .txt{ padding: 10px 0; color: #fff;position: absolute; width: 100%; bottom: -100px; background: rgba(0,0,0,0.6); transition: 0.4s}
.investor .investor_home .magazine ul li p{ font-size: 13px; padding-top: 5px;}
.investor .investor_home .magazine ul li p a{ color: #fff;}
.investor .investor_home .magazine ul li p span{ padding: 0 5px;}
.investor .investor_home .magazine ul li:hover .txt{ bottom: 0}
.investor .investor_home .medial-content .main{border: 1px solid #e8ecef; padding: 22px;}

.magazine_list ul{ margin-left: -20px; margin-right: -20px;}
.magazine_list ul li { float: left; width: 33.333%; padding: 3%; position: relative; overflow: hidden; text-align: center;}
.magazine_list ul li .box{ padding: 15% 5% 5% 5%; border: solid 1px #f5f5f5}
.magazine_list ul li .pic{ position: relative; padding-bottom: 120%; max-width: 220px; margin: auto; background: url("/en/images/magazine_imgbg2.png") no-repeat center bottom; background-size: contain}
.magazine_list ul li .pic img{ position: absolute; max-height: 100%; left: 0; right: 0; bottom: 0; margin: auto; border-left: solid 3px #e5e3ea; margin-bottom: 15px;}
.magazine_list ul li .txt{ padding: 10px 0;}
.magazine_list ul li h3{ font-size: 18px}
.magazine_list ul li p{ font-size: 16px; padding-top: 5px;}
.magazine_list ul li p a{ color: #666666;}
.magazine_list ul li p span{ padding: 0 5px; color: #cccccc}
.magazine_list ul li p a:hover{ color: #083373}
@media(max-width:1060px){
.magazine_list ul{ margin-left: 0; margin-right: 0;}
.magazine_list ul li{ width: 50%; padding: 1%}
}
@media(min-width:1200px){
.investor .contactus-content form{ padding-right: 300px}
.investor .contactus-content .info_tel{ position: absolute; right: 0; top: 10%}
}
@media(max-width:640px){
.investor .investor_home .magazine,
.investor .investor_home .stock{ float: none; width: 100%}
.investor .investor_home .magazine .subtitle{ max-width: none}
.investor .investor_home .subtitle b{font-size: 22px!important;}
.investor .investor_home .medial-content .main{ padding: 2%}

.magazine_list ul li p{ font-size: 14px;}
}

.banner-wrap {position: relative;}
.trend {position: absolute; left: 0; bottom: 0; width: 100%;}
.trend .auto-1440 {border-top: 1px solid rgba(255,255,255,0.3); padding:1% 0; /*  background: url(/en/images/bg_3.png) no-repeat center center;*/
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.42) 50%, rgba(255,255,255,0.43) 51%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.42) 50%,rgba(255,255,255,0.43) 51%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.42) 50%,rgba(255,255,255,0.43) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.trend .box{height:30px; overflow: hidden; padding-left: 30px; background: url("/en/images/stock.png") no-repeat left}
/*.trend span {display: inline; line-height: 30px;}
.trend span em {font-style: normal; color: #df1b1b;}
.trend .line {margin: 0 4px;}
.trend span img {margin-bottom: 4px; margin-right: 4px;}*/
@media (max-width: 992px) {
/*  .trend {position: static;}
  .trend .auto-1440 {color: #333; border-bottom: 1px solid #e8ecf3;}*/

  .investor .wrapper {margin-left: 0;}
  /* .sidebar {position: fixed; left: 0; top: 70px; bottom: 10px; z-index: 100; display: none;} */
  .sidebar-container {position: fixed; left: 0; top: 0; bottom: 0; z-index: 200;}
  .sidebar-inner {position: absolute; top: 0; bottom: 0; left: 0; width: 301px; -webkit-transform: translate3d(-301px, 0, 0); -ms-transform: translate3d(-301px, 0, 0); transform: translate3d(-301px, 0, 0); transition: 0.28s ease;}
  .sidebar {overflow: auto; position: absolute; top: 0; bottom: 0; left: 0;}
  .hamburger-container {display: block;}
  .sidebar-container.is-active {width: 100%;}
  .sidebar-container.is-active .sidebar-inner { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@media (max-width: 768px) {
  .investor {padding-bottom: 50px;}
  .investor .wrapper {padding: 10px 15px;}
  .investor .wrapper .title {font-size: 20px;}
  .investor .wrapper .title span {height: 50px; line-height: 50px;}
  .investor .contactus-content .main {padding-top: 20px;}
  .investor .contactus-content .tips {font-size: 14px; margin-bottom: 20px;}
  .investor .contactus-content .form-item .label {float: none; display: block; text-align: left; font-size: 16px;}
  .investor .contactus-content .form-item .label.warning {padding-left: 20px;}
  .investor .contactus-content .form-item .input-block {margin-left: 0;}
  .investor .contactus-content .form-item input,
  .investor .contactus-content .form-item textarea {width: 100%;}
  .investor .contactus-content .form-item .submit-label {display: inline-block;}
  .investor .medial-content .main {padding: 20px 0;}
  .investor .medial-content dl dd {font-size: 16px;}
  .investor .medial-content dl dd span:nth-child(1) {display: block;}
}


.reportyear{ font-size: 18px; line-height:40px; border-bottom: solid 1px #e8ecf3}
.reportyear b{padding-right: 5px;}
.reportyear a{ cursor: pointer;padding:0 30px 0 30px; display: block;}
.reportyear .txt{ max-width: 220px; border-right: solid 1px #e8ecf3; position: relative;}
.reportyear .txt a:after{ content: ''; position: absolute; right: 40px; top: 40%; transform: rotate(45deg); display: block; width: 6px; height: 6px; border-right: solid 1px #9a9a9a;border-bottom: solid 1px #9a9a9a}
.reportyear .year{ max-width: 220px; display: none;position: absolute; width: 100%; border: solid 1px #f2f2f2; background: #fff; box-shadow: 0 0 10px #f2f2f2}
.reportyear .year a{ display: block; border-bottom: solid 1px #f2f2f2;}

.ESG_report{ padding-top: 4%}
.ESG_report li{ padding: 3% 0;}

.ESG_report li .pic{ float: left; width:39.685%}
.ESG_report li .txt{ float: right; width:56%; padding:8% 0;}
.ESG_report li p{ line-height:30px; max-width: 282px; padding-top: 8%; padding-bottom: 3%; border-bottom:solid 1px #e8ecf3}
.ESG_report li p span{ padding: 0 12px}
.ESG_report li p a{padding-left: 30px;  background: no-repeat left; display: inline-block}
.ESG_report li p a:nth-child(1){background-image: url("/en/images/icon1.png")}
.ESG_report li p a:nth-child(3){background-image: url("/en/images/icon2.png")}
@media (max-width:1024px) {
.ESG_report li p span{ display: none}
}
@media (min-width: 768px) {
.ESG_report li{float: left; width: 49%; }
.ESG_report li:nth-child(2n+1){ clear: both; margin-right: 2%}
}

.details_video{padding: 3% 0;text-align: center;}
.details_video video {max-width:768px}
.details_photo {padding-top: 3%;}
.details_photo .photo{text-align: center;}
.details_photo .slick-arrow{  opacity: 0; background-color: rgba(0, 0, 0, .5);border:none;transition: 0.5s;}
.details_photo:hover .slick-arrow{  opacity: 1;}
.details_photo:hover .slick-prev{left:5%}
.details_photo:hover .slick-next{right:5%}