@charset "utf-8";
/* CSS Document */
.top{
	height: 100px;
}
.logo{
	width: 305px;
	margin-top: 10px;
}

a.bt img:hover{transform: scale(1);/*鼠标经过图片放大的倍数*/ overflow: hidden}


/*banner*/
.sw1{width: 100%}
.sw1 img{width: 100%}
.pag1{ text-align: right !important; padding-right: 10px !important;  }
.pag2{text-align: left !important; padding-right: 10px !important; }  
.swiper-pagination-custom {
    height: 10px;
	text-align: left;

}
/*自定义分页器的样式*/
.swiper-pagination-customs {
    width: 6px;
    height: 6px;
    display:inline-block;
    border-radius: 5px;
    margin: 0 3px;
    outline: 0;
    box-sizing: border-box;
	background: #fff;
}
.swiper-pagination-customs:last-child{
    margin-right: 16px;
}
/*自定义分页器激活时的样式表现*/
.swiper-pagination-customs-active {
    width: 6px;
    height: 6px;
	background: #dc6f6e
	
}

}
/*自定义分页器的样式*/
.anniu {
    width: 6px;
    height: 6px;
    display:inline-block;
    border-radius: 5px;
    margin: 0 3px;
    outline: 0;
    box-sizing: border-box;
	background: #fff;
}
.anniu:last-child{
    margin-right: 16px;
}
/*自定义分页器激活时的样式表现*/
.anniu_a {
    width: 6px;
    height: 6px;
	background: #dc6f6e
	
}



/*banner end*/









/*inpro*/

.menu{width: 800px;}
.menu a span{display: block; font-size: 12px; text-transform: uppercase; color: #bcbcbc}
.menu a,.menu a:visited,.menu a:active{
	width: calc(100%/8);
	padding: 25px 0px;
	font-size: 16px;
	display: block;
	text-align: center;
	line-height: 1.5em;
	float: left;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.menu a:hover{
	background: #d5312f;
	color: #FFF
}
.menu a:hover span{
	color: #fff
}
.bgm{background: #891c1f}





.prole{width: 375px; height: 180px; float: left; margin: 0px 12px;}
.prolezi{width: 360px; background: #f9f7f7; height: 180px; left:0px; top:0px; text-align:left; padding: 40px 30px;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.prolezi span{font-size: 24px; padding-bottom: 20px;display: block}
.prolezi span i{font-size: 16px;font-style: normal; display: block}
.prolezi em{border: 1px #d5312f solid; border-radius: 100px; padding: 6px 30px; color: #d5312f;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.proleimg{right:0px;}
.prole a:hover{color: #fff}
.prole a:hover .proleimg{right:-20px;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; }
.prole a:hover em{background: #fff; color: #d5312f; padding-right: 50px;}

.prole a:hover .prolezi{background: #d5312f; width: 320px; border-radius: 15px;}
.sw4 {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }

 .sw4 .swiper-slide {
        text-align: center;
        font-size: 18px;
        height:260px;;

      }

.sw4 .swiper-slide img{width: 100%}
.sw4 .swiper-slide em{width: 370px; height: 245px; display: block; overflow: hidden;}
.sw4 .swiper-slide span{position: absolute; bottom: 0px; width: 150px; height: 45px;line-height: 45px; background: #d5312f; color: #fff; z-index: 999;left: 50%; display:block;margin-left: -75px;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;
}
.sw4 a:hover span{width: 200px; margin-left: -100px;}
a.more:link,a.more:visited,a.more:active{width: 180px; display: block; border: 1px #0667b4 solid; line-height: 40px; text-align: center; font-size: 18px; color: #0667b4; border-radius: 5px;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
a.more:hover{background: #0667b4; color: #fff; width: 230px;}
.bg2{background: url("../images/bg2.jpg") no-repeat top; background-size: 100%}
.bt1 dt{line-height: 80px;}
.bt1 span{line-height: 40px;}
.bt1 dd{line-height: 40px; letter-spacing: 8px;}
a.more1:link,a.more1:visited,a.more1:active{display: block; width: 120px; height: 30px; line-height: 30px; border-radius: 5px; background: url("../images/ri.png") no-repeat 100px; border: 1px #0667b4 solid; text-align: center; color: #0667b4;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
a.more1:hover{width: 140px; background:#0667b4 url("../images/ri1.png") no-repeat 120px;color: #fff}

a.more2:link,a.more2:visited,a.more2:active{display: block; width: 120px; height: 30px; line-height: 30px; border-radius: 5px; background:#0667b4 url("../images/ri1.png") no-repeat 100px; color: #fff; text-align: center; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
a.more2:hover{width: 140px; background:#0667b4 url("../images/ri1.png") no-repeat 120px;color: #fff}


.bg3{ background:#fff url("../images/abbg.png") no-repeat right 30px;}

.btt{font-size: 30px; line-height: 1.2em; font-weight: bold;  text-align: center; }
.tt1{background: url("../images/pbtbg.png") no-repeat top center}
.tt2{background: url("../images/nbtbg.png") no-repeat top center}
.tt3{background: url("../images/abtbg.png") no-repeat top center}
.tt4{background: url("../images/nbtbg.png") no-repeat top center}
.tt5{background: url("../images/nebtbg.png") no-repeat top center}




.bg1{ background: url("../images/pbg.png") no-repeat left top; background-size: 50%;}



.inew ul{width: calc(100%/4); float: left; display: block; line-height: 25px; }
.inew ul a{display: block; width: 92%;margin: 0 auto; background: #fff;}
.inew ul li:nth-child(2){ margin: 15px 15px 0px 15px; color: #999999; background: url("../images/j1.png") no-repeat right bottom;-moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.inew ul li:nth-child(2) span{border-bottom: 1px #d7d7d7 solid; display: block; height: 50px; overflow: hidden;  padding-bottom: 10px; color: #333; margin-bottom: 10px; font-weight: bold}
.inew ul a:hover{background: #d5312f; color: #fff}
.inew ul a:hover li:nth-child(2){ background: url("../images/j1_1.png") no-repeat 80px bottom; color: #fff}
.inew ul a:hover li:nth-child(2) span{color: #fff}
.bg4{background: #f7f7f7;}


.toTOP{ width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url("../images/toTOP.gif") no-repeat center center #d5312f;}
.bg5{background: #f7f7f7 url("../images/lxbg.png") no-repeat right;}
.bt2{line-height: 35px; font-weight: 100}
.lx p{float: left; width: 100%; margin: 5px 0px;}
.lx i{background: #dfdfdf;  border-radius: 100%; display: block; padding: 5px; float: left; width: 25px; height: 25px; margin-right: 5px;}
.lx i img{width: 100%}

.lm{
background-image:-ms-linear-gradient(135deg,#1e8be1,#0667b4);
background-image:-moz-linear-gradient(135deg,#1e8be1,#0667b4);
background-image:-o-linear-gradient(135deg,#1e8be1,#0667b4);
background-image:linear-gradient(135deg,#1e8be1,#0667b4); }




.prb{
	margin: 10px 0px 20px 0px;
	overflow: hidden;
}
a.pro:link,a.pro:visited,a.pro:active{
	width: 289px;
	height: 350px;
	display: block;
	overflow: hidden;
	border: 1px #dedede solid;
	margin: 8px;
	background: url("../images/probg.jpg") no-repeat bottom;
	
}
a.pro:hover{
	background:#ffe400;
	    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
a.pro:hover img{transform: scale(0.95);/*鼠标经过图片放大的倍数*/ overflow: hidden; }
a.pro:hover em{background: #; color: #333; border: 1px #333 solid;    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;}
a.pro:hover span{color: #333}
.pro span{display: block; text-align: center; line-height: 50px; height: 50px; width: 80%; display: block; overflow: hidden;  margin: 10px auto;     -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.pro em{border: 1px #e8e8e8 solid; margin: 0 auto; display: block; width: 130px; 30px;line-height: 30px; text-align: center; color: #666}
.pro a img{margin: 10px;}



.prb ul li{
	width:33.3333%;
	float: left
}
.pllx{
	width: 250px;
	overflow: hidden;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: right;
}
.pllx img{margin: 10px;}



.probg{
	background: url("../images/probg.png") no-repeat top;
	height: 740px;
}

.prozi{
	text-align: right
}










/*inpro end*/

/*about*/
.sw6{height: 500px;}
.sw6 .swiper-slide{        
	text-align: center;
        font-size: 18px;
        background: #fff;
		height: 450px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}



.sw6 .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


/*about*/
/*ny*/
a.proon:link,a.proon:visited,a.proon:active{ 
	font-size: 18px;
	background-image:-ms-linear-gradient(135deg,#1e8be1,#0667b4);
background-image:-moz-linear-gradient(135deg,#1e8be1,#0667b4);
background-image:-o-linear-gradient(135deg,#1e8be1,#0667b4);
background-image:linear-gradient(135deg,#1e8be1,#0667b4); 
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #fff
}
.prolis a,.prolis a:visited,.prolis a:active{
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px #ccc solid;
	font-size: 18px;
		
}
.prolis a:hover{
	font-size: 18px;
	background-image:-ms-linear-gradient(135deg,#1e8be1,#0667b4);
background-image:-moz-linear-gradient(135deg,#1e8be1,#0667b4);
background-image:-o-linear-gradient(135deg,#1e8be1,#0667b4);
background-image:linear-gradient(135deg,#1e8be1,#0667b4); 
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #fff
	
}
.npro {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }

 .npro li {
        text-align: center;
        font-size: 18px;
        height:260px;;
	 float: left;
width: calc(100%/3);
	 margin-top: 10px;
	 margin-bottom: 10px;

      }

.npro li img{width: 100%}
.npro li em{width: 370px; height: 245px; display: block; overflow: hidden;}
.npro li span{position: absolute; bottom: 0px; width: 150px; height: 45px;line-height: 45px; background: #d5312f; color: #fff; z-index: 999;left: 50%; display:block;margin-left: -75px;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;
}
.npro a:hover span{width: 200px; margin-left: -100px;}

.yema{
	padding: 0px 0px 80px 0px; 
	margin-top: 50px;
	text-align: center
}
.yema ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.yema ul.pagination li {display: inline; margin-left: 10px;; float: left}

.yema ul.pagination li a {
    color: #333;
    float: left;
    padding: 4px 16px;
    text-decoration: none;
    border-radius: 3px;
	border: 1px #c5c5c5 solid
}

.yema ul.pagination li a.active {
	background: #d5312f;

    color: white;
    border-radius: 5px;
}

.yema ul.pagination li a:hover:not(.active) {
	background: #d5312f;
    color: white;}

.npront{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}
.nprozi{
	height: 200px;
	overflow: hidden
}


.nnew ul li{width: calc(100%/3); float: left; margin-bottom: 20px; }
.nnew ul li img{width: 100%}
.nnew ul li a{width: 95%; margin: 0 auto; display: block;border-bottom: 1px #ccc solid}
.nnew a:hover{opacity: 0.8; color: #333}
.nebt{height: 50px; line-height: 50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.newnr{height: 50px; overflow: hidden; line-height: 25px;}
.more3{background: #d5312f; width: 100px; padding: 5px 0px; margin: 10px auto; display: block; color: #fff; text-align: center; border-radius: 3px;}
.nnew a:hover .more3{width: 150px;}
#cont{line-height: 2em;}







.metou{
	margin: 0;
	border-bottom: 1px #ededed solid;
	height: 60px;
	overflow: hidden
}
.metou ul{overflow: hidden; }
.metou ul li{
	width: calc(100%/4);
	text-align: center;
	float: left
}
.metou ul li:first-child{
	text-align: left
}
.metou a {
	background: url("../images/sprite.png") 20px 22px no-repeat;
	display: block;
	padding-left: 50px;
	font-size: 18px;
	line-height: 60px;
	margin: 0;
	color: #828282;
	text-decoration: none;
	font-weight: normal;
}
.metou:hover {
}
.metou.open {
}
.metou.open a {
	background-position: 18px -18px;
 
}
.metou + div {
	padding: 10px;
}


.metou+div {
	display: none;
}
#css3-animated-example .metou + div {
	height: 0px;
	padding: 0px;
	overflow: hidden;
	display: block!important;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
	padding: 30px;
	font-size: 15px;
}
#css3-animated-example .metou.open + div {
	height: auto;
	background: #f4f4f4;
}
/* Event example
--- */
pre#event-log {
	background: #fafacc;
	padding: 10px;
	display: block;
}
.pert{padding-left: 50px; background: #f3f3f3; line-height: 60px;}
.pert li{width: calc(100%/4); float: left; text-align: center; color: #333}
.pert li:first-child{
	text-align: left
}
/*ny end*/

/*down*/

.down a,.down a:visited,.down a:active{color: #a9a9a9; font-size: 16px;}
.down{color: #a9a9a9; background: #252525}
.downz{color: #a9a9a9}

/*down end*/