@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none;}
/* remember to define focus styles! */
:focus {outline:0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style:normal;font-weight:normal !important;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:none;font-variant:normal;}

input, button, textarea,
select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;*font-family:"Microsoft YaHei",Arial;resize: none;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline:none;}
body {line-height: 1.5; font-family:Arial; font-size:14px; color:#666666;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;
/*表格自动换行*/
table-layout:fixed;word-wrap:break-word;}
caption, th{text-align:center;}
/*caption, th {text-align: left;}*/
sup, sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a{transition:color .3s;}
/*------------浮动-----------------*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}

.textover{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;filter:alpha(opacity=50);}
a{color: #3c3a38;}
a:hover{ color: #da251d;}
.wap{width: 95%; max-width: 1300px; margin: 0 auto; overflow: hidden;}
.ptb40{padding: 40px 0;}
.p20{padding: 20px;}
.ptb25{padding: 25px 0;}
.f36{font-size: 36px;}

body{color: #3c3a38;font-family:"Arial", "Microsoft YaHei"; *font-family:"Microsoft YaHei"; font-size: 14px; overflow-x: hidden;}
/*:first-child  filter:alpha(opacity=50);*/

.product .tit{text-align: center; line-height: 2em; background: url(../images/xian4.jpg) no-repeat bottom center; font-weight: bold;}
.titxiao{width: 80%; margin:0 auto; text-align: center; line-height: 1.6em; color: #888786; font-size: 16px;}
.product_{position: relative; overflow: hidden;}
.product_ ul li{float: left; width: 32.33%; margin-right: 2%;}
.product_ a{display: block; color: #fff; text-align: center;}
.product_ a .text{background: #595959;}
.product_ a .text h1{background: url(../images/xian3.jpg) no-repeat center bottom;margin-bottom: 0px; line-height:55px; height:55px;}
.product_ a .text p{height: 4.5em;overflow: hidden;font-size: 16px;}
.product_ a .img img{display: block;}
.product_ a:hover .text{background: #2772ab;}
.more{display: block; background: url(../images/more1.jpg) no-repeat; width: 110px; height: 40px; margin: 0 auto; line-height: 40px; text-align: left; padding-left: 20px; color: #fff;}
.more:hover{background: url(../images/personnel/pxfz3.jpg) no-repeat right #DA251D; color: #fff;}
.product_ a .more{margin-top: 40px; opacity: 0;filter:alpha(opacity=0);}
.product_ a:hover .more{opacity: 1;filter:alpha(opacity=100);}
.product{position: relative;height:520px;}
.product .next,.product .prev{width: 55px; height: 55px; margin-top: -27px; top: 50%; position: absolute; cursor: pointer;}
.product .next{right: 0; background: url(../images/qh2.png);}
.product .prev{left: 0; background: url(../images/qh1.png);}
.product .next:hover{right: 0; background: url(../images/qh2_.png);}
.product .prev:hover{left: 0; background: url(../images/qh1_.png);}
.product .more{margin-top: 40px;}

.tit span{display: block; color: #da251d;}

.service{background: #f2f2f2; padding-top: 20px;}
.service .tit{text-align: center; line-height: 2em; background: url(../images/xian4.jpg) no-repeat bottom center; font-weight: bold;}
.service ul li{float: left; width: 33.33%;}
.service ul li a{display: block; position: relative; overflow: hidden;}
.service ul li a img{display: block;}
.service ul li a .text{position: absolute; right: 0; bottom: 100%; width:100%; height: 100%; background: url(../images/bg6.png); color: #fff;transition: 0.4s;-ms-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;}
.service ul li a:hover .text{background:url(../images/bg6.png); bottom: 0;}
.service ul li a .text .text_{padding: 0px 5% 0; line-height: 1.6em; position: absolute; left: 0; top: 50%; margin-top: -100px; width: 90%;}
.service ul li a .text .text_ h1{line-height: 1.5em; text-align: center; font-weight: bold; padding-bottom: 25px;}
.service ul li a .text .text_ p{font-size: 16px; line-height: 1.5em; height: 100px; overflow: hidden;}
.service ul li a .ljxq{/*position: absolute; bottom: 20px;*/ color: #fff; width: 102px; height: 36px; line-height: 36px;/*left: 50%; margin-left: -55px;*/ background: url(../images/ljxq3.jpg) center; display: block; margin: 30px auto 0; border:1px dashed #d7d7d7; text-align:center;}
.service ul li a .ljxq span{/*line-height: 2em; display: block;*/}
.service ul li a .ljxq font{display: none;}
.service ul li a h3{position: absolute;bottom: 0;left: 50%;width: 140px;margin-left: -70px;line-height: 46px;text-align: center;color: #fff;font-size: 20px;background: #2772ab; display: block;}
.service ul li a:hover h3{display: none;}



@charset "utf-8";
.wap{width: 95%; max-width: 1300px; margin: 0 auto; overflow: hidden;}
.wap0{width: 95%; max-width: 1300px; margin: 0 auto;}
.wap1{width: 95%; max-width: 1400px; margin: 0 auto; overflow: hidden;}



.fw{font-weight: bold;}
.f36{font-size: 36px;}
.f30{font-size: 30px;}
.f24{font-size: 18px;}
.f20{font-size: 20px;}
.ptb80{padding: 80px 0;}
.ptb40{padding: 40px 0;}
.ptb25{padding: 25px 0;}
.p20{padding: 20px;}

.img{overflow: hidden;}
.img img{display: block;transition: 0.9s;-ms-transition: 0.9s;-webkit-transition: 0.9s;-o-transition: 0.9s;-moz-transition: 0.9s;}
a:hover .img img{-webkit-transform: scale(1.1,1.1);
	-moz-transform:  scale(1.1,1.1);
	-o-transform:  scale(1.1,1.1);
	transform:  scale(1.1,1.1);}
	

.


@media screen and (max-width:1120px) {
	
    
    .f36{font-size: 30px;}
    .f30{font-size: 26px;}
	.f24{font-size: 22px;}
	.f20{font-size: 18px;}
    
    .ptb80{padding: 60px 0;}
    .ptb40{padding: 30px 0;}
    .ptb25{padding: 20px 0;}
    .p20{padding: 15px;}
    .zycz_2{margin-top: 60px;}
    .headc{padding-bottom: 15px;}
    .headc .nav ul li a{padding: 0;text-align: left;padding-left: 20px;border-bottom: 1px solid #666;}
    .headc .nav ul li .ej{position: relative; top: 0; left: 0; width: 100%; display: block;}
    .headc .nav ul li .ej a{background: none;font-size: 12px; text-align: left; padding-left: 40px;}
    
}
@media screen and (max-width:960px) {
	.f36{font-size: 24px;}
	.f30{font-size: 22px;}
	.f24{font-size: 20px;}
	.f20{font-size: 16px;}
	
	.ptb80{padding: 40px 0;}
	.ptb40{padding: 20px 0;}
	.ptb25{padding: 15px 0;}
	.p20{padding: 10px;}
	.zycz_2{margin-top: 40px;}
	/*.zycz_1 .text_1{width: 80%; margin-left: 10%;}
	.zycz_1 .text_2{width: 80%; margin-left: 10%;}
	.zycz_1 .text_2 p{font-size: 14px;}*/
}
@media screen and (max-width:640px) {
	/*.zycz_2 ul li{width: 100%; margin-left: 0; margin-bottom: 20px;}*/
	
	.f36{font-size: 22px;}
	.f30{font-size: 20px;}
	.f24{font-size: 18px;}
	.f20{font-size: 16px;}
	
	.ptb80{padding: 30px 0;}
}


.showH .tit span{
	animation: donhua1 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua1 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua1 1.5s normal; 
	/* Opera: */
	-o-animation: donhua1 1.5s normal;
}
.synopsis.showH .tit{
	animation: donhua1 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua1 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua1 1.5s normal; 
	/* Opera: */
	-o-animation: donhua1 1.5s normal;
}
.showH .titxiao{
	animation: donhua2 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua2 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua2 1.5s normal; 
	/* Opera: */
	-o-animation: donhua2 1.5s normal;
}

.showH .bd ul li{
	animation: donhua2 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua2 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua2 1.5s normal; 
	/* Opera: */
	-o-animation: donhua2 1.5s normal;
}
.service.showH ul li:nth-child(1){
	animation: donhua2 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua2 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua2 1.5s normal; 
	/* Opera: */
	-o-animation: donhua2 1.5s normal;
}
.service.showH ul li:nth-child(2){
	animation: donhua2 2s normal;
	/* Firefox: */
	-moz-animation: donhua2 2s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua2 2s normal; 
	/* Opera: */
	-o-animation: donhua2 2s normal;
}
.service.showH ul li:nth-child(3){
	animation: donhua2 2.5s normal;
	/* Firefox: */
	-moz-animation: donhua2 2.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua2 2.5s normal; 
	/* Opera: */
	-o-animation: donhua2 2.5s normal;
}


@keyframes donhua1
{
from {transform: translate(-500px,0);opacity:0;}
to {transform: translate(0,0px);opacity:1;}
}
@-moz-keyframes donhua1 
{
from {-moz-transform: translate(-500px,0,0);opacity:0;}
to {-moz-transform: translate(0,0);opacity:1;}
}
@-webkit-keyframes donhua1 
{
from {-webkit-transform: translate(-500px,0,0);opacity:0;}
to {-webkit-transform: translate(0,0px);opacity:1;}
}
@-o-keyframes donhua1
{
from {-o-transform: translate(-500px,0,0);opacity:0;}
to {-o-transform: translate(0,0px);opacity:1;}
}

@keyframes donhua2
{
from {transform: translate(500px,0);opacity:0;}
to {transform: translate(0,0px);opacity:1;}
}
@-moz-keyframes donhua2 
{
from {-moz-transform: translate(500px,0,0);opacity:0;}
to {-moz-transform: translate(0,0);opacity:1;}
}
@-webkit-keyframes donhua2 
{
from {-webkit-transform: translate(500px,0,0);opacity:0;}
to {-webkit-transform: translate(0,0px);opacity:1;}
}
@-o-keyframes donhua2
{
from {-o-transform: translate(500px,0,0);opacity:0;}
to {-o-transform: translate(0,0px);opacity:1;}
}