@charset "utf-8";
/* CSS Document */
@import url("ztqn_top.css");
@import url("footer.css");
@import url("ztqn_reset.css");
@import url("global.css");
@import url("animate.css");


.box{ width:100%; overflow:hidden;}
.w_1200{ width:1200px; margin:0 auto;}

.lm1{ height:460px;}

.jggl{ margin-top:65px;}
.sjjj{ width:710px; margin-top:80px;}
.sjjj h3{ height:50px;  line-height:50px; padding-right:30px;}
.sjjj h3 em{ font-size:22px; background:url(../images/tp3.jpg) no-repeat left center; padding-left:15px; float:left;}
.sjjj h3 em a{ color:#1088e4;}
.sjjj h3 div{ float:right;}
.sjjj h3 span{ display:block; float:left; width:22px; height:4px; border:1px solid #1088e4; margin:26px 10px 0 0; border-radius:3px; cursor:pointer;}
.sjjj h3 span.on{ background:#1088e4;}
.sjjj ul li{font-size:16px;line-height:38px;background: url(../images/12221308.jpg) no-repeat right bottom;margin-right:20px;padding-bottom:15px;}


.lm2{ height:450px; background:#e3f3ff;}
.dsjzc{ height:450px; position:relative; z-index:1;}
.dsjzc .t1{ position:absolute; left:-125px; bottom:0; z-index:-1;}
.dsjzc .t2{ position:absolute; right:0px; top:-50px; z-index:-1;}

.dsjsd{ width:765px; margin-left:205px; overflow:hidden;}
.dsjsd ul li{ padding-bottom:10px; border-bottom:1px solid #fff; overflow:hidden; margin-bottom:8px;}
.dsjsd ul li .f_l{ width:70px; text-align:center;}
.dsjsd ul li .f_l em{ font-size:40px; color:#676767; display:block;}
.dsjsd ul li .f_l span{ background:#1088e4; color:#fff; padding:2px 3px;}
.dsjsd ul li .f_r{ width:690px;}
.dsjsd ul li .f_r h3{ font-size:16px; font-weight:normal; margin:8px auto 5px;}
.dsjsd ul li .f_r p{ line-height:23px; }


.lm3{ height:495px;}
.sjcy{ position:relative; height:495px;}
.ptal{ position:absolute; z-index:1; top:125px; left:0;}
.ptal ul li{  width:301px; height:50px;  transition: all 0.8s ease 0s;}
.ptal ul li a{ display:block; font-size:20px; margin:30px 0 0 20px;}
.ptal ul li a em{ display:none;}

.ptal ul li.on{ width:301px; height:103px;  background:url(../images/tp12.jpg) no-repeat; overflow:hidden;}
.ptal ul li.on a{ color:#fff; font-size:18px;  margin:30px 0 0 20px;}
.ptal ul li.on a span{  font-size:22px; margin-right:5px; }
.ptal ul li.on a em{ display:inline;}



.sjcy .tempWrap{  margin:0 0 0 190px;}
.sjcy_nr{ width:1010px;}
.sjcy_nr_tp{ position:relative; transform: scale(1, 1); overflow:hidden;}
.sjcy_nr_tp img{ width:569px; height:330px;   transition: all 0.3s ease-out 0s;}
.sjcy_nr_tp img:hover {transform: scale(1.15, 1.15);}

.sjcy_nr_tp .sjx{ background:url(../images/tp14.png) no-repeat; width:13px; height:15px; position:absolute; right:0; top:80px; z-index:1;}
.sjcy_nr2{ width:410px;}
.sjcy_nr2 h3{ height:45px; line-height:45px; background:url(../images/tp15.jpg) no-repeat left bottom; font-weight:normal; font-size:16px;}
.sjcy_nr2 h4{ font-weight:normal; text-align:right; font-size:14px; margin-bottom:8px;}
.sjcy_nr2 p{ line-height:28px; text-indent:2em; margin-bottom:8px;}

.sjcy_nr_qh span{ display:block; float:left; width:22px; height:4px; border:1px solid #1088e4; margin:10px 10px 0 0;  border-radius:3px; cursor:pointer;}
.sjcy_nr_qh span.on{ background:#1088e4;}








.lm4{ height:180px;}
.lm4 .qnz{ height:180px; position:relative;}
.lm4 .qnz .t1{ position:absolute; left:-360px; top:0; z-index:-1;}
.lm4 .qnz .t2{ position:absolute; right:0; top:-50px; z-index:-1;}

.lm5{ height:180px;  background:url(../images/12221462.jpg) no-repeat center top;}
.lm5 .zlxz ul li{ float:left; margin:40px 0 0 100px;}
.lm5 .zlxz ul li img{ float:left; margin-right:35px; transition: all 0.6s ease 0s;}
.lm5 .zlxz ul li:hover img{ animation: 3s linear 0s normal none infinite running service_inf;  margin-right:10px; }

.lm5 .zlxz ul li div{ float:left;}
.lm5 .zlxz ul li div h3{ font-size:22px; font-weight:normal; margin-top:20px;}

.lm5 .zlxz .x{ background:#dfdfdf; height:130px; width:1px; float:left; margin:30px 0 0 100px; }


@keyframes service_inf {
0% {
    transform: rotate(15deg);
}
5% {
    transform: rotate(-15deg);
}
10% {
    transform: rotate(15deg);
}
15% {
    transform: rotate(-15deg);
}
20% {
    transform: rotate(15deg);
}
25% {
    transform: rotate(-15deg);
}
30% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(0deg);
}
}