/*banner*/
.banner-index{ font-size: 0;overflow: hidden;    width: 100%;  }
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%;overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 38px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 38px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 10px;}
.slideBox .hd ul li.on{background: #1754a7;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}


/*mo-1*/
.mo-1{height: 350px;padding-top: 66px;}
.mo-1 .list{width: 285px;float: left;margin-right: 20px;background: url("../images/mo-1_list_ho.png")no-repeat;height: 231px;}

.mo-1 .list .img{height: 94px;width: 285px;text-align: center;padding-top: 26px;}
.mo-1 .list .ho{display: none;}

.mo-1 .list .wz{height: 115px;width: 285px;text-align: center;padding-top: 12px;}
.mo-1 .list .wz h3{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 14px;}
.mo-1 .list .wz p{color: #fff;margin-bottom: 5px;}

.mo-1 .list:hover .mr{
	display: none;
}
.mo-1 .list:hover .ho{
	display: block;
}

/*领域*/
.yylybj{
	padding-top: 60px;
}

.yyly_box{
	width: 1200px;
	margin: auto;
}
.index_title03{
	text-align: center;
}

.index_title03 p {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
}

.blue {
    color: #cb0101;
}

.index_title03 span.emmm {
    display: block;
    font-size: 16px;
    color: #e1e1e1;
    width: 580px;
    line-height: 26px;
    margin: 0 auto;
    padding-top: 10px;
}

.slideTxtBox02 {
    margin-top: 25px;
    /* background: #fff url(../images/bj06.jpg) no-repeat center bottom; */
    padding-bottom: 70px;
}
.slideTxtBox02 .hd {
    overflow: hidden;
}
.nomp {
    margin: 0;
    padding: 0;
}
.slideTxtBox02 .hd ul li.on {
    color: #fff;
    background: url(../images/bj05.png) no-repeat center bottom;
}
.slideTxtBox02 .hd ul li {
    display: block;
    float: left;
    width: 171px;
    height: 58px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    background: url(../images/bj04.jpg) repeat-x;
    color: #fff;
}
.yyvs {
    position: relative;
    height: 405px;
    overflow: hidden;
    padding: 30px;
}
.yyvs img {
    display: block;
    width: 540px;
    height: 406px;
}
.yyvs img.qxvs {
    width: 194px;
    height: 194px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -93px 0 0 -100px;
}
.yyvs .fl {
    float: left;
}
.yyvs .fr {
    float: right;
}



/*product*/
.profl_box{
	width: 1200px;
	margin:0px auto 20px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.profl_box a{
	display: inline-block;
	line-height: 40px;
	padding: 0px 20px;
    border-radius: 20px;
    margin: 6px 18px;
	border: 1px solid #b5b5b5;
	font-size: 14px;
	transition: all 0.4s;
}
.profl_box a:hover{
	background-color: #1754a7;
	border: 1px solid #1754a7;
    color: #fff;
}

.pr_box{margin-bottom: 60px;}
.pr_box .procont{padding: 0px 2px;position: relative;width: 1200px;margin: 0 auto;}
.cplbflex {display: flex;justify-content: space-between;flex-wrap: wrap;}
.cplbflex .cplb {width: 32%;margin-bottom: 1%;}
.pr_box .procont a{width: 100%;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);display: inline-block;}
.cptpimg{margin-top: 1px;overflow: hidden;}
.cptpimg img {width: 100%;transition: all 0.4s;}
.pr_box .procont a:hover img {transform: scale(1.2);}
.titles {border-top: 3px solid rgba(0, 0, 0, 0.05);display: flex;justify-content: space-between;margin: 0px 15px 7px 15px;padding: 8px 0px;align-items:center;}
.titles .titleones {font-size: 18px;color: #000;}
.titles>p {font-size: 14px;width: 100px;height: 34px;line-height: 32px;color: #1754a7;border: 1px solid #1754a7;text-align: center;margin-bottom: 2px;}
.pcgd {text-align: center;margin-top: 20px;}
.pcgd a {font-size: 16px;display: inline-block;line-height: 50px;width: 200px !important;color: #fff;background-color: #1754a7;}


/*procedure*/
.procedure{height: 663px;padding-top: 60px;margin: auto;background: url("../images/procedure_bj.jpg")no-repeat center;}
.procedure .top{margin-bottom: 45px;}
.procedure .top b{text-align: center;}
.procedure .top b{display: block;color: #fff;font-size: 30px;font-weight: bold;}
.procedure .top b span{color: #cb0101;}
.procedure .bt{background: url("../images/top_xx.png")no-repeat center;line-height: 21px;height: 21px;text-align: center;color: #FFF;font-size: 16px;margin-top: 6px;}

.procedure .nr{width: 1200px;margin: auto;background: url("../images/pr_nr_bj.png")no-repeat center;    background-position-y: 40px;  }
.procedure .nr .lit{height: 186px;}
.procedure .nr .lit .tu{height: 186px;float: left;width: 100px;margin-right: 154px;}
.procedure .nr .lit .tu .icn{background: url("../images/procedure_tu_mr.png")no-repeat;width: 100px;height: 100px;text-align: center;padding-top: 26px;}
.procedure .nr .lit .tu .icn:hover{background: url("../images/procedure_tu_ho.png")no-repeat;}
.procedure .nr .lit .tu .icn .ho{display: none;}
.procedure .nr .lit .tu .icn img{margin: auto;}

.procedure .nr .lit .tu .icn img{
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}
.procedure .nr .lit .tu .icn:hover img{
    transform: translateZ(30px) rotateY(360deg);
    -webkit-transform: translateZ(30px) rotateY(360deg);
    -ms-transform: translateZ(30px) rotateY(360deg);
    -moz-transform: translateZ(30px) rotateY(360deg);
}
.procedure .nr .lit .tu .wz{margin-top: 11px;text-align: center;}

.procedure .nr .lit .left{height: 78px;float: left;width: 487px;margin-right: 10px;}
.procedure .nr .lit .left .w{float: left;margin-top: 13px;margin-left: 10px;}
.procedure .nr .lit .left .w h3{color: #fff;}
.procedure .nr .lit .left .w p{color: #fff;font-size: 20px;font-weight: bold;line-height: 22px;}


/*about*/
.yinz {
	height: auto;
	width: 1200px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	display: flex;
	flex-flow: row-reverse;
}

.yinz h2 {
	width: 50%;
	overflow: hidden;
	
}

.yinz h2 img {
	display: block;
	width: 100%;
}

.yinz2 {
	width: 600px;
	position: absolute;
	top: 14.5%;
	left: 50%;
	margin-left: -600px;
}

.yinz2 dt {
	font: 3rem "Microsoft YaHei UI";
	color: #3e3e3e;
}

.yinz2 dt em {
	display: block;
	font-size: 3.3rem;
	font-weight: bold;
	position: relative;
	margin-top: -8px;
}

.yinz2 dt b {
	color: #1754a7;
}

.yinz2 dd {
	width: 515px;
	margin: 20px 0 30px;
	font: 14px "Microsoft YaHei UI";
	line-height: 24px;
	color: #676767;
}

.yinz2 ul {
	width: 800px;
	height: 160px;
	background: #fff;
	box-shadow: 0.1rem 0.1rem 1rem 0.1rem #999;
}

.yinz2 li {
	font: 20px "Microsoft YaHei UI";
	color: #3e3e3e;
	float: left;
	padding: 40px 0 0;
	width: 200px;
	text-align: center;
}

.yinz2 li span {
	display: block;
	height: 53px;
	overflow: hidden;
	margin-bottom: 10px;
}

.yinz2 li span img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.yinz2 li:hover {
	color: #1754a7;
}

.yinz2 li:hover span img {
	margin-top: -80px;
}

.yinz h5 {
	width: 200px;
	height: 48px;
	background: #1754a7;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 140px;
}

.yinz h5 a {
	display: inline-block;
	color: #fff;
	width: 100%;
	height: 100%;
	/*padding-right: 40px;
	background: url(../images/ico01.gif) no-repeat right 20px;*/
}



/*Strength*/
.Strength{margin-top: 30px;margin-bottom: 30px;}

.Strength .list{height: 200px;overflow: hidden;}
.Strength .list .zz{height: 200px;float: left;width: 288px;margin-right: 16px;overflow: hidden;}
.Strength .list .zz img{height: 200px;width: 288px;}
.Strength .list .zz:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}





/*news*/
.news{width: 1200px;margin: 50px auto 0;height: 540px;}
.news .left{width: 768px;float: left;height: 480px;overflow: hidden;}
.news .left .top{height: 45px;border-bottom: solid 1px #666;margin-bottom: 35px;}
.news .left .top ul li{font-size: 24px;color: #333;float: left;height: 45px;width: 120px;text-align: center;}
.news .left .top ul .on{color: #1754a7;border-bottom: solid 4px #1754a7;}
.news .left .top .an{float: right;margin-top: 13px;}
.news .left .top .an a{color: #333;font-size: 16px;}

.news .left .nr{height: 169px;margin-bottom: 40px;}
.news .left .nr .img{height: 169px;float: left;width: 225px;overflow: hidden;}
.news .left .nr img{height: 169px;width: 225px;}
.news .left .nr:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}

.news .left .nr .wz{height: 169px;float: right;width: 489px;padding-top: 5px;}
.news .left .nr .wz b{display: block;font-size: 16px;font-weight: bold;color: #333;margin-bottom: 10px;}
.news .left .nr .wz p{color: #666;line-height: 35px;height: 100px;}
.news .left .nr .wz a{color: #1754a7;float: right;font-size: 16px;margin-top: 5px;font-weight: bold;}

.news .left .list{height: 190px;}
.news .left .list .list_bl{height: 50px;width: 365px;background: #f5f2f6;display: block;float: left;margin-right: 38px;line-height: 50px;margin-bottom: 20px;}
.news .left .list .list_bl:nth-child(2n){ margin-right: 0px;}

.news .left .list .list_bl .sj{width: 50px;height: 50px;background: #908e91;text-align: center;float: left;margin-right:5px;}
.news .left .list .list_bl .sj b{font-size: 28px;color: #fff;font-weight: bold;display: block;  height: 30px;}
.news .left .list .list_bl .sj i{font-size: 12px;color: #fff;}
.news .left .list .list_bl .wz{font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}


.news .left .list .list_bl:hover .sj{background: #1754a7;}
.news .left .list .list_bl:hover .wz{color: #1754a7;}


.news .newlist3{ width: 400px!important;float: right;}
.news .newlist3 .top{height: 45px;border-bottom: solid 1px #666;margin-bottom: 35px;}
.news .newlist3 .top .li{font-size: 24px;float: left;height: 45px;width: 120px;text-align: center;color: #1754a7;border-bottom: solid 4px #1754a7;}
.news .newlist3 .top .an{float: right;margin-top: 13px;}
.news .newlist3 .top .an a{color: #333;font-size: 16px;}

.news .newlist3 .lbnew{ margin: 15px 0 0; height: 396px; overflow: hidden;}
.news .newlist3 ul li{ margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #ccc;}
.news .newlist3 ul li .wen{ margin-bottom: 15px;}
.news .newlist3 ul li .wen a{ font-size: 16px; color: #333;}
.news .newlist3 ul li .wen a:before{ content: "Q"; background: #1754a7;}
.news .newlist3 ul li .wen a:before,.news .newlist3 ul li .da a:before{ width: 20px; text-align: center; height: 20px; line-height: 20px; color: #fff; border-radius: 2px; margin-right: 6px; display: inline-block; font-size: 14px;}
.news .newlist3 ul li .da a:before{ content: "A"; background: #cb0101;}
.news .newlist3 ul li .da a{ font-size: 14px; color: #666; line-height: 28px;}
.news .newlist3 ul li .da a i{ display: inline-block; width: 320px; vertical-align: top;}
.news .newlist3 ul li .wen a:hover{ color: #1754a7;}
.news .newlist3 ul li .da a:hover{ color: #1754a7;}