@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family:'Microsoft yahei'; font-size:14px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family:'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
/*********************************************************************重置***********************************************************************/

@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(30px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(30px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}



/*右侧漂浮*/
.pf_right{ position:fixed; right:0; top:50%; margin-top:-101px; z-index:8;
           -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;
}
.pf_right ul{ width:55px; float:left; background:url(../images/right7.png); padding:9px 0 8px 0;
-moz-border-top-left-radius:8px; 
-webkit-border-top-left-radius:8px; 
-khtml-border-top-left-radius:8px;
border-top-left-radius:8px;
-moz-border-bottom-left-radius:8px; 
-webkit-border-bottom-left-radius:8px; 
-khtml-border-bottom-left-radius:8px;
border-bottom-left-radius:8px;}
.pf_right ul li{ width:55px; height:50px; padding:8px 0 0 55px; float:right; position:relative; cursor:pointer;}
.pf_right ul li img{ width:55px; height:50px; position:absolute; left:0; top:0; z-index:3;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_right ul li h5{ font-size:14px; color:white; line-height:17px;}
.pf_right ul li h6{ font-size:14px; color:white; line-height:14px; font-family:Arial;}
.pf_right ul li:hover{ background:url(../images/right8.png); z-index:3;}
.pf_right ul li.l1:hover{ width:230px; overflow:hidden;
-moz-border-top-left-radius:4px; 
-webkit-border-top-left-radius:4px; 
-khtml-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-bottom-left-radius:4px; 
-webkit-border-bottom-left-radius:4px; 
-khtml-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;
}
.pf_right ul li .ewm{ position:absolute; right:0px; top:50%; margin-top:-56px; width:121px; text-align:center; height:112px; background:url(../images/right9.png) no-repeat center center; opacity:0; z-index:1; padding:9px 18px 9px 9px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_right ul li .ewm img{ width:100%; float:left; height:auto; margin:0; position:relative; left:auto; top:auto;
-moz-border-radius:0px; 
-webkit-border-radius:0px; 
-khtml-border-radius:0px;
border-radius:0px;}
.pf_right ul li:hover .ewm{ right:110%; opacity:1;}
.pf_right ul li.last img{ width:100%; height:auto; margin-top:0;}
.pf_closd{ width:26px; height:26px; position:absolute; left:50%; bottom:-50px; cursor:pointer; margin-left:-13px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_right.on{ right:-60px;}
.pf_right.on .pf_closd{ left:0; margin-left:-30px; transform:rotate(45deg);}
@media screen and (max-width: 1199px) {
.pf_right{ right:0;}
}
@media screen and (max-width: 767px) {
.pf_right{ display:none;}
}


@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0px)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0px)}
}



@-webkit-keyframes smal-big {
  0% { transform:scale(1, 1)}
  100% { transform:scale(1.2, 1.2)}
}

@keyframes smal-big {
  0% { transform:scale(1, 1)}
  100% { transform:scale(1.2, 1.2)}
}

.indexOne{ background:#f7f7f7; padding:50px 0; text-align:center;}
.indexHead{ width:100%; text-align:center; background:url(../images/index1.jpg) no-repeat center bottom;}
.indexHead h3{ width:100%; text-transform:uppercase; font-size:40px; color:#666; line-height:56px; letter-spacing:1px; font-family:"Arial Black";}
.indexHead h4{ width:100%; font-size:32px; color:#002d97; line-height:55px; letter-spacing:1px;}
.indexOne .indexOneBody{ width:1040px; display:inline-block; vertical-align:top; text-align:center; margin-top:20px;}
.indexOne .indexOneBody span{ display:inline-block; vertical-align:top; padding:0 10px; height:31px; line-height:29px; font-size:16px; color:#828282; border:solid 1px #f7f7f7; letter-spacing:1px; cursor:pointer; position:relative;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
.indexOne .indexOneBody .slick-slide{ position:relative;}
.indexOne .indexOneBody .slick-slide:before{ content:'—'; height:31px; line-height:31px; font-size:16px; color:#828282; width:20px; text-align:centere; position:absolute; right:-10px; top:0;}
.indexOne .indexOneBody .slick-slide:last-child:before{ display:none;}
.indexOne .indexOneBody .on span,.indexOne .indexOneBody span:hover{ color:#002d97; border-color:#002d97;}
.indexOne .indexOneDown{ width:100%; margin-top:10px;}
.indexOne .indexOneDown li{ width:100%; float:left; padding:18px 15px; cursor:pointer;}
.indexOne .indexOneDown li .indexOneDownBox{ width:100%; float:left; background:white; padding:20px 20px 24px 20px; text-align:center;}
.indexOne .indexOneDown li .indexOneDownBox .indexOnePage{ width:100%; float:left; padding-bottom:75%; position:relative; overflow:hidden; background:white;}
.indexOne .indexOneDown li .indexOneDownBox .indexOnePage img{ width:100%; position:absolute; left:0; top:0; min-height:100%; opacity:0.5;}
.indexOne .indexOneDown li .indexOneDownBox .indexOnePage .indexOneIco{ background:url(../images/index6.png) no-repeat center center; width:66px; height:66px; position:absolute; left:50%; top:50%; margin:-33px 0 0 -33px; opacity:0;}
.indexOne .indexOneDown li .indexOneDownBox h4{ width:100%; float:left; margin-top:22px; font-size:20px; color:#333; line-height:34px;}
.indexOne .indexOneDown li .indexOneDownBox h5{ width:100%; float:left; font-size:14px; color:#666; line-height:26px;}
.indexOne .indexOneDown .slick-center li .indexOneDownBox .indexOnePage img{ opacity:1;}
.indexOne .indexOneDown .slick-center li .indexOneDownBox{ box-shadow:0 11px 16px rgba(203,203,203,0.54);}
.indexOne .indexOneDown .slick-center li .indexOneDownBox .indexOnePage .indexOneIco{ opacity:1;}
.indexOne .indexOneDown .slick-prev,.indexOne .indexOneDown .slick-next {
	position: absolute;
	left: 20%;
	top: 50%;
	display: block;
	width: 66px;
	height: 66px;
	margin-top:-83px;
	background:url(../images/index5.png) no-repeat left center; opacity:0.6;
}
.indexOne .indexOneDown .slick-next {
	left: auto;
	right: 20%; background-position:right center;
}
.indexOne .indexOneDown .slick-prev:hover{ opacity:1;filter:alpha(opacity=100);}
.indexOne .indexOneDown .slick-next:hover{ opacity:1;filter:alpha(opacity=100);}
.indexOne .indexOneDown li:hover .indexOneDownBox h4{ color:#002d97;}
@media screen and (max-width:1365px) {
.indexHead h3{ font-size:34px; line-height:50px;}
.indexHead h4{ font-size:26px; line-height:48px;}
.indexOne .indexOneBody{ width:940px; margin-top:25px;}
.indexOne .indexOneDown{ width:100%; margin-top:30px;}
.indexOne .indexOneDown .slick-prev{ left:10%;}
.indexOne .indexOneDown .slick-next{ right:10%;}
}
@media screen and (max-width:991px) {
.indexOne{ padding:46px 0 37px 0;}
.indexHead{ padding-bottom:10px;}
.indexHead h3{ font-size:28px; line-height:44px;}
.indexHead h4{ font-size:20px; line-height:40px;}
.indexOne .indexOneBody{ width:740px; margin-top:20px;}
.indexOne .indexOneBody span{ height:30px; line-height:28px; font-size:14px;}
.indexOne .indexOneBody .slick-slide:before{ display:none;}
.indexOne .indexOneDown .slick-prev{ left:5%;}
.indexOne .indexOneDown .slick-next{ right:5%;}
.indexOne .indexOneDown{ margin-top:20px;}
.indexOne .indexOneDown li{ padding:15px 10px;}
.indexOne .indexOneDown li .indexOneDownBox{ padding:15px 15px 14px 15px;}
.indexOne .indexOneDown li .indexOneDownBox .indexOnePage .indexOneIco{ width:60px; height:60px; margin:-30px 0 0 -30px; background-size:contain;}
.indexOne .indexOneDown li .indexOneDownBox h4{ margin-top:18px; font-size:16px; line-height:30px;}
.indexOne .indexOneDown li .indexOneDownBox h5{ font-size:12px; line-height:24px;}
.indexOne .indexOneDown .slick-prev,.indexOne .indexOneDown .slick-next {width: 60px; height: 60px; background-size:auto 60px;}
.indexOne .indexOneDown .slick-center li .indexOneDownBox{ box-shadow:0 6px 10px rgba(203,203,203,0.54);}
}
@media screen and (max-width:767px) {
.indexOne{ padding:26px 0 17px 0;}
.indexHead{ padding:0 10px; padding-bottom:8px; background-size:auto 1px;}
.indexHead h3{ font-size:22px; line-height:30px;}
.indexHead h4{ font-size:14px; line-height:26px;}
.indexOne .indexOneBody{ width:100%; margin-top:10px;}
.indexOne .indexOneDown{ margin-top:10px;}
.indexOne .indexOneDown li{ padding:15px 5px;}
.indexOne .indexOneDown li .indexOneDownBox{ padding:10px 10px 10px 10px;}
.indexOne .indexOneDown li .indexOneDownBox .indexOnePage .indexOneIco{ width:40px; height:40px; margin:-20px 0 0 -20px; }
.indexOne .indexOneDown li .indexOneDownBox h4{ margin-top:12px; font-size:14px; line-height:24px;}
.indexOne .indexOneDown li .indexOneDownBox h5{ line-height:22px;}
.indexOne .indexOneDown .slick-prev,.indexOne .indexOneDown .slick-next {width: 40px; height: 40px; background-size:auto 40px; margin-top:-30px;}
.indexOne .indexOneDown .slick-prev{ left:0%;}
.indexOne .indexOneDown .slick-next{ right:0%;}
}