@charset "utf-8";
*{ box-sizing: border-box; }
body { font-size:12px;max-width:1920px;margin:0 auto;color:#333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,fieldset, lengend, button, input, textarea,th, td { margin: 0; padding: 0; }
ol,ul,li{list-style: none;}
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
a { text-decoration:none; color:#333; }
img{ border:0;  vertical-align: middle; }
select,input,textarea{ border: 0; font-family:Arial; outline:none;resize:none;}
h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size: 100%; }
div, dl, dt, dd, ol, ul, li { zoom: 1; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a:hover{text-decoration:none;}
input, textarea { box-sizing: border-box; }
button,input[type="button"],input[type="submit"] { cursor: pointer;resize:none;outline:0; }

body { max-width:1920px;margin:0 auto; }
/* img {
	max-width: 100%;
} */
/*合并表格边框，设置边框距为零*/
table{ border-collapse: collapse; border-spacing: 0; }

/*清除浮动*/
.clearfix {+height:1%;}
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}


/*强制换行   禁止换行*/
.break_word{ word-wrap:break-word; word-break:break-all;}
.keep_all{ word-break:keep-all; white-space:nowrap; }

/*超出省略号，仅限单行，并且需要设定一个宽度*/
.ellipsis { overflow: hidden;  text-overflow: ellipsis;  display: block; white-space: nowrap; }
.ellipsis_2 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis_3 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis_4 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ellipsis_5 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ellipsis_6 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.ellipsis_7 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}


/*me*/
.wrap{ width: 1200px; margin: 0 auto; }


/*边距*/
.mt5{ margin-top: 5px;}
.mt6 { margin-top:6px; }
.mt15{ margin-top: 15px;}
.mt10{ margin-top: 10px;}
.mt18{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt26{ margin-top: 26px;}
.mt28{ margin-top: 28px;}
.mt32{ margin-top: 32px;}
.mt35{ margin-top: 35px;}
.mt38{ margin-top: 38px;}
.mt42{ margin-top: 42px;}
.mt45{ margin-top: 45px;}
.mt50{ margin-top: 50px;}
.mt56{ margin-top: 56px;}
.mt60{ margin-top: 60px;}
.mt68{ margin-top: 68px;}
.mt87 { margin-top: 87px;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml50{ margin-left: 50px;}
.mr8 { margin-right: 8px }
.mr10{ margin-right: 10px }
.mr11{ margin-right: 11px }
.mr16{ margin-right: 16px }
.mr20{ margin-right: 20px }
.mr30{ margin-right: 30px }
.mr45{ margin-right: 45px }
.mr48{ margin-right: 48px }
.mr50{ margin-right: 50px }
.mr62{ margin-right: 62px }
.mb8{ margin-bottom: 8px;}
.mb10{ margin-bottom: 10px;}
.mb12{ margin-bottom: 12px;}
.mb16{ margin-bottom: 16px;}
.mb20{ margin-bottom: 20px;}
.mb22{ margin-bottom: 22px;}
.mb28{ margin-bottom: 28px;}
.mb30{ margin-bottom: 30px;}
.mb35{ margin-bottom: 35px;}
.mb36 { margin-bottom: 36px;}
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px;}
.mb54 { margin-bottom: 54px;}
.mb55 { margin-bottom: 55px;}
.mb59 { margin-bottom: 59px;}
.mb60 { margin-bottom: 60px;}
.mb65 { margin-bottom: 65px;}
.mb70 { margin-bottom: 70px;}
.mb80 { margin-bottom: 80px;}
.mb84 { margin-bottom: 84px;}
.mb95 { margin-bottom: 95px;}
.mb120{ margin-bottom: 120px;}
.mb150{ margin-bottom: 150px;}
.mg60 { margin:60px 0; }


.padding_top5 { padding-top:5px;  }
.padding_top10 { padding-top:10px;  }
.padding_top20 {padding-top:20px;}
.padding_top25 {padding-top:25px;}
.padding_top34 {padding-top:34px;}
.padding_top44 {padding-top:44px;}
.padding_top72 {padding-top:72px;}
.padding_btm300 { padding-bottom:300px; }


.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}

/******* 状态 ******/
.fl{ float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.pa{ position: absolute;}
.none { display:none; }
.hidden{ overflow:hidden }
.vertical_middle{ display:inline-block; *zoom:1; *display:inline;vertical-align:middle;}
.vertical_top { display:inline-block; *display:inline; zoom:1; vertical-align: top; }
.text_left { text-align:left; }
.text_center { text-align: center;}
.text_right{ text-align: right;}

/******    样式   *******/
.opacity_0 { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; -khtml-opacity: 0; }
.opacity_6 { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-opacity: 0.6; -o-opacity: 0.6; -khtml-opacity: 0.6; }
.opacity_7 { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-opacity: 0.7; -o-opacity: 0.7; -khtml-opacity: 0.7; }
.place_000::-webkit-input-placeholder{ color:#000; }
.place_000::-moz-placeholder  { color:#000;	}
.place_000:-moz-placeholder { color:#000; }
.place_000:-ms-placeholder { color:#000; }

.place_444::-webkit-input-placeholder{ color:#444; }
.place_444::-moz-placeholder  { color:#444;	}
.place_444:-moz-placeholder { color:#444; }
.place_444:-ms-placeholder { color:#444; }

.place_737373::-webkit-input-placeholder{ color:#737373; }
.place_737373::-moz-placeholder  { color:#737373;	}
.place_737373:-moz-placeholder { color:#737373; }
.place_737373:-ms-placeholder { color:#737373; }

.place_999::-webkit-input-placeholder{ color:#999; }
.place_999::-moz-placeholder  { color:#999;	}
.place_999:-moz-placeholder { color:#999; }
.place_999:-ms-placeholder { color:#999; }

.place_fff::-webkit-input-placeholder{ color:#fff; }
.place_fff::-moz-placeholder  { color:#fff;	}
.place_fff:-moz-placeholder { color:#fff; }
.place_fff:-ms-placeholder { color:#fff; }

.radius3 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
.radius6 {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.radius10 {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}


.radius30 {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.radius50 {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	
}


.home_news_img img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.home_news_list:hover img  {
	transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-webkit-transform: scale(1.1); 
	-o-transform: scale(1.1); 
}

.flex {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex_center {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flex_1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}
.arrow_right {
    position: relative;  
    padding-right:18px;  
}
.arrow_right:after {
    content: " ";
    display: inline-block;
    height: 14px;
    width: 14px;
    border-width: 2px 2px 0 0;
    border-color: #313131;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: relative;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right:-4px;
}
.arrow_right999:after {
    border-color: #999999;
}
/*************  特殊字体   ***********/
/* @font-face {
  font-family: 'SourceHanSansCN-Bold';
  src: url('../font/SourceHanSansCN-Bold.eot');
  src: local('SourceHanSansCN-Bold'),
              local('SourceHanSansCN-Bold'),
              url('../font/SourceHanSansCN-Bold.woff') format('woff'),
              url('../font/SourceHanSansCN-Bold.ttf') format('truetype'),
              url('../font/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg');
} 
@font-face {
  font-family: 'Calibri';
  src: url('../font/calibri.eot');
  src: url('../font/calibri.woff')format('woff'),
       url('../font/calibri.ttf')format('truetype'),
       url('../font/calibri.svg#Calibri')format('svg');
} */
/* @font-face{
   font-family:'SingleMaltaRegular';
   src:url('../fonts/singlemalta-webfont.eot');
   src:url('../fonts/singlemalta-webfont.eot?#iefix')format('embedded-opentype'),
        url('../fonts/singlemalta-webfont.woff')format('woff'),
    url('../fonts/singlemalta-webfont.ttf')format('truetype'),
    url('../fonts/singlemalta-webfont.svg#SingleMaltaRegular')format('svg');
   font-weight:normal;
   font-style:normal;
} */
/* @font-face {
    font-family:'SourceHanSansCN-Bold';
    src: url('../font/SourceHanSansCN-Bold.eot');
    src: local('SourceHanSansCN-Bold'),
            local('SourceHanSansCN-Bold'),
            url('../font/SourceHanSansCN-Bold.woff')format('woff'),
            url('../font/SourceHanSansCN-Bold.ttf')format('truetype'),
            url('../font/SourceHanSansCN-Bold.svg#fontName')format('svg');
    }  
@font-face {
    font-family:'Calibri_Light';
    src: url('../font/Calibri_Light.eot');
    src: local('Calibri_Light'),
            url('../font/Calibri_Light.woff')format('woff'),
            url('../font/Calibri_Light.ttf')format('truetype'),
            url('../font/Calibri_Light.svg#fontName')format('svg');
    }   */
    @font-face {
        font-family: 'calibri';
        src: url('../font/calibri.eot');
        src: local('calibri Regular'),
                    local('calibri'),
                    url('../font/calibri.woff') format('woff'),
                    url('../font/calibri.ttf') format('truetype'),
                    url('../font/calibri.svg#calibri') format('svg');
      }




@font-face {
    font-family:'SourceHanSansCN-Bold';
    src: url('../fonts/SourceHanSansCN-Bold.eot');
    src: local('SourceHanSansCN-Bold'),
         local('SourceHanSansCN-Bold'),
         url('../fonts/SourceHanSansCN-Bold.woff') format('woff'),
         url('../fonts/SourceHanSansCN-Bold.ttf') format('truetype'),
         url('../fonts/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg');
    }
@font-face {
    font-family:'SourceHanSansCN-Regular';
    src: url('../fonts/SourceHanSansCN-Regular.eot');
    src: local('SourceHanSansCN-Regular'),
         local('SourceHanSansCN-Regular'),
         url('../fonts/SourceHanSansCN-Regular.woff') format('woff'),
         url('../fonts/SourceHanSansCN-Regular.ttf') format('truetype'),
         url('../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg');
    }
/* @font-face {
    font-family:'calibri_bold';
    src: url('../fonts/calibri_bold.eot');
    src: local('calibri_bold'),
         local('calibri_bold'),
         url('../fonts/calibri_bold.woff') format('woff'),
         url('../fonts/calibri_bold.ttf') format('truetype'),
         url('../fonts/calibri_bold.svg#calibri_bold') format('svg');
    } */


/*@font-face {
    font-family:'Calibri_Light';
    src: url('../fonts/Calibri_Light.eot');
    src: local('Calibri_Light'),
                local('Calibri_Light'),
                url('../fonts/Calibri_Light.woff') format('woff'),
                url('../fonts/Calibri_Light.ttf') format('truetype'),
                url('../fonts/Calibri_Light.svg#Calibri_Light') format('svg');
    }
    
@font-face {
    font-family:'calibri';
    src: url('../fonts/calibri.eot');
    src: local('calibri'),
                local('calibri'),
                url('../fonts/calibri.woff') format('woff'),
                url('../fonts/calibri.ttf') format('truetype'),
                url('../fonts/calibri.svg#calibri') format('svg');
    }
@font-face {
    font-family:'MADE GoodTime Grotesk PERSONAL USE';
    src: url('../fonts/MADE GoodTime Grotesk PERSONAL USE.eot');
    src: local('MADE GoodTime Grotesk PERSONAL USE'),
                local('MADE GoodTime Grotesk PERSONAL USE'),
                url('../fonts/MADE GoodTime Grotesk PERSONAL USE.woff') format('woff'),
                url('../fonts/MADE GoodTime Grotesk PERSONAL USE.ttf') format('truetype'),
                url('../fonts/MADE GoodTime Grotesk PERSONAL USE.svg#MADE GoodTime Grotesk PERSONAL USE') format('svg');
    } */