@charset "utf-8";

/*banner*/
/*.banner{position: relative; height:739px;overflow: hidden;clear: both; margin-top:139px;}*/
/*.ban_p,.ban_p li{ height:739px;overflow: hidden;}*/
/*.ban_p li a{ display:block; height:739px; background:url(../images11/banner.jpg) no-repeat center 0;}*/
/*.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}*/
/*.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #007e63; border: 1px solid #fff;}*/
/*.ban_t em.on{background: #f5a100; border: 1px solid #fff;}*/
/**/
.yzbj{overflow: hidden; height:365px;background:#f2f4f5;padding-top: 88px; margin-bottom:101px;}
h2{ text-align: center; line-height: 100%; font-weight: normal; font-size:18px;  color: #333;}
h2 i{ display: block; font-size: 42px; color: #333; line-height: 100%;}
h2 span{/* padding:9px 0 71px 0; *//* display: block; *//* background:url(../images11/hh.jpg) no-repeat center 46px; */}
.yzbj dl{ overflow: hidden;background:url(../images11/t_h.jpg) no-repeat right 47px;}
.yzbj dl dt{ float: left;}
.yzbj dl dd{ float: right; width: 739px;}
.yzbj dl dd h3{font-weight: normal; font-size: 36px; color: #333; line-height: 100%; padding-top: 6px; height:70px;}
.yzbj dl dd h3 span{ font-size: 24px; color: #999; padding-left: 8px;}
.yzbj dl dd p{ height: 129px; font-size: 15px; color: #333; line-height: 26px;}
.yzbj ul li{ float: left; font-size: 14px; color: #666;  margin-right: 77px; min-width: 96px;transition: all 0.2s linear 0s;}
.yzbj ul li em{ display: block; font-size: 18px; color: #333;}
.yzbj ul li i{ display:block; line-height: 100%; font-size:53px; font-family:"宋体"; color: #209683;font-weight: bold; position: relative;background:url(../images11/ti_k.png) no-repeat 63px 0;}
.yzbj ul li span{ display: inline-block; position: relative; font-size: 18px; color: #333; }
.yzbj ul li:last-of-type i{background:url(../images11/ti_k.png) no-repeat 35px 0;}
.yzbj ul li:hover{transform: translateY(-4px);}
/**/
.jirj{ overflow: hidden; padding-bottom: 71px;}
.j_nav{ overflow: hidden; height: 75px;}
h3.tis{ float: left; border-left: 6px solid #209683; padding-left: 18px;}
h3.tis a{ display: block; line-height: 100%; font-size: 30px; font-weight: normal; color: #333;}
h3.tis a span{ display: block; line-height: 100%; font-size: 14px; color: #666; padding-top: 8px;}
.j_nav ul{ float: right;}
.j_nav ul li{float: left; margin-left: 42px; padding-top: 6px;}
.j_nav ul li a{ display: block;font-size:18px; color: #333;}
.j_nav ul li a b{ display: block; line-height: 100%; padding-bottom:7px;font-weight: normal;}
.j_nav ul li a span{ font-family: Arial; font-size: 12px; color: #bbb; line-height: 100%;}
.j_nav ul li.on a b,.j_nav ul li:hover a b{ color: #209683;font-weight: bold; position: relative;}
.j_nav ul li.on a b:before,.j_nav ul li:hover a b:before{ content:""; position:absolute;border-left:6px solid #209683;border-top:6px solid transparent;border-bottom:6px solid transparent;height: 0;width: 0; left:-20px; top:5px; }
.j_nav ul li.on a span,.j_nav ul li:hover a span{color: #209683;}
.j_nav em{ display: inline-block; float: right;padding-top:22px; width: 127px;}
.j_nav em a{display: block; padding-top: 35px; height: 122px; font-size: 20px; color: #333;}
.j_nav em a b{ display: block; line-height: 100%; padding-bottom: 8px;}
.j_om h3{ float: left; position: relative; width: 342px;}
.j_om h3 em{ display: block; position: absolute; left: 41px; top: 61px; width: 262px;font-weight: normal; font-size: 15px; color: #333; line-height: 28px; padding-bottom: 65px;background:url(../images11/mor1.png) no-repeat 0 bottom;}
.j_om h3:hover em{background:url(../images11/mor2.png) no-repeat 0 bottom;}
.j_om h3 em b{ display: block; line-height: 100%; font-size: 24px; padding-bottom: 16px;}
.j_om h3:hover b{ color: #f5a100;}
.j_om ul{ float: right; width: 858px;}
.j_om ul li{ position: relative; width: 276px; float: left; margin: 0 0 11px 10px; background: #eee; height: 367px;}
.j_om ul li img{ width: 276px;  border-bottom: 1px solid #fff;}
.j_om ul li strong{ display: block;font-weight: normal; font-size: 15px; color: #333; line-height: 22px; padding: 10px 30px; line-height: 22px;}
.j_om ul li .j_fl{ display: none;}
.j_om ul li.cur strong{ display: none;}
.j_om ul li.cur .j_fl{ display: block; position: absolute; left: 0; top: 0; height: 367px;width: 276px; box-sizing: border-box; padding: 0 30px; background:url(../images11/mor2.png) no-repeat center 293px rgba(32,150,131,0.9);}
.j_fl h4{ padding-top: 47px; font-size: 18px; color: #fff; padding-bottom: 15px;}
.j_fl p{ color: #fff; font-size: 15px; line-height: 25px;}
    /**/
.jiac{ height: 729px; box-sizing: border-box; padding-top: 75px;background:url(../images11/jiac.jpg) no-repeat center 0; margin-bottom: 80px;}
.jiac h3{ margin-bottom: 31px; clear: both;}
.jiac .j_om h3{ float: right;}
.jiac .j_om h3 em{ color: #fff;}
.jiac .j_om ul li{ width: 214px; height: 496px; background: #f8f8f7; margin-left: 0; border-right: 1px solid #e9e9e9; box-sizing: border-box;}
.jiac .j_om ul li:last-of-type{ border-right: none;width: 215px; }
.jiac .j_om ul li img{ width: 213px; height: 401px; border-bottom: none;}
.jiac .j_om ul li strong{padding: 32px 20px; text-align: center;}
.jiac .j_om ul li:hover .j_fl{height: 496px;width: 214px; box-sizing: border-box;background: url(../images11/mor2.png) no-repeat center 413px rgba(32,150,131,0.9);padding: 0px 20px;}
    /**/
.tuj{ position: relative; height: 547px; }
.tuj h3{ margin-bottom: 31px; clear: both; width: 100%;}
.t_u{ position: absolute; left: -72px; top: 225px; z-index: 5; cursor: pointer;}
.t_d{ position: absolute; right: -72px; top: 225px; z-index: 5; cursor: pointer;}
.t_u img,.t_d img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}
.t_u:hover img,.t_d:hover img{filter: none;}
.tuj ul{ width: 1200px; clear: both;}
.tuj  ul li{ margin-left: 0; margin-right:15px; width: 228px; }
.tuj  ul li img{ width: 228px;}
.tuj ul li strong{padding: 10px; text-align: center;}
.tuj ul li.cur .j_fl{width: 228px; }
    /**/
.zhil{overflow: hidden;background: url(../images11/tedi.jpg) no-repeat center 0;height: 195px; }
.zhil h3{padding-top: 32px;color: #fff;font-size: 30px;line-height: 100%;/* background: url(../images11/zhil_t.png) no-repeat 0 264px; */height: 107px;box-sizing: border-box;}
.zhil h3 span{display: block;padding-bottom: 10px;}
.zhil h3 i{display: block;font-weight: normal;/* padding-top: 16px; */font-size: 16px;width: 555px;line-height: 37px;}
.zhil ul li{ overflow: hidden; float: left; border-right: 1px solid #e5e5e5;}
.zhil ul li i{ display: inline-block; float: left; padding-top: 180px; height: 120px; width: 149px; font-size: 18px; color: #757575; text-align: center; background: url(../images11/z_ico1.jpg) no-repeat center 76px;}
.zhil ul li i b{ display: block; color: #2a2a2f; font-size: 24px; font-weight: bold;padding-bottom: 9px;}
.zhil ul li em{ display:none; float: left;}
.zhil ul li:nth-of-type(2) i{background: url(../images11/z_ico2.jpg) no-repeat center 76px;}
.zhil ul li:nth-of-type(3) i{background: url(../images11/z_ico3.jpg) no-repeat center 76px;}
.zhil ul li:nth-of-type(4) i{background: url(../images11/z_ico4.jpg) no-repeat center 76px;}
.zhil ul li:nth-of-type(5) i{background: url(../images11/z_ico5.jpg) no-repeat center 76px;}
.zhil ul li.cur i{background: url(../images11/z_ico11.jpg) no-repeat center 76px #f5a100; color: #fff;}
.zhil ul li.cur i b{ color: #fff;}
.zhil ul li.cur em{ display: block; padding: 75px 42px 0 40px; width: 368px; font-size: 16px; color: #333; line-height: 31px;}

    /**/
.yous{ height: 1927px;}
.yous dl{clear: both; position:relative;}
.yous dl dt{ float: right;}
.yous dl dd{ float: left; width: 600px;background: url(../images11/yous1.jpg) no-repeat; height: 426px; }
.yous dl dd h3{ padding: 130px 0 0 64px; font-size: 20px; color: #007e63; line-height: 100%;font-weight: normal; height: 108px;}
.yous dl dd h3 span{ display: block; font-size: 32px; line-height: 100%; font-weight: bold; padding-bottom: 7px;}
.yous dl dd p{ font-size: 16px; color: #333; padding-left: 64px; width: 435px; line-height: 29px;}
.yous dl:nth-of-type(2) dt{ float: left; margin-left: -360px; position:absolute;}
.yous dl:nth-of-type(2) dd{background: url(../images11/yous2.jpg) no-repeat; margin-left:600px;}
.yous dl:nth-of-type(2) dd h3{ padding: 142px 0 0 108px;}
.yous dl:nth-of-type(2) dd p{ padding-left: 108px;}
.yous dl:nth-of-type(4) dt{ float: left; }
.yous dl:nth-of-type(4) dd{background: url(../images11/yous4.jpg) no-repeat; }
.yous dl:nth-of-type(4) dd h3{ padding: 142px 0 0 108px;}
.yous dl:nth-of-type(4) dd p{ padding-left: 108px;}
.yous dl:nth-of-type(3) dt{ margin-right: -359px;position:absolute; right:0;}
.yous dl:nth-of-type(3) dd{background: url(../images11/yous3.jpg) no-repeat; }
    /**/
    /**/
.jij{ overflow: hidden;background: url(../images11/jij.jpg) no-repeat center 0; height: 853px; box-sizing: border-box; padding-top: 100px;}
.jij h2 span{ padding-bottom: 52px;}
.jij ul li{ float: left; box-sizing: border-box; background: #fff; border: 1px solid #e5e5e5; width: 387px; height: 254px; margin: 0 19px 24px 0; box-shadow: 0 0 10px #e5e5e5; overflow: hidden;}
.jij ul li:nth-child(3n){ margin-right: 0;}
.jij ul li:hover{ border: 3px solid #209683;transition: all 0.2s linear 0s;}
.jij ul li i{ display: inline-block; float: left; width: 163px; position: relative;}
.jij ul li i img{ width: 163px;}
.jij ul li i span{ display: inline-block; position: absolute; top: 183px; left: 60px;background: url(../images11/mor_m.png) no-repeat; width: 56px; height: 20px;}
.jij ul li em{ display: inline-block; float: right; width: 198px; padding: 41px 15px 0 0; font-size: 16px; color: #666; line-height: 24px;}
.jij ul li em span{ display: block; font-size: 26px; color: #333; line-height: 100%; padding-bottom: 29px;background: url(../images11/j_lin.jpg) no-repeat 0 39px;}
.jij ul li:nth-child(3) i img{margin-top:15px;}
/**/
.bra{ overflow: hidden;position: relative}
.bra ul{ width:100%;}
.bra ul li{ float: left; font-size: 0; line-height: 0; border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; width:8.33%;; box-sizing: border-box;overflow: hidden;}
.bra ul li img{transition: all 0.3s linear 0s;width: 100%;}
.bra ul li img:hover{transform: scale(1.06);}
 
     
.bra ul li:nth-of-type(15){ margin-right: 49.98%;}
.bra ul li:nth-of-type(21){ margin-right: 49.98%;}
.bra p{ position: absolute; left: 25%; top: 7.8rem; width:49.98%; height: 16.4rem;background: url(../images11/br_h.jpg) no-repeat; text-align: center;background-size:100% 16.4rem;}
.bra p b{ display: block; font-size: 2.1rem; font-weight: bold; line-height: 100%; color: #fff; padding-top: 4rem; letter-spacing: 4px;}
.bra p b span{ display: block; font-weight: normal; font-size: 1.6rem; line-height: 100%; padding-top: 1rem; padding-bottom: 2rem;}
.bra p em a{ display: inline-block; margin: 0 10px;background: url(../images11/br_h1.jpg) no-repeat; width: 177px; height: 45px; line-height: 45px; text-align: left; padding-left: 66px; box-sizing: border-box; color: #209683; font-size: 18px;}
.bra p em a:last-of-type{background: url(../images11/br_h2.jpg) no-repeat; color: #fff;}

 @media (min-width: 1366px) and (max-width: 1440px) {
     .bra p{top:6.61rem;height: 13.85rem;background-size: 100% 13.85rem;}
     .bra p b{font-size: 1.6rem;padding-top: 3.3rem;}
 }
  @media (min-width: 1920px){
      .bra p{top: 9.3rem;height: 20rem;background-size: 100% 20rem;}
      .bra p b{font-size:2.1rem;padding-top:5.3rem;}
  }
  @media (min-width:1200px) and (max-width: 1366px) {
      .bra p{top: 5.56rem;background-size: 100% 13rem;height: 13rem;}
     .bra p b{font-size: 1.5rem;padding-top: 2.5rem;}
  }
/**/
.news{overflow: hidden;/* height: 805px; *//* padding-top: 100px; */}
.news h3{height: 54px;/* line-height: 100%; */overflow: hidden;background: url(../images11/n_h31.png) no-repeat 106px 13px;}
.news .n_r h3{background: url(../images11/n_h22.png) no-repeat 106px 13px;}

.news h3 i a{ display: inline-block; float: left; font-size: 24px; color: #333; line-height: 100%;}
.news h3  span a{ display: inline-block; float: right; line-height: 100%; margin-top: 10px; font-weight: normal; font-size: 14px; color: #666;}
.n_l{overflow: hidden;width: 388px;}
.n_l dl{ overflow: hidden; height:402px;}
.n_l dl dt img{ width: 568px;}
.n_l dl dd h3{ padding-top: 23px; overflow: hidden; height: 37px; background: none;}
.n_l dl dd h3 a{ display: block;font-weight: normal; font-size: 22px; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 100%;}
.n_l dl dd h3 a:hover{ color: #209683;}
.n_l dl dd p{ color: #808080; font-size: 14px; line-height: 24px;}
.n_l dl dd p a{color: #209683;}
.n_l ul li{ height: 35px; line-height: 35px; overflow: hidden;}
.n_l ul li a{ font-size: 14px; color: #333; text-decoration: underline; display: block;}
.n_l ul li a:hover{ color: #209683;}
.n_l ul li span{ width: 29px; display: inline-block;}
.n_r{float: right;width: 752px;}
.n_r dl{overflow: hidden;height: 53px;/* border-bottom: 1px solid #e5e5e5; */margin-bottom: 23px;}
.n_r dl dt{ overflow: hidden; margin-bottom: 14px;}
.n_r dl dt span{display: inline-block;float: left;width: 55px;height: 33px;text-align: center;line-height: 30px;/* background: #f5a100; */font-size: 16px;color: #fff;margin-right: 9px;font-size: 16px;}
.n_r dl dt a{ display: inline-block; float: left; line-height: 30px; font-size: 22px; color: #4b4b4b; overflow: hidden;}
.n_r dl dt a:hover{text-decoration: underline;}
.n_r dl dd p{ color: #808080;font-size: 14px; line-height: 24px;}
.n_r dl dd p a{ color: #209683; display: block; margin-top: 5px;}
.n_r ul{ height: 180px;}
.n_r ul li{ height: 37px; line-height: 37px;}
.n_r ul li a{ display: block; font-size: 14px; color: #333;background: url(../images11/n_m1.jpg) no-repeat right 14px;}
.n_r ul li a:hover{color: #209683;background: url(../images11/n_m2.jpg) no-repeat right 14px;}
.n_r h4{ height: 157px; background: #209683; overflow: hidden;}
.n_r h4 img{ display: inline-block; float: left; width: 410px; height: 157px;}
.n_r h4 span{ display: inline-block; width: 170px; text-align: center; padding-top: 55px; font-weight: normal; font-size: 18px; color: #fff; padding-bottom: 34px;background: url(../images11/n_m3.jpg) no-repeat center bottom ;}
.news h2{ margin-bottom: 15px;}
/**/
.fur dl{ float: left; width: 595px; height: 376px; margin-bottom: 10px; overflow: hidden;}
.fur dl:nth-of-type(2n){ float: right;}
.fur dl dt{ float: left; overflow: hidden;}
.fur dl dd{ float: left; padding:132px 0 0 34px; width: 227px;}
.fur dl dd h4{ line-height: 100%; color: #209683; font-size: 26px; height: 72px;}
.fur dl dd p{ color: #666; font-size: 16px; line-height: 28px;}
.fur dl:nth-of-type(2n) dt{ float: right;}
.fur dl:nth-of-type(2n) dd{ padding-left: 39px;}
/**/
.about{ overflow: hidden; height:700px;background: url(../images11/a_img.jpg) no-repeat center 0; box-sizing: border-box; padding-top:96px;}
.about h3{ display: block; font-weight: normal; color: #003399; font-size: 36px; text-align: center;}
.about h3 span{ display: block; line-height: 100%; padding: 11px 0 26px 0;}
.about p{ color: #333; font-size: 16px; line-height: 28px; text-align: center; height: 133px;}
.about p span{ display: block;}
.about h4{ margin: 0 auto; width: 179px; height: 40px; line-height: 40px; border-radius: 40px;background: url(../images11/a_icl.png) no-repeat 114px 14px #209683;}
.about h4 a{ display: block; color: #fff;font-weight: normal; font-size: 16px; padding-left: 39px;}
/**/
.pro_on ul li i:hover{ color: #e50014;}
.pro_on ul li strong,.p_ud span img,.p_ud span img,.case h4 a{transition: all 0.3s linear 0s;}
.pro_on ul li strong:hover{transform: translateX(5px);}
.p_ud span:hover img{transform: translateX(5px);}
.p_bom h3 span:hover{ background: #e50014;}
.case h4 a:hover{transform: translateX(5px);}
.news1 .bt a:hover{color: #e50014;}
.dail p i a:hover{ background: #e50014; color: #fff;}
/**/

.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,8px);-ms-transform: translate(0,8px);-o-transform: translate(0,8px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
/**/

.tuj ul li.cur .j_fl{ box-sizing: border-box;}
.tuj ul li.cur .j_fl{ display: block;}
.zhil1{ overflow: hidden; background: #fff; box-shadow:3px 3px 8px #e5e5e5; clear: both; position: relative; z-index: 5;}
.zhil h3{ float: left;}
.zhil2{ float: right; width: 961px; margin-right: -362px; height: 700px; overflow: hidden; margin-bottom: -207px;}
.zhil ul li.on i{background: url(../images11/z_ico11.jpg) no-repeat center 76px #f5a100; color: #fff;}
.zhil ul li.on i b{ color: #fff;}
.zhil ul li.on em{ display: block; padding: 75px 42px 0 40px; width: 368px; font-size: 16px; color: #333; line-height: 31px;}
.zhil ul li:nth-of-type(2).on i{background: url(../images11/z_ico21.jpg) no-repeat center 76px #f5a100; color: #fff;}
.zhil ul li:nth-of-type(3).on i{background: url(../images11/z_ico31.jpg) no-repeat center 76px #f5a100; color: #fff;}
.zhil ul li:nth-of-type(4).on i{background: url(../images11/z_ico41.jpg) no-repeat center 76px #f5a100; color: #fff;}
.zhil ul li:nth-of-type(5).on i{background: url(../images11/z_ico51.jpg) no-repeat center 76px #f5a100; color: #fff;}
.zhil ul li:nth-of-type(5).on em{padding-top:75px!important;}