@charset "utf-8";
/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {
    font-family: "PFRegular";
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}
body {padding: 0;margin: 0 auto;color: #666;background-color: #fff;font-family: "PFRegular";
font-size: 1.25rem;  font-weight: 400;line-height: 1.65; overflow-x:hidden; width: 100%; max-width: 750px;
-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, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 1.25rem;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #0e8ce0;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
.p,.h4{ margin: 0; padding: 0;}
.h4{ font-size: 18px;}
*::-webkit-input-placeholder{ color: #999;}    /* 使用webkit内核的浏览器 */
*:-moz-placeholder{ color: #999;}                  /* Firefox版本4-18 */
*::-moz-placeholder{ color: #999;}                  /* Firefox版本19+ */
*:-ms-input-placeholder{ color: #999;}           /* IE浏览器 */
/**字体大小**/
.fz_30{ font-size:1.875rem;}
.fz_24{ font-size:1.5rem;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_16{ font-size:16px;}
.fz_14{ font-size:14px;}
.fz_12{ font-size:12px;}


/**初始 End**/

.auto{ margin: 0 auto; width: 100%;clear: both; max-width: 1200px;}
@media(max-width:1240px){
	.auto{ max-width: 1230px; padding-left: 15px; padding-right: 15px;}
}

.color3{color: #333;}
.colorred{ color: #f00;}
.colorblue{ color: #007ac7;}
.padleft{ padding-left: 2em;display: block;}
.ul-decimal {padding: 0 0 0 15px;}
.ul-decimal li{ list-style-type: decimal;}

.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  filter: #808080;
}
.grayscale.grayscale-fade {
  transition: filter 0.5s, border-color;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter 0.5s;
    transition: -webkit-filter 0.5s;
  }
}
.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter: none;
}
.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: 1;
}
.grayscale.grayscale-replaced.grayscale-fade:hover > svg,
.grayscale.grayscale-replaced.grayscale-off > svg {
  opacity: 0;
}
html {
    width: 100%;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    font-size: 15px
}
@media (min-width: 575px) {
    html {
        font-size:18px !important;
    }
}
@media (max-width: 375px) {
    html {
        font-size:11px !important;
    }
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
/* --------------------------- common css end ------------------------------ */
.auto{ padding-left:10px; padding-right: 10px;}
.whir-wrapper{position: relative;}
.homebanner .swiper-pagination span{
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}

/*header*/
.header{position: relative; width: 100%; z-index: 1000;}
.header>.auto{
	background-image: -webkit-linear-gradient(top, #ff4600 0%, #fc8e0e 100%);
	   background-image: -o-linear-gradient(top, #ff4600 0%, #fc8e0e 100%);
	   background-image: linear-gradient(to bottom, #ff4600 0%, #fc8e0e 100%);
	   background-repeat: repeat-x;
	   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4600', endColorstr='#fc8e0e', GradientType=0);
}
.header .whir-wrapper{padding: 1.5rem 0 1.5rem 0; }
.header-lang{color: #fff;}
.header-lang>div{display: inline-block;}
.header-lang .en a{color: #fff; font-size: 1.875rem;}
.header-lang .lang{position: relative; margin-left: 2rem;}
.header-lang .lang:before{content: ""; position: absolute; left: -1.15rem; top: 20%; width: 1px; height: 70%; background: rgba(255,255,255,0.1);}
.header-lang .lang .on{font-size: 1.875rem; position: relative; padding-right: 2rem;}
.header-lang .lang .on:after{content: ""; position: absolute; right: 0; top: 50%; margin-top: -0.25rem; border-style: solid dashed dashed dashed; border-color: rgba(255,255,255,0.5) transparent transparent transparent; border-width: 0.625rem 0.625rem 0 0.625rem;}
.header-lang .lang ul{display: none; position: absolute; top: 100%; left: 0; width: 100%; background: rgba(255,255,255,0.85);  padding: 0.5rem;  text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.25); border-radius: 2px;}
.header-lang .lang ul li+li{ border-top: 1px solid #87c6f0;}
.header .logo{border-top: 1px solid #faa034;}

#hamburger {-webkit-transform: translateZ(0);  position: absolute;  top:50%; margin-top: -27px;  right: 0;  z-index: 101;  cursor: pointer;  width: 40px;  height: 40px;text-align: center;  overflow: hidden; padding-top: 16px;
    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
    transition: all .4s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
}
#hamburger .icon-bar { display: block; width: 30px; height: 3px; border-radius: 1px; background: #fff; position: absolute; left: 50%; margin-left: -15px;
    -webkit-transition: all .7s cubic-bezier(.19,1,.22,1);
    transition: all .7s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    position: relative;
}
#hamburger .icon-bar:nth-child(1) { -webkit-transition-delay: 150ms; transition-delay: 150ms;}
#hamburger .icon-bar:nth-child(2) { top: 5px;-webkit-transition-delay: .4s; transition-delay: .4s;}
#hamburger .icon-bar:nth-child(3) { top: 10px; -webkit-transition-delay: 0; transition-delay: 0;}

.header-nav{
    -webkit-transform: translateZ(-70%);
    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
    transition: all .4s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    position: fixed;
    right: 0;
    top: 0;
    display: none;
    z-index: -10;
    width: 70%;
    height:100%;
    overflow-y: scroll;
	padding: 70px 10px 30px;
    -webkit-overflow-scrolling: touch;
	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=150,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffa727,endcolorstr=#ff5f00,gradientType=0);	
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=150,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffa727,endcolorstr=#ff5f00,gradientType=0);	
	background:#ffa727; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(left, #ffa727, #ff5f00);  
    background:-webkit-gradient(linear, 0 0, 100% 0, from(#ffa727), to(#ff5f00));
}
.header-nav .ul{ margin: 0 auto; padding: 3% 0;}
.header-nav li{ display: block; line-height: 2;padding: 1rem;}
.header-nav li a{color: #fff;}
.header-nav li>em{display: inline-block;font-style: normal; position: relative;}
.header-nav li>em a{font-size:1.5rem; position: relative; z-index: 2;}
.header-nav li>em i{ content: ""; position: absolute; left: 0; bottom: 0.625rem; width: 0; height: 0.3125rem; background: #fff; z-index: 0;}
.header-nav li.down>em i{width: 100%;}
.header-nav li dl{margin: 0 auto; text-align: left;padding:0.5rem 1rem;display: none;}
.header-nav li dl dd a{font-size: 1.25rem; color: #666;}
body.drawerteam-opened{ overflow-y: hidden; height: 100vh;}
body.drawer-opened .header:after{ content: "";background: rgba(51,51,51,0.5); position: fixed; width: 100%; top: 0; left: 0; height: 100%;z-index: 0;}
body.drawer-opened #hamburger :nth-child(1) {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: -3px;
    background-color: #fff;
}
body.drawer-opened #hamburger :nth-child(2) {
    -webkit-transform: translate(-50px,0);
    transform: translate(-50px,0);
    opacity: 0;
}
body.drawer-opened #hamburger :nth-child(3) {
    -webkit-transform: rotate(-315deg);
    transform: rotate(-315deg);
	top: 12px;
    background-color: #fff;
}
body.drawer-opened .header-nav{
    z-index: 100;
    display: block;
	-webkit-transform: translateZ(0%);
    -webkit-animation: drawer-open .5s cubic-bezier(.165,.84,.44,1) 0s;
    animation: drawer-open .5s cubic-bezier(.165,.84,.44,1) 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.footer,.footer a{ color: #fff; }
.footer{background: url(../images/footer_bg.jpg)center; padding: 2rem 0; text-align: center;}
.footer .copyright{margin:1rem 0 0;line-height: 2;}
.footer .copyright dl a{display: inline-block; position: relative;}
.footer .copyright dl a+a{margin-left: 1.25rem;}
.footer .copyright dl a+a:before{ content: ""; position: absolute; left: -0.625rem; top: 25%; height: 55%; width: 1px; background: #fff;}
.footer .copyright p{margin: 0;}

/* home */
.pagination{ text-align: center; z-index: 5;width: 100%;}
.pagination span{width: 0.8125rem; height: 0.8125rem; border-radius: 100%; margin:0 0.3125rem;opacity: 1; background: #ccc;}
.pagination span.swiper-pagination-bullet-active{opacity: 1;background: #c82317;}
.homebanner .pagination{position: absolute; left: 0; bottom: 1.5rem; }
.homebanner .pagination span{ background: #fff; width: 0.8125rem; height: 0.8125rem; border-radius: 0; opacity: 0.5;}
.homebanner .pagination span.swiper-pagination-bullet-active{width: 4rem; opacity: 0.5;background: #fe9112;}
.homesection{padding: 1.5rem 0 1rem;  border-bottom: 1px solid #eee;}
.home-tit{margin-bottom: 1.5rem; position: relative;border-top: 1px solid #eee;}
.home-tit .tit{font-size: 2.125rem; color: #666; border-top: 0.1875rem solid #c82317; position: relative; top:-0.125rem;display: inline-block; padding-top: 0.5rem;}
.home-tit .more{ color: #999; float: right; padding-right: 1.125rem; background: url(../images/home_more.png) no-repeat right center; background-size: 0.8125rem 0.8125rem; position: absolute; right: 0; top: 50%; margin-top: -1.15625rem;}

.homenew .list ul>*{padding-bottom: 0.5rem;}
.homenew .list .Ispic{overflow: hidden; padding-bottom: 43.714%; display: block;}
.homenew .list li{ padding-top: 0.5rem;}
.homenew .list li a{padding-left: 0.9375rem; position: relative;}
.homenew .list li a:before{content: ""; position: absolute; left: 0; top: 50%; margin-top: -0.25rem; width: 0.5rem; height: 0.5rem; background: #ccc; border-radius: 100%;}

.homenew2 .list li .Ispic{padding-bottom: 57.1428%; display: block;}
.homenew2 .list li h3{margin: 0; font-size: 1.5rem; text-align: center; font-weight: normal; padding: 0.5rem 0;}
/* home end */

.in-menu{text-align: center;font-size: 1.5rem; background: #f2f2f2;}
.in-menu ul{position: relative;}
.in-menu li{ display: inline-block;}
.in-menu li a{display: inline-block; color: #333; padding: 1rem 0; border-bottom: 0.1875rem solid transparent;}
.in-menu .on a{color: #c82317; border-bottom-color: #c82317;}



.in-singlepage{color: #666;text-align: justify; padding: 1.5rem 0;}
.in-container{padding: 1.5rem 0 2rem;min-height: 300px;}

.list-pictxt li{padding: 1.5rem 0; border-bottom: 1px solid #f2f2f2;}
.list-pictxt li .inner{position: relative;padding-left:  40%;}
.list-pictxt li .pic{overflow: hidden; position: absolute;left: 0; top: 0;width: 40%; height: 100%;}
.list-pictxt li .Ispic{display: block;position: absolute;left: 0; top: 0;width: 100%; height: 100%;}
.list-pictxt li .word{padding:0 0 0 1rem;}
.list-pictxt li .word h3{font-size: 1.5rem;margin: 0;font-weight: normal;}
.list-pictxt li .word figure{margin: 0.5rem 0; color: #999;}
.list-pictxt li .word time{font-size: 1.5rem;}
.list-pictxt li .word .more{float: right; color: #c82317;font-size: 1.5rem;}

.gkxx-list li{padding: 0;border-bottom: none;}
.gkxx-list li+li{padding-top: 1.5rem;}
.gkxx-list li .inner{ background: #f2f2f2;}
.gkxx-list li .word{padding: 1.5rem; }
.gkxx-list li figure{position: relative;}
.gkxx-list li .more{ right: 0; bottom: 0;position: absolute; background: #f2f2f2; padding-left: 1rem;}

.list-txt li{ padding: 0.5rem 0;}
.list-txt li .inner{background: #ebeff8; padding: 0.5rem;}
.list-txt li h3{position: relative; padding-right: 5rem; font-size: 1.25rem; margin: 0; font-weight: normal;}
.list-txt li h3 a{position: relative; padding-left: 1rem;}
.list-txt li h3 a:before{content: "";position: absolute; top: 50%; margin-top: -0.3125rem; width: 0.625rem; height: 0.625rem; border-radius: 100%; left: 0; background: #7cbdec;}
.list-txt li time{position: absolute; right: 0; top: 0; color: #999;}


.list-txt2 time{position: absolute; right: 0; top: 50%; margin-top: -0.625rem; color: #999;}
.list-txt2 ol{padding-bottom: 0.5rem;}
.list-txt2 ol .pic{display: block;}
.list-txt2 ol .pic img{ width: 100%;}
.list-txt2 ol h3{ margin: 0.65rem 0; font-size: 1.5rem; position: relative; padding-right: 7rem; font-weight: normal;}
.list-txt2 ol time{ margin-top: -1rem;}
.list-txt2 ol figure{color: #999;}
.list-txt2 li{position: relative; border-bottom: 1px solid #eaeaea; padding: 0.5rem 5rem 0.5rem 0;}
.list-txt2 li:first-child{padding-top: 0;}
.list-txt2 li a{position: relative; padding-left: 1.25rem;font-size: 1.5rem;}
.list-txt2 li a i{position: absolute; top: 50%; left: 0; margin-top: -0.375rem; width: 0.75rem; height: 0.75rem; background-color: #c82317;}
.list-txt2 li time{margin-top: -0.625rem;}


.News_info .info_title{ padding:10px 0px; font-size:1.5rem; text-align:center; margin: 0; font-weight: normal; color: #333;}
.News_info .info_time{ font-size:1.25rem; text-align:center; color:#999; font-weight:normal; border-bottom:1px dotted #ccc; padding-bottom:10px;}
.News_info .info_txt{ padding:10px 0px; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow-x:auto;}
.PrevNextBox .h1{ font-size:1.25rem; font-weight:normal;}
.News_info .YBXC img{ width: 100% !important;}