.layer { background:#f3f3f3;}
.layer .container{width: 1200px; margin: 0px auto}
.layer .container ul{height:170px; padding: 40px;}
.layer .container ul li{width:25%; float: left; text-align: center; position: relative; border-right: #ccc solid 1px;}
.layer .container ul li:last-child{border: none}
.layer .container ul li .big-text{color:#323232; font-family: 'ChosenceRegular'; height: 69px;}
.layer .container ul li .big-text span:first-child{font-size:6rem; }
.layer .container ul li .big-text span{display: inline-block;}
.layer .container ul li .big-text span:last-child{font-size: 1.6rem ;/*vertical-align: super; */vertical-align: top; height: 14px;}
/*.layer .container ul li .big-text span:after{content: "1"; position: absolute; right: 0px; top: 0px; display: inline-block; height: 20px; width: 20px; font-size: 12px;}*/
.layer .container ul li .su-text{color:#989898; font-size:1.4rem}

.layer .container .bottom p{float:left;}
.animateNum{position: relative}
.animateNum em{position:absolute; right: 0px; top:0px;}
.swiper-pagination-bullet{border-radius:0px; width:15px; height:15px; background: #b7bdc0; opacity: 1; border-radius: 10px;}
.swiper-pagination-bullet-active{ background: #8e2024;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:0px; height: 30px;}

.numb-desc{color:#969696; font-size: 1.1rem; line-height: 24px;}
.team .swiper-button-next,.team .swiper-container-rtl .swiper-button-prev{/*background:url(../image/arr-right.png);*/ width:43px; height: 43px; right: -60px; opacity: 0.5}
.team .swiper-button-prev,.team .swiper-container-rtl .swiper-button-next{/*background:url(../images/arr-left.png);*/ width:43px; height: 43px; left: -60px;opacity: 0.5}
.team .swiper-button-next:hover,.team .swiper-container-rtl .swiper-button-prev:hover,.team .swiper-button-prev:hover,.team .swiper-container-rtl .swiper-button-next:hover{opacity: 1}
.swipers .swiper-button-next,.swipers .swiper-container-rtl .swiper-button-prev{background:#8e2024; width:36px; height: 36px; line-height: 36px; text-align: center;right:calc(50% - 600px); color: #fff; border-radius: 20px; opacity: 0.5}
.swipers .swiper-button-prev,.swipers .swiper-container-rtl .swiper-button-next{background:#8e2024; width:36px; height: 36px; line-height: 36px; text-align: center; color: #fff; border-radius: 20px; left: calc(50% - 600px);opacity: 0.5}
.swipers .swiper-button-next:hover,.swipers .swiper-container-rtl .swiper-button-prev:hover,.swipers .swiper-button-prev:hover,.swipers .swiper-container-rtl .swiper-button-next:hover{opacity: 1}
.about-box{padding:50px 0px; width:100%; margin: 0px auto; background: #f7f7f7}
h2.titles{text-align: left; font-size: 3rem; color: #565656;  line-height: 1; margin-bottom: 65px; font-weight: normal}
h2.titless{text-align: center; font-size: 3rem; color: #565656;  line-height: 1; margin-bottom: 65px; font-weight: normal}
h2.titless img{display: inline-block; vertical-align:bottom}
h2.titles span{display: inline-block; width:100px; height: 45px; background: url("../image/line-left.png") no-repeat center right; margin-right: 35px;}
h2.titles span:last-child{background: url("../image/line-right.png") no-repeat center left; margin-left: 35px; margin-right: 0px;}
h2.titles b{display: inline-block; width:227px; background: url("../image/icon.png") no-repeat left 0px; height: 56px; font-size:2.85rem; color: #fff; text-align: center; line-height:62px; }
.about-box .about-box-cont .container{ width: 1200px; margin: 0px auto}
.about-box .about-box-cont .left{ width:542px; float: left}
.about-box .about-box-cont .right{width:658px; float: right; position:relative; height: 337px;}
.about-box .about-box-cont .right .desc{height: 255px; font-size:1.4rem; color: #666666; line-height: 27px; font-weight: lighter;}
.about-box .about-box-cont .right .desc .text{padding-left:35px; padding-top: 140px; padding-right: 60px;}
.about-box .about-box-cont .right .desc span.yinhao{display:block}
.about-box .about-box-cont .right .desc span.yinhao-right{ text-align:right;}
.about-box .about-box-cont .right p.more{ height: 56px; position:absolute; top:35px; left: -50px; width:230px; background: #0059aa; font-size:3rem; line-height: 56px; text-align: center;}
.about-box .about-box-cont .right p.more a{color:#fff; display: block;}
.about-box .about-box-cont .right p.zz{ position:absolute; bottom:0px; right: 0px; height: 82px; color: #999999; font-size:2.14rem;}
.about-box .about-box-cont .right p.zz span{font-size:1.285rem;}
.contact-box{text-align: center; font-size: 1.5rem;padding:50px 0px;}
.contact-box p{ line-height: 40px;}
.product-box,.advantage-box{padding:50px 0px;}
.product-box .container,.core-box .container,.news-box .container,.advantage-box .container{width:1200px; margin: 0px auto;}
.product-box .container{width: 1300px;}
		.picScroll-left{ width:100%;  overflow:hidden; position:relative;  }
		.picScroll-left .hd{ height:5px;   z-index: 9; width: 100%}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:50px; height:50px; overflow:hidden;cursor:pointer; background: #cccccc; color: #fff; line-height: 50px; text-align: center; font-size: 2rem; position: absolute; top: 150px;}
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{color: #fff; background: #0055a7}
		.picScroll-left .hd .prev{ left: 0px;}
		.picScroll-left .hd .next{ right: 0px;}
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{  zoom:1; margin-top:10px; zoom:1; position: absolute; bottom: -340px; left: 50%}
		.picScroll-left .hd ul li{ float:left;  width:15px; height:15px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#fff; border: #0055a7 solid 1px; border-radius: 10px; overflow: hidden}
		.picScroll-left .hd ul li.on{  background:#0055a7; border: #0055a7 solid 1px; }
		.picScroll-left .bd{ padding:10px 50px 50px 50px; z-index: 999}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:20px 17px 20px 15px; float:left; _display:inline; overflow:hidden; text-align:center;    border: #e5e5e5 solid 1px; background: #fff; padding: 0px 0px 20px 0px;width: 372px; overflow: hidden}
		.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li:hover{box-shadow:#ccc 0px 0px 30px; border-color: #fff}
		.picScroll-left .bd ul li .pic img{ width:330px; height:129px; display:block; margin: 20px;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px; color: #0b0b0b; font-size: 1.6rem }
		.picScroll-left .bd ul li .desc{width: 100%; word-break: break-all; padding: 0px 20px; line-height: 23px; color: #989898;}

.catelist{ text-align: center; float: right}
.catelist li{display: inline-block; line-height: 28px; padding: 0px 10px;  margin: 0px 5px; font-size: 1.14rem; cursor: pointer}
.cateimg li{overflow: hidden; width:100%}
.catelist li:hover,.catelist li.all{background: #0059aa; color: #fff;}
.catelist li:hover a,.catelist li.all a{color: #fff}
.core-box,.news-box{width:100%; padding:50px 0px; }

.core-box .box{ padding-top: 100px;}
.core-box .box .item{float: left; width:270px; box-shadow: #ccc 0px 0px 30px; margin-right: 40px; text-align: center; padding: 35px 25px;}
.core-box .box .item:last-child{margin: 0px;}
.core-box .box .item p.icon{height: 132px; width:132px; border-radius: 80px; box-shadow: #ccc 0px 0px 30px; background: #fff; margin: 0px auto;margin-top: -135px; margin-bottom: 20px; line-height: 132px; }
.core-box .box .item p.icon img{display: inline-block; vertical-align: middle}
.core-box .box .item h3{font-size:2rem; color: #0059aa; font-weight: normal; line-height: 50px;}
.core-box .box .item .infos{ font-size: 1.35rem; line-height: 23px;}

.middle-banner{width:100%; background: url("../image/jm-img.jpg") no-repeat top center; height: 505px}

.news-box .boxs li{padding: 30px 20px 20px 20px;  position: relative; overflow: hidden; height: 200px; margin: 30px 0px}
.news-box .boxs li:hover{box-shadow: #ccc 0px 0px 30px;background: #fff}
.news-box .boxs li a{display:block; color: #323232}
.news-box .boxs li p.data{width:120px; float: left; background: url("../image/arr-right.png") no-repeat bottom center; height: 100px;}
.news-box .boxs li p.data span.more{ display: block; width: 100%; height: 35px; line-height: 35px; color: #fff; background: #0059aa; font-family: '微软雅黑'; margin-top: 10px; opacity: 0; }
.news-box .boxs li:hover p.data span.more{opacity: 1}
.news-box .boxs li p.data span{display: block; font-family: "ChosenceBold"; font-size: 0.91rem; color:#25a4e4; text-align: center;}
.news-box .boxs li p.data span:first-child{font-size: 3rem;color:#696969}
.news-box .boxs li:hover p.data span:first-child{color:#0059aa;}
.news-box .boxs li .infos{float: right; width:calc(100% - 150px)}
.news-box .boxs li .infos h2{font-size:1.3rem; line-height: 1.5; font-weight: normal}

.news-box .boxs li:nth-child(odd){border-top: #f7f7f7 solid 1px;border-bottom: #f7f7f7 solid 1px;}

.news-box .boxs li:nth-child(odd) p.data{float: right}
.news-box .boxs li:nth-child(odd) .infos{float: left}



.news-box .boxs li img{width:268px; height: 158px; position: absolute; top: 21px;}
.news-box .boxs li:nth-child(even){padding-right: 300px;}
.news-box .boxs li:nth-child(even) img{right:20px;}
.news-box .boxs li:nth-child(odd){padding-left: 300px;}
.news-box .boxs li:nth-child(odd) img{left:20px;}
.news-box .boxs li:hover .infos h2{font-weight: bold; }
.news-box .boxs li .infos .text{padding-top:10px; line-height: 21px; color: #7d7d7d}
.advantage-box{background:#fafafa url("../image/ys-bg.jpg") no-repeat bottom center; height: 755px;}
.advantage-box .layer1{position: relative; height: 600px;}
.advantage-box .layer1 .item{width:320px; padding: 30px; position: absolute; text-align: right; cursor: pointer}
.advantage-box .layer1 .item:first-child{left:0px; top: 0px;}
.advantage-box .layer1 .item:nth-child(2){right:0px; top: 0px;}
.advantage-box .layer1 .item:nth-child(3){left:0px; top: 290px;}
.advantage-box .layer1 .item:nth-child(4){right:0px; top: 290px;}
.advantage-box .layer1 .item:last-child{left:calc(50% - 160px); bottom: 50px;}
.advantage-box .layer1 .item .icon{font-family: 'ChosenceRegular'; font-size: 5rem; color: #0059aa; position: absolute; top: 40px; left: 60px; opacity: 0; 
	transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.advantage-box .layer1 .item:hover .icon{top:-40px; opacity: 1}
.advantage-box .layer1 .item h3{font-size: 1.6rem; font-weight: normal; color: #000; line-height: 50px;}
.advantage-box .layer1 .item:hover h3{color: #0059aa;}
.advantage-box .layer1 .item:hover{background: #fff;}
.advantage-box .layer1 .item .infos{ font-size: 1.4rem; color: #777777; line-height: 24px; margin-bottom: 30px;}
.advantage-box .layer1 .item p.line{height: 1px; width:0px; background: #0059aa; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.advantage-box .layer1 .item:hover p.line{width:100%;}

		.picScroll-lefts{ width:100%;  overflow:hidden; position:relative;  }
		.picScroll-lefts .hd{ height:5px;   z-index: 9; width: 100%}
		.picScroll-lefts .hd .prev,.picScroll-lefts .hd .next{ display:block;  width:50px; height:50px; overflow:hidden;cursor:pointer; background: #cccccc; color: #fff; line-height: 50px; text-align: center; font-size: 2rem; position: absolute; top: 100px;}
.picScroll-lefts .hd .prev:hover,.picScroll-lefts .hd .next:hover{color: #fff; background: #0055a7}
		.picScroll-lefts .hd .prev{ left: 0px;}
		.picScroll-lefts .hd .next{ right: 0px;}
		.picScroll-lefts .hd .prevStop{ background-position:-60px 0; }
		.picScroll-lefts .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-lefts .hd ul{  zoom:1; margin-top:10px; zoom:1; position: absolute; bottom: -340px; left: 50%}
		.picScroll-lefts .hd ul li{ float:left;  width:15px; height:15px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#fff; border: #0055a7 solid 1px; border-radius: 10px; overflow: hidden}
		.picScroll-lefts .hd ul li.on{  background:#0055a7; border: #0055a7 solid 1px; }
		.picScroll-lefts .bd{ padding:10px 50px 50px 50px; z-index: 999}
		.picScroll-lefts .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-lefts .bd ul li{ margin:0px 14px; float:left; _display:inline; overflow:hidden; text-align:center;    border: #e5e5e5 solid 1px; background: #fff; padding: 0px;width: 174px; overflow: hidden}
		.picScroll-lefts .bd ul li .pic{ text-align:center; }
		.picScroll-lefts .bd ul li .pic img{ width:174px; height:234px; display:block;}
		.picScroll-lefts .bd ul li .title{ line-height:24px; color: #0b0b0b; font-size: 1.6rem }
		.picScroll-lefts .bd ul li .desc{width: 100%; word-break: break-all; padding: 0px 20px; line-height: 23px; color: #989898;}

.poto-box{padding:50px 0px; width:100%; background:#f2f2f2}
.poto-box .container{width:1200px; margin:0px auto;}