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/font_774109_ogvqf5xzqkk.eot');
  src: url('//at.alicdn.com/t/font_774109_ogvqf5xzqkk.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_774109_ogvqf5xzqkk.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_774109_ogvqf5xzqkk.woff') format('woff'),
  url('//at.alicdn.com/t/font_774109_ogvqf5xzqkk.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_774109_ogvqf5xzqkk.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size:24px;  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.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-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"; }


/* 
    Slider左右箭头Hover、通栏10pxLine:f2f2f2   
    默认主色：1161c0
    默认次色：1161c0
    默认灰色：333333
    字体主色：1161c0
    字体主色浅：e3fef6
    边框浅灰线：efefef
*/ 

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


div.topall { width:100%; height:100px;line-height:100px; 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:1200px; height:100%;  }
div.topactive{ background:#FFF;transition: all 0.3s; }

div.topactive ul.menu > li,div.topactive ul.menu > li > a { color:#666666; }
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 ul.menu > li.toptel > span:before { color:#1161c0; }
div.topactive ul.menu > li.cur > a:after,div.topactive ul.menu > li > a:hover:after { background:#1161c0; }

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

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

/* --------  menu   --------- */ 
div.menu{ width:auto;height:100px; position: relative;  }

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; 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.toptel { color:#FFF;font-size:28px;line-height:45px;padding-top:28px; font-family: Impact;text-transform: uppercase;}
ul.menu > li.toptel > span:before { margin-right:10px;font-size:40px;   
    display: block;    float: left;    height: 100%;    line-height: 48px;}

ul.menu li .sub-nav{  display:none; position:absolute; top:100px;list-style:none; font-size:18px;  z-index:9999;font-weight: normal;	
                width: 140px; 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: 16px;
    -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:#1161c0; /* 鼠标经过时的红色背景，可自定义 */	}

/* --------  slide    --------- */ 
div.slide  { width:100%; height:750px; 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.da_about{  margin-top:50px; line-height:28px;	}
div.da_about > div {float:left; }

div.da_1  { width:540px; height:550px; margin:20px 0;}

div.da_2  { width:580px; height:550px;  margin:50px 0 50px 80px;	 }
div.da_2 > div { display:table; width:516px; height:424px; margin-top:54px; margin-left:0	 }
div.da_2 > div > div { cursor:pointer; display:table-cell; vertical-align:middle; text-align:center; }
div.da_2 > div > div > span { display:block;width:80px;height:80px;line-height:80px; border-radius:80px;margin:0 auto; background: rgb(13,19,26,.4);}
div.da_2 > div > div > span:before {color:#fff; font-size: 50px;}

/*  div.da_2 > div > div:hover { background: rgb(13,19,26,.4); } */
div.da_2 > div > div:hover > span { background:rgb(255,255,255,.7); }
div.da_2 > div > div:hover > span:before { color: rgb(13,19,26,.9); }


div.da_more { width:100%; height:60px;	 }
div.da_more > a {background:#1161c0;color:#fff;  border:1px solid #d3d3d3;border-radius: 20px;position:absolute;margin-top:16px; padding:6px 40px; font-size:14px; }
div.da_more > a:hover{ background:#FFF; color:#1161c0; border:1px solid #1161c0; }


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

div.ctitle{ height:auto;}
div.ctt{ width:400px; height:50px; float:left;line-height:50px;  }
div.ctall{ width:100%;   }
div.ctt > h1 {float:left; font-size:30px;font-weight:500; }
div.ctt > h1 > a {color:#1161c0;position:relative; }
div.ctt > h1 > a:after {background: #555555;position: absolute;left: 0;top: 50%;margin-top:40px;content: "";display: block;height: 2px;width:60px;opacity:1;    }
div.ctt > h1 > a:hover {color:#555555; }
div.ctt > h1 > a:hover:after {background:#1161c0; }
div.ctt > label {float:left;font-size:16px;font-weight:500;color:#BBBBBB;line-height:60px; }
div.ctt > label:before { margin:0 10px; font-style:oblique}
div.ctt > span {float:right;font-size:14px;font-weight:300;margin-right:30px; text-transform: uppercase;color:#BBBBBB;line-height:60px; }
div.ctt > span > a { margin-top:15px; color:#555555; }

div.ctt2 > h1 > a {color:#ffffff; }


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:#1161c0;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.citems > a:nth-child(3) { margin-left:40px;}
div.citems > a:nth-child(4) { margin-top:40px;}
div.citems > a:nth-child(5) { margin-top:40px; margin-left:40px;}

div.citems > a {  transition: all ease-out .5s; overflow:hidden; display:block;float:left;position:relative; }
div.citems > a > p {position:absolute; transition: all ease-out .3s;} 
div.citems > a > p.p1 {  width:100%; text-align:center;overflow:hidden;} 
div.citems > a > p.p1 > img {transition: all ease-out .5s;   } 
div.citems > a > p.p2 { z-index:9;width:100%; height:50px;line-height:50px;text-align:center;  } 
div.citems > a > p.p2 > em {background:#fff; color:#4e4e4e;margin:0 auto;text-align:center; font-weight:400;font-size:16px; } 
div.citems > a > p.p3 { z-index:6; width:100%;height:100%;background:rgb(0,0,0,.4);  } 

a.iacp1 { width:560px;height:600px; margin-right:40px;  }
a.iacp1 > p.p1 { top:0; } 
a.iacp1 > p.p2 {bottom:-50px;  } 
a.iacp1 > p.p2 > em {  padding: 16px 40px; } 
a.iacp1 > p.p3 {left:-560px;   } 
a.iacp1:hover > p.p2{ bottom:100px; }
a.iacp1:hover > p.p3{ left:0; }

a.iacp2 {  width:280px;height:280px;overflow:hidden;}
a.iacp2 > p.p1 { top:0; } 
a.iacp2 > p.p2 {bottom:-50px;  } 
a.iacp2 > p.p2 > em { padding:10px 20px;} 
a.iacp2:hover > p.p2{ bottom:30px; }


a.iacp2_2 > p.p3 {top:-280px;   } 
a.iacp2_2:hover > p.p3{ top:0; }
a.iacp2_3 > p.p3 {right:-280px;   } 
a.iacp2_3:hover > p.p3{ right:0; }
a.iacp2_4 > p.p3 {bottom:-280px;   } 
a.iacp2_4:hover > p.p3{ bottom:0; }
a.iacp2_5 > p.p3 {left:-280px;   } 
a.iacp2_5:hover > p.p3{ left:0; }

div.citems > a:hover > p.p1 > img{  transform: scale(1.1);}
/* --------     --------- */

div.cmore {  box-sizing:border-box;  height: 80px;line-height: 80px;margin-top: 26px;margin-bottom: 50px;text-align: center;color: #828282;font-weight: 300;border: 1px solid rgba(0,0,0,0.1);} 
div.cmore > a {display:block;position:relative; width:100%;height:100%; background:rgba(216,216,216,0); color:#fff; font-size:18px;overflow: hidden;transition: all 0.3s;background:#1161c0; } 
div.cmore > a:before {display:block; opacity:0; position:absolute; width:100%;height:100%;;font-size:24px;color:#FFF; transition: all 0.3s; } 
div.cmore > a:hover {background:#FFF; } 
div.cmore > a:hover:before {background:#1161c0; opacity:1; width:1180px;height:60px;line-height:60px;border:1px solid rgb(255,255,255,.5); margin:10px; }

div.iYS { height:740px; overflow:hidden; position:relative;}
div.iYS_T {width:260px; height: 100%;display:table;position:absolute;z-index:2; left:50%;margin-left:-600px; }
div.iYS_I {width:100%;height:100%; position:absolute;top:0;z-index:1; }


ul.iYS_T {  width:100%;position:relative;vertical-align: middle;display: table-cell; }
ul.iYS_T > li {  width:190px;height:70px; text-align:right;color:#666;font-size:18px;float:left;margin-top:10px;margin-bottom:10px;cursor:pointer; }
ul.iYS_T > li:nth-child(2n+0) { float:right; }
ul.iYS_T > li > a {background: rgb(0,0,0,.2); display:block;width:100%;height:100%;border:1px solid #fff;box-sizing:border-box; color:#fff;position:relative; }
ul.iYS_T > li > a > img { display:block;float:left;margin:11px 5px 11px 16px;  }
ul.iYS_T > li > a > label { display:block;float:left; cursor:pointer; }
ul.iYS_T > li > a > label > span{ display:block; text-align:right;   }
ul.iYS_T > li > a > label > span:nth-child(1) {height:30px; width:90px;margin-top:10px;    }
ul.iYS_T > li > a > label > span:nth-child(1):after { margin-top: 5px;float: right; content: "";display: block;height: 1px;width:50px;background: #1161c0;opacity:1;    }
ul.iYS_T > li > a > label > span:nth-child(2) {height:22px;line-height:22px; font-size:12px;    }
ul.iYS_T > li > a.cur { background:#1161c0; }
ul.iYS_T > li > a.cur > label > span:nth-child(1):after {background: #fff;  }


ul.iYS_I {width:100%;height:100%; position:relative;top:0;z-index:1; }
ul.iYS_I > li {width:100%;height:100%;position:absolute;top:0; display:none; }
ul.iYS_I > li.cur {display:block; }




div.citemRY > 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.citemRY > a > p.p1 { width:100%; text-align:center;overflow:hidden;} 
div.citemRY > a > p.p1 > img {transition: all ease-out .5s;   } 

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


div.i4 > a {  margin-right:12px; width:291px; }
div.i4 > a:nth-child(4n+0) {margin-right:0; }
div.i4 > a > p.p1 {  height:385px;   } 
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 #005cac; }

a.morebg {float:right; border:1px solid #1161c0; color:#ffffff;border-radius: 20px; padding: 10px 20px; font-size:14px; }
a.morebg:hover{ background:#0d131a; color:#1161c0; border:1px solid #0d131a; }
a.more { border:1px solid #1161c0;background:#1161c0; border-radius: 20px;padding: 10px 20px; font-size:14px;color:#fff; }
a.more:hover{ background:#FFF; color:#1161c0; border:1px solid #1161c0; }

.videoX{ width:100%; height:100%;display:none;}
.videoCur{ display:table; }
.videoX > div { display:table-cell; vertical-align:middle; line-height:100%;}
.videoX > div  > div { width:1420px; margin:0 auto;}
.videoX > iframe { }










div.citemsX > a { transition: all ease-out .5s; height:auto; overflow:hidden; display:block;float:left;
               text-align:center;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:24px; width:100%;height:auto;border-top:1px solid #d8d8d8;text-align:center;  } 
div.citemsX > a > p.p4 > span {border-radius: 15px;  display:block; width:82px; height:30px; color:#828282;font-weight:300; margin-left:5%;transition: all ease-out .3s;
                          overflow: hidden;   line-height:30px; font-family:PingFangSC-Light; margin:24px 23px; font-size:13px; border: 1px solid #d8d8d8;} 
div.citemsX > a > p.p4 > span.list { margin-left:30%; } 
div.citemsX > a > p.p5 {width:0;height:1px; border-bottom:1px solid #d8d8d8;transition: all ease-out .5s;  } 



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


div.i3 > a {  margin-right:12px; width:382px; }
div.i3 > a:nth-child(3n+0) {margin-right:0; }
div.i3 > a > p.p1 {  height:382px;   } 
div.i3 > a > p.p2 { transition: all ease-out .5s; font-size:17px;    } 
div.i3 > a > p.p3 { transition: all ease-out .5s;   } 
div.i3 > a:hover > p.p2,div.i3 > a:hover > p.p3{margin-left: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;}


div.i4 > a {  margin-right:12px; width:291px; }
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.i4L > a {  margin-right:18px; 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:239px; 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{margin-left:18px;}


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 #1161c0; 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.cmore2 { position:relative;  width:100px; height:44px; line-height:44px; text-align:center; color:#828282;font-weight:300;font-size:20px; } 
div.cmore2 > a {display:block; position:relative; width:100%;height:100%;  color:#828282; overflow: hidden; border: 1px solid #d8d8d8;transition: all 0.3s; } 
div.cmore2 > a:before {position:absolute;top:44px; display:block;width:100%;height:100%;transition: all 0.3s; } 
div.cmore2 > a > span {position:absolute;top:0; display:block;width:100%;height:100%;transition: all 0.3s; } 
div.cmore2 > a > span:before { display:block;width:100%;height:100%; transition: all 0.3s; } 

div.cmore2 > a:hover { border: 1px solid #1161c0;} 
div.cmore2 > a:hover > span { top:-44px; } 
div.cmore2 > a:hover:before { top:0;color:#1161c0; } 

div.ibj { font-family:PingFang-SC-Medium; }
div.ibj > h6{ height:33px;line-height:33px;font-size:24px; text-align:center; font-weight:500;color:#3f3f3f; }
div.ibj > div{ width:744px;height:40px;font-size:14px; line-height:20px; font-family:PingFangSC-Light; font-weight:300;color:#999999; }
div.ibj > p{  width:770px; height:auto; text-align:center; margin:0 auto; margin-bottom:50px; }


div.in_new { }
div.in_l { width:560px;height:500px; background:#FFF;margin-right:40px; }
div.in_r { width:600px;height:124px; background:#FFF; }
div.in_new > div { float:left; transition: all ease-out .5s;}
div.in_new > div:hover { background:#f9f9f9;}
div.in_new > div:last-child {border-bottom:0; }

div.in_l > p {  float:left; color:#4e4e4e; overflow:hidden;}
div.in_l > p:nth-child(1) { height:235px;width:500px;margin:30px; }
div.in_l > p:nth-child(1) > img{ transition: all ease-out .5s;}
div.in_l > p:nth-child(1):hover > img{  transform: scale(1.1);}
div.in_l > p:nth-child(2) { height:50px;width:500px;margin-left:30px; line-height:50px; font-size: 20px; font-weight: bolder;  }
div.in_l > p:nth-child(3) { height:90px;width:500px;margin-left:30px; line-height:24px; font-size: 14px;color:#999; }
div.in_l > p:nth-child(4) { height:50px;width:500px;margin-left:30px; line-height:42px;  }

div.in_r > p {  float:left; color:#4e4e4e; overflow:hidden;}
div.in_r > p:nth-child(1) { height:50px;width:500px;margin:0px 50px;  line-height:60px;font-size: 20px; font-weight: bolder; }
div.in_r > p:nth-child(2) { height:40px;width:500px;margin-left:50px; line-height:20px; font-size: 14px;color:#999; word-spacing:1px;letter-spacing:1px;  }
div.in_r > p:nth-child(3) { height:35px;width:500px;margin-left:50px; line-height:35px;text-align:right; font-style:oblique; }
div.in_r > p:nth-child(3) > a { color:#4e4e4e; }
div.in_r > p:nth-child(3) > a:hover { color:#1161c0; }





/* --------  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:-380px; width:680px;font-weight:bold;}
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;color:#3563c3; }
div.topts > p:nth-child(2) {height:30px;margin-top:130px;font-size:20px;color:#666; font-weight:100; }

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:#1161c0; }



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:160px;top:32px;color:#222222;font-size:20px; font-weight:bold;  }
div.aboutinfo > div.titlesub {width:600px; height:40px;line-height:20px;  left:160px;top:80px;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.newsitem  {   }
div.newsitem > a {border-bottom:1px solid #d6d6d6; display:block; width:1000px; 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:#1161c0;border-left:1px solid #1161c0;	  }
div.newitem { height:auto; overflow:hidden; }
div.newitem > div { float:left; }
div.newitem > div.pic { width:340px;  height:160px;  }
div.newitem > div.title { width:500px;  height:40px;line-height:22px; color:#1161c0;font-size:18px;  }
div.newitem > div.time { width:80px;  height:40px; font-size:16px; color:#999999;font-weight:300;  }
div.newitem > div.titlesub { width:500px; line-height:24px; height:60px;color:#999999;font-size:14px; margin-top:5px;  }
div.newitem > div.more { width:540px;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; }


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:#1161c0; 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:#1161c0;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:#1161c0;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:#1161c0; }


div.indexpage{ width: 200px; text-align: center; border-radius: 10px; }
div.indexpage > a{   background: #1161c0;    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:-22px; text-align:center; width:44px; line-height:44px;
    height:44px; border-radius:25px; color:#828282; z-index: 10; cursor: pointer;
    background-size: 27px 44px;overflow:hidden;
    background-position: center; 
    background-repeat: no-repeat; }
.swipernavigation:before {  cursor: pointer; display:block;height:100%; transition: all ease-out .3s; }
.swipernavigation > label {  cursor: pointer; display:block; color:#1161c0; }
.swipernavigation > a { color: #fff;    }
.swiperprev {left:-80%;}
.swipernext { right:-80%;}
.swiperprevCP {left:50%;margin-left:-456px; margin-top: -120px; }
.swipernextCP { left: 50%; margin-left: 400px; margin-top: -120px; }

.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:#1161c0; }

/* -----------------------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.5);
   -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:#1161c0;  padding: 20px 0; font-size:16px; cursor:pointer; width:160px;color:#ffffff; height:60px;}
input.s_but:hover { background:#FFF;color:#1161c0;  border:1px solid #1161c0;}

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

/* -----------------------footer----------------------- */
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 #1161c0; }
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:#fff; background:#1161c0;  } 
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:#fff;}
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; }
.MaskX { transition: all ease-out .8s; position:fixed; top:0;z-index:195; width:100%; height:100%; overflow:hidden; background-color: rgba(0,0,0,0.8); }
.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:#1161c0;  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 #1161c0;	border-left:40px solid transparent;	border-right:40px solid transparent;}
.trapezoid-2 {	height:0;	width:100px;	border-top:40px solid #1161c0;	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:#1161c0;
    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%;}
.width800 { width:800px;}
.width1000 { width:1000px;}
.width1100 { width:1100px;}
.width1168 { width:1168px;}
.width1170 { width:1170px;}
.width1200 { width:1200px;}
.width1394 { width:1394px;}
.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:#1161c0;}
.colorbghover {color:#4da848;}


.bgf1 {background:#f1f1f1;}
.bgf2 {background:#1161c0;}
.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:#1161c0;}

.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;}
.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; }