@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

a{color: #333; text-decoration: none;} 

a:hover{color:#ee0701; text-decoration: none;}

.w1100{ width:1200px; margin:0 auto;  overflow:hidden;}

.w1000{width:1200px; margin: 0 auto; overflow:hidden;}

.w1020{width:1200px; margin: 0 auto; overflow:hidden;}

.wb100{width:1200px; margin: 0 auto; }

.to5{ padding-top:5px;}

.top2{ padding-top:18px;}

.top3{ padding-top:20px;}

.top5{ padding-top:28px;}

.top36{ padding-top:36px;}

.top30{ margin-top:30px;}

.top60{ margin-top:60px;}



.top12{ margin-top:15px; overflow:hidden;}

.pa{ position:absolute;}

.pr{ position:relative}

.mt50{ margin-top:50px}

.mt25{ margin-top:25px}



.f_pr{position:relative;}

.f_pa{position:absolute;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1200px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1200px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}






body{min-width: 1200px;}
.top{width: 100%;height:450px;background:url(files/images/banner_01.jpg) no-repeat center;}
.top >img{display: block;margin: 0 auto;padding-top: 130px;}








/*header*/
.header_main {width: 100%;
  height: 80px;
  line-height: 80px;
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
   min-width: 1200px;
  
   
    -webkit-transition: all 0.4s ease;
   
    transition: all 0.4s ease;
}
.fp-viewing-0 .header_main{}
.header_main .header {
  position: relative;
}

.header_main .logo {
  width: 230px;
  height: 45px;
  position: absolute;
  top: 23px;
  left: 30px;
  display: block;
  z-index: 100;
}
.header_main .logo img {
  width: 100%;

  display: block;
}

.header_main .nav_main {
  width: auto;

  height: 80px;
  line-height: 80px;
    float: right;
    margin-right: 30px;
}
.header_main .nav_main .list {margin: 0px;}
.header_main .nav_main .list >li {
  padding: 0 21px;
  text-align: center;
  font-size: 16px;
  position: relative;
  float: left;
}
.header_main .nav_main .list >li>a {
  height: 99px;
  display: block;
  height: 100%;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}


.header_main .nav_main .list >li>a:hover {
  color: #fff;
}
.header_main .nav_main .list >li i {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #509cf1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header_main .nav_main li:hover i,
.header_main .nav_main li.hover i {
  width: 100%;
  margin-left: -50%;
}

.header_main .tel {display: none;
  width: auto;
  height: 80px;
  position: absolute;
  top: 0px;
  right: 30px;

  z-index: 100;

 padding-left: 28px;
    font-size: 18px;
    line-height: 80px;
    color: #fff;
}





.imgcon {padding: 60px 0;border-bottom: 1px solid #e5e5e5;}
.imgcon .txtcon {width: 650px;}
.imgcon .txtcon h3 {font-size: 27px;color: #333333;font-weight: normal;margin-bottom: 10px;line-height: 40px;text-transform:uppercase;font-weight:bold;}
.imgcon .txtcon .en {width: 610px;font-size: 30px;text-transform: uppercase;font-family: Arial,Serif;color: #cacaca;display:none;}
.imgcon .txtcon .line {width: 130px;height: 1px;display: block;background: #24A2F9;margin: 14px 0 14px;}
.imgcon .txtcon .txt {line-height: 20px;margin-bottom: 30px;font-size:14px;}
.imgcon5 .txtcon h3 {font-size: 30px;line-height: 50px;}
.imgcon5 .txtcon .line {margin: 24px 0 19px;}

.imgcon .img img{width: 500px;}
.imgcon a.on{padding-right: 60px;}


.video_l {width: 500px;}
.video_l img{width: 500px;}

.video_r{width: 650px;}
.video_r .txtcon{margin-top: 50px;}
.video_r .txtcon:nth-child(2){margin-top: 100px;}


.zlp{font-size: 40px;line-height: 40px;color: #0e6eb8;text-align: center;font-weight: bold;margin-top: 60px;margin-bottom: 20px;text-transform:uppercase;}
.zlpi{width: 100px;height: 5px;background:  #0e6eb8;margin: 0 auto;margin-bottom: 50px;}
.zlxz{ height:115px;border: 1px solid #ccc;    padding: 30px;margin-bottom: 30px;}
.zlxz img{ float:left;padding-top: 3px;}
.zlxz a img{width: 200px;}
.xznr{ padding-left:30px;width: 1054px;float: right;line-height: 35px; font-size: 14px;}
.xznr b{ display:block;font-size: 22px;color: #333;text-transform:uppercase;}
.xznr span{ display:block;    margin-top: 11px;font-size: 16px;}
.xznr i{font-style:normal}
.xznr a{padding-right: 20px;float: right;}