@charset "utf-8";

@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("../fonts/SourceHanSansCN-Light/SourceHanSansCN-Light.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Light/SourceHanSansCN-Light.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Light/SourceHanSansCN-Light.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Light/SourceHanSansCN-Light.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Light/SourceHanSansCN-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Alibaba-PuHuiTi-Heavy";
  src: url("../fonts/Alibaba-PuHuiTi-Heavy/Alibaba-PuHuiTi-Heavy.woff2") format("woff2"),
       url("../fonts/Alibaba-PuHuiTi-Heavy/Alibaba-PuHuiTi-Heavy.woff") format("woff"),
       url("../fonts/Alibaba-PuHuiTi-Heavy/Alibaba-PuHuiTi-Heavy.ttf") format("truetype"),
       url("../fonts/Alibaba-PuHuiTi-Heavy/Alibaba-PuHuiTi-Heavy.eot") format("embedded-opentype"),
       url("../fonts/Alibaba-PuHuiTi-Heavy/Alibaba-PuHuiTi-Heavy.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Asimov";
  src: url("../fonts/Asimov/Asimov.woff2") format("woff2"),
       url("../fonts/Asimov/Asimov.woff") format("woff"),
       url("../fonts/Asimov/Asimov.ttf") format("truetype"),
       url("../fonts/Asimov/Asimov.eot") format("embedded-opentype"),
       url("../fonts/Asimov/Asimov.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


.head_pc{}
.head_pc .head{}
.head_pc .head a.logo{}
.head_pc .head a.logo img{ display: block; }
.head_pc .head .nav{}
.head_pc .head .nav .navul{}
.head_pc .head .nav .navul li{ float: left; }
.head_pc .head .nav .navul li a{ font-size: 17px; color: #555; font-family: "SourceHanSansCN-Light"; display: block; height: 115px; line-height: 115px; padding: 0 18px; }
.head_pc .head .nav .navul li:hover a,.head_pc .head .nav .navul li span.active a{ background: #0067ac; color: #fff;  }

.swiper-container-bn .bnimg{ height: 703px; }
.indextit{}
.indextit h4{ font-size: 20px; color: #0067ac; font-weight: normal; }
.indextit h3{ font-size: 32px; color: #222222; font-weight: normal; font-family: "SourceHanSansCN-Light"; }
.indextit i{ display: block; margin: 0 auto; width: 30px; height: 2px; background: #0067ac; margin-top: 8px; }
.m1{ background: url(../images/probg.jpg) no-repeat center top; padding-top: 75px; padding-bottom: 85px; }
.m1 a.more{ display: block; width: 183px; height: 43px; line-height: 43px; border: solid 1px #c7c7c7; margin: 0 auto; text-align: center; margin-top: 55px; }
.m1 ul.prolist{ padding-top: 40px; }
.m1 ul.prolist li{ width: 385px; float: left; margin-right: 22px; background: #fff; margin-bottom: 20px;
box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.1); -webkit-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.1); -moz-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.1); }
.m1 ul.prolist li:nth-child(3n){ margin-right: 0; }
.m1 ul.prolist li a.proimg{ display: block; height: 270px; }
.m1 ul.prolist li .protxt{ padding: 16px 0; width: 90%; margin: 0 auto; border-top: solid 1px #eaeaea; }
.m1 ul.prolist li .protxt a{ color: #555555; font-size: 18px; }
.m2{ padding-bottom: 215px; }
.m2 .wrap{ position: relative; }
.m2 .m2a{ width: 884px; height: 756px; background: url(../images/aboutbg.jpg) no-repeat center; background-size: cover; position: absolute; top: 0; right: 675px; }
.m2 .m2b{ width: 670px; height: 558px; background: #fff; position: absolute; top: 100px; right: 580px; padding: 50px; overflow: hidden; }
.m2 .m2b .entit{ font-size: 87px; color: #f6f6f6; position: absolute; font-family: "Asimov"; left: -30px; }
.m2 .m2b .por{ position: relative; z-index: 2; }
.m2 .m2b .por h4{ font-size: 32px; color: #222; font-family: "SourceHanSansCN-Light"; font-weight: normal; margin-top: 45px; }
.m2 .m2b .por > i{ display: block; width: 30px; height: 2px; background: #0067ac; margin-top: 8px; margin-bottom: 20px; }
.m2 .m2b .por > p.con{ font-size: 16px; color: #777777; line-height: 30px; }
.m2 .m2b .por > p.con b{ font-size: 20px; color: #555555; display: inline-block; margin-bottom: 5px; font-weight: normal; font-family: "SourceHanSansCN-Light"; }
.m2 .m2b .por ul{ padding-top: 40px; }
.m2 .m2b .por ul li{ width: 160px; float: left;  margin-right: 45px; }
.m2 .m2b .por ul li span{ display: block; }
.m2 .m2b .por ul li span i{ font-size: 38px; color: #0067ac; float: left; }
.m2 .m2b .por ul li span sup{ float: left; font-size: 14px; color: #0067ac; margin-left: 5px; }
.m2 .m2b .por ul li span sup sup{ float: right;  margin-left: 0px; }
.m2 .m2b .por ul li p{ font-size: 14px; color: #888; line-height: 18px; margin-top: 5px; }
.m2 .m2b .por ul li:nth-child(3){ margin-right: 0; }
.m2 .m2r{ width: 580px; height: 558px; margin-top: 100px; }
.m3{}
.m3 .con{}
.m3 .con .topnews{  margin-top: 27px; }
.m3 .con .topnews a.tnewsimg{ width: 405px; height: 305px; display: block; }
.m3 .con .topnews .tnewstxt{ width: 795px; height: 305px; background: #f6f6f6; padding: 40px; }
.m3 .con .topnews .tnewstxt a{ color: #444444; font-size: 20px; }
.m3 .con .topnews .tnewstxt > .clearfix > span{ font-size: 18px; }
.m3 .con .topnews .tnewstxt > .clearfix{ margin-top: 30px; }
.m3 .con .topnews .tnewstxt p{ font-size: 16px; color: #888; line-height: 30px; margin-top: 13px; }
.m3 .con .topnews .tnewstxt a.more{ display: block; width: 185px; height: 45px; line-height: 45px; text-align: center; color: #444; font-size: 17px; margin-top: 15px; border: solid 1px #c7c7c7; }
.m3{ padding-bottom: 100px; } 
.m3 .con > ul{ margin-top: 38px; }
.m3 .con > ul li{ float: left; width: 590px; }
.m3 .con > ul li:nth-child(2){ float: right; }
.m3 .con > ul li a.newsimg{ display: block; height: 305px; }
.m3 .con > ul li a.newstit{ font-size: 20px; color: #444444; }
.m3 .con > ul li > .clearfix{ padding-top: 25px; padding-bottom: 8px; }
.m3 .con > ul li > .clearfix > span{ font-size: 16px; color: #888888; }
.m3 .con > ul li p{ font-size: 16px; color: #888888; line-height: 30px; border-top: solid 1px #e4e4e4; padding-top: 5px; }
.m4{ padding-top: 60px; position: relative; padding-bottom: 100px; }
.m4 .m4bg{ height: 470px; background: #f6f6f6; width: 100%; position: absolute; left: 0; top: 0; }
.m4 .submenu{ border-top: solid 1px #dedede; position: relative; }
.m4 .submenu .submenuborder{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #dedede; }
.m4 .submenu ul{}
.m4 .submenu ul li{ float: left; padding: 15px 0; margin-right: 45px; }
.m4 .submenu ul li a{ font-size: 18px; color: #777; }
.m4 .submenu ul li.active,.m4 .submenu ul li:hover{ border-bottom: solid 2px #0067ac; position: relative; z-index: 10; }
.m4 .submenu ul li.active a,.m4 .submenu ul li:hover a{ color: #0067ac; }
.m4 .submenu a.more{ color: #777777; font-size: 16px; margin-top: 15px; }
.m4 .m4c{}
.m4 .m4c .boxlist{ margin-top: 35px; position: relative; }
.m4 .m4c .boxlist .swiper-container{ padding: 15px 0; }
.m4 .m4c .boxlist .swiper-container-case{}
.m4 .m4c .boxlist .swiper-container-case .swiper-slide{box-shadow: 0px 0px 15px 2px rgba(240,240,240,.8); -webkit-box-shadow: 0px 0px 15px 2px rgba(240,240,240,.8); -moz-box-shadow: 0px 0px 15px 2px rgba(240,240,240,.8);}
.m4 .m4c .boxlist .swiper-container-case a.caseimg{ display: block; height: 273px; }
.m4 .m4c .boxlist .swiper-container-case .casetxt{ background: #fff; padding: 35px 25px; position: relative; }
.m4 .m4c .boxlist .swiper-container-case .casetxt .fl{ width: 255px; }
.m4 .m4c .boxlist .swiper-container-case .casetxt a{ color: #444444; font-size: 20px; }
.m4 .m4c .boxlist .swiper-container-case .casetxt p{ font-size: 17px; color: #777; margin-top: 12px; }
.m4 .m4c .boxlist .swiper-container-case .casetxt span.dtime{ font-size: 17px; color: #777; margin-top: 39px; }
.m4 .m4c .boxlist .swiper-container-case .casetxt a.view{ display: block; position: absolute; right: 35px; top: -23px; }
.m4 .m4c .boxlist .swiper-container-case .casetxt a.view img{ display: block; }
.m4 .m4c .boxlist .swiper-button-next-case{ right: -80px; width: 41px; height: 41px; background: url(../images/right.png) no-repeat; top: 59%; }
.m4 .m4c .boxlist .swiper-button-prev-case{ left: -80px; width: 41px; height: 41px; background: url(../images/left.png) no-repeat; top: 59%; }
.foot{ background: #2b323a; }
.foot .lins{ padding-top: 30px; }
.foot .lins ul{ border-bottom: solid 1px #555b61; padding-bottom: 20px; }
.foot .lins ul li{ float: left; margin-left: 50px; padding-top: 22px; }
.foot .lins ul li a{ font-size: 16px; color: #fff; }
.foot .lins ul li.tit{ margin-left: 0; padding-top: 0; }
.foot .lins ul li.tit span.sp1{ display: block; color: #42484f; font-size: 16px; }
.foot .lins ul li.tit span.sp2{ display: block; color: #ffffff; font-size: 18px; }
.foot .foota{ padding-bottom: 45px; border-bottom: solid 1px #41474e; }
.foot .foota .footal{ margin-top: 50px; }
.foot .foota .footal > span{ font-size: 18px; color: #ffffff; }
.foot .foota .footal > p{ font-size: 15px; color: #9b9b9b; line-height: 30px; margin-top: 8px; }
.foot .foota .footar{ margin-top: 30px; }
.foot .foota .footar .footra{ margin-right: 22px; margin-top: 20px; }
.foot .foota .footar .footra span.sp1{ display: block; background: #1b88ed; width: 100px; height: 33px; line-height: 33px; text-align: center; color: #fff; float: right; }
.foot .foota .footar .footra span.sp1 img{ vertical-align: middle; }
.foot .foota .footar .footra span.sp2{ font-size: 15px; color: #9b9b9b; display: block; text-align: right; margin-top: 11px; }
.foot .foota .footar .footra p{ font-size: 20px; color: #fff; }
.foot .foota .footar .footrb img{ width: 115px; display: block; }
.foot .foota .footar .footrb span{ display: block; text-align: center; font-size: 15px; color: #9b9b9b; margin-top: 5px; }
.foot .copyright{ padding: 15px 0; }
.foot .copyright p{ color: #adadad; font-size: 15px; }



.nycon{}
.nycon .nybann{ height: 395px; }
.nycon .location{ border-bottom: solid 1px #eaeaea; height: 55px; }
.nycon .location ul{}
.nycon .location ul li{ float: left; }
.nycon .location ul li a{}
.nycon .location ul li{ float: left; padding: 15px 0; margin-right: 45px; position: relative;}
.nycon .location ul li i{ position: absolute; width: 100%; height: 2px; background: #0067ac; bottom: 0; left: 0; display: none; }
.nycon .location ul li a{ font-size: 18px; color: #777; }
.nycon .location ul li.active i,.nycon .location ul li:hover i{ display: block; }
.nycon .location ul li.active a,.nycon .location ul li:hover a{ color: #0067ac; }
.nycon .location p{ color: #888888; font-size: 15px; margin-top: 15px; }
.nycon .location p a{ color: #888888;}
.nycon .caselist{ padding-top: 60px; padding-bottom: 125px; }
.nycon .caselist ul.list{ margin-top: 40px; }
.nycon .caselist ul.list li{ width: 385px; height: 405px; float: left; margin-right: 22px; margin-bottom: 22px; }
.nycon .caselist ul.list li{box-shadow: 0px 0px 15px 2px rgba(240,240,240,1); -webkit-box-shadow: 0px 0px 15px 2px rgba(240,240,240,1); -moz-box-shadow: 0px 0px 15px 2px rgba(240,240,240,1);}
.nycon .caselist ul.list li:nth-child(3n){ margin-right: 0; }
.nycon .caselist ul.list li a.caseimg{ display: block; height: 273px; }
.nycon .caselist ul.list li .casetxt{ background: #fff; padding: 35px 25px; position: relative; }
.nycon .caselist ul.list li .casetxt .fl{ width: 255px; }
.nycon .caselist ul.list li .casetxt a{ color: #444444; font-size: 20px; }
.nycon .caselist ul.list li .casetxt p{ font-size: 17px; color: #777; margin-top: 12px; }
.nycon .caselist ul.list li .casetxt span.dtime{ font-size: 17px; color: #777; margin-top: 39px; }
.nycon .caselist ul.list li .casetxt a.view{ display: block; position: absolute; right: 35px; top: -23px; }
.nycon .caselist ul.list li .casetxt a.view img{ display: block; }
.nycon .caselist .pages{ margin-top: 60px; }
.nycon .pages{ text-align: center; }
.nycon .pages a,.nycon .pages span{ display: inline-block; font-size: 15px; color: #777; border: solid 1px #e3e3e3; padding: 8px 15px; margin: 0 3px; }
.nycon .pages a:hover,.nycon .pages span{ color: #fff; background: #0067ac; border: solid 1px #0067ac; }



.nycon .prolist{ padding-top: 60px; padding-bottom: 125px; }
.nycon .prolist ul.list{ margin-top: 40px; }
.nycon .prolist li{ width: 385px; float: left; margin-right: 22px; background: #fff; margin-bottom: 20px;
box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.1); -webkit-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.1); -moz-box-shadow: 0px 0px 5px 2px rgba(51,51,51,0.1); }
.nycon .prolist li:nth-child(3n){ margin-right: 0; }
.nycon .prolist li a.proimg{ display: block; height: 270px; }
.nycon .prolist li .protxt{ padding: 16px 0; width: 90%; margin: 0 auto; border-top: solid 1px #eaeaea; }
.nycon .prolist li .protxt a{ color: #555555; font-size: 18px; }
.nycon .prolist .pages{ margin-top: 60px; }


.nycon .proview{ padding-top: 60px; padding-bottom: 125px; }
.nycon .proview .con{ margin-top: 40px; }
.nycon .proview .proviewl{ width: 615px;  }
.nycon .proview .proviewl .sp-bottom-thumbnails.sp-has-pointer{ width: 150px; height: 370px; }
.nycon .proview .proviewl .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnails .sp-thumbnail{ width: 100%; height: 100%; }
.nycon .proview .proviewl .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail a{ display: block; width: 100%; height: 100%; }
.nycon .proview .proviewl .sp-slides-container .sp-slide .bimg{ width: 100%; height: 370px; border: solid 1px #ccc;background-size:contain !important; }
.nycon .proview .proviewl .sp-left-thumbnails.sp-has-pointer .sp-thumbnail{ position: static; }
.nycon .proview .proviewl .sp-left-thumbnails.sp-has-pointer .sp-thumbnail a{ display: block; width: 100%; height: 115px; }
.nycon .proview .proviewl .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{ display: none; }
.nycon .proview .proviewl .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{ display: none; }
.nycon .proview .proviewl .sp-left-thumbnails.sp-has-pointer{ margin-right: 0; }
.nycon .proview .proviewl .sp-thumbnail-container{ border: solid 1px #ebebeb; }
.slider-pro{ padding-left: 160px !important; }
.nycon .proview .proviewl .sp-horizontal .sp-previous-arrow{ width: 17px; height: 29px; background: url(../images/left.png) no-repeat; left: -40px; display: none; }
.nycon .proview .proviewl .sp-horizontal .sp-next-arrow{ width: 17px; height: 29px; background: url(../images/left.png) no-repeat; right: -40px; display: none; }
.nycon .proview .proviewl .sp-selected-thumbnail{ border: solid 1px #1c51a4; }
.nycon .proview .proviewr{ width: 555px; }
.nycon .proview .proviewr h5{ font-size: 28px; color: #0067ac; font-weight: normal; }
.nycon .proview .proviewr p{ font-size: 16px; color: #777; line-height: 28px; margin-top: 8px; }
.nycon .proview .proviewr dl{ background: #f8f8f8; padding: 25px; margin-top: 15px;}
.nycon .proview .proviewr dl dd{ line-height: 34px; color: #767676; font-size: 17px; }
.nycon .proview .proviewr a.kf{ display: block; width: 175px; height: 55px; background: #0067ac; color: #fff; line-height: 55px; text-align: center; font-size: 17px; color: #fff; margin-top: 30px; border-radius: 5px; float: left; }
.nycon .proview .proviewr > .clearfix > span{ display: block; float: left; font-size: 28px; color: #d30000; margin-left: 20px; margin-top: 35px; }
.nycon .proview .proviewr > .clearfix > span img{ vertical-align: middle; }

.nycon .proview .prob{ margin-top: 37px; }
.nycon .proview .prob .tit{ height: 60px; border-bottom: solid 1px #eaeaea; }
.nycon .proview .prob .tit span{ display: block; float: left; height: 60px; background: #f3f4f6; font-size: 20px; color: #777777; line-height: 60px; text-align: center; padding: 0 35px; margin-right: 18px;    cursor: pointer; }
.nycon .proview .prob .tit span.active{  background: #0067ac; color: #fff; }
.nycon .proview .prob .probcon{ padding: 35px 0; display: none; }
.nycon .proview .prob .probcon,.nycon .proview .prob .probcon p{ font-size: 16px; color: #777; line-height: 28px; }
.nycon .proview .prob .probcon img.img{ max-width: 100%; margin: 10px 0; }
.nycon .proview .proc{ margin-bottom: 83px; }
.nycon .proview .proc a{ display: block; float: left; }
.nycon .proview .proc a.syg{ border: solid 1px #d5d5d5; height: 54px; line-height: 54px; display: block; width: 490px; margin-right: 10px; padding: 0 30px; font-size: 18px; color: #777; }
.nycon .proview .proc a.xyg{ border: solid 1px #d5d5d5; height: 54px; line-height: 54px; display: block; width: 490px; padding: 0 30px; font-size: 18px; color: #777; }
.nycon .proview .proc a.fh{ border: solid 1px #d5d5d5; background: #0067ac; height: 54px; line-height: 54px; display: block; width: 200px; padding: 0 25px; text-align: center; color: #fff; font-size: 18px; float: right; } 
.nycon .proview .prod{ }
.nycon .proview .prod .tit{ height: 60px;  border-bottom: solid 1px #eaeaea; }
.nycon .proview .prod .tit span{ display: block; float: left; height: 60px;  font-size: 20px; line-height: 60px; text-align: center; padding: 0 35px; margin-right: 18px;    cursor: pointer; background: #0067ac; color: #fff; }
.nycon .proview .prod .con{ position: relative; }
.nycon .proview .prod .con .conc{ width: 1075px; margin: 0 auto; }
.nycon .proview .prod .con .conc .swiper-container-tj{}
.nycon .proview .prod .con .conc .swiper-container-tj .swiper-slide{} 
.nycon .proview .prod .con .conc .swiper-container-tj .swiper-slide a.caseimg{ display: block; height: 205px; border: solid 1px #f2f2f2; background-size:contain !important; } 
.nycon .proview .prod .con .swiper-button-next-tj{ width: 18px; height: 33px; background: url(../images/pror.jpg) no-repeat; }
.nycon .proview .prod .con .swiper-button-prev-tj{ width: 18px; height: 33px; background: url(../images/prol.jpg) no-repeat; }




.nycon{}
.nycon .about{ padding-top: 65px; }
.nycon .about .abouta{}
.nycon .about .abouta .aboutimg{ width: 587px; height: 476px; position: relative; z-index: 10; }
.nycon .about .abouta .abouttxt{ width: 570px; height: 476px; padding-top: 32px; position: relative; z-index: 9; }
.nycon .about .abouta .abouttxt .entit {    font-size: 87px;    color: #f6f6f6;    position: absolute;    font-family: "Asimov";    left: -70px; top: -10px;}
.nycon .about .abouta .abouttxt h4{ font-size: 32px; color: #222; font-weight: normal; position: relative; z-index: 10; }
.nycon .about .abouta .abouttxt h4 i{ display: block; width: 30px; height: 2px; background: #0067ac; margin-top: 8px; position: relative; z-index: 10; }
.nycon .about .abouta .abouttxt > span{ font-size: 20px; color: #555; display: block; margin-top: 16px; display: block; margin-bottom: 25px; position: relative; z-index: 10; }
.nycon .about .abouta .abouttxt p{ font-size: 16px; color: #777; line-height: 30px; }
.nycon .about .aboutb{ margin-top: 30px; }
.nycon .about .aboutb p{ font-size: 16px; color: #777; line-height: 30px;}
.nycon .about .aboutc{}
.nycon .about .aboutc ul{ padding-top: 40px; }
.nycon .about .aboutc{ margin-top: 10px; padding-bottom: 45px; }
.nycon .about .aboutc ul li{ width: 33%; float: left;  }
.nycon .about .aboutc ul li span{ display: block; }
.nycon .about .aboutc ul li span i{ font-size: 50px; color: #0067ac; float: left; }
.nycon .about .aboutc ul li span sup{ float: left; font-size: 18px; color: #0067ac; margin-left: 5px; }
.nycon .about .aboutc ul li span sup sup{ float: right;  margin-left: 0px; }
.nycon .about .aboutc ul li p{ font-size: 18px; color: #888; line-height: 18px; margin-top: 5px; }
.nycon .about .aboutc ul li:nth-child(3){ margin-right: 0; }
.nycon .about .aboutd{ height: 648px; background: url(../images/aboutviewbg.jpg) no-repeat center; overflow: hidden; margin-top: 45px; }
.nycon .about .aboutd .con{ background: #fff; padding: 90px 50px; margin-top: 110px;  }
.nycon .about .aboutd .con p{ font-size: 16px; color: #777; line-height: 32px; }







.nycon .contact{ padding-bottom: 80px; }
.nycon .contact .contacta{ margin-top: 60px; }
.nycon .contact .contacta .tit{ font-size: 32px; color: #222; }
.nycon .contact .contacta .tit i{ font-size: 20px; color: #0067ac; }
.nycon .contact .contacta p{ font-size: 17px; color: #666; margin-top: 17px; margin-bottom: 18px; }
.nycon .contact .contacta > i{ width: 525px; height: 1px; background: #dddddd; display: block; }
.nycon .contact .contactb{ padding-top: 25px; }
.nycon .contact .contactb dl{}
.nycon .contact .contactb dl dd{ font-size: 19px; color: #666; line-height: 48px; }
.nycon .contact .contactb dl dd span{ color: #0067ac; font-size: 25px; font-weight: bold; }
.nycon .contact .contactb dl dd img{ vertical-align: middle; }
.nycon .contact .contactb .ewm{ width: 185px; box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2); padding-top: 13px; padding-bottom: 13px; }
.nycon .contact .contactb .ewm img{ display: block; width: 160px; margin: 0 auto; }
.nycon .contact .contactb .ewm span{ display: block; padding: 0 13px; font-size: 17px; color: #666; text-align: center; margin-top: 15px; }
.nycon .contact .map{ height: 550px; margin-top: 40px; }
.nycon .contact .contactc{ margin-top: 53px; }
.nycon .contact .contactc .title{ margin-bottom: 33px; }
.nycon .contact .contactc .tit{ font-size: 32px; color: #222; }
.nycon .contact .contactc .tit i{ font-size: 20px; color: #0067ac; }
.nycon .contact .contactc p.fr{ font-size: 17px; color: #888; margin-top: 8px; }
.nycon .contact .contactc input.xm,
.nycon .contact .contactc input.yx,
.nycon .contact .contactc input.dh{ width: 380px; height: 50px; line-height: 50px; border: solid 1px #d4d4d4; padding: 0 15px; float: left; margin-right: 30px; }
.nycon .contact .contactc input.dh{ margin-right: 0; }
.nycon .contact .contactc textarea{ width: 100%; height: 200px; border: solid 1px #d4d4d4; padding: 15px; margin-top: 18px; }
.nycon .contact .contactc .tj{ width: 130px; height: 50px; line-height: 50px; text-align: center; display: inline-block; font-size: 18px; background: #3d9ee5; color: #fff; margin-top: 30px; }
.nycon .contact .contactc .cz{ width: 130px; height: 50px; line-height: 50px; text-align: center; display: inline-block; font-size: 18px; background: #848484; color: #fff; margin-top: 30px; margin-left: 20px; }






.nycon .newslist{ padding-top: 55px; padding-bottom: 75px; }
.nycon .newslist .newslistss{ }
.nycon .newslist .newslistss .sstext{ width: 85%; display: block; float: left; height: 65px; line-height: 65px; border: solid 1px #dddddd; padding: 0 30px; }
.nycon .newslist .newslistss button{ width: 15%; float: left; background: #0067ac; color: #fff; line-height: 65px; text-align: center; font-size: 20px; }
.nycon .newslist .newslistss button img{ vertical-align: middle; }
.nycon .newslist .topnews{ margin-top: 30px; }
.nycon .newslist .topnews a.tnewsimg{ display: block; width: 678px; height: 411px; }
.nycon .newslist .topnews .tnewstxt{ width: 522px; background: #fafafa; padding: 43px 34px; }
.nycon .newslist .topnews .tnewstxt h5{ font-weight: normal; font-size: 20px; color: #444444; }
.nycon .newslist .topnews .tnewstxt p{ color: #888888; font-size: 16px; line-height: 30px; margin-top: 13px; }
.nycon .newslist .topnews .tnewstxt span.dtime{ display: block; font-size: 18px; color: #444; padding: 23px 0; }
.nycon .newslist .topnews .tnewstxt a.more{ background: #fafafa; border: solid 1px #c7c7c7; width: 180px; height: 44px; display: block; line-height: 44px; text-align: center; margin-top: 12px; }
.nycon .newslist ul.list{ padding-top: 70px; }
.nycon .newslist ul.list li{ padding-bottom: 40px; margin-bottom: 37px; border-bottom: solid 1px #d7d7d7; }
.nycon .newslist ul.list li .newstxt a.newstit{ color: #333; font-size: 20px; }
.nycon .newslist ul.list li .newstxt a.newstit img{ vertical-align: middle; }
.nycon .newslist ul.list li .newstxt{ width: 1090px; }
.nycon .newslist ul.list li .newstxt p{ font-size: 16px; color: #666; margin: 10px 0; }
.nycon .newslist ul.list li .newstxt span.time{ font-size: 16px; color: #666; }
.nycon .newslist ul.list li a.newsmore{ width: 43px; height: 43px; background: url(../images/newsmore.jpg) no-repeat; display: block; margin-top: 15px; }
.nycon .newslist ul.list li:hover a.newsmore{ background: url(../images/newsmoreon.jpg) no-repeat; }


.wapswiper{ display: none; }


      .news{ padding-top: 60px; padding-bottom: 60px; }
      .nycon .news{ padding:50px 0}
            .nycon .news .newscon .parts{ padding-bottom:50px;}
            .nycon .news .newscon .parts, .nycon .news .newscon .parts p{line-height: 32px;
    font-size: 17px;
    color: #666666;}
            .nycon .newscon > h2{    text-align: center;    font-size: 26px;    margin-top: 20px;}
            .nycon .newscon > p.desc{ text-align:center; margin:20px 0}
            .nycon .newsconf .sxp ul li{ float: left; margin-left: 15px; }

.nycon .newsconf .sxp ul li a{ font-size: 17px; color: #666; border: solid 1px #e4e4e4; padding: 10px 20px; display: block; border-radius: 4px; }

.nycon .newsconf .fx{ margin-top: 28px; }


@media only screen and (min-width:768px) and (max-width:1199px) {
	.a1br{
		padding-top: 0;
	}
}
@media only screen and (max-width:950px) {
	.swiper-container-bn .swiper-pagination-bullet{
		width: 30px;
		height: 4px;
	}
}
@media only screen and (max-width:768px) {

.swiper-container-bn .bnimg{ height: 200px; }
.m1{ padding-top: 30px; padding-bottom: 30px; background-size: cover !important; }
.indextit h3{ font-size: 26px; }
.m1 ul.prolist li{ width: 100%; }
.m1 ul.prolist li a.proimg{ height: 220px; }
.m1 a.more{ margin-top: 15px; }
.m2{ padding-bottom: 20px; }
.m2 .m2r{ width: 100%; height: 325px; }
.m2 .m2b{ position: static; width: 100%; padding: 10px; height: auto; }
.m2 .m2b .entit{ font-size: 47px; top: 40px; }
.m2 .m2b .por > p.con{ font-size: 14px; line-height: 25px; }
.m2 .m2b .por ul li{ width: 100%; margin-right: 0; margin-bottom: 12px; }
.m2 .m2r{ margin-top: 15px; }
.m3{ padding-bottom: 30px; }
.m3 .con .topnews a.tnewsimg{ width: 100%; height: 245px; }
.m3 .con .topnews .tnewstxt{ width: 100%; height: auto; padding: 20px; }
.m3 .con .topnews .tnewstxt > .clearfix{ margin-top: 10px; }
.m3 .con .topnews .tnewstxt p{ font-size: 14px; line-height: 25px; }
.m3 .con > ul li{ width: 100%; }
.m3 .con > ul li a.newsimg{ height: 180px; }
.m3 .con > ul li a.newstit{ font-size: 16px; }
.m3 .con > ul li{ margin-bottom: 15px; }
.m3 .con > ul li p{ font-size: 14px; line-height: 25px; }
.m4 .submenu ul{ width: 100%; }
.m4 .submenu ul li{ width: 25%; margin-right: 0; text-align: center; }
.m4 .submenu a.more{ display: none; }
.m4 .m4c .boxlist .swiper-container-case .casetxt span.dtime{ display: none; }
.foot .lins ul li.tit{ width: 100%; text-align: center; }
.foot .lins ul li{ width: 33%; text-align: center; margin-left: 0; }
.nycon .nybann{ height: 185px; }
.nycon .location ul{ width: 100%; }
.nycon .location ul li{ width: 25%; margin-right: 0; }
.nycon .about .abouta .aboutimg{ display: block; width: 100%; height: 275px; }
.nycon .about .abouta .abouttxt{ width: 100%; }
.nycon .about .abouta .abouttxt p{ font-size: 14px; line-height: 25px; }
.nycon .about .abouta .abouttxt .entit{ font-size: 56px; }
.nycon .about .aboutb p{ font-size: 14px; line-height: 25px; }
.nycon .about .aboutc ul li{ width: 100%; margin-bottom: 8px; }
.nycon .about .aboutc ul li span i{ font-size: 30px; }
.nycon .about .aboutc ul li p{ font-size: 16px; }
.nycon .about .aboutc ul{ padding-top: 20px; }
.nycon .about .aboutc{ padding-bottom: 0; }
.nycon .about .aboutd .con{ padding: 30px 20px; margin-top: 50px; }
.nycon .about .aboutd .con p{ font-size: 14px; line-height: 24px; }


.nycon .caselist{ padding-top: 25px; padding-bottom: 30px; }
.nycon .caselist ul.list li{ width: 100%; }
.nycon .caselist ul.list li a.caseimg{ height: 235px; }
.nycon .caselist ul.list li .casetxt{ padding: 20px; }
.nycon .caselist ul.list li{ height: auto; }
.nycon .caselist .pages{ margin-top: 25px; }



.nycon .contact .contacta{ margin-top: 25px; }
.nycon .contact .contacta p{ font-size: 14px; line-height: 25px; }
.nycon .contact .contacta .tit{ font-size: 26px; }
.nycon .contact .contacta .tit i{ font-size: 18px; }
.nycon .contact .contactb dl dd{ font-size: 15px; }
.nycon .contact .contactb dl dd img{ width: 30px; }
.nycon .contact .contactb dl dd span{ font-size: 18px; }
.nycon .contact .contactb .ewm{ margin: 0 auto; float: none; margin-top: 20px; }
.nycon .contact .contactb dl{ float: none; }
.nycon .contact .map{ height: 300px; }
.nycon .contact .contactc .tit{ font-size: 26px; }
.nycon .contact .contactc .tit i{ font-size: 18px; }
.nycon .contact .contactc p.fr{ font-size: 14px; line-height: 26px; }
.nycon .contact .contactc input.xm, .nycon .contact .contactc input.yx, .nycon .contact .contactc input.dh{ width: 100%; height: 35px; line-height: 35px; margin-bottom: 8px; }
.nycon .contact .contactc textarea{ height: 160px; margin-top: 0; }
.nycon .contact .contactc .tj{ width: 48%; height: 35px; line-height: 35px; font-size: 16px; margin-top: 15px; }
.nycon .contact .contactc .cz{ width: 48%; height: 35px; line-height: 35px; font-size: 16px; margin-left: 0; margin-top: 15px; }
.nycon .contact{ padding-bottom: 30px; }

.nycon .newslist .newslistss .sstext{ width: 70%; height: 40px; line-height: 40px; }
.nycon .newslist .newslistss button{ width: 30%; height: 40px; line-height: 40px; font-size: 15px; }
.nycon .newslist .topnews a.tnewsimg{ width: 100%; height: 215px; }
.nycon .newslist .topnews .tnewstxt{ width: 100%; padding: 20px; }
.nycon .newslist .topnews .tnewstxt h5{ font-size: 18px; line-height: 26px; }
.nycon .newslist .topnews .tnewstxt p{ font-size: 14px; line-height: 26px; }
.nycon .newslist .topnews .tnewstxt span.dtime{ padding: 16px 0; }

.nycon .newslist .topnews .tnewstxt a.more{ margin-top: 0; }
.nycon .newslist .topnews .tnewstxt p{ margin-top: 5px; }
.nycon .newslist ul.list{ padding-top: 30px; }
.nycon .newslist ul.list li{ margin-bottom: 10px; padding-bottom: 10px; }
.nycon .newslist ul.list li .newstxt{ width: 100%; }
.nycon .newslist ul.list li a.newsmore{ display: none; }
.nycon .newslist ul.list li .newstxt a.newstit{ font-size: 18px; }
.nycon .newslist ul.list li .newstxt p{ font-size: 14px; line-height: 26px; }


.nycon .prolist{ padding-bottom: 30px; padding-top: 20px; }
.nycon .prolist .pages{ margin-top: 10px; }
.nycon .prolist li{ width: 100%; }
.nycon .prolist li a.proimg{ height: 230px; }
.nycon .prolist li .protxt{ padding: 14px 0; }


.nycon .proview .proviewr{ width: 100%; margin-top: 25px; }
.nycon .proview .proviewr h5{ font-size: 24px; }
.nycon .proview .proviewr p{ font-size: 14px; line-height: 25px; }
.nycon .proview .proviewr dl dd{ font-size: 15px; line-height: 25px; }
.nycon .proview .proviewr a.kf{ width: 135px; height: 45px; line-height: 45px; }
.nycon .proview .proviewr > .clearfix > span{ font-size: 18px; }
.nycon .proview .prob .tit span{ height: 50px; line-height: 50px; }
.nycon .proview .prob .tit{ height: 50px; }
.nycon .proview .prob .probcon, .nycon .proview .prob .probcon p{ font-size: 14px; line-height: 25px; }
.nycon .proview .proc a.syg{ width: 100%; line-height: 45px; height: 45px; margin-bottom: 8px; }
.nycon .proview .proc a.xyg{ width: 100%; line-height: 45px; height: 45px; margin-bottom: 8px; }
.nycon .proview .proc a.fh{ width: 100%; height: 45px; line-height: 45px; }
.nycon .proview .prod .con .conc{ width: 100%; }
.nycon .proview .prod .tit span{ height: 45px; line-height: 45px; }
.nycon .proview .prod .tit{ height: 45px; }
.nycon .proview .proc{ margin-bottom: 25px; }
.nycon .proview{ padding-bottom: 35px; padding-top: 25px; }


.nycon .proview .proviewl{ width: 100%; }
.htmleaf-container{ display: none; }
.wapswiper{ display: block; }
.wapswiper .swiper-container-prov .swiper-slide a.caseimg{ display: block; height: 250px; border: solid 1px #c7c7c7; }
.wrap1{ width: 100%; }
.nycon .newscon > h2{ font-size: 22px; }


	
}