html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
 body{margin:0}
dl{margin-top:0;margin-bottom:0}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}
.container{margin-right:auto;margin-left:auto;width:1200px}
/*全局样式*/
body, textarea, input, button, select, keygen, legend {
  font-family: "Microsoft YaHei",YaHei,tahoma,arial,"Hiragino Sans GB",SimSun;
  color: #333;
}
a{ display:block;}
a, a:hover, a:focus {
  text-decoration: none;
}
ul{ margin:0; padding:0;}
.clear{ clear:both;}
body{ overflow-x:hidden;}

/*顶部导航*/


.top_right{ float:right;margin-left: 10px;
    margin-top: 34px;}
.language{ display:none; position:fixed; padding:0px; margin: 20px 0px; line-height:26px; width:130px;background:#fff;}
.language a{width: 100%;margin: 5px 0px;color: #000 !important;
    float: right;
    text-align: center;}
.lanimg{ width:10px; margin-left:5px;float: right; margin-top: 5px;}
.top_right a{ font-size:14px; color:#fff; font-weight:normal;float: left;}
.top_right > li:hover >ul{ display:block;}


.two {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background-color:#000000b5; border-bottom:none;
}
.twot{ border-bottom:solid 1px #4568AE;}
.two .topBg {
  background-color: #4568AE;
  height: 5px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
}
.twot .topBg { height:0px;}
.two .logo,.two .logo_big{ width: 420px;margin-top: 8px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.two .nav-list{     display: block; float:right;    width: 100%;}
.two .toptese{ width:100%;    overflow: hidden;
    margin-top: 23px; height:25px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.two .toptell{ float:right;font-size: 21px;
font-family: FZCuYuan-M03S;
font-weight: 400;
color: #fff;
line-height: 25px;}
.two .toptell img{ margin-right:5px;}
.two .toptell p{ float:right; margin:0; padding:0;}
.two .topsearch{ float:right; margin-right:43px;}
.forms { height:25px; position:relative;
}
.search {width: 167px;
height: 25px;
border: 1px solid #D1D1D1; padding-left:8px;
border-radius: 10px;
}
.search_img{     position: absolute;
    right: 2px;
    top: 0px;}
.com-header .container {
  position: relative;
}

.com-header .logo ,.com-header .t-nav {
  float: left;
}

 .com-header .t-nav > li {
    float: left; width:100px; margin-left:2px; text-align:center;height:52px;
  }
   .com-header .t-nav > li:first-child{ margin-left:0px;}
.t-nav{ margin-top:20px;margin-left: 30px;}
.com-header .t-nav > li.active, .com-header .t-nav > li.active-current {
  background-color: #f5f5f5;
}

  .com-header .t-nav > li.active > a, .com-header .t-nav > li.active-current > a {
    color: #4768AD;
  }
.nav1{ border-bottom:solid 3px #4768AD;}
.com-header .t-nav > li > a {
  font-size: 18px;display: block;
  color: #fff; width:90px; height:49px;
  text-align: center; line-height:49px;
}

.com-header .t-nav > li.on > a {
  border-bottom: 3px solid #e40b21;
  padding-bottom: 5px;
  color: #e40b21;
}

.two .t-subnav {
  position: absolute;
  top:120px;
  left: 0;
  right: 0;
  z-index: 30;
  background-color: #f5f5f5;
  padding: 30px 0;
  display: none;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
/*.t-subnav1 {height: 500px;}
.t-subnav2 {height: 330px;}
.t-subnav3 { height: 220px;}
.t-subnav4 { height: 290px;}
.t-subnav5 {  height: 220px;}
.t-subnav6 {  height: 350px;}*/
.t-subnav5{ margin-left:200px;}
.com-header .t-subnav.t-subnav1,.com-header .t-subnav.t-subnav5{
  width:800px;
}
.com-header .t-subnav > dl {
  float: left;
  margin: 20px;
  text-align: center;
  height: 100%;
}
.com-header .t-subnav > dl:first-child {
    border-left: 0;
  }
.com-header .t-subnav.t-subnav1 > dl,.com-header .t-subnav.t-subnav5 > dl{
  width: 24%;
}
.com-header .t-subnav dt a {
  font-size: 16px;
  color: #222;
  margin-bottom: 20px;
  display: inline-block;
}

.com-header .t-subnav dt a img {
    width: 200px;
    height: 150px;
  }

.com-header .t-subnav dt > img {
  text-align: center;
  display: block;
  margin: 0 auto;
}

.com-header .t-subnav dd > a {
  font-size: 14px;
  color: #333;
}
.com-header .t-subnav dd { margin-bottom: 10px;}
.com-header .t-subnav dd > a:hover {color: #266dd5;}
.two .t-link {
  float: right;
  margin-top:29px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
}

.twot .toptese{margin-top: 13px; }
.twot .t-nav{ margin-top:10px;}
.twot .t-link{ margin-top:19px;}
.twot .t-subnav{ top:100px;}
.com-header .t-link > a,.com-header .t-link > span{
  display: block;
  float: left;
  margin-right: 22px; margin-left:80px;
}

.com-header .t-link > a:last-child{
  margin-right:0;  margin-left:0;
}

.nav-list .t-link a img:first-child {
  max-height:33px;
  margin-top: -2px;
}

/*首页*/
.com-code {position: relative;}
.com-code .codemini {position: absolute; left: -105px; max-width: 160px; display: none;}

.multSelect ul, li {list-style: none;}
.multSelect li { display: inline-block; background: #eaeaea; padding: 5px; margin: 5px 5px 5px 0; border-radius: 5px; }
.multSelect .fa-close { cursor: pointer; }
.multSelect .fa-close:hover {color: #237eff;}

.pg1-kv-swipe{/* padding-top:125px;*/}
.hidden-xs { width:100%;}

span.arrow-left {
  background: url(../images/prev.png) no-repeat left top;
  position: absolute;
  left: 8%;
  top:50%;
  margin-top: 35px;
  width: 45px;
  height: 90px;
  z-index: 5;
  color:#fff;
  font-size:70px;
  cursor: pointer;
}
span.arrow-right {
  background: url(../images/nextb.png) no-repeat left top;
  position: absolute;
  right: 8%;
  top: 50%;
  margin-top: 35px;
  width: 45px;
  height: 90px;
  z-index: 5;
  color:#fff;
  font-size:70px;
  cursor: pointer;
}

/*pro*/
.contina{ width:1200px; margin:auto;}
.title{ text-align:center; position:relative; margin-bottom:60px;    margin-top: 60px;}
.title div{font-size: 107px;
font-weight: 800;
color: #F2F2F2; line-height:107px;}
.title h3{ margin-top:-60px;font-size: 20px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #4780D2; margin-bottom:18px;}
.title span{font-size: 32px;
font-weight: bold;
color: #333333; line-height:52px;}
.title p{width: 14px;
height: 3px;
background: #4780D2; margin:auto;}
.showBox { position: relative; width: 1200px; margin: 0 auto; /*top:30px; */}
.showBox .shd { }
.showBox .shd ul {/* width: 1104px !important;*/ overflow:hidden; }
.showBox .shd li {    position: relative;
    width: 287px;
    float: left;
    overflow: hidden;
    margin: 5px;
    height: 250px;
    border: 1px solid #C1C1C1;
 
    font-family: Source Han Sans CN;}
.businessImg{ width:287px; height:190px; margin:0px auto 20px; overflow:hidden;}
.businessImg img { min-width: 100%; min-height: 100%; display: block;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;  }
.businessText {font-size: 18px;
font-weight: 400; margin-bottom:20px;
color: #333333;
line-height: 18px; background:rgba(255,255,255,0.8); text-align:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.busibg{font-size: 14px;
color: #A4A4A5;
line-height: 24px;}
.showBox .shd li:hover .businessImg img { transform:scale(1.2) }
.showBox .shd li:hover .businessText{ color:#85b627; font-weight:bold;}
.showBox .shd li:hover .busibg{ color:#4768AD;}

/*tix*/
.title2{ text-align:right; position:relative; margin-bottom:58px; margin-top:37px;}
.title2 div{font-size: 107px;margin-right: -9px;
font-weight: 800;
color: #F2F2F2; line-height:107px;}
.title2 h3{ margin-top:-72px;font-size: 20px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #4780D2; margin-bottom:8px;}
.title2 span{font-size: 32px;
font-weight: bold;margin-right: -2px;
color: #333333; line-height:32px;}
.title2 p{width: 14px;
height: 3px;
background: #4780D2;     margin: -18px 198px 0px; float:right;}
.kjzz,.kjcg,.cpzs{ float:left; position:relative; font-size:0;}
.kjzz{ margin-right:26px;}
.kjzzdiv{width: 363px;
height: 237px; padding:32px;
opacity: 0.82; background:#0a7abf; overflow:hidden; position:absolute;top:75px; left:31px;}
.kjzzdiv h2{
font-size: 26px;
font-weight: bold; margin-top:0;
color: #FFFFFF; line-height:26px; margin-bottom:18px;}
.kjzzdiv p{
font-size: 14px;
color: #FFFFFF; margin-bottom:20px; margin-top:0;
line-height: 30px;}
.kjzzdiv a{width: 123px;
height: 34px; background:#ff7d23; text-align:center; line-height:34px;font-size: 14px; color:#fff;}
.kjzzdiv a:hover{ background:#fff; color:#ff7d23; transition:all 0.5s ease;}
.over{ overflow:hidden;}
.kjcg{ margin-top:14px;}
.kjcgdiv{overflow:hidden; position:absolute;top:28px; left:40px;}
.kjcgdiv h2{
font-size: 26px;
font-weight: bold; margin-top:0;
color: #fff; line-height:26px; margin-bottom:18px;}
.kjcgdiv p{width: 328px;
font-size: 14px;
color: #fff; margin:0;
line-height: 30px;}

/*news*/
.title3{ text-align:left; position:relative; margin-bottom:58px; margin-top:90px;}
.title3 div{font-size: 107px;
font-weight: 800;margin-left: -9px;
color: #F2F2F2; line-height:107px;}
.title3 h3{ margin-top:-72px;font-size: 20px;
font-family: Source Han Sans CN;
font-weight: 400; text-align:left; width:234px;
color: #4780D2; }
.title3 span{font-size: 32px;
font-weight: bold;
color: #333333; line-height:52px;}
.title3 p{width: 14px;
height: 3px;    position: absolute;
background: #4780D2;     margin: -1px 0px 0px; float:left;}
.newsone{width: 709px; font-size:0; float:left;}
.newbot{padding:32px 45px 28px 38px;transition:all 0.5s ease; 
height: 102px; position:relative;
background: #4780D2;}
.newbot h1 a{
font-size: 18px; line-height:18px;
font-family: Source Han Sans CN;
font-weight: 500;
color: #FFFFFF; margin-bottom:22px; margin-top:0px;}
.newbot p{font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400; margin:0px;
color: #FFFFFF;
line-height: 22px;}
.newbot > a{ background:#fff; padding:15px 29px; width:179px;
font-size: 16px; transition:all ease 0.5s; 
color: #4780D2; position:absolute; top:-24px; right:45px;}
.newbot:hover >a{  color:#FF7D23;}
.newbot:hover{ background:#ff7d23;}
.newbot > a >img{ float:right; margin-top:4px;}
.newfour{ float:left; margin-left:32px;width: 423px;
height: 579px; padding:0px 18px;
background: #F2F2F2;}
.newsul{ overflow:hidden; margin:0px;}
.newsul > li{width: 184px;
height: 55px; float:left; text-align:center; margin-right:29px;
}
.newsul > li:last-child{ margin-right:0;}
.newsul > li > a{
font-size: 26px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 55px;}
.t20 > a{color:#4767AC}
.newsul > li:hover{background: #4767AC;}
.newsul > li:hover a{ color:#fff;}
.t21 > a{background: #4767AC; color:#fff;}

.four{ width:100%; overflow:hidden;}
.four li{ padding:7px 8px; background:#fff; margin-bottom:10px; overflow:hidden; transition:all ease 0.5s;}
.four .img{ background:url(../images/feb.png) no-repeat; background-size:100%;}
.four .img,.four .text{ float:left;height:107px; overflow:hidden;}
.four .img img{ width:178px; transition:all ease 0.5s;}
.four .img img{ min-width:178px;min-height:107px;}
.four li:hover{ background:#4780D2;}
.four li:hover h1,.four li:hover span{ color:#fff;}
.four li:hover img{ transform:scale(1.05);}
.four .text{ margin-left:14px; }
.four .text h1{width: 185px; margin-bottom:15px; margin-top:11px;
font-size: 18px;transition:all ease 0.5s;
color: #333333;
line-height: 30px;}
.four .text span{
font-size: 14px;
color: #999999;transition:all ease 0.5s;
line-height: 14px;}
.newsmore{width: 119px; padding:0px 16px;
height: 55px; margin:58px auto; line-height:55px;
font-weight: 400;
border-radius: 28px; background:url(../images/more.png) no-repeat 110px #F9F9F9;transition: all 0.5s ease;}
.newsmore a{ color:#FF7D23;transition: all 0.5s ease;}
.newsmore:hover{ background:url(../images/moreh.png) no-repeat 110px #FF7D23;}
.newsmore:hover a{ color:#fff;}

.hr,.hr img{ width:100%;}

/*foot*/
.footer{ height:454px; background:#fff; padding:53px 0px 63px;}
.foh{ height:389px;}
.footul{ margin-top:11px;}
.footul,.footul ul{ overflow:hidden; float:right;}
.footul > li{ margin-left:40px; float:left; width:100px;}
.footul > li > a{ float:left;width: 100px; border-bottom:solid 1px #E0E0E0; padding-bottom:20px;font-size: 16px;font-family: Sour;font-weight: 400;color: #333333;line-height: 16px; margin-bottom:2px;}
.footul > li > ul > li{ width:100px; margin-top:16px;}
.footul > li > ul > li > a{ text-align:left;font-size: 14px;font-family: Sour;font-weight: 400;color: #808080; line-height:14px;}
.footul a:hover{ color:#FF7D23;}
.fuwu{font-size: 14px;font-family: Sour;font-weight: 400;color: #808080;line-height: 14px; overflow:hidden;}
.tel{font-size: 16px; margin-top:38px;
color: #808080;
line-height: 16px;}
.tel li{ margin-bottom:18px;}
.copy{font-size: 12px;color: #909090; margin-top:47px; line-height:14px;}
.footer .tel img{ width:22px; margin-right:10px;}
.footer .tel strong{
font-size: 36px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #4668AD;    position: absolute;
line-height: 40px;}
.left{ float:left;}
.fuwu img{ float:left; margin-right:32px;}
.fuwu h3{ width: 170px;
height: 32px; font-weight:normal;
font-size: 34px; float:left;
color: #808080;
line-height: 28px; margin-bottom:28px; margin-top:22px;}
.searchb {width: 260px;
height: 25px; border-top:none; border-left:none; border-right:none;
border-bottom: 3px solid #808080; padding-left:10px; outline:none; padding-bottom:8px;}
.search_imgb{     position: absolute;
right: 40px;
    top: 80px;}
.relative{ position:relative;}
.apiimg{ position:absolute; right:0; bottom:0; width:120px;}


/*news*/
.news{overflow:hidden; width:100%; padding:70px 0px 70px;}
.news .title,.news .titlee,.news .probo a{ color:#fff;}
.news .probo{border-bottom: solid 6px #1269a1;}
.news .pro img{    float: right; bottom: -20px; position: relative;right: 22px;}
.slideTxtBox{}
.slideTxtBox .bd ul{zoom:1;  }
.slideTxtBox .bd li{ width:275px; float:left; margin-left:21px;}
.newimg{ width:275px; height:199px; overflow:hidden;}
.newimg img:hover{transform: scale(1.03);}
.newimg img{transition: all 0.8s ease;    min-height: 199px; width:100%;}
.slideTxtBox .bd li .date{ width: 100%;float:left; color:#222; font-size:16px;line-height:22px;}
.inde_newq{ overflow:hidden; float:left; background:#f0f0f0; padding:31px 20px 20px;    height: 190px;}
.indexnew{ overflow:hidden;font-family:Arial, Helvetica, sans-serif; float:left;  padding-bottom:20px; padding-right:9px;}
.indexnew h1{font-size: 16px;font-family:Std;color: #1A1A1A;line-height: 28px;}
.indexnabo{ margin-top:31px; float:right;}
.ina{width: 20px;height: 3px;background: #00343F;    float: left;
    margin-top: 40px;}
.news .pro li{ width:244px;background:url(../images/newbg2.png) no-repeat;}
.news .pro li:first-child{ background:url(../images/newbg1.png) no-repeat;}	
.news .pro li:hover{background:url(../images/newbg.png) no-repeat; color:#fff;}
.news .inde_newq,.news .indexnew{ width:235px;}

/*product*/
.product{ margin-top:80px; position:relative; overflow:hidden; padding-bottom:50px; background:url(../images/picbg.png) bottom no-repeat; background-size:contain;}
.proleft{ float:left;}
.title{ font-size:24px;font-family: Sour; line-height:24px;}
.titlee{ font-size:16px; line-height:16px; margin-top:12px; margin-bottom:20px; font-family:Std;}
.title ,.titlee{ color:#333; font-weight:400;}
.em{width: 20px;height: 4px;background: #21BAB4; margin-bottom:60px;}
.pro{ overflow:hidden; margin-bottom:137px;}
.pro li{width: 232px;
height: 60px;background: #FFFFFF; margin-bottom:1px; text-align:left; line-height:60px;}
.pro li a{ display:block; color:#333; padding-left:46px;}
.pro li:first-child a, .pro li:hover a{ color:#fff;}
.pro li:first-child,.pro li:hover{background: #21BAB4; color:#fff;}
.pro li::after{ width:6px; height:6px; background:#e0e0e0;content: "";    display: block; position: absolute; margin-top: -32px;
    margin-left: 20px;}
.pro li:first-child::after,.pro li:hover::after{ background:#fff;}
.probo{ border-bottom:solid 6px #1269a1; width:232px; padding-bottom:20px; padding-left:2px;}
.probo a{ color:#333; font-size:14px; display:block; line-height:14px;}
.probo img{float: right;
    background: #fff;
    padding: 6px;
    border-radius: 22px;
    margin-right: 117px;
    bottom: 3px;
    position: relative;}
.probo:hover,.news .probo:hover{ border-bottom:solid 6px #1269a1;}	
.proright{ float:right; width:888px;}
.prosix{ overflow:hidden;}
.prosix li{ float:left; margin-left:21px; margin-bottom:39px;}
.six{ width:275px; height:184px; overflow:hidden;}
.prosix li h2{ font-size:14px; line-height:48px; text-align:center;
color: #21BAB4; width:275px; background:#fff; margin:0; transition: all 0.8s ease;}
.prosix li:hover h2{ background:#21BAB4; color:#fff;}
.six:hover img{ transform: scale(1.03);}
.six img{transition: all 0.8s ease;}


.right{ float:right;}
.left{ float:left;}
.over{ overflow:hidden;}
.indexcontact{ background:url(../images/cont.png) no-repeat; float:right; width:870px; height:410px;}
.iconbg{ background:#fff; opacity: 0.77;bottom:0px; float:left;width: 460px;height: 217px; margin-top:193px; padding-left:40px;}
.iconbg h3{ margin:32px 0px 0px; font-size: 20px;font-family: Sour; font-weight:400; color:#222;}
.iconbg p{width: 168px;font-size: 14px;font-family: Sour;font-weight: 400;color: #222; margin-bottom:17px;line-height: 24px; padding-top:13px; border-top:solid 1px #e0e0e0;}