html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; }
body,html{height: 100%; text-align: center;}  
div {margin: 0 auto; text-align:left;}
/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 
/* body */ 
body{color:#000; font-size:12px; } 
i, em, cite { font-style: normal; }
img { border:0;}
/* a */ 
a, a:link { color: #000; text-decoration: none; transition: all ease-out .5s; }
a:active, a:hover { text-decoration: none; color:#FFF; }
/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
input {vertical-align:middle;font-size:small}
.button {vertical-align:middle;font-size:small}
.button { cursor: pointer; }
/* li */ 
ul,li{list-style-type:none; }  

::-webkit-scrollbar-track-piece { /*滚动条凹槽的颜色，还可以设置边框属性*/
background-color:#f8f8f8;
}
::-webkit-scrollbar {/*滚动条的宽度*/
width:9px;
height:9px;
}
::-webkit-scrollbar-thumb {/*滚动条的设置*/
background-color:#dddddd;
background-clip:padding-box;
min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
background-color:#bbb;
}


body{ background:#ffffff; font-family: 微软雅黑,Arial,Helvetica,Tahoma,sans-serif !important; }

/* -------------------iconfont----------margin:20px 30px 10px 30px; --------- */ 
@font-face {
  font-family: 'iconfont';  /* Project id 774109 */
  src: url('//at.alicdn.com/t/c/font_774109_yx5t43xekun.woff2?t=1743649522964') format('woff2'),
       url('//at.alicdn.com/t/c/font_774109_yx5t43xekun.woff?t=1743649522964') format('woff'),
       url('//at.alicdn.com/t/c/font_774109_yx5t43xekun.ttf?t=1743649522964') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size:24px;  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-wx2:before { content: "\e607"; }
.icon-xcx:before { content: "\e63e"; }
.icon-qq:before { content: "\e666"; }
.icon-wx:before { content: "\e62f"; }
.icon-tel:before { content: "\e613"; }
.icon-play:before { content: "\e710"; }

.icon-linexie:before { content: "\e63a"; }
.icon-jtr:before { content: "\eb0a"; }
.icon-jtl:before { content: "\e600"; }
.icon-jtt:before { content: "\e615"; }
.icon-jtr:before { content: "\e739"; }
.icon-more:before { content: "\e6e2"; }
.icon-fxt:before { content: "\e615"; }
.icon-fxd:before { content: "\e614"; }
.icon-phone:before { content: "\e638"; }
.icon-tel24:before { content: "\e626"; }
.icon-kefu:before { content: "\e7bb"; }

.icon-prev:before { content: "\e617"; }
.icon-next:before { content: "\e618"; }

.icon-ico1:before { content: "\e6ea"; }
.icon-ico2:before { content: "\e686"; }
.icon-ico3:before { content: "\e603"; }
.icon-ico4:before { content: "\e668"; }
.icon-ico5:before { content: "\e629"; }
/* 
    Slider左右箭头Hover、通栏10pxLine:f2f2f2   
    默认主色：014572
    默认次色：014572
    默认灰色：333333
    字体主色：014572
    字体主色浅：e3fef6
    边框浅灰线：efefef
*/ 

/* -------------------head------------------- */


div.topall { width:100%; height:60px;line-height:60px; background: rgba(0,0,0,0.7);-webkit-overflow-scrolling: touch }
div.topallfixed { position:fixed;  _position: fixed; z-index:99; top:0;  }
div.topinfo { width:90%; height:100%;  } /*width:1200px;*/
div.topactive{ background:#FFF;transition: all 0.3s; }

div.topactive ul.menu > li,div.topactive ul.menu > li > a { color:#4e4e4e; }
div.topactive ul.menu > li > a:after { background:#666666; }
div.topactive ul.menu > li.cur > a,div.topactive ul.menu > li > a:hover,div.topactive .toptel { color:#e55518; }
div.topactive ul.menu > li.cur > a:after,div.topactive ul.menu > li > a:hover:after { background:#e55518; }

/* -------------------head------------------- */

.head { width:220px; height:50px;margin-top:5px;  }
.head h1 { display:block;width:100%;height:100%;    line-height: 0;  }

.toptel { color:#FFF;font-size:28px;line-height:60px;padding-top:0; font-family: Impact;text-transform: uppercase;}
.toptel > span:before { margin-right:10px;font-size:30px; display: block;float: left;height: 100%;  }

/* --------  menu   --------- */ 
div.menu{ width:auto;height:60px;    display: table; }

ul.menu {width:100%;  height:100%;  margin:0 auto;   white-space:nowrap; position: relative; z-index:2;}
ul.menu > li { width:auto;height:100%; padding:0 25px; box-sizing: border-box; vertical-align: bottom;color:#ffffff;
               position: relative;display: inline-block;  word-spacing:1px; letter-spacing:1px; text-align:center; }
ul.menu > li > a  { transition: all 0.3s; position: relative; font-size:16px;font-weight: bold; color:#ffffff; display:block; margin:0 auto;  width:100%;height:100%;}
ul.menu > li > a:before { font-size:24px; }
ul.menu > li.cur > a  { }
ul.menu > li.cur > a:after,ul.menu > li > a:hover:after  {opacity:1; }
ul.menu > li > a:after {position: absolute;left: 0;top: 50%;margin-top:20px;content: "";display: block;height: 2px;width: 100%;background: #ffffff;opacity: 0;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}


ul.menu li .sub-nav{  display:none; position:absolute; top:60px;list-style:none; font-size:18px;  z-index:9999;font-weight: normal;	
                width: 160px; left:50%;     box-shadow: 0px 5px 10px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
     transform: translateX(-50%);
}
ul.menu li .sub-nav:after {	content:"";display: block;position:absolute;top:5px;left:50%;width:10px;height:10px;margin-left:-5px;background:#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
ul.menu li .sub-nav li{ line-height: 20px;  background:#ffffff;	}
ul.menu li .sub-nav li:first-child{ margin-top:10px; }
ul.menu li .sub-nav li a{position: relative;display: block; padding: 15px 10px;    border-bottom: 1px solid #eee;box-sizing: border-box;    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
ul.menu li .sub-nav li a:hover{  color:#e55518; /* 鼠标经过时的红色背景，可自定义 */	}

/* --------  slide    --------- */ 
div.slide  { width:100%; height:1080px; border-bottom:1px solid #eaeaea; }
div.slide ul { width:100%; height:100%;	}
div.slide li { width:100%; height:100%;     white-space: nowrap; text-indent:5999px;	}
div.slide a { display:block; width:100%; height:100%;	}


/* -------- index about   --------- */

div.da1 {  max-width:calc(1920px - 30px); margin:30px auto; }
div.da1 > div { float: left; width: calc(50% - 30px);  margin: 0 15px; overflow: hidden; position: relative; }
ssdiv.d1L::after {  content: ''; display: block; width: 100%; height: 100%; overflow:hidden;position:absolute;top:0;background: rgba(0,0,0,0.3); }

div.d1R > div.d1rTxt { position: absolute;top: 0; width:100%; }
div.d1R > div.d1rTxt > .d1rtI { align-items:center;margin-top:36px; height:auto;overflow:hidden; display: flex;}
div.d1R > div.d1rTxt > .d1rtI:first-child {  }
div.d1R > div.d1rTxt > .d1rtI > div { float:left;display: flex; }
div.d1R > div.d1rTxt > .d1rtI > div:first-child { display: flex;margin-left:10%; width:55%;font-size:14px;color:#666666;line-height:30px; }
div.d1R > div.d1rTxt > .d1rtI > div:first-child > div {  float:left;  }
div.d1R > div.d1rTxt > .d1rtI > div:first-child > div:first-child { width: 100px;display: flex;align-items: center;}
div.d1R > div.d1rTxt > .d1rtI > div:first-child > div:last-child { width: calc(100% - 100px);line-height:24px; }
div.d1R > div.d1rTxt > .d1rtI > div:last-child { margin-left:0%; width:35%; font-size:26px; color: #262626; }

.d1rtI .d1rtI_ico { font-size:40px; width:45px; color:#808080; }
.d1rtI:hover .d1rtI_ico { color:#e55518; }


div.da2 {max-width:calc(1920px - 60px); margin:30px auto;position: relative; }
div.xxx { position: absolute;display: block;height: auto;top: 0;width: 50%;background: red;}


div.da3 { max-width:calc(1920px - 120px); margin:30px auto 0;position: relative; }
div.da3 > div {  float: left; width: calc(50% - 30px);  margin: 0 15px; overflow: hidden; position: relative; }
div.d3L { background:#f5f5f5; color:#3a3a3a; }
div.d3L > a:hover { color:#000;  }
div.d3l_1 { font-size:30px; margin:43px 0 43px 35px;word-spacing:1px;letter-spacing:1px; }
div.d3l_1 > span { color:#3a3a3a;float:right; font-size:14px;cursor:pointer;margin-right:40px;font-style:normal; }
div.d3l_1 > span:hover { color:#e55518; }
div.d3l_2 {  font-size:18px;margin:0 0 30px 35px; }
div.d3R { color:#fff; }
div.d3R  div {  position:absolute;left:calc(50% - 130px);top:calc(50% - 50px); }
div.d3R  div > span { display:block; color:#014572;font-size:32px;font-weight:700; }
div.d3R  div > xxx { font-size:16px; }

div.zlzz {  position:absolute;left:calc(50% - 150px);top:calc(85% - 50px); color:#fff;}
div.zlzz > div:nth-child(1) {  text-align:center; line-height:50px; font-size:30px; font-weight:bold; margin-bottom:10px;  }
div.zlzz > div:nth-child(2) {  line-height:40px; font-size:18px; margin-bottom:10px;  }

div.inAboutHead { margin-top:100px; }
div.inAboutHead > div{ text-align:center; }
div.inAboutHead > div:nth-child(1){  color:#3a3a3a; font-weight:600; line-height: 80px; font-size: 40px; }
div.inAboutHead > div:nth-child(2){   margin:10px 0 60px 0; font-size: 16px; color: #666666; }
div.inAboutHead > div:last-child{ max-height:500px;min-height:500px;margin-top:-360px; }

div.da4 div:nth-child(1) { font-weight:600;text-align:center;color:#ffff;font-size:100px;margin:150px 0 80px 0; }

.imglogLeft { vertical-align: middle; }
.spanxx {    text-shadow: 2px 2px 2px #000;  }
div.indexMore p { position:absolute;color:#fff; width:100%;text-align:center;}
div.indexMore p.IMInfo1 {  top:190px;width:500px;height:68px;left:50%;margin-left:-250px; }
div.indexMore p.IMInfo1 > span { font-size:44px;font-weight: 700; }
div.indexMore p.IMInfo2 {  top:300px;line-height:30px;color:#fff;font-size:18px;font-weight:300; }
div.indexMore p.IMInfo3 {  top:410px;}

.aMore,.aMore2,.aMore6,.aMore7 { width:100px;height:36px;line-height:36px;text-align:center;margin:0 0 0 calc(50% - 50px);display:block;font-size:13px;border-radius:18px;border:1.6px solid #fff;background:rgba(255, 255, 255, .30);color:#fff;float:left; }
.aMore:hover {  background:#014572; border-color:#014572; }

.aMore7 {  background:#e55518; border-color:#e55518; }
.aMore7:hover {   border-color:#fff; background:rgba(255, 255, 255, .30);color:#FFF; }

.aMore6:hover {  background:#FFF; border-color:#FFF;color:#e55518; }
.aMore2:hover {  background:#e55518; border-color:#e55518; }
.aMore3 { width:100px;height:36px;line-height:36px;border-radius:18px;text-align:center;margin:0 0 0 calc(50% - 50px);display:block;font-size:13px;;color:#fff;float:left; }
.aMore3::before {  float:right; margin-right:10px; height:10px; overflow:hidden; line-height:19px; margin-top:11px;font-size:16px; }
.aMore3:hover {  background:#e55518;border-radius:18px;border:1.6px solid #fff;background:rgba(255, 255, 255, .30);color:#fff; }

.aMore4 { width:200px;height:70px;line-height:70px;text-align:center;margin:0 0 0 calc(50% - 50px);
           display:block;font-size:28px;font-weight:200;border-radius:50px;background:#fff;color:#e55518; }
a.aMore5 { height:30px;line-height:30px;text-align:left;text-indent:16px;;margin:10px 0 0 0;
           display:block;font-size:13px;font-weight:200;background:#014572;color:#fff;border-top: 1px solid #e3e3e3; 
           border-radius:50px;border-top-left-radius:0;border-bottom-left-radius:0; }
a.aMore5:hover { background:#e55518;  }




/* --------  abbou Top  ---- */ 
div.abTop {  width:100%;min-height:948px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start; }

div {   }
div.abtN { margin-top:140px;display: flex; }
div.abtN>a { margin: 0 80px;color:#222;font-size:16px;line-height:60px; }
div.abtN>a:hover { color:#e55518;border-bottom:2px solid;  }
div.abtN>a.active { border-bottom:2px solid; color:#e55518; }
div.abtN>a.active:hover { color:#222; }

div.abtC {     }
div.abtC>p { color:#fff;font-family:Impact;text-transform:uppercase;text-align:center; }
div.abtC>p:nth-child(1) { font-size:80px;letter-spacing:6px; }
div.abtC>p:nth-child(2) {  font-size:34px;font-weight:300;letter-spacing: 6px;}

div.abInfo1 { max-width:calc(1330px); position: relative; margin-top:-310px; height:475px; margin-bottom:40px;}
div.abInfo1>div {  float: left; overflow: hidden; position: relative; }

div.abInfo1>div:first-child {  width: calc(60%); }
div.abInfo1>div:last-child {  width: calc(40%); }
div.abInfo1>div.abi1L>div { line-height:28px;font-size:14px;color:#6E6E70; width: calc(100% - 50px);  }

div.abi1R>div { float:left;width:calc(50% - 30px);height:calc(50% - 30px); margin: 0 15px 80px 15px;  }
div.abi1R>div>p {  text-align:center;  color:#666; }
div.abi1R>div>p:nth-child(1) { margin:20px auto 10px; width:45px;height:45px;font-size:40px;color:#e55518;  }
div.abi1R>div>p:nth-child(2) { margin:20px 8px; font-size:26px;color:#262626;font-family:Impact;text-transform:uppercase; }
div.abi1R>div>p:nth-child(3) { margin-top:10px; }


div.abTop2 {  width:100%;height:540px;margin-top:60px; overflow: hidden; }
div.abTop3 {  width:100%;height:700px;margin-top:60px; overflow: hidden; }
div.abt2N {display: flex;justify-content: center; background:#014572;}
div.abt2N>a { margin: 0 80px;color:#fff;font-size:16px;line-height:50px;margin-bottom:10px;}
div.abt2N>a:hover { color:#e55518;border-bottom:2px solid;  }
div.abt2N>a.active { border-bottom:2px solid; color:#ffff; }
div.abt2N>a.active:hover { color:#e55518; }


div.abJY  { word-spacing:1px; letter-spacing:1px; line-height:30px; color:#2f2f2f;font-size:16px;margin:80px 0; }

div.RYQ { height:500px;    }
div.SRY { margin-top:-80px;  }
div.SRY:before { content:"";display:block; border:1px dashed #eaeaea; position:relative; bottom:-178px;width:100%;  }
div.timeInfo { height:auto;overflow:hidden; }
div.timeInfo>div.tiH { margin-top:40px;  font-size:28px;color:#0C0C0C;line-height:55px;font-weight:bold; }
div.timeInfo>div.tiI {  display: flex;  align-items: flex-start;  }
div.timeInfo>div.tiI>span {    }
div.timeInfo>div.tiI>span:first-child {  color:#ED7100;font-size:110px;  font-weight:bold;   }
div.timeInfo>div.tiI>span:last-child { width:50%; margin-left: 60px;padding-top: 30px; font-size: 14px; color: #333; line-height: 35px;   }
div.sline { border:1px dashed #eaeaea; position: absolute; bottom:113px;width:100%; }
div.slideRY  { width:1330px; height:250px; }
div.time { width:226px;  height:140px; }
div.time > p { margin-left: 40px; cursor:pointer; }
div.timeT > p { margin-top:96px;  }
div.timeT > p:after { content:"";display:block;width:1px;height:28px;background:#acacac;margin-top:-66px;margin-left:10px;position:relative;}
div.timeT > p:before { content:"";display:block;width:10px;height:10px;border-radius:20px;background:#acacac;border:6px solid #ececec; }
div.timeT:hover > p:before { background:#e55518;border:6px solid #ffceb9; }
div.timeO > p { margin-top:0px; }
div.timeO > p:before { content:"";display:block;width:1px;height:28px;background:#acacac;margin-top:38px;margin-left:10px;position:absolute;}
div.timeO > p:after { content:"";display:block;width:10px;height:10px;border-radius:20px;background:#acacac;border:6px solid #ececec; }
div.timeO:hover > p:after { background:#e55518;border:6px solid #ffceb9; }

div.slideRY li { width:100%; height:100%;     white-space: nowrap;	}
div.slideRY a { display:block; width:100%; height:100%;	}
div.xxxxxx {   align-content: flex-start;flex-direction: column-reverse;flex-wrap: wrap;}



div.cpT{  margin:50px auto;text-align:center; font-size:30px;line-height:30px;font-weight:bold;	}
div.da_about{  margin-top:50px; line-height:24px;	}
div.da_about > div {float:left; }




div.citemsX > a { transition: all ease-out .5s; height:auto; overflow:hidden; display:block;float:left;
               text-align:left;color:#373737; font-weight:400;font-family:PingFang-SC-Regular; }
div.citemsX > a > p.p1 { width:100%; text-align:center;overflow:hidden;} 
div.citemsX > a > p.p1 > img {transition: all ease-out .5s;   } 

div.citemsX > a > p.p2 { width:338px; margin:24px 22px;  color:#333333;font-weight:400;  } 
div.citemsX > a > p.p3 {width:338px; margin-left:22px; font-size:14px;  line-height:20px; color:#999999;   } 
div.citemsX > a > p.p4 {margin-top:2px; width:100%;height:auto; text-align:center;  } 
div.citemsX > a > p.p4 > span {border-radius: 15px;  display:block; width:82px; height:30px; color:#fff;font-weight:300; margin-left:5%;transition: all ease-out .3s;
                           background:#014572;  float:right; overflow: hidden;   line-height:30px; font-family:PingFangSC-Light; margin-bottom:23px; font-size:13px; border: 1px solid #d8d8d8;} 
div.citemsX > a > p.p5 {width:0;height:1px; border-bottom:1px solid #d8d8d8;transition: all ease-out .5s;  } 




div.hoverTitle > a:hover > p.p5{width:100%;border-bottom:1px solid #005cac; }
div.i3 > a {  margin-right:92px; width:382px; }
div.i3 > a:nth-child(3n+0) {margin-right:0; }
div.i3 > a:hover {background:#014572;color:#fff; }
div.i3 > a > p.p1 {  height:auto;   } 
div.i3 > a > p.p2 { transition: all ease-out .5s; font-size:17px;    } 
div.i3 > a > p.p3,div.i3 > a > p.p4 > span { transition: all ease-out .5s;   } 

div.i3 > a:hover > p.p1 > img{  transform: scale(1.1);}
div.i3 > a:hover > p.p2,div.i3 > a:hover > p.p3{margin-left:26px;}
div.i3 > a:hover > p.p4 > span{margin-right:26px;}

div.i3L > a > p.p2,div.i3L > a > p.p3{margin-left:6px;}
div.i3L > a:hover > p.p2,div.i3L > a:hover > p.p3{margin-left:26px;color:#fff;}

div.i4 > a {  margin-right:12px; width:291px;cursor:default; }
div.i4 > a:nth-child(4n+0) {margin-right:0; }
div.i4 > a > p.p1 {  height:205px;   } 
div.i4 > a > p.p2 { width:279px; margin:20px 0 8px 0;  font-size:14px;  } 
div.i4 > a > p.p3 { width:279px; margin: 0 0 20px 0;  font-size:14px;  }

div.hoverTitle > a:hover > p.p1 > img{  transform: scale(1.1);}
div.hoverTitle > a:hover > p.p2{color:#005cac;}
div.hoverTitle > a:hover > p.p3{color:#999999;}
div.hoverTitle > a:hover > p.p5{width:100%;border-bottom:1px solid #014572; }



div.i4L > a {  margin-right:71px; width:279px; }
div.i4L > a:nth-child(4n+0) {margin-right:0; }
div.i4L > a > p.p1 {  height:205px;   } 
div.i4L > a > p.p2 {transition: all ease-out .5s;  width:100%;text-align:center; margin-top:20px;  font-size:14px;  } 
div.i4L > a > p.p3 {transition: all ease-out .5s;  width:239px; margin-bottom: 20px;  font-size:14px;  } 
div.i4L > a:hover > p.p2,div.i4L > a:hover > p.p3{ }


div.i4x { height:220px;}
div.i4x > a {cursor:default; margin-right:0; position:relative; width:292px; border:1px solid #d8d8d8; box-sizing: border-box; border-right:0;  }
div.i4x > a:nth-child(4n+0) { border-right:1px solid #d8d8d8;  }
div.i4x > a > p.p1 {  height:182px;   } 
div.i4x > a > p.p1 > img{  } 
div.i4x > a:hover {   border:1px solid #014572; z-index:21; }

div.i4x > a:hover > p.p1 > img { }
div.i4xL { border:1px solid #d8d8d8; border-bottom:0; }
div.i4xL > a {width:292px;height:182px; border:0;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}


div.newsitem  {   }
div.newsitem > a {border-bottom:1px solid #d6d6d6; display:block; width:1200px; height:240px; margin:0 auto;  }
div.newsitem > a:last-child { margin-bottom:40px; }
div.newsitem > a:hover { 	-webkit-box-shadow: 0 0 30px rgba(200,200,200,1), inset 0 0 30px rgba(200,200,200,0);
	-moz-box-shadow: 0 0 30px rgba(200,200,200,1), inset 0 0 30px rgba(200,200,200,0);
	box-shadow: 0 0 30px rgba(200,200,200,1), inset 0 0 30px rgba(200,200,200,0); }
div.newsitem > a:hover div.more:before { color:#014572;border-left:1px solid #014572;	  }

div.newitem { height:auto; overflow:hidden; }
div.newitem > div { float:left; }
div.newitem > div.pic { width:340px;  height:160px;  }
div.newitem > div.title { width:680px;  height:40px;line-height:22px; color:#014572;font-size:18px;  }
div.newitem > div.time { width:80px;  height:40px; font-size:16px; color:#999999;font-weight:300;  }
div.newitem > div.titlesub { width:620px; line-height:24px; height:60px;color:#999999;font-size:14px; margin-top:5px;  }
div.newitem > div.more { width:724px;height:60px;color:#999999;font-size:30px; text-align:right;  }
div.newitem > div.more:before { border-left:1px solid #999999;display: block;width: 40px; float: right; }





















/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* --------  bodyTop   ----- border-radius: 50% / 50% 100% 0 0;---- */ 
div.topts {width:100%; height:326px; overflow:hidden;margin-top:100px;  position:relative;    font-family: microsoft yahei,hanhei sc,pingfang sc,helvetica neue,helvetica,stheitisc-light,arial,sans-serif;}
div.topts > p {position:absolute; left:50%;margin-left:-500px; width:680px;font-weight:bold;color:#fff; }
div.topts > p > span { color:#FFF;margin-left:15px;font-size:14px;}
div.topts > p:nth-child(1) {height:40px;margin-top:70px;font-size:36px;}
div.topts > p:nth-child(2) {height:30px;margin-top:130px;font-size:24px;}

div.position { height:51px; line-height:50px; color:#999999;margin-top:10px; }
div.position > div { height:50px;text-align:right; border-bottom:1px dashed #d6d6d6; }
div.position > div > a {color:#999999; margin-left:5px; margin-right:5px;}
div.position > div > a:hover {color:#014572; }




/* --------  info1   --------- */


div.ctnav { text-align:right; }
div.ctnav > a { font-size:12px; font-weight:500;color:#828282;padding:10px 15px;position: relative;margin: 0 5px; }
div.ctnav > a.cur,div.ctnavfirst > a:first-child,div.ctnav > a:hover { background:#014572;color: #ffffff; }
div.ctnav > a:before { color:#d8d8d8;position: absolute;left: -12px;top:10px; }
div.ctnav > a:nth-child(1):before { display:none;padding:0 10px; }
div.ctnav > a > i { position:absolute; top:3px; }
div.ctnav > a > i:before {     font-size: 16px; }
div.ctnavlist > a { padding:10px 25px 10px 11px }
div.ctnavlist > a:first-child{ padding:10px 15px; }


/* --------     --------- */





div.about  { word-spacing:1px; letter-spacing:1px; line-height:30px; color:#2f2f2f; }
div.about > p.img { text-align: center; }
div.about img {margin-right:24px; }
div.about hr { color:rgba(0,0,0,0.1); }

div.aboutinfo { position:relative;min-height:500px;}
div.aboutinfo > div { position:absolute;}
div.aboutinfo > div.title {width:600px; height:30px;line-height:22px; left:200px;top:32px;color:#222222;font-size:20px; font-weight:bold;  }
div.aboutinfo > div.titlesub {width:600px; height:40px;line-height:20px;  left:200px;top:60px;color:#999999;font-size:12px; font-weight:300; }
div.aboutinfo > div.time { width:100px; height:110px; left:0;top:30px; font-size:24px; color:#999999; }
div.aboutinfo > div.time:after {position: absolute;left:80px;top: 50%;margin-top:-38px;content: "";display: block;height: 2px;width:50px;background: #d6d6d6;opacity:1;    }
div.aboutinfo > div.info { width:100%; height:auto;margin-top: 130px;margin-bottom:40px; position:static; left:0;top:130px; border-top:1px dashed #d6d6d6;padding-top:30px;  word-spacing:1px; letter-spacing:1px; line-height:24px; }


div.aboutA img { width:100%;height:auto;  margin: 0;  position: relative;  display: flex;  flex-direction: column;}


div.pititle { border-bottom:1px solid #efefef; text-align:center;font-size:26px; padding-top:30px; padding-bottom:30px; }


ul.aboutus { width:400px; float:left; }
ul.aboutus > li { color:#898989;  font-size:14px; line-height:26px;}
ul.aboutus > li:nth-child(1) { font-size:18px; height:40px;line-height:40px;color:#333;font-weight:bold; }

ul.aboutus > li:nth-child(6) { font-family: 'Impact';font-size:26px;}
ul.aboutus2 { width:600px;float:left; }
ul.aboutus2 > li {float:left; margin:10px 30px; }


ul.form_need {height:auto;overflow:hidden; width:700px;  margin: 0 auto;text-align:center; }
ul.form_need > li { margin-top:20px; width:700px; height:auto;overflow:hidden; }
ul.form_need > li > input { width:688px; font-size:14px;border:1px solid #d6d6d6;height:44px; line-height:44px; padding-left:10px; }
ul.form_need > li > textarea { width:688px; font-size:12px;border:1px solid #d6d6d6;height:100px; line-height:24px; padding-left:10px; }
ul.form_need > li > input.s_but { width:100px; font-size:14px;border:none;background:#014572; padding:0;cursor:pointer;color:#ffffff;font-size:16px; }
ul.form_need > li:last-child { color:#828282; margin-bottom:30px; }

div.kefu { width:40px;height:auto;position:fixed;z-index:9999;  _position: fixed; bottom:158px; right:0px;border:1px solid #e3e3e3;}
div.kefu > dl { border-bottom:1px solid #e3e3e3; width:100%; color:#828282;position:relative; text-align:center;background:#ffffff;}
div.kefu > dl > dt { width:100%; height:40px;line-height:40px;  transition: all ease-out .5s;}
div.kefu > dl > dd { display:none; position:absolute;   transition: all ease-out .5s;}
div.kefu > dl:first-child > dd { width:180px; height:auto;  bottom:0px; right:40px;}
div.kefu > dl:last-child { border-bottom:none; }
div.kefu > dl:last-child > dt:before{     line-height: 50px; }


div.kefu > dl:hover > dt { background:#014572;color:#ffffff;}
div.kefu > dl:first-child:hover > dd { display:block; }
div.kefu > dl:last-child:hover { cursor:pointer; }
div.kefu > dl:last-child:hover > dd { display:block; }


div.kfTel { }
div.kfTel p { text-indent:20px;}
div.kfTel p:nth-child(1) { height:50px; background:#014572;color:#ffffff; line-height:50px;font-size:18px; }
div.kfTel p:nth-child(1):before { font-size:22px; margin-right:6px; margin-left:-10px;}


div.kfTel p:nth-child(2) {text-indent: 10px; height:70px; background:#ffffff;color:#888888; line-height:80px;font-size:16px; }
div.kfTel p:nth-child(2):before { font-size:30px;border:1px dashed #888888; padding:4px;margin-right:6px; }
div.kfTel p:nth-child(3) {text-indent: 10px; height:40px;  background:#ffffff;color:#888888; line-height:20px;font-size:22px;font-family: Impact;word-spacing:1px;letter-spacing:1px; }

div.kfTel p:nth-child(4) { height:auto; text-indent:0; text-align:center; background:#ffffff;color:#888888; line-height:20px;font-size:22px;}
div.kfTel p:nth-child(4)> img { margin:0 auto; }


div.kfTel p:nth-child(5) { height:40px;  text-indent:0; text-align:center; background:#ffffff;color:#4e4e4e; line-height:20px;font-size:14px;word-spacing:1px;letter-spacing:1px; }




div.d_r_title { width:650px; height:50px; line-height:50px; text-align:center; margin-bottom:20px;   }
div.d_r_title h1 { font-size:36px; overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;  }




div.adjacent > dl {float:left; width:50%; height:30px; line-height:30px; font-size:14px;color:#4e4e4e;  }
div.adjacent > dl > dt {float:left;}
div.adjacent > dl > dd {float:left;}
div.adjacent > dl > dd > a {color:#4e4e4e; }
div.adjacent > dl > dd > a:hover{color:#014572; }


div.indexpage{ width: 200px; text-align: center; border-radius: 10px; }
div.indexpage > a{   background: #014572;    padding: 10px 20px;color: #ffffff; border-radius: 10px; display: block; font-size: 20px;}
div.indexpage > a:hover{  background: #333;   }



/* -----------------------------swiper-pagination-bullet swiper-pagination-bullet-active----------------- */ 
.swipernavigation {     position: absolute; 
    top:50%;  margin-top:-100px; text-align:center; width:44px; line-height:44px;
    height:44px; border-radius:25px; color:#fff; z-index: 10; cursor: pointer;
    background-size: 27px 44px;overflow:hidden;
    background-position: center; background:RGB(0,0,0,.3);
    background-repeat: no-repeat; }
.swipernavigation:before {  cursor: pointer; display:block;height:100%; transition: all ease-out .3s; }
.swipernavigation > label {  cursor: pointer; display:block; color:#014572; }
.swipernavigation > a { color: #fff;    }

.swiperprev {right:5%;}
.swipernext { right:0%;}

.swiperprevCP {left:50%;margin-left:-456px; margin-top: -120px; }
.swipernextCP { left: 50%; margin-left: 400px; margin-top: -120px; }

.swipernavigation:hover{  background:#e55518; }
.swipernavigation:hover:before{ margin-top:-44px;  }
.swiperpagination  { text-align:center; position: absolute; bottom:20px; z-index: 10;cursor: pointer; }
.swiperpagination > span.swiper-pagination-bullet {width:42px; height:4px;background:#ffffff; opacity:1;border-radius: 10px; margin: 0 5px;}
.swiperpagination > span.swiper-pagination-bullet-active {background:#e55518; }



/* -----------------------footer----------------------- */

div.form_need_foot  { position:relative;  }
div.form_need_foot > div  { display: block;height: 100%;width:100%;z-index:1;    background:rgba(0, 0, 0, 0.52);
   -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

ul.form_need_foot { text-align:left; margin:0 auto; }
ul.form_need_foot > li { }
ul.form_need_foot > li:first-child {line-height: 20px;font-size: 16px;color: #ffffff;font-family:Impact;text-transform: uppercase; }
ul.form_need_foot > li:nth-child(2) {font-size: 34px;color:#ffffff;padding-bottom:50px;line-height: 1;}
ul.form_need_foot > li:nth-child(3) {   }
ul.form_need_foot > li:nth-child(4) {  }

ul.form_need_foot > li:last-child { font-size:14px;color:#ffffff; margin-top:50px; }



div.s_info {   margin-left:10px; margin-top:2px; width:272px; height:100%; line-height:20px;  float:left;  }
input.txt,textarea.txt {    margin-right: 20px;
    background-color: #ffffff;
    outline: none;
    height: 60px; line-height: 60px;
    border: none;
    font-family: 'Microsoft YaHei';
    display: block;
    float: left;
    padding-left:1%;
    font-size: 16px;  }
input.s_but {border:none; background:#014572;  padding: 20px 0; font-size:16px; cursor:pointer; width:160px;color:#ffffff; height:60px;}
input.s_but:hover { background:#0d131a; }

input.txt1 { width:100px; }
input.txt2 { width:200px; }
textarea.txt3 { width:620px; }

img.hov {  transition: all ease-out .5s; }
img.hov:hover {  transform: scale(1.1); }

/* -----------------------footer----------------------- */
div.d_footT { }
div.d_footT > img {  margin:40px 0 30px; }

div.d_foot { height:auto;overflow:hidden;display:flex;align-items:center;}
div.d_foot > div { float:left;margin-bottom:60px;color:#4e4e4e;font-weight:200; }


div.d_foot > div.df1 { width:360px; }
div.d_foot > div.df1 > p { font-size:13px;line-height:22px;line-height:30px; }

div.d_foot > div.df2 { width:480px;margin-left:100px;}
div.d_foot > div.df2 >div:first-child { font-size:18px; margin-bottom:8px;}
div.d_foot > div.df2  a { float:left;width:80px; height:150px;margin-right:10px;text-align:center; }
div.d_foot > div.df2  a:hover { color:#000; }
div.d_foot > div.df2  a > img { display:block;margin:0 auto; }
div.d_foot > div.df2  a > span { display:block;width:100%;font-size:12px;line-height:22px; margin-top:6px; }

div.d_foot > div.df3 { width:260px;margin-left:100px; }
div.d_foot > div.df3 > p { font-size:13px;line-height:30px;  }
div.d_foot > div.df3 > p.fRX{ font-family:"Impact"; font-size:18px;font-weight:400;color:#020202; }
div.d_foot > div.df3 > p.fRX>span{ color:#e55518; }
div.d_foot > div.df3 > p.fWT{ margin-bottom:22px;color:#020202;  }
div.d_foot > div.df3 > p.fTXT{  }
div.d_foot > div.df3 > div.fICO{ margin-top:20px; }
div.d_foot > div.df3 > div.fICO>div{ float:left; }
div.d_foot > div.df3 > div.fICO>div:hover:before{ color:#e55518; }
div.d_foot > div.df3 > div.fICO>div:before{ font-size:30px;color:#014572; }
div.ficoCode{ margin-right:15px; transition: opacity 0.5s ease-in-out; }
div.ficoCode>img{ display:none; position:fixed;bottom:35px;left:0; background:#014572;padding:10px; }
div.ficoCode:hover>img{ display:block;  }
div.ficoA{  }
div.ficoA>a{display:block; color:#014572; }
div.ficoA>a:before{ font-size:30px; }
div.ficoA>a:hover:before{ color:#e55518; }

div.d_footbt { font-size:14px; text-align:center;height:auto;overflow:hidden;height:40px;line-height:40px; border-top:1px solid #e3e3e3; color:#aaa;}
div.d_footbt a{ color:#aaa; }
div.d_footbt span{ margin:0 10px;  }


div.di_contactus {  height:auto; overflow:hidden; padding-top:64px;border-top:1px solid #eaeaea;}
div.di_container { width:1200px; padding: 0 !important;text-align: center;}
div.di_container h2 { width:100%;float:left; font-size:30px; color:#333; font-weight: 500; margin-bottom:30px; }
div.di_c_item { width:270px; height:256px; float:left; margin-right:40px;  }
div.di_c_item > p {  height:36px; line-height:36px; font-size:18px; color:#333; font-weight:500;    border-bottom: 2px solid #d9d9d9; }
div.di_c_item > p > span { position: relative;}
div.di_c_item > p > span:after { position: absolute;padding-right:20px;
    left: 0; top: 50%;margin-top:16px;content: "";display: block;height: 2px;width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; border-bottom: 2px solid #014572; }
div.di_c_item > lable { display: block; height:60px; font-size:12px; color:#848484; margin-top:14px; line-height:20px;  }
div.di_c_item > ul {  margin-top:20px; font-size: 13px;  }
div.di_c_item > ul > li { height:22px; line-height:22px; color:#333; }
div.di_c_item > ul > li > img { display:block; margin:0 auto; }
div.di_c_item:last-child { margin-right:0px;  }


div.di_foot { position:relative; clear:both; width:100%; height:auto; overflow:hidden; font-size:12px; color:#0d131a; background:#94c426;  } 
div.di_foot:after {position: absolute;margin: 0 auto;left:50%;top:0;margin-left:-200px;content:"";display: block;height: 36px;width: 400px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; 
    -o-transition: all 0.3s;background:url('../images/Skin.png') no-repeat center -0px; 
    transition: all 0.3s;  }
div.di_f {  margin-top:25px;   }
ul.footul li{ width:100%; height:24px; line-height:24px; text-align:center; float:left;  }
ul.footul li span { margin-left:15px;}
ul.footul li a { color:#0d131a;}
ul.footul li a:hover {  text-decoration:underline;}
ul.footul li.fulcopy {font-family: arial;font-size: 12px; }

ul.footul li:first-child {  margin-top:20px;}
ul.footul li:last-child {  margin-bottom:20px;}

/* -----------------------footer----------------------- */



/* 遮罩层  */ 
.Mask { transition: all ease-out .8s; position:fixed; top:0;z-index:95; width:100%; height:100%; overflow:hidden; background-color: rgba(0,0,0,0.8); display:none; }
.OkInfo { text-align:center; width:auto;height:auto; margin:auto auto; background:#000;color:#fff;padding:10px 20px;
         display:none;  z-index:96;font-size:14px;   position: fixed;top: 50%;left: 50%;}
/* -------------------pages页------------------- */
div.pages { clear:both; height:35px;  line-height:35px; text-align:center; margin:10px 0; min-width:100px;}
    div.pages > a,div.pages > span { margin:0 5px; padding:5px 10px;  height:100%;color:#FFF;   background:#014572;  box-shadow:0px 2px 3px #DDD;border-radius:5px; }
    div.pages > a.cpb,div.pages > a:hover,div.pages > span { color:#FFF; background:#373737;}
    div.pages > a.first,div.pages > a.last {padding:5px 14px; }
    div.pages > a.top, div.pages > a.down { padding:5px 16px;  }

    
/* -------------------平形四边形    iconfont icon-dian  要添加before------------------- */
.parallelogram {
	width:100%;
	-webkit-transform:skew(-25deg);
	-moz-transform:skew(-25deg);
	-o-transform:skew(-25deg);
	-ms-transform:skew(-25deg);
	transform:skew(-25deg);
}
.parallelogram:before{
    font-size:0;
    content:’’;
}
/* -------------------梯形------------------- */

.trapezoid-1 {	height:0;	width:100px;	border-bottom:40px solid #014572;	border-left:40px solid transparent;	border-right:40px solid transparent;}
.trapezoid-2 {	height:0;	width:100px;	border-top:40px solid #014572;	border-left:40px solid transparent;	border-right:40px solid transparent;}
       


.ellipsis { overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;  }
.ellipsis1 { display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient: vertical; overflow: hidden; }
.ellipsis2 { display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.ellipsis3 { display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.shadow-c8 {
	-webkit-box-shadow: 0 0 10px rgba(200,200,200,1), inset 0 0 10px rgba(200,200,200,0);
	-moz-box-shadow: 0 0 10px rgba(200,200,200,1), inset 0 0 10px rgba(200,200,200,0);
	box-shadow: 0 0 10px rgba(200,200,200,1), inset 0 0 10px rgba(200,200,200,0);

}
.shadow-down {
    	-webkit-box-shadow: 0px 2px 3px rgba(155,143,143,0.6), inset 0px 2px 3px rgba(155,143,143,0);
	-moz-box-shadow: 0px 2px 3px rgba(155,143,143,0.6), inset 0px 2px 3px rgba(155,143,143,0);
	box-shadow: 0px 2px 3px rgba(155,143,143,0.6), inset 0px 2px 3px rgba(155,143,143,0);

}
  
/*水平翻转*/
.flipx {
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}

/*垂直翻转*/
.flipy {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*IE*/
    filter:FlipV;
}
/*垂直拉高*/
.lagao {
    transform: scale(1,1.2);
    -ms-transform: scale(1,1.2);
    -webkit-transform: scale(1,1.2);
    -moz-transform: scale(1,1.2);
    -o-transform: scale(1,1.2);
}
/*背景透明*/
.picbg {width:130px; height:130px;  z-index:999; overflow:hidden; display: table;
       background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
.picbg > .loading:before{ width:2rem; height:2rem;margin-top:-1.5rem; margin-left:-1rem; }
.picbg > .text{ display:table-cell; vertical-align:middle; width:100%;text-align: center;  font-size:16px;}
.picbg > .text > icon{  font-size:50px; display:block;}
.picbg span{  color: #FFFFFF;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .picbg{
    background-color:#014572;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .picbg span{    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */  }  
}


.floatL { float:left;}
.floatR { float:right;}
.txtac { text-align:center;}

.clearboth { clear:both;}
.positionRel { position:relative;}
.overflowH { overflow:hidden;}
.widthALL { width:100%;}
.widthBan { width:50%;}
.width100 { width:100px;}
.width150 { width:150px;}
.width800 { width:800px;}
.width1000 { width:1000px;}
.width1100 { width:1100px;}
.width1168 { width:1168px;}
.width1170 { width:1170px;}
.width1200 { width:1200px;}
.width1330 { width:1330px;}
.width1920 { width:1920px;}
.height20 { height:20px;}
.height54 { height:56px;}
.height60 { height:60px;}
.height152 { height:152px;}
.height179 { height:179px;}
.height200 { height:200px;}
.height900 { height:900px;}
.heightxxx { height:620px;}
.colorFFF {    color: #FFF;}
.colorbgdefault {color:#014572;}
.colorbghover {color:#4da848;}


.bgf1 {background:#f1f1f1;}
.bgf2 {background:#f2f2f2;}
.bgF3 {background:#f3f3f3;}
.bgF7 {background:#f7f7f7;}
.bgF8 {background:#f8f8f8;}
.bgFD {background:#fdfdfd;}
.bgFAFFFC {background:#FAFFFC;}
.bgFFFEFF {background:#FFFEFF;}
.bgFA{background:#fafafa;}
.bgFFF {background:#FFF;}
.bg2D{background:#2d2d2d;}
.bgDefaut {background:#014572;}

.bb1{ border-bottom:1px solid #d8d8d8; }


.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb80 { margin-bottom:80px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}
.mt80 { margin-top:80px;}
.mt100 { margin-top:100px;}
.mt150 { margin-top:150px;}
.mt220 { margin-top:220px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml60 { margin-left:60px;}
.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr60 { margin-right:60px;}
.mr80 { margin-right:80px;}

.pad30 { padding:30px;}
.pad40 { padding:40px;}
.pad60 { padding:60px;}


.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt60 { padding-top:60px;}
.pt80 { padding-top:80px;}
.pt100 { padding-top:100px;}
.pt120 { padding-top:120px;}
.pt140 { padding-top:140px;}
.pt160 { padding-top:160px;}
.pt180 { padding-top:180px;}
.pt200 { padding-top:200px;}
.pr40 { padding-right:40px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb80 { padding-bottom:80px;}
.pb100 { padding-bottom:100px;}
.pb120 { padding-bottom:120px;}
.pb140 { padding-bottom:140px;}
.pb160 { padding-bottom:160px;}
.pb180 { padding-bottom:180px;}


.m10 { margin:10px;}
.m20 { margin:20px;}
.m30 { margin:30px;}
.m40 { margin:40px;}


.curD { cursor:default; }