@import url("reset.css");
@charset "UTF-8";
/**
 *
 * @authors zhou.sunny (1576567774@qq.com)
 * @date    2016-10-31 10:25:51
 * @version $Id$
 * @public.less
 */

* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}

@font-face {
  font-family: 'Flama-Basic';
  src:  url('../fonts/Flama-Basic.eot?1aukq4');
  src:  url('../fonts/Flama-Basic.eot?1aukq4#iefix') format('embedded-opentype'),
    url('../fonts/Flama-Basic.ttf?1aukq4') format('truetype'),
    url('../fonts/Flama-Basic.woff?1aukq4') format('woff'),
    url('../fonts/Flama-Basic.svg?1aukq4#Prompt-Thin') format('svg');
}
@font-face {
  font-family: 'Flama-Book';
  src:  url('../fonts/Flama-Book.eot?1aukq4');
  src:  url('../fonts/Flama-Book.eot?1aukq4#iefix') format('embedded-opentype'),
    url('../fonts/Flama-Book.ttf?1aukq4') format('truetype'),
    url('../fonts/Flama-Book.woff?1aukq4') format('woff'),
    url('../fonts/Flama-Book.svg?1aukq4#Prompt-Thin') format('svg');
}
@font-face {
  font-family: 'Flama-Medium';
  src:  url('../fonts/Flama-Medium.eot?1aukq4');
  src:  url('../fonts/Flama-Medium.eot?1aukq4#iefix') format('embedded-opentype'),
    url('../fonts/Flama-Medium.ttf?1aukq4') format('truetype'),
    url('../fonts/Flama-Medium.woff?1aukq4') format('woff'),
    url('../fonts/Flama-Medium.svg?1aukq4#Prompt-Thin') format('svg');
}
@font-face {
  font-family: 'Source-Sans-ProRegular';
  src:  url('../fonts/Source-Sans-ProRegular.eot?1aukq4');
  src:  url('../fonts/Source-Sans-ProRegular.eot?1aukq4#iefix') format('embedded-opentype'),
    url('../fonts/Source-Sans-ProRegular.ttf?1aukq4') format('truetype'),
    url('../fonts/Source-Sans-ProRegular.woff?1aukq4') format('woff'),
    url('../fonts/Source-Sans-ProRegular.svg?1aukq4#Prompt-Thin') format('svg');
}
html,body{position: relative;margin: 0 auto;padding: 0;width:100%;max-width: 1920px;min-width:320px;height:auto;overflow-x: hidden;font-size: 62.5%;}

body{overflow: hidden;}
body table,tr,td {border-collapse: collapse;}
body ul, li {list-style-type: none;}
body img{border: none;width:100%; height:auto;display: block;}
body b{font-weight:normal;}
body p.no_pad{padding-bottom: 0px!important;}
.sidenav ul li span:focus,
#menu:focus,
.our_slick_box .slick-dots li:focus,
body a:focus {
    outline: -webkit-focus-ring-color #22a19e 1px;
    outline: -moz-focus-ring-color #22a19e 1px;
    outline: -ms-focus-ring-color #22a19e 1px;
    outline: -webkit-focus-ring-color #22a19e 1px;
    outline:#22a19e solid 1px;
 
}
.sidenav ul li span:focus:hover,
#menu:focus:hover,
.our_slick_box .slick-dots li:hover,
body a:focus:hover{
  color: #22a19e;
  outline: -webkit-focus-ring-color #fff 0px;
    outline: -moz-focus-ring-color #fff 0px;
    outline: -ms-focus-ring-color #fff 0px;
    outline: -webkit-focus-ring-color #fff 0px;
     outline:#fff solid 0px;
}

#menu:focus:active{
  color: #22a19e;
  outline: -webkit-focus-ring-color #fff 0px;
    outline: -moz-focus-ring-color #fff 0px;
    outline: -ms-focus-ring-color #fff 0px;
    outline: -webkit-focus-ring-color #fff 0px;
     outline:#fff solid 0px;
}
a{color: #000;transition:all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;
}
a:hover{color: #22ac38;}
a,a:hover,a:focus,a:active{text-decoration:none;}  
a.underl{text-decoration: underline;}
a.underl:hover{text-decoration: none;}
.a_link{ text-decoration:underline}
a.write{color: #fff!important;}
a.write:hover{color: #B4E094!important;}
a.yello{color: #ffff00!important;}
a.yello:hover{color: #B4E094!important;}

.clearfix {*zoom: 1;clear:both;}
.clearfix::after{content: "";display: block;}
.ipad_show,.ph_show,.ph_show_834{display: none;}
.ipad_hide,.ph_hide{display: block;}

.flex{position: relative;display: flex;width: 100%;height: auto;}
.flex_w{position: relative;display: flex;flex-wrap:wrap;width: 100%;height: auto;}
.justify_around_center{justify-content:space-around;align-items:center;}
.justify_around_end{justify-content:space-around;align-items:flex-end}
.justify_around_stretch{justify-content:space-around;align-items:stretch;}
.justify_between_center{justify-content:space-between;align-items:center;}
.justify_between_star{justify-content:space-between;align-items:flex-start;}
.justify_between_end{justify-content:space-between;align-items:flex-end;}
.justify_between_stretch{justify-content:space-between;align-items:stretch;}
.justify_center_center{justify-content:center;align-items:center;}
.justify_star_center{justify-content:flex-start;align-items:center;}
.justify_end_center{justify-content:flex-end;align-items:center;}
.flex_column{position: relative;display: flex;flex-direction:column;}
.flex_1{flex:1;}


.col_70{position:relative;width: 70%;}
.col_55{position:relative;width:55%;}
.col_45{position:relative;width:45%;}
.col_30{position:relative;width:30%;}


.com_position{position:relative;width: 100%;height: auto;}
.trans_x{left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.trans_y{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.trans_xy{top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}

.text_center{text-align: center;}
.text_right{text-align: right;}
.text_upper{text-transform: uppercase;}

.line3{overflow: hidden;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;}

#ver-en{
  font-family:"Flama-Book", Arial, Helvetica, sans-serif, Verdana;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #2e2a2b;
  font-weight: normal;
}
#ver-chi{
  font-family: "Noto Sans SC", "Microsoft JhengHei", "宋体", Arial, Helvetica, Verdana, sans-serif!important;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #2e2a2b;
  font-weight:300;
}
.font_14{font-size: 14px!important;}
.fonts_book{
  font-family:"Flama-Book", Arial, Helvetica, Verdana, sans-serif;;
}
body h1{
  position:relative;
  font-size:4.2rem;
  line-height: 1.2;
  font-weight:500;
}

body h2{	
  position:relative;
  font-size:3.2rem;
  line-height: 1.2;font-weight:400;
}
body#ver-en h2,
body#ver-en h1{
   font-family:"Flama-Basic", Arial, Helvetica, sans-serif, Verdana;
}
body#ver-chi h2{font-size: 3rem;}
.color_blue{
  color:#2aa638!important;
}

.index_warp{
  position: relative;
  /*width: 100vw;*/
    max-width: calc(1920px);
    margin-left: auto;
    margin-right: auto;
	padding-top:80px;
}
/*com-css-end*/
/*header*/
#header{
	position:fixed;
	width: 100%;
  max-width: 1920px;
	height: auto;
	border-bottom: 7px solid #34a344;
    line-height: 0;
    background-color: #fff;
    top: 0;
    width: 100%;
    z-index: 10;
    padding:20px 0px;
}
a.logo{
	position:relative;
	display: block;
	max-width:350px;
	margin:0px auto;
}
.lang_nav{
	position:absolute;
	left: 80px;
	top: 40%;
}
/*menu*/
#menu {
    position: absolute;
    display: block;
    z-index: 6;
    width:35px;
    height:24px;
    right: 0px;
    cursor: pointer;
}
#menu span{
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
#menu em {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #000000;
    transition:all 0.3s;
 -moz-transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
}
#menu em:nth-of-type(2) {
    top: 50%;
    margin-top: -1px;
}
#menu em:last-child {
    bottom: 0px;
}
#menu.nofocus,
#menu.active{
  color: #22a19e;
  outline: -webkit-focus-ring-color #fff 0px;
    outline: -moz-focus-ring-color #fff 0px;
    outline: -ms-focus-ring-color #fff 0px;
    outline: -webkit-focus-ring-color #fff 0px;
     outline:#fff solid 0px;
}
#menu.active em:first-child {
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
top: 50%;
}
#menu.active em:nth-child(2) {
visibility: hidden;
opacity: 0;
}
#menu.active em:last-child {
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
top: 50%;
bottom: auto;
}

.sidenav.active{
  display: block;
}
.sidenav{
  position: absolute;
  top: 40px;
  height: auto;
  width: 150px;
  left: -20px;
  display: none;
  box-shadow: 1px 1px 11px 0 #ccc;
  background-color: #fff;
  border-radius: 7px;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  overflow: hidden;
  padding:5px 5px 7px 15px;
}
.sidenav ul li.separator {
    flex:1;
	height:22px;
} 
.font_A a{
 /* display: inline-block;*/
 /* width: 27%;*/
 /* text-align: center; */
}
.sidenav ul li span:hover,
.sidenav ul li span.selected,
.sidenav ul li a:hover,
.sidenav ul li a.selected{
  text-decoration: underline;
}
.sidenav ul li a,
.sidenav ul li span {
  position: relative;
  display: block;
    color: #10110f;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    text-align: center;
}

.sidenav ul li span.smallFont {
	font-size:16px;
 line-height:1;
    cursor: pointer;
}
.sidenav ul li span.defaultFont {
line-height:1;
font-size:20px;
    cursor: pointer;
}
.sidenav ul li span.bigFont {
line-height:1;
font-size:24px;
    cursor: pointer;
}

.sidenav ul li.lang{
  position:relative;
  width: 40px;
  margin-left: 10px;
  margin-top: 3px;
  text-align: center;
  border-left: 1px solid #b3b3b2;
}
.sidenav ul li.lang a{	
  display: block;
  position: relative;
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
}
body#ver-en .sidenav ul li.lang a{
  font-family: "Noto Sans SC", "Microsoft JhengHei", "宋体", Arial, Helvetica, Verdana, sans-serif;
}
body#ver-chi .sidenav ul li span{
  font-weight: normal; 
}
body#ver-chi .sidenav ul li span,
body#ver-chi .sidenav ul li.lang a{
    font-family:"Flama-Book", Arial, Helvetica, sans-serif, Verdana;
}
.sidenav ul li.lang a img,
.sidenav ul li a img{
  height: 100%;
  width: auto;
  margin: 0px auto;
}

/*banner*/
.container{
  position: relative;
  width: 100%;
  height: auto;
  padding:0px 220px;
  margin:0px auto;
}
.container_r{
  padding-right: 220px;
}
.container_l{
  padding-left: 220px;
}
.index_banner{
  position:relative;
  top: 50px;
  width: 100%;
  height: 768px;
  z-index: 1;
}

ul.banner_list{
  position:absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  height: auto;
  overflow: hidden;
  z-index:8;
}
ul.banner_list li{
  position:absolute;
  font-size: 0px;
  overflow: hidden;
  background:#fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

ul.banner_list li.ban1{
  width: 28.2%;
  height: 52%;
  top: 0px;
  left: 0px;

}
ul.banner_list li.ban2{
	width: 28.2%;
  height: 48%;
  top:52%;
  left: 0px;
}
ul.banner_list li.ban3{
	width: 30.3%;
  height: 100%;
  left: 28%;
}
ul.banner_list li.ban4{
	width: 42%;
  height: 55%;
  left: 58%;
  top: 0px;
}
ul.banner_list li.ban5{
  width: 42%;
  height: 45.3%;
  left: 58%;
  bottom: 0px;
}





.banner_img{
  position:absolute;
  width: 100%;
  height: auto;
  z-index: 1;
  top:0px;
  bottom: 0px;
  left: 0px;
  background:url("../images/banner.jpg") bottom center no-repeat;
  background-size: contain;
}
.ban_IconBan1,
.ban_IconBan2{
  opacity: 0;
   -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.ban_IconBan3{
  opacity: 0;
   -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.ban_IconBan1.active,
.ban_IconBan2.active,
.ban_IconBan3.active{
  opacity: 1;
}
.ban_IconBan4{
  opacity: 0;
  transform:translateX(-50px);
  -webkit-transform:translateX(-50px);
  -moz-transform:translateX(-50px);
  -ms-transform:translateX(-50px);
   -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.ban_IconBan4.active{
  opacity: 1;
  transform:translateX(0);
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
}

ul.ban_icon_ul{
	position:absolute;
	width: 100%;
	height: 118%;
    top: -18%;
	bottom: 0px;
	left: 0px;
	z-index: 3;
	overflow: hidden;
}
ul.ban_icon_ul li.ban_icon{
  position:absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  /*display: none;*/
}

/*li.banIcon1{
	background:url("../images/ban_icon1.svg") bottom center no-repeat;
  background-size:contain;
}
li.banIcon2{
	background:url("../images/ban_icon2.svg") bottom center no-repeat;
  background-size:contain;
}
li.banIcon3{
	background:url("../images/ban_icon3.svg") bottom center no-repeat;
  background-size:contain;
}
li.banIcon4{
	background:url("../images/ban_icon4.svg") bottom center no-repeat;
  background-size:contain;
}
li.banIcon5{
	background:url("../images/ban_icon5.svg") bottom center no-repeat;
  background-size:contain;
}
li.banIcon6{
	background:url("../images/ban_icon6.svg") bottom center no-repeat;
  background-size:contain;
}
li.banIcon7{
	background:url("../images/ban_icon7.svg") bottom center no-repeat;
  background-size:contain;
}
li.banIcon8{
	background:url("../images/ban_icon8.svg") bottom center no-repeat;
  background-size:contain;
}*/

ul.ban_icon_ul li.ban_icon.z_t{
	z-index: 2;
}
ul.ban_icon_ul li.ban_icon img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
}
/*ul.ban_icon_ul .banIcon1 img,
ul.ban_icon_ul .banIcon2 img,
ul.ban_icon_ul .banIcon3 img,
ul.ban_icon_ul .banIcon4 img{
  left: 5%
  top: -8px;
  top: -15px\0;
}

ul.ban_icon_ul .banIcon5 img,
ul.ban_icon_ul .banIcon6 img{
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
}
ul.ban_icon_ul .banIcon7 img{
  left: 5%;
  bottom: 0px;
}
ul.ban_icon_ul .banIcon8 img{
  left: 5%;
  bottom:15px;
}*/

.indBan_txt{
	position:absolute;
	height: 215px;
	width: 100%;
	/*top: 100%;*/
  bottom: -265px;
	left: 0px;
	z-index: 2;
}
.ban_tit{
	position:absolute;
	width: auto;
  top: -20%;
	left:67%;
}
.ban_tit h1{
  white-space: nowrap;
}
.ban_Down{
	position:absolute;
	left:10%;
}
ul.ban_down_ul li{
	position:relative;
	padding:10px 0 10px 40px;
}
ul.ban_down_ul li a{
	font-weight: normal;
	color: #41a949;
  font-size: 1.9rem;
}
#ver-en ul.ban_down_ul li a{font-family: 'Flama-Medium', Arial, Helvetica, Verdana, sans-serif;}
ul.ban_down_ul li a:hover{
  color: #874234;
  text-decoration: underline;
}
ul.ban_down_ul li.icon1{
    background: url(../images/icon-snapshot.png) no-repeat center left transparent;
}
ul.ban_down_ul li.icon2{
    background: url(../images/icon-fullreport.png) no-repeat center left transparent;
}
ul.ban_down_ul li.icon3{
    background: url(../images/icon-envelope.png) no-repeat center left transparent;
}

.down_btn{
	position:absolute;
	width:40px;
	height: auto;
	bottom: 40px;
  -webkit-animation: bounce .5s ease-in-out alternate infinite;
  -moz-animation: bounce .5s ease-in-out alternate infinite;
  -ms-animation: bounce .5s ease-in-out alternate infinite;
    animation: bounce .5s ease-in-out alternate infinite;
   cursor: pointer;
   z-index: 6;
}

.ban_heard{
  position: absolute;
  right:2%;
  bottom: 0px;
  width: 25%;
}
.ban_heard .banHead_item{
  width: 40%;
}
/*index-banner end*/

/*index-main*/
.index_main{
	min-height: 600px;
}


.chief_infoBox{
	position:relative;
  width: 100%;
  height: 625px;
  padding-left:100px;
	color: #fff;
}
.com_abso{
  position:absolute;
}
.chief_infoBox::before{
	content: "";
	display: block;
	position:absolute;
	width: 2000px;
	left: 0px;
	top: 0px;
	height: 100%;
	background: #5b7744;
}
h2.pad_info{
	padding-bottom: 20px;
}
p.p_pad_t{
	padding-top: 60px;
}
p.fonts_bg{  
	position:relative;
	font-size: 2rem;
	line-height:1.5;
	font-weight:100;
}
body#ver-en p.fonts_bg{font-family: 'Source-Sans-ProRegular', Arial, Helvetica, Verdana, sans-serif;}
p.fonts_sm{
	position:relative;
	font-size: 1.8rem;
}
.foot_fonts_sm{
  font-size: 1.4rem;
}

p.font_hao::before{
   content: "";
   display: block;
   position:absolute;
   width: 30px;
   height: 30px;
   top: -6px;
   left: -40px;
   background: url("../images/hao_up.png") no-repeat left;
   background-size: 100% auto;
}
p.font_hao em{
   display: inline-block;
   width: 30px;
   height: 30px;
   margin-bottom: -13px;
   background: url("../images/hao_down.png") no-repeat left;
   background-size: 100% auto;
}

.chief_imgbox{
	position:relative;
	width: 100%;
	height:625px;
}
.chief_imgbg{
	display: block;
	position:absolute;
	width: 100%;
	right: 0px;
	top: 0px;
	height: 100%;
	background: url("../images/chief_img.jpg") center no-repeat;
	background-size: cover;
}

.chief_icon{
	position:absolute;
  width: 80px;
  height: 80px;
}
.chief_icon2,
.chief_icon1{
  position: absolute;
	width: 100%;
	height: 100%;
  top: 0px;
  left: 0px;
}
.chief_icon1{
  background:url("../images/info_icon1.png") center no-repeat;
  background-size: cover;
}
.chief_icon2{
  background:url("../images/info_icon2.png") center no-repeat;
  background-size: cover;
}
.chief_icon3{
	background: #5b7744;
	top: 0px;
	right: 0px;
}
.chief_icon4{
	background: #5b7744;
	top: 80px;
	right: 80px;
}

.chief_icon5{
	background: #dee0e4;
	bottom: 80px;
  right: 0px;
  opacity: 0.6;
}


.chief_icon7{
	top:0px;
	right:-80px;
}
.chief_icon8{
	bottom: 0px;
	right: -80px;
  background: rgba(222,224,228,0.3);
}
.chief_icon6{
  background: rgba(222,224,228,0.5);
  bottom: 160px;
  left: 0px;
}
.chief_icon9{
  background: rgba(222,224,228,0.8);
  bottom: 80px;
  left: 80px;
}
.chief_icon10{
  background: rgba(222,224,228,1);
  bottom: 0px;
  left:0px;
}

.z_index{
	z-index: 2;
}

.our_main{
	padding:110px 120px 80px 120px;
}
ul.our_ul li{
	position:relative;
  width: 33.33333%;
	padding:0px 10px;
}
ul.our_ul li a{
  position: relative;
  width: 100%;
    height: 100%;
  display: block;
}
ul.our_ul li a::before{
 content: "";
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 z-index:3;
 background: rgba(51, 51, 51, 0.8);
}
ul.our_ul li a h2{z-index: 6;}
ul.our_ul li a img{
  position: relative;
  z-index:-1;
}


ul.our_ul1 li:first-child a:hover::before{
    background: rgba(153, 72, 112, 0.8);
}
ul.our_ul1 li:nth-of-type(2) a:hover::before{
   background: rgba(28, 99, 92, 0.8);
}
ul.our_ul1 li:last-child a:hover::before{
 background: rgba(162, 87, 37, 0.8);
}
ul.our_ul2 li:first-child a:hover::before{
background: rgba(116, 102, 62, 0.8);
}
ul.our_ul2 li:nth-of-type(2) a:hover::before{
 background: rgba(0, 112, 0, 0.8);
}
ul.our_ul2 li:last-child a:hover::before{
   background: rgba(182, 81, 62, 0.8);
}


ul.our_ul li h2{
	display: block;
	position:absolute;
	color: #fff;
	width:80%;
	text-align: center;
      line-height: 1.1;
      z-index: 2;
}
ul.pdf_down_ul{
	padding-top: 80px;
	max-width: 780px;
	margin:0px auto;
}
ul.pdf_down_ul li{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 20px;
}
ul.pdf_down_ul li.nomar{
  margin-bottom: 0px
}
ul.pdf_down_ul li:nth-child(3n){
	width: 25%;
	margin-right: 0px;
}
ul.pdf_down_ul li:nth-child(3n+2){
	width: 28%;
	margin-left: 4%;
}
#ver-chi .pdf_box ul.pdf_down_ul{justify-content: space-between;}
#ver-chi ul.pdf_down_ul li{
  width: 26%;
  margin-right:0px;
  margin-left:0px;
}

ul.pdf_down_ul li a.underl_line{
  position: relative;
  display: initial;
  line-height: 1.1;
  font-size:2rem;
  white-space: nowrap;
  color: #333333;
  font-weight: 400;  
}
#ver-en ul.pdf_down_ul li a.underl_line{
 font-family: "Flama-Medium", Arial, Helvetica, Verdana, sans-serif;
}
ul.pdf_down_ul li a.underl_line::after{
  content: "";
  display: none;
  position: absolute;
  bottom: 2px;
  width:100%;
  height: 1px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  left: 0px;
}
ul.pdf_down_ul li a.underl_line:hover::after{
  display: block;
  border-bottom: 1px solid #333333;
}
ul.pdf_down_ul li:first-child a.underl_line:hover{
  color: #567744;
}
ul.pdf_down_ul li:first-child a.underl_line:hover::after{
  border-bottom: 1px solid #567744;
}

ul.pdf_down_ul li:nth-of-type(2) a.underl_line:hover{
  color: #994870;
}
ul.pdf_down_ul li:nth-of-type(2) a.underl_line:hover::after{
  border-bottom: 1px solid #994870;
}

ul.pdf_down_ul li:nth-of-type(3) a.underl_line:hover{
  color: #1c635c;
}
ul.pdf_down_ul li:nth-of-type(3) a.underl_line:hover::after{
  border-bottom: 1px solid #1c635c;
}

ul.pdf_down_ul li:nth-of-type(4) a.underl_line:hover{
  color: #a25725;
}
ul.pdf_down_ul li:nth-of-type(4) a.underl_line:hover::after{
  border-bottom: 1px solid #a25725;
}

ul.pdf_down_ul li:nth-of-type(5) a.underl_line:hover{
  color: #74663e;
}
ul.pdf_down_ul li:nth-of-type(5) a.underl_line:hover::after{
  border-bottom: 1px solid #74663e;
}

ul.pdf_down_ul li:nth-of-type(6) a.underl_line:hover{
  color: #007000;
}
ul.pdf_down_ul li:nth-of-type(6) a.underl_line:hover::after{
  border-bottom: 1px solid #007000;
}

ul.pdf_down_ul li:nth-of-type(7) a.underl_line:hover{
  color: #b6513e;
}
ul.pdf_down_ul li:nth-of-type(7) a.underl_line:hover::after{
  border-bottom: 1px solid #b6513e;
}
ul.pdf_down_ul li:nth-of-type(8) a.underl_line:hover{
  color: #3c4690;
}
ul.pdf_down_ul li:nth-of-type(8) a.underl_line:hover::after{
  border-bottom: 1px solid #3c4690;
}
ul.pdf_down_ul li:nth-of-type(9) a.underl_line:hover{
  color: #6f625d;
}
ul.pdf_down_ul li:nth-of-type(9) a.underl_line:hover::after{
  border-bottom: 1px solid #6f625d;
}
ul.pdf_down_ul li:nth-of-type(10) a.underl_line:hover{
  color: #6f4398;
}
ul.pdf_down_ul li:nth-of-type(10) a.underl_line:hover::after{
  border-bottom: 1px solid #6f4398;
}



.report_main{
  margin-top: 80px;
  margin-bottom:0px;
}
.report_info{
	position: relative;
	width: 60%;
	color: #ffffff;
	padding:80px 200px 80px 0px;
}
.report_info::before{
	content: "";
	display: block;
    position: absolute;
    width: 2000px;
    right: 0px;
    top: 0px;
    height: 100%;
    background: #4d6685;
}
.report_img{
	position:absolute;
	width: 50%;
	right: 0px;
  top: -80px;
  height: 100%;
}
.report_img img{
  width: 100%;
  height: auto;
}
.report_icon{
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.report_icon1{
  background:url("../images/report_img_icon1.png") top center no-repeat;
  background-size: 100% auto;
}
.report_icon2{
  background:url("../images/report_img_icon2.png") top center no-repeat;
  background-size: 100% auto;
}
.report_icon3{
  background:url("../images/report_img_icon3.png") top center no-repeat;
  background-size: 100% auto;
}

.view_btn:hover{
  text-decoration: underline;
}








.remind_box{padding:20px 50px;}
#footer{
  padding:15px 50px;
  background: #e6e6e6;
}
#footer p.foot_fonts_sm{
  font-size: 11px;
}
a.hsbc_logo{
	max-width: 160px;
	display: block;
  white-space: nowrap;
}
.foot_pad_new{padding-bottom: 5px;}
/*screen--------screen---------screen-----------screen*/
@media (max-width:1800px){
  .ban_tit{
  top: -14%;
 }
  body h1{font-size: 3.4rem;}
body h2{font-size:3rem;}
body#ver-chi h2{font-size:2.8rem;}
  .report_info{
    width: 65%;
  }
  .indBan_wrap .index_banner{
    max-width: 1200px;
    margin:0px auto;
  }
  .container{
    padding: 0px 180px;
  }
  .container_l {
    padding-left: 180px;
  }
  .container_r {
    padding-right: 180px;
  }

}



@media (max-width:1440px){
	body h1{
		font-size: 3rem;
	}
	body h2{
		font-size:2.6rem;
	}
  body#ver-chi h2{font-size: 2.4rem;}
	.ban_tit{
  top: -14%;
 }
	p.fonts_bg{    font-size:1.8rem;}
  .report_info{
    width: 70%;
  }
  .report_img{
    right: -5%;
  }

  .container{
    padding: 0px 160px;
  }
  .container_l {
    padding-left: 160px;
  }
  .container_r {
    padding-right: 160px;
  }
  .chief_infoBox,
  .chief_imgbox{height: 580px;}
  .our_main{
    padding: 110px 100px 80px 100px;
  }
  ul.pdf_down_ul li a.underl_line{    font-size:1.8rem;}
}



@media (max-width:1360px){
  .report_img{
    right: 0px;
  }
  body h1{
		font-size:2.6rem;
	}
	body h2{font-size:2.4rem;}
  body#ver-chi h2{font-size: 2.2rem;}
	p.fonts_bg{    font-size:1.7rem;}
  .container{
    padding: 0px 140px;
  }
  .container_l {
    padding-left: 140px;
  }
  .container_r {
    padding-right: 140px;
  }

 

  .our_main{
    padding: 110px 80px 80px 80px;
  }

  
}

@media (max-width:1280px){
  .container{
    padding: 0px 100px;
  }
  .container_l {
    padding-left: 100px;
  }
  .container_r {
    padding-right: 100px;
  }
  .our_main {
    padding: 110px 0px 80px 0px;
  }
  body h1 {
    font-size: 2.4rem;
}
body h2{font-size:2.8rem;}
body#ver-chi h2{font-size: 2.6rem;}
p.fonts_bg { font-size:1.6rem;}
.ban_tit{
  top: -5%;
 }
 .chief_imgbg{ background-position:25%;}
}

@media (max-width:1050px){
  .ph_show_834{
    display: block;
  }
}

@media (max-width:1024px){
  .w1024{display: none;}
  body h1 {
    font-size:3.2rem;
  }
  body h2{font-size:2.6rem;}
  body#ver-chi h2{font-size:2.4rem;}
  p.fonts_bg{
    font-size:1.4rem;
  }
  /*body h2{
    font-size: 2.8rem;
  }*/
  .container{
    padding: 0px 80px;
  }
  .container_l {
    padding-left: 80px;
  }
  .container_r {
    padding-right: 80px;
  }
   .ban_Down{
    left: 100px;
   }
  

   .our_main{
    padding: 110px 60px 80px 60px;
  }
  
  .chief_icon4 {
    top: 60px;
    right: 60px;
  }
  .chief_icon5{
    bottom: 60px;
  }
  .chief_icon8 {
    right: -60px;
  }
  .chief_icon9{
    left: 60px;
    bottom: 60px;
  }
  .chief_icon6{
    bottom: 120px;
  }
  .chief_icon3,.chief_icon4,.chief_icon5,.chief_icon6,.chief_icon7,.chief_icon8,.chief_icon9,.chief_icon10{
    width: 60px;
    height: 60px;
  }
  
  ul.pdf_down_ul li{
    width: 33%;
  }
  #ver-chi ul.pdf_down_ul li{
    width: 50%;
  }
  p.font_hao em,
  p.font_hao::before{
    width: 20px;
    height: 20px;
  }
  p.font_hao::before{
    left: -30px;
  }
  p.font_hao em{
    margin-bottom: -8px;
  }
  ul.pdf_down_ul li a.underl_line{    font-size:1.6rem;}
}


@media (max-width:990px){
  body h1 {
    font-size: 2.4rem;
  }
  .ban_tit{
   /* right: -20px;
    bottom: 85%;
    top: auto;*/
    left:65%;
  }
  .container{
    padding: 0px 40px;
  }
  .container_l {
    padding-left: 40px;
  }
  .container_r {
    padding-right: 40px;
  }
  .ban_Down {
    left: 30px;
  }
  p.fonts_bg{
    font-size:1.6rem;
  }
  body h2{
    font-size: 2.5rem;
  }
  body#ver-chi h2{font-size:2.4rem;}
  .our_main{
    padding:100px 20px 60px 20px;
  }
p.fonts_sm{
	font-size: 1.4rem;
}
  
}

@media (max-width:768px){
  .w768{display: none;}
  p.fonts_bg{
    font-size:2rem;
  }
  body h1 {
    font-size: 3.2rem;
  }
  body h2{
    font-size: 3rem;
  }
  body#ver-chi h2{font-size: 2.8rem;}
  .ipad_show{display: block;}.ipad_hide{display: none;}
  
  .col_100_ipad{
    width: 100%;
  }
  .container {
    padding: 0px;
 }
  .container_l {
    padding-left: 0rem;
  }
  .container_r {
    padding-right: 0rem;
  }
   
  .indBan_wrap {
    height: auto !important;
  }
  .banner_img{
    position: relative;
    background:#fff url("../images/ph_banner.jpg") center no-repeat;
    background-size: contain;
  }
  .banner_img img{
    opacity: 0;
  }


  ul.ban_icon_ul{
    height: 100%;
    top: -6%;
    left:-10px;
  }
  /*li.banIcon1{
    background:url("../images/ph_ban_icon1.svg") center no-repeat;
    background-size:contain;
  }
  li.banIcon2{
    background:url("../images/ph_ban_icon2.svg") center no-repeat;
    background-size:contain;
  }
  li.banIcon3{
    background:url("../images/ph_ban_icon3.svg") center no-repeat;
    background-size:contain;
  }
  li.banIcon4{
    background:url("../images/ph_ban_icon4.svg") center no-repeat;
    background-size:contain;
  }
  li.banIcon5{
    background:url("../images/ph_ban_icon5.svg") center no-repeat;
    background-size:contain;
  }
  li.banIcon6{
    background:url("../images/ph_ban_icon6.svg") center no-repeat;
    background-size:contain;
  }
  li.banIcon7{
    background:url("../images/ph_ban_icon7.svg") center no-repeat;
    background-size:contain;
  }
  li.banIcon8{
    background:url("../images/ph_ban_icon8.svg") center no-repeat;
    background-size:contain;
  }*/

  .index_banner {
    height: auto!important;
    max-width:600px!important;
    margin: 0px auto!important;
    top: 55px;
  }
  .indBan_txt{
    position: relative;
    height: auto;
    bottom: auto;
    padding-top: 55px;
    padding-bottom: 30px;
    margin-left: 46%;
    
  }
  .ban_tit,
  .ban_Down{
    position:relative;
    width: 100%;
    left: auto!important;
    right: auto!important;
    bottom: auto!important;
    top: auto!important;
    padding-left: 0px;
    padding-top: 0px;
  }

    .ban_tit{
      padding-bottom: 30px;
      border-bottom: 2px solid #1a9f29;
    }
  .ban_Down{
    padding-top: 30px;
  transform: translateY(0); 
     -webkit-transform: translateY(0); 
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  
 ul.pdf_down_ul li a.underl_line{ font-size:1.8rem;}
  
 
  .chief_imgbg{
    width: 100%;
    background: url(../images/ph_chief_img.jpg) left no-repeat;
    background-size: cover;
  }
  .chief_icon1,.chief_icon2{
    top: 4%;
    left: 16%;
  }
  
  

  .chief_icon3 {
    width: 60px;
    height: 60px;
    background: #5b7744;
    top: auto;
    right: auto;
    bottom: -2px;
    left: 0px;
  }
  .chief_icon4 {
    width: 60px;
    height: 60px;
    background: #5b7744;
    top: auto;
    right: auto;
    bottom: 60px;
    left: 60px;
  }
  .chief_icon5,.chief_icon6,.chief_icon7,.chief_icon8,.chief_icon9,.chief_icon10{
    display: none;
  }

  .chief_infoBox{padding: 80px 100px 110px 100px;height: auto;}
  .com_abso{
    position: relative;
    top:0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  ul.our_ul{
    position: relative;
    padding:0px 100px;
    overflow: hidden;
  }
  ul.our_ul li{
    width: 100%;
    padding:0px 0px;
    margin-bottom: 20px;
  }
  .our_main{
    padding:50px 0px 40px 0;
  }
  .report_main{
    margin-top: 0px;
    margin-bottom: 0px;
    padding:0px 100px;
  }
  .report_img{
    position:relative;
    top: auto;
    right: 0px;
    width: 100%;
    margin-bottom: -50px;
  }
  .report_info{
    width: 100%;
    padding: 80px 0px;
  }
  .report_info::before{
    right: -50%;
  }

  .report_icon1{
    background:url("../images/ph_report_img_icon1.png") center no-repeat;
    background-size: 100% auto;
  }
  .report_icon2{
    background:url("../images/ph_report_img_icon2.svg") center no-repeat;
    background-size: 100% auto;
  }
  .report_icon3{
    background:url("../images/ph_report_img_icon3.png") center no-repeat;
    background-size: 100% auto;
  }

  .ban_heard{
    position: relative;
    width: 100%;
    max-width: 420px;
    padding: 40px 0px;
  }



  .pdf_box{
    position: relative;
    padding:0px 100px;
  }
  ul.pdf_down_ul{
    padding-top: 30px;
  }
  ul.pdf_down_ul li:nth-child(3n+2),
  ul.pdf_down_ul li:nth-child(3n),
  ul.pdf_down_ul li{
    width: 50%;
    margin-right:0px;
    margin-left: 0px;
  }

  


   .chief_imgbox{height:500px;}
  

   #header {
    border-bottom: 4px solid #34a344;
}
}
@media (max-width:680px){

.ban_tit .ph_show {
    display: block;
}
.pdf_box{
    padding:0px 40px;
  }
  ul.pdf_down_ul li:nth-child(3n+2),
  ul.pdf_down_ul li:nth-child(3n),
  ul.pdf_down_ul li{
    width: 100%;
    text-align: center;
  }
  #ver-chi ul.pdf_down_ul li{
    width: 100%!important;
  }

  }
@media (max-width:580px){
	body h1 {
    font-size:3rem;
  }
  body#ver-chi h1{font-size: 2.4rem;}
  .ph_show{display: block;}.ph_hide{display: none;}
  #header{border-bottom:2px solid #34a344;}
  span#menu{width: 30px;height: 20px;}
  .sidenav{    right: 0; left: auto;}
  a.logo{
  	width: 280px;
  	margin-left: 0px;
    padding-left: 20px;
  }
  .lang_nav{
  	right: 20px;
    left: 0px;
  }
  body h2{font-size:2.2rem;}
  body#ver-chi h2{font-size:2rem;}
  p.fonts_bg{font-size:1.4rem;}
.index_banner{height:auto!important; top: 35px;}
.indBan_wrap{ height:auto !important}

.index_warp{ padding-top:70px}

ul.ban_down_ul li.icon1{    background-size: 15px;}

ul.ban_down_ul li.icon2{    background-size: 20px;
}
ul.ban_down_ul li.icon3{    background-size: 18px;}
 ul.pdf_down_ul li a.underl_line{ font-size:1.6rem;}
.ph_flex{
  display: flex;
  justify-content: flex-end;
}
.indBan_txt{  
     position:relative;
    height: auto;
    /*margin-left: 32%;*/
    padding-top: 40px;
    padding-bottom: 30px;
    bottom: auto;
    margin-left: 42%;
}
.ban_tit h1{
  padding-right: 20px;
}
ul.ban_down_ul li{    padding:2px 0 7px 30px;}
.ban_tit{    padding-bottom:25px;}
.ban_Down{padding-top:15px;}
  .chief_infoBox {
    padding:50px 40px 60px 40px;
  }
  .report_info {
    padding:70px 0px;
  }
  
  .chief_imgbox {
    height:345px;
  }
  .chief_icon2, .chief_icon1 {
    width: 120%;
    top: 4%;
    left: 7%;
  }
  .chief_icon3,.chief_icon4{
    width: 45px;
    height: 45px;
  }
  .chief_icon4{
    bottom: 45px;
    left: 45px;
  }
  .our_main{
  	padding:40px 0px 0px 0;
  }
  .report_main,
  ul.our_ul{
  	padding: 0px 40px;
  }
ul.ban_down_ul li a{
  font-size: 1.2rem;
}
.remind_box {padding: 20px;}
p.font_hao::before{ width: 15px; height:15px;    left: -20px;}
p.font_hao em{ width: 15px; height:15px; margin-bottom: -8px;}
  #footer{
  	padding: 15px 20px;
  }
  p.fonts_sm{
    font-size: 1.2rem;padding-top:30px;
  }
  .foot_fonts_sm{
    font-size:0.8rem;
  }

  .our_slick_box .slick-dots li{height:7px !important; width:7px !important;}
  ul.our_ul li {margin-bottom:10px; height: 180px; overflow: hidden;position: relative;}
  ul.our_ul li img.ph_css{
    top: -14%;
  }

  ul.our_ul li:last-child{
    margin-bottom: 0px;
  }
  ul.our_ul li img{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  
  
  .ban_heard{max-width: 240px;}
}

@media (max-width:420px){

}
@media (min-width: 991px) and (max-width:1024px){
   body h1 {
    font-size:2.4rem;
   }
   .ban_tit {
      top: -14%;
   }
  /*body h2{
    font-size: 2.8rem;
  }*/
  p.fonts_bg{
    font-size:1.6rem;    
    line-height: 1.3;
  }
  ul.pdf_down_ul li{
    width: 33%;
  }
.chief_infoBox, .chief_imgbox {
    height: 520px;
}
}
@media (min-height:1081px) and (min-width:769px){
  .ban_tit{
     top: -13%;
  }
  .indBan_wrap{
    height:680px!important;
  }
  .index_banner{
    height:400px!important;
  }
  .down_btn{ display:none;}

  ul.ban_icon_ul{
    width: 95%;
    max-width: 700px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

}


@media (max-width:1023px) and (min-width:769px){
  .indBan_wrap{
    height:600px!important;
  }
  .index_banner{
    height:320px!important;max-width:768px !important;    top: 40px;
  }
  .down_btn{ display:none;}
}




@media only screen and (height:1024px) and (width:1366px){
  
  .ban_tit {
      bottom: 85%;
  }
  .container{ padding:0 80px;}
}


@media (max-height:769px){
  .indBan_wrap .index_banner{
    max-width:860px;
    margin:0px auto;
  }
}

@media (max-height:721px){
  .indBan_wrap .index_banner{
    max-width: 650px;
    margin:0px auto;
  }
}

@media (max-height:600px){
  .indBan_wrap .index_banner{
    max-width: 500px;
    margin:0px auto;
  }
}


@media (max-height:375px) and (max-width:813px) {
  .indBan_wrap .index_banner {
    height: 250px!important;
  }
  .indBan_wrap{
     height: 500!important;
     max-width: 700px!important;
  }

  .ban_tit{
    top: -10%;
    left: 66%;
    right: auto;
    bottom: auto;
  }

}


@media (max-height:600px) and (max-width:768px) {
  /*.indBan_wrap{
     height: 768px!important;
  }
  .indBan_wrap .index_banner{
    height: 380px!important;
  }*/
  .ph_show{
    display: block;
  }
}

@media (max-height:375px) and (max-width:768px) {
  .indBan_wrap .index_banner {
    height: auto!important;
    max-width: 600px!important;
    margin: 0px auto!important;
    top: 55px;
  }
  .indBan_wrap{
     height: auto!important;
     max-width: 700px!important;
  }

  .ban_tit{
    top: -10%;
    left: 66%;
    right: auto;
    bottom: auto;
  }

}
@media (height:1112px) and (width:834px) {

  .chief_imgbg{
    background: url(../images/chief_img.jpg) left no-repeat;
    background-size: cover;
    background-position-x: 25%;
  }
  
}
@media (height:834px) and (width:1112px) {
  .ban_tit {
    top: -10%;
  }
}

@media (max-height:414px) and (max-width:834px) {
  .lang_nav{
    right: 20px;
    left: 0px;
  }
  .sidenav {
    right: 0;
    left: auto;
}
}
@media (max-width:330px){
  .indBan_wrap{
     height: 570px!important;
  }
  .indBan_wrap .index_banner{
    height: 260px!important;
  }}
/*screen--------screen---------screen-----------screen*/