@charset "utf-8";
/*end*/
body{overflow-x:hidden;}


.search{height:78px; border-bottom:1px solid #eeeeee;}
.sea{height:78px;}
.sea span{display: block;float:left;width:600px; height:78px; line-height: 78px;}
.sea span i,.sea span a{display: block;float:left; font-size: 14px; color:#535353;}
.sea span a{margin-right: 20px;}
.sea p{float:right;width:346px; height:31px; margin-top: 25px; background:#f3f3f3; border-radius:16px;}
.sea p .txt{width:237px; height:31px; padding:0 15px; float:left;background:0;}
.sea p .btn{width:59px; height:31px;float:right; background:url(../images/btn.png) no-repeat center; cursor: pointer;}
/**/
.prsebj{height:1605px; background:url(../images/prsebj.jpg) no-repeat center;}
.prs{padding-top:87px;}
.prs .pronav{height:145px;}
.prs .pronav .t{width:95px; height:28px; float:right; background:url(../images/d.png) no-repeat center;}
.prs .pronav .prse{float:left;height:121px;width:1200px;}
.prs .pronav .prse span{display: block; width:590px;float:left;}
.prs .pronav .prse span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.prs .pronav .prse span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.prs .pronav .prse span em{display: block; height:45px; line-height: 38px; font-weight: bold; font-size: 36px; color:#f11c08; padding:3px 0 7px 102px; background:url(../images/DEVICES.png) no-repeat left;}
.prs .pronav .prse ul{height:82px;padding-top:39px;float:right; width:245px; }
.prs .pronav .prse ul li{float:left;height:82px;width:91px; margin-left: 30px; position: relative; }
.prs .pronav .prse ul li a{display: block;width:91px; height:34px;text-align: center; line-height: 34px; font-size: 18px; color:#f11c08;box-sizing: border-box;border: 1px solid #FFF;}
.prs .pronav .prse ul li.cur a{border:1px solid #f11c08; border-radius: 17px;}
.prs .pronav .prse ul li i{display: none;width:19px; height:14px;  background:url(../images/icon.png) no-repeat center;position: absolute; bottom: -1px;left: 35px;z-index: 100;}
.prs .pronav .prse ul li.cur i{display: block;}
.prs .pronav .pr_sm{height:586px;}
.prs .pronav .pr_sm span{display: block;float:left;width:599px; height:584px; border:1px solid #a6e0e7; border-right:0;box-sizing: border-box;}
.prs .pronav .pr_sm span img{width:599px; height:584px;}
.prs .pronav .pr_sm .prsm{width:600px; height:586px; background:#f3f3f3; padding-top:95px; padding-left:76px; float:right; border:1px solid #e5e5e5;border-bottom-right-radius: 100px;box-sizing: border-box; }
.prs .pronav .pr_sm .prsm b{display: block; margin-bottom: 43px; line-height: 24px;}
.prs .pronav .pr_sm .prsm b a{font-size: 24px; line-height: 24px; color:#313131; font-weight: normal;}
.prs .pronav .pr_sm .prsm p{margin-bottom: 46px;}
.prs .pronav .pr_sm .prsm p i{display: block; font-size: 18px; color:#f11c08; padding-left:23px; margin-bottom: 24px;}
.prs .pronav .pr_sm .prsm p i.y{background:url(../images/cp.png) no-repeat left;}
.prs .pronav .pr_sm .prsm p i.m{background:url(../images/md.png) no-repeat left;}
.prs .pronav .pr_sm .prsm p em{font-size: 14px; color:#313131;width:424px;display: block;}
.prs .pronav .pr_sm .prsm strong{display: block;width:222px; height:39px;border:1px solid #f11c08;box-sizing: border-box; border-radius: 20px;}
.prs .pronav .pr_sm .prsm strong a{display: block; float:left; width:50%; height:38px; text-align: center; line-height: 39px;font-size: 14px; color:#f11c08; font-weight: normal;}
.prs .pronav .pr_sm .prsm strong a.zx{background:#f11c08; color:#FFF;border-bottom-right-radius: 20px;border-top-right-radius: 20px;}
.prs .pronav .hzce{height:395px; margin-top: 127px;margin-bottom: 86px;}
.prs .pronav .hzce .hz{width:600px;height:395px; float:left;}
.prs .pronav .hzce .hz span{display: block;font-size: 24px; line-height:24px; color:#FFFFFF;margin-bottom: 35px;}
.prs .pronav .hzce .hz ul{width:554px; height:307px;padding-top:30px;padding-left:46px;background:#FFF; border-bottom-left-radius: 50px;}
.prs .pronav .hzce .hz ul li{float:left;width:160px; height:80px; overflow: hidden;transition: .3s; margin-right:23px; margin-bottom: 20px;}
.prs .pronav .hzce .hz ul li img{width:160px; height:80px; }
.prs .pronav .hzce .hz ul li:hover{box-shadow:5px 5px 10px #eee,-5px -5px 10px #eee;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.prs .pronav .hzce .video{width:600px; float:right;}
.prs .pronav .hzce .video span{display: block;font-size: 24px; line-height:24px; color:#FFFFFF;margin-bottom: 35px;}
.prs .pronav .hzce .video p{width:597px; height:337px;}
.prs .pronav .hzce .video p img{width:597px; height:337px;}
.prs .pronav .gd{width:164px; height:47px; margin:0 auto;}
.prs .pronav .gd a{display: block;width:164px; height:47px; text-align: center; line-height: 47px; background:#FFFFFF; font-size: 14px; color:#f11c08; border-radius: 24px; }
/**/
.casebj{height:1180px;}
.case{padding-top:115px;}
.case .wscase{height:451px; margin-bottom: 100px;}
.case .wscase .crse{float:left;height:120px;width:1200px;}
.case .wscase .crse span{display: block; width:590px;float:left;}
.case .wscase .crse span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.case .wscase .crse span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.case .wscase .crse span em{display: block; height:45px; line-height: 38px; font-weight: bold; font-size: 36px; color:#f11c08; padding:5px 0 7px 104px; background:url(../images/cases.png) no-repeat left;}
.case .wscase .crse ul{padding-top:39px;float:right; width:495px; height:81px; }
.case .wscase .crse ul li{float:left;height:32px; line-height: 32px; position: relative; }
.case .wscase .crse ul li a{display: block;padding:0 25px;height:32px;text-align: center; line-height: 32px; font-size: 18px; color:#f11c08;box-sizing: border-box;border: 1px solid #FFF;}
.case .wscase .crse ul li.cur a{border:1px solid #f11c08; border-radius: 17px;}
.case .wscase .con{height:331px;}
.case .wscase .con ul li{width:285px;height:160px;float:left; margin-bottom: 11px; overflow: hidden;}
.case .wscase .con ul li.first{width:894px; height:331px; float:right; margin-left: 20px;}
.case .wscase .con ul li.first dl dt{width:589px; height:331px; float:right;}
.case .wscase .con ul li.first dl dt img{width:589px; height:331px; float:right;}
.case .wscase .con ul li.first dl dt p{display: none;}
.case .wscase .con ul li.first dl dd{display: block;width:258px; height:270px; padding-top:61px; padding-left:47px; background:#f11c08;float:left; border-bottom-left-radius:30px;}
.case .wscase .con ul li.first dl dd span{display: block; margin-bottom: 19px; position: relative; }
.case .wscase .con ul li.first dl dd span i{display: block; width:13px; height:17px; position: absolute;top:10px; right:-13px; background:url(../images/dbx.png) no-repeat center;}
.case .wscase .con ul li.first dl dd span a{ font-size: 18px; font-weight: bold; color:#FFF;}
.case .wscase .con ul li.first dl dd p{width:209px; height:111px; font-size: 14px; color:#FFF; margin-bottom: 27px;}
.case .wscase .con ul li.first dl dd em{display: block; width:164px; height:47px; text-align: center; line-height: 47px; background:#FFF; border-radius: 24px;}
.case .wscase .con ul li.first dl dd em a{display: block; font-size: 14px; color:#f11c08;}
.case .wscase .con ul li dl dt{width:285px; height:160px; overflow: hidden; position: relative;}
.case .wscase .con ul li dl dt img{width:285px; height:160px; transition: all 0.3s linear;}
.case .wscase .con ul li dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .wscase .con ul li dl dt p{width:285px; height:0; padding-top:0; overflow: hidden; background:url(../images/yy.png) no-repeat center; position: absolute; left:0; top:0; transition: 0.3s;}
.case .wscase .con ul li dl dt p i{display: block; text-align: center; font-size: 14px; color:#FFF; line-height: 14px; padding-bottom:47px; background:url(../images/jia.png) no-repeat bottom center;}
.case .wscase .con ul li dl dd{display: none;}
.case .wscase .con ul li:hover dl dt p{height:102px; padding-top:58px;}
.case .fqcase{height:451px;}
.case .fqcase .crse{float:left;height:120px;width:1200px;}
.case .fqcase .crse span{display: block; width:590px;float:left;}
.case .fqcase .crse span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.case .fqcase .crse span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.case .fqcase .crse span em{display: block; height:45px; line-height: 38px; font-weight: bold; font-size: 36px; color:#f11c08; padding:5px 0 7px 104px; background:url(../images/cases.png) no-repeat left;}
.case .fqcase .crse ul{padding-top:39px;float:right; width:316px; height:81px; }
.case .fqcase .crse ul li{float:left;height:32px; line-height: 32px; position: relative; }
.case .fqcase .crse ul li a{display: block;padding:0 25px;height:32px;text-align: center; line-height: 32px; font-size: 18px; color:#f11c08;box-sizing: border-box;border: 1px solid #FFF;}
.case .fqcase .crse ul li.cur a{border:1px solid #f11c08; border-radius: 17px;}
.case .fqcase .con{height:331px;}
.case .fqcase .con ul li{width:285px;height:160px;float:right; margin-bottom: 11px; overflow: hidden;}
.case .fqcase .con ul li.first{width:894px; height:331px; float:left; margin-right: 20px;}
.case .fqcase .con ul li.first dl dt{width:589px; height:331px; float:left;}
.case .fqcase .con ul li.first dl dt img{width:589px; height:331px; float:right;}
.case .fqcase .con ul li.first dl dt p{display: none;}
.case .fqcase .con ul li.first dl dd{display: block;width:258px; height:270px; padding-top:61px; padding-left:47px; background:#f11c08;float:left; border-bottom-right-radius:30px;}
.case .fqcase .con ul li.first dl dd span{display: block; margin-bottom: 19px; position: relative; }
.case .fqcase .con ul li.first dl dd span i{display: block; width:13px; height:17px; position: absolute;top:4px; left:-59px; background:url(../images/dbx1.png) no-repeat center;}
.case .fqcase .con ul li.first dl dd span a{ font-size: 18px; font-weight: bold; color:#FFF;}
.case .fqcase .con ul li.first dl dd p{width:209px; height:111px; font-size: 14px; color:#FFF; margin-bottom: 27px;}
.case .fqcase .con ul li.first dl dd em{display: block; width:164px; height:47px; text-align: center; line-height: 47px; background:#FFF; border-radius: 24px;}
.case .fqcase .con ul li.first dl dd em a{display: block; font-size: 14px; color:#f11c08;}
.case .fqcase .con ul li dl dt{width:285px; height:160px; overflow: hidden; position: relative;}
.case .fqcase .con ul li dl dt img{width:285px; height:160px; transition: all 0.3s linear;}
.case .fqcase .con ul li dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .fqcase .con ul li dl dt p{width:285px; height:0; padding-top:0; overflow: hidden; background:url(../images/yy.png) no-repeat center; position: absolute; left:0; top:0; transition: 0.3s;}
.case .fqcase .con ul li dl dt p i{display: block; text-align: center; font-size: 14px; color:#FFF; line-height: 14px; padding-bottom:47px; background:url(../images/jia.png) no-repeat bottom center;}
.case .fqcase .con ul li dl dd{display: none;}
.case .fqcase .con ul li:hover dl dt p{height:102px; padding-top:58px;}
/**/
.product{height:639px;}
.pro{padding-top:85px;}
.pro .prose{height:128px;width:1200px;}
.pro .prose span{display: block; width:590px;float:left;}
.pro .prose span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.pro .prose span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.pro .prose span em{display: block; height:46px; line-height: 46px; font-weight: bold; font-size: 36px; color:#f11c08; padding:0 0 0 102px; background:url(../images/products.png) no-repeat left;}
.pro .prose b{width:95px; height:28px; float:right; background:url(../images/d.png) no-repeat center;margin-top: 20px;}
.pro ul{height:279px;}
.pro ul li{float:left; width:208px; height:231px; border:1px solid #eeeeee; margin-left: 37px; border-bottom-right-radius: 30px; transition: all 0.3s linear;}
.pro ul li.first{margin-left: 0;}
.pro ul li span{display: block;width:142px;height:123px; float:right;}
.pro ul li span img{width:142px;height:123px;}
.pro ul li p{padding-left:26px;float: left;margin-top: -26px;}
.pro ul li p b{display: block; margin-bottom: 17px;line-height: 18px;}
.pro ul li p b a{font-size: 18px; line-height: 18px; color:#f11c08; font-weight: bold;}
.pro ul li p em{display: block; margin-bottom: 15px;}
.pro ul li p em a{font-size: 16px; color:#626262; line-height: 16px;}
.pro strong{display: block; width:164px; height:47px; text-align: center; line-height: 47px; background:#f11c08; margin:0 auto; border-radius: 24px;}
.pro strong a{display: block; font-size: 14px; color:#FFF; font-weight: normal;}
.pro ul li:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); box-shadow: 5px 5px 10px #eeeeee,-5px -5px 10px #eeeeee;}
/**/
.jzlbj{height:auto; padding-bottom: 80px; background:url(../images/edgebj.jpg) no-repeat center;}
.jzl{padding-top:10px;}
.jzl .jrose{height:144px;width:1200px;}
.jzl .jrose span{display: block; width:590px;float:left;}
.jzl .jrose span i{display: block; font-size: 18px; color:#fff; padding-left:100px; position: relative; margin-bottom: 17px;}
.jzl .jrose span i:before{width:89px; height:1px; background:#fff; content:""; position: absolute; left:0; bottom:9px;}
.jzl .jrose span em{display: block; height:45px; line-height: 45px; font-weight: bold; font-size: 36px; color:#FFF; padding:0 0 0 102px; background:url(../images/Advantage.png) no-repeat left;}
.jzl .jrose b{display: block;width: 164px;height: 47px; float:right;margin-top: 30px; text-align: center;    line-height: 47px; transition:all 0.4s;   background: #f11c08;   border-radius: 24px;}
.jzl .jrose b a{display: block;    font-size: 14px;    color: #FFF;    font-weight: normal;}
.jzl .jrose b:hover{margin-right: 15px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.jzl .edt1{width: 100%; height:auto; overflow: hidden;}
.jzl .edt1 dl{height:97px;}
.jzl .edt1 dl dt{width:600px;float:left;height:97px;}
.jzl .edt1 dl dt span{display: block; padding-left:43px; background:url(../images/01.png) no-repeat left; font-size: 24px; line-height: 24px; color:#FFF; margin-bottom: 13px;}
.jzl .edt1 dl dt em{display: block; padding-left:43px; font-size: 24px; color:#FFF; font-weight: bold;}
.jzl .edt1 dl dd{width:600px; font-size: 18px; color:#FFF;height:97px; float:left;}
.jzl .edt1 ul li{float:left; width:23%; height:230px; border:1px solid #80c0c9; margin: 1%; text-align: center; box-sizing: border-box; box-shadow: 5px 5px 10px #60b0bb,-5px -5px 10px #60b0bb;}
.jzl .edt1 ul li span{display: block;width:100%; height:100%;margin:0;}
.jzl .edt1 ul li span img{width:auto; height:100%; max-width: 100%; max-height: 100%;}
.jzl .edt2{height:297px;}
.jzl .edt2 ul li{float:left; width:590px; height:297px;}
.jzl .edt2 ul li dl dt{height:134px;padding-top:36px; padding-left:41px; position: relative;background: #FFF;}
.jzl .edt2 ul li dl dt i{display: block;width:35px; height:21px; background:url(../images/02.png) no-repeat center; margin-bottom: 13px;}
.jzl .edt2 ul li dl dt .ed2{background:url(../images/02.png) no-repeat center;}
.jzl .edt2 ul li dl dt .ed3{background:url(../images/03.png) no-repeat center;}
.jzl .edt2 ul li dl dt span{display: block; font-size: 24px; color:#f11c08;}
.jzl .edt2 ul li dl dt span em{display: block;font-size: 24px; font-weight: bold; margin-top: 12px; color:#f11c08;}
.jzl .edt2 ul li dl dt b{display: block; width:196px; height:185px; position: absolute; top:-15px; right:0;}
.jzl .edt2 ul li dl dt b img{width:196px; height:185px;}
.jzl .edt2 ul li dl dd{height:87px; padding-top:40px; background:#F3F3F3; border-bottom-right-radius: 50px;}
.jzl .edt2 ul li dl dd p{width:510px; height:39px; font-size: 14px; color:#434343;margin-left: 41px;}
.jzl .edt2 ul li.last{margin-left: 20px;}


.Box {position: relative;}
.Box .content {width: 1300px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 130px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 310px;height: auto; margin: 10px 0 10px 20px;overflow: hidden; background: #fff; border-radius: 5px;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li:hover {box-shadow: 0px 3px 10px rgb(255 255 255 / 40%);}
.Box .Box_con .conbox ul li .himg{ display:block; width: 100%; margin:0 auto; text-align: center;  overflow:hidden;}
.Box .Box_con .conbox ul li .himg img{border:0px; max-width:100%; max-height: 220px; height: 100%; transform:scale(1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; }
.Box .Box_con .conbox ul li .himg:hover img{ transform:scale(1.15); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; cursor:pointer; }
.Box .Box_con .conbox ul li p{padding: 10px 0; text-align: center; line-height: 28px; border-top: 1px solid #ccc;}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

/*专注领域*/
.index-ly{
	width: 100%;
	padding: 10px 0 80px;
	background: #f6f6f6;
}
.index-ly .ly-main{
	width: 92%;
	margin: 0 auto;
	overflow: hidden;
}
.index-ly .ly-main .ly{
	width: 31%;
	float: left;
	margin: 1%;
	position: relative;
	transition:all 0.4s;
}

.index-ly .ly-main .ly .lyimg{ display:block; width: 100%; margin:0 auto; overflow:hidden; }
.index-ly .ly-main .ly .lyimg img{ display:block; border:0px; width:100%; transform:scale(1); transition:all 1.5s ease 0s; -webkit-transform:all 1.5 ease 0s; }
.index-ly .ly-main .ly .lyimg:hover img{ transform:scale(1.2); transition:all 1.5s ease 0s; -webkit-transform:all 1.5s ease 0s; cursor:pointer; }
.index-ly .ly-main .ly .lyimg img{
	width: 100%;
	max-height: 360px;
}
.index-ly .ly-main .ly .lytit{
	width: 100%;
	position: absolute;
    top: auto;
    left: 0px;
    z-index: 1;
    bottom: 0;
    right: auto;
    background-color: rgba(0, 0, 0, 0.4);
}
.index-ly .ly-main .ly .lytit p{
	text-align: center;
    padding: 15px 0;
    color: #fff;
    font-size: 22px;
}
.index-ly .ly-main .ly:hover p{
	background: #f11c08;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}



/**/

.nctitle {
  text-align: center;
  padding: 70px 0 50px 0;
}
.nctitle .title {
  font-size: 36px;
  line-height: 36px;
  color: #333;
  font-weight: bold;
}
.nctitle .titlep {
    font-size: 16px;
    color: #727272;
    margin-top: 15px;
    position: relative;
}
.nctitle .titlex {
    width: 66px;
    height: 2px;
    background: #f11c08;
    margin: 15px auto 0;
}
.nctitle .titlex1 {
    width: 66px;
    height: 2px;
    background: #fff;
    margin: 15px auto 0;
}

.nctitle .subtitle {
  font-size: 16px;
  color: #666;
  line-height: 36px;
  width: 60%;
  margin: 0 auto;
  margin-top: 15px;
}

.nc_new {
  margin-bottom: 50px;
  overflow: hidden;
}
.nc_new .newbox {
  width: 1300px;
  margin: 0 auto;
}
.nc_new .newbox .newlistbox {
  padding: 0;
}
.layui-col-space30>* {
    padding: 1%;
}
.nc_new .newbox .newlistbox .layui-col-sm4 {
  text-align: left;
  width: 31%;
  float: left;
}
.nc_new .newbox .newlistbox .layui-col-sm4:hover .imgbox img {
  transform: translate(-50%, -50%) scale(1.1);
}
.nc_new .newbox .newlistbox .layui-col-sm4 .imgbox {
  position: relative;
  padding: 27% 0;
  display: block;
  overflow: hidden;
}
.nc_new .newbox .newlistbox .layui-col-sm4 .imgbox img {
  min-width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease 0s;
}
.nc_new .newbox .newlistbox .layui-col-sm4:hover span,
.nc_new .newbox .newlistbox .layui-col-sm4:hover b {
  color: #989a00;
}
.nc_new .newbox .newlistbox .layui-col-sm4 .box {
  padding: 20px;
  background-color: #f9f9f9;
}
.nc_new .newbox .newlistbox .layui-col-sm4 .box em {
  display: block;
  font-size: 14px;
  color: #777S;
  margin: 10px 0;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}
.nc_new .newbox .newlistbox .layui-col-sm4 .box b {
  display: block;
  font-size: 20px;
  line-height: 36px;
  height: 52px;
  font-weight: 500;
  overflow: hidden;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nc_new .newbox .newlistbox .layui-col-sm4 .box span {
  line-height: 40px;
  color: #060a2f;
}
.nc_new .newbox .newlistbox .layui-col-sm4 .box strong {
  color: #999;
}
.nc_new .newbox .newlistbox .layui-col-sm4 .box i {
  float: right;
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  display: none;
}


.newsbj{height:auto; overflow: hidden;}
.news{padding-top:15px; height: 500px; overflow: hidden;}
.news .nrose{height:125px;width:1200px;}
.news .nrose span{display: block; width:590px;float:left;}
.news .nrose span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.news .nrose span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.news .nrose span em{display: block; height:45px; line-height: 40px; font-weight: bold; font-size: 36px; color:#f11c08; padding:0 0 0 102px; background:url(../images/news.png) no-repeat left;}
.news .news_fl{width: 56%;float:left;}
.news .news_fl ul{width:100%;}
.news .news_fl ul li{height:auto; margin-bottom: 15px; overflow: hidden;}
.news .news_fl ul li dl dt{width:122px; height:68px;float:left;overflow: hidden;}
.news .news_fl ul li dl dt img{width:122px; height:68px; transition: all 0.3s linear;}
.news .news_fl ul li:hover  dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news_fl ul li dl dd{width:100%; padding-left:15px;}
.news .news_fl ul li dl dd span{display: block; line-height: 16px; margin-bottom: 10px; float: left;}
.news .news_fl ul li dl dd span a{font-size: 15px; color:#727272;}
.news .news_fl ul li dl dd:hover a{color:#f11c08;}
.news .news_fl ul li dl dd p{font-size: 16px; line-height: 16px; color:#313131; margin-bottom: 13px;}
.news .news_fl ul li dl dd i{display: block;font-size: 14px; line-height: 18px; color:#7d7d7d; float: right; padding-right: 25px;}
.news .news_fl .nws{width: 100%;overflow: hidden; margin-bottom: 20px;}
.news .news_fl .nws dl dt{width:45%;height:auto;margin-bottom: 21px;overflow: hidden;float: left;}
.news .news_fl .nws dl dt img{width:100%; height:188px; transition: all 0.3s linear;}
.news .news_fl .nws dl:hover  dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news_fl .nws dl dd{ width: 50%; float: right;}
.news .news_fl .nws dl dd span{ display: block; margin-bottom: 10px; padding: 10px 0;}
.news .news_fl .nws dl dd span a{font-size: 18px; font-weight: bold; color:#313131;}
.news .news_fl .nws dl dd:hover a{color:#f11c08;}
.news .news_fl .nws dl dd i{display: block;font-size: 14px;color:#f11c08;line-height: 14px;}
.news .news_fl .nws dl dd p{font-size: 14px; color:#7D7D7D; height:auto; margin-top: 18px; margin-bottom: 10px;}
.news .news_fl .nws dl dd .nlink{line-height: 47px; transition: all 0.4s;background: #f11c08;border-radius: 24px;padding: 5px 25px;color: #fff;font-size: 14px;transition:all 0.4s;}
.news .news_fl .nws dl dd:hover .nlink{ color: #fff;-webkit-transition-duration: 0.4s; transition-duration: 0.4s; margin-left: 15px;}
.news .news_fl .nws dl dd em{display: block;width:20px; height:20px; background:url(../images/jt.png) no-repeat center;margin-top: 17px;}
.news .cjwt{width:40%; height:auto;float:right; border-bottom:2px solid #f11c08;}
.news .cjwt .cjbt{height:44px; border-bottom:2px solid #f11c08;}
.news .cjwt .cjbt h3{width:123px; height:44px;text-align: center; line-height: 44px; background:#f11c08; border-top-right-radius: 15px;}
.news .cjwt .cjbt h3 a{display: block; font-size: 20px; color:#FFFFFF;}
.news .cjwt .cjbt ul li{height:auto; margin-top: 28px;}
.news .cjwt .cjbt ul li span{display: block; margin-bottom: 8px; height: auto;background: #f5f5f5 url(../images/wt.png) no-repeat top 8px left 8px; padding: 7px 10px 7px 35px; border-radius: 13px;}
.news .cjwt .cjbt ul li span a{font-size: 16px; color:#313131; line-height: 20px;}
.news .cjwt .cjbt ul li span a:hover{color:#f11c08;}
.news .cjwt .cjbt ul li p{ padding-left:36px; font-size: 14px; line-height:26px; color:#7D7D7D;background: url(../images/hd.png) no-repeat left 10px top 4px;}
/**/
.index-about{ padding: 35px 0 80px; background: url(../images/about_bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.about{width: 1300px; margin: 0 auto;}
.ab{padding-top:60px; position: relative;}
.ab .arose{height:125px;width:100%;}
.ab .arose span{display: block; width:590px;float:left;}
.ab .arose span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.ab .arose span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.ab .arose span em{display: block; height:45px; line-height: 40px; font-weight: bold; font-size: 36px; color:#f11c08; padding:0 0 0 102px; background:url(../images/about.png) no-repeat left;}
.ab .ab_sm{width:50%; padding-top:15px; }
.ab .ab_sm ul{height:70px; margin-top: 50px;}
.ab .ab_sm ul li{float:left;height:70px;}
.ab .ab_sm ul li span{display: block;}
.ab .ab_sm ul li span em{font-size: 48px; color:#434343;}
.ab .ab_sm ul li span i{font-size: 14px; color:#434343;}
.ab .ab_sm ul li p{font-size: 14px; line-height: 14px; color:#434343; margin-top:5px;}
.ab .ab_sm ul li.fa2{margin-left: 60px;margin-right: 43px;}
.ab .ab_sm ul li.fa3{margin-left: 10px;margin-right: 50px;}
.ab .ab_sm ul li.fa3 i{ font-size: 36px; }
.ab .ab_sm ul li span{height:48px;line-height: 48px;}
/*.ab .ab_sm ul li.fa2 i{font-size: 48px;}*/
.ab .ab_sm ul li:hover span em{color:#f11c08;}
.ab .ab_sm ul li:hover span i{color:#f11c08;}
.ab .ab_sm ul li:hover p{color:#f11c08;}
.ab .ab_sm strong{display: block;width:90%; height:auto; line-height: 30px; font-size: 15px; color:#434343; margin-bottom: 40px; font-weight: normal;}
.ab .ab_sm b{display: block;width: 164px;height: 47px; text-align: center;    line-height: 47px; transition:all 0.4s;   background: #f11c08;   border-radius: 24px;}
.ab .ab_sm b a{display: block;    font-size: 14px;    color: #FFF;    font-weight: normal;}
.ab .ab_sm b:hover{margin-left: 15px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.ab .abt{width:50%; height:auto; position: absolute; top: 110px; right:0; overflow: hidden;}
.ab .abt img{width:100%; height:auto; transition:all 0.3s linear;}
.ab .abt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.ab .d{display: block; width:95px; height:28px; background:url(../images/d.png) no-repeat center; position: absolute; right:0; bottom:0;}



html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}

@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}

@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}

@media screen and (min-width:1760px) {
    html {
        font-size:20px;
    }
}

@media screen and (min-width:1920px) {
    html {
        font-size:22px;
    }
}