@charset "utf-8";


/*--banner--*/
.top{ width:100%; height:85px; margin:0 auto; position:absolute; z-index:999; box-sizing:border-box; transition:all 0.5s; background:#fff;}
.logo{ width:219px; height:62px; float:left; background:url(../images/logo.png) no-repeat; margin-left:5%; transition:all 0.5s; margin-top:13px;}
.nav{ width:900px; height:85px; float:right; margin-right:5%;}
.nav li{ width:120px; height:85px; line-height:85px; float:left; text-align:center; background:url(../images/xx.gif) no-repeat right; }
.nav li:hover a{ color:#fff;}
.nav li i a{ font-style:normal; font-size:17px; color:#333; transition:all 0.5s;}
.nav li i{ width:100%; height:0px; background:#0073bc; transition:all 0.5s; display:block;}
.nav li:hover{ background:none;}
.nav li:hover i{ height:85px;}
.top.active{ height:85px; padding:0; background:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.top.active .logo{ width:200px; height:57px; background:url(../images/logo2.png) no-repeat; margin-top:13px;}
.top.active .nav li{line-height:85px;}
.top.active .nav li a{ font-size:17px; transition:all 0.5s;}
.top.active .nav li a:hover{}
.top{ width:100%; height:85px; margin:0 auto; position:absolute; z-index:999; box-sizing:border-box; transition:all 0.5s; background:#fff;}
.logo{ width:219px; height:62px; float:left; background:url(../images/logo.png) no-repeat; margin-left:5%; transition:all 0.5s; margin-top:13px;}
.nav{ width:900px; height:85px; float:right; margin-right:5%;}
.nav li{ width:120px; height:85px; line-height:85px; float:left; text-align:center; background:url(../images/xx.gif) no-repeat right; }
.nav li:hover a{ color:#fff;}
.nav li i a{ font-style:normal; font-size:17px; color:#333; transition:all 0.5s;}
.nav li i{ width:100%; height:0px; background:#0073bc; transition:all 0.5s; display:block;}
.nav li:hover{ background:none;}
.nav li:hover i{ height:85px;}
.top.active{ height:85px; padding:0; background:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.top.active .logo{ width:200px; height:57px; background:url(../images/logo2.png) no-repeat; margin-top:13px;}
.top.active .nav li{line-height:85px;}
.top.active .nav li a{ font-size:17px; transition:all 0.5s;}
.top.active .nav li a:hover{}
.banner{ width:100%; height:380px; background:url(../images/jia_banner.jpg) no-repeat center; position:relative; top:85px;}
.banner_bt{width:0px; height:0px; margin:0 auto; position:absolute; top:50%; left:0; margin-top:-25px; margin-left:-187px; opacity:0; transition:all 0.5s;}
.banner_bt.active{ width:375px; height:87px; position:absolute; top:50%; left:50%; opacity:1;}
.banner_bt h3{ font-size:25px; color:#fff; text-align:center;}
.banner_bt p{ width:375px; height:25px; background:url(../images/top_bg.gif) no-repeat 5px; font-size:18px; color:#fff; text-align:center;}
.nav_x{ width:100%; height:70px; border-bottom:1px solid #e4e4e4; margin-top:85px;}
.nav_x_con{ width:1200px; height:70px; margin:0 auto; position:relative;}
.nav_x .bt{ width:98px; height:93px; background:#1f68ee; position:absolute; left:0; bottom:0; padding-top:20px; box-sizing:border-box;}
.nav_x .bt p{ width:72px; height:19px; background:url(../images/bt_xian.gif) repeat-x; margin:0 auto;}
.nav_x .bt p i{ font-style:normal; font-weight:bold; font-size:18px; text-align:center; width:27px; height:19px; margin:0 auto; color:#fff; line-height:19px; background:#1f68ee; display:block;}
.nav_x .bt h3{ font-size:16px; text-align:center; color:#fff; line-height:46px;}
.nav_x .lei{ width:250px; height:70px; float:right;}
.nav_x .lei a{ width:76px; height:70px; text-align:center; color:#666; display:block; line-height:70px; float:right; margin-left:20px;}
.nav_x .lei a:hover{ border-bottom:2px solid #1f68ee;}
.nav_x .lei span{ float:right; line-height:70px; display:block; margin-left:20px;}


.con1{ width:100%; height:550px; background:#f6f6f6; overflow:hidden;}
.con1 .con{ width:1200px; height:550px; margin:0 auto;}
.con1 .con .bt{ text-align:center; font-size:23px; color:#666; margin-top:50px;}
.con1 .con .nr{ width:1200px; margin-top:30px;}
.con1 .con .nr_left{ width:600px; height:400px; background:url(../images/jia.jpg) no-repeat; float:left;}
.con1 .con .nr_right{ width:600px; height:400px; color:#666; float:right; background:#fff; padding:25px 35px; box-sizing:border-box; line-height:40px; font-size:16px;}
.con2{ width:1200px; height:760px; margin:0 auto;}
.con2 .bt{ text-align:center; font-size:23px; color:#666; margin-top:50px;}
.con2 ul{ padding-top:50px;}
.con2 ul li{ width:600px; height:220px; padding:30px 40px 30px 0; float:left; border-bottom:1px solid #e5e5e5;  border-right:1px solid #e5e5e5; box-sizing:border-box; }
.con2 ul li:hover img{transform : rotate(360deg);}
.con2 ul li img{ width:167px; height:167px; float:left; float:left; transition:all 0.5s;}
.con2 ul li .txt{ width:360px; float:right;}
.con2 ul li .txt h3{ font-size:18px; color:#333; font-weight:normal; margin:20px 0 15px;}
.con2 ul li .txt p{ color:#666; line-height:28px; height:84px; overflow:hidden;}
.con2 ul li:nth-child(2n){padding:30px 0px 30px 40px; border-right:none;}
.con2 ul li:nth-child(5),.con2 ul li:nth-child(6){ border-bottom:none;}

.con3{ width:100%; height:550px; background:#f6f6f6; overflow:hidden;}
.con3 .con{ width:1200px; height:550px; margin:0 auto;}
.con3 .con .bt{ text-align:center; font-size:23px; color:#666; margin-top:50px;}
.con3 .con .nr{ width:1200px; margin-top:30px;}
.con3 .con .nr_left{ width:600px; height:400px; background:url(../images/jia.jpg) no-repeat; float:left;}
.con3 .con .nr_right{ width:600px; height:400px; float:right; background:#fff; padding:25px 35px; box-sizing:border-box; line-height:33px; font-size:15px;}
.con3 ul li{ width:285px; height:320px; float:left; margin-right:20px;}
.con3 ul{ padding-top:40px;}
.con3 ul li img{ width:285px; height:200px; transition:all 0.5s;}
.con3 ul li h3{ font-size:18px; color:#0d46b9; font-weight:normal; text-align:center; line-height:30px; margin-top:8px;}
.con3 ul li p{ line-height:25px; color:#666; font-size:15px; text-align:center;}
.con3 ul li div{ width:285px; height:200px; overflow:hidden;}
.con3 ul li:hover img{ transform:scale(1.1)}















.liuyan{ width:1200px; height:460px;margin:45px auto;}
.liuyan .bt{ width:1200px; height:40px;  box-sizing:border-box; margin-bottom:35px;}
.liuyan .bt h3{ width:116px; height:40px; font-size:25px; text-align:center; line-height:30px; color:#333; font-weight:normal;}
.liuyan .nr{ width:550px; height:46px; float:left; margin-bottom:28px;}
.liuyan .nr span{ font-size:15px; color:#666; width:70px; height:46px; line-height:46px; display:block; float:left;}
.liuyan .nr input{ width:476px; height:46px; border:1px solid #ccc; float:right; padding:0 10px; color:#666; line-height:46px; box-sizing:border-box;}
.liuyan .nr:nth-child(3),.liuyan .nr:nth-child(5){ float:right;}
.liuyan .nr p{ width:103px; height:46px; float:left; margin-left:5px;}
.liuyan .nr:nth-child(5) input{ width:200px; float:left; margin-left:5px;}
.liuyan .nr textarea{ width:1130px; height:125px; border:1px solid #ccc; float:right; padding:10px; color:#666; float:right; box-sizing:border-box;}
.liuyan .nr:nth-child(6){ width:1200px; height:125px;}
.tijiao{ width:166px; height:48px; background:#0c4da1; float:left; margin-left:70px;}
.tijiao input{ width:166px; height:48px; background:none; border:none; font-size:16px; color:#fff; line-height:45px; text-align:center; cursor:pointer;}
.chongzhi{ width:166px; height:48px; background:#ff0000; float:left; margin-left:35px;}
.chongzhi input{ width:166px; height:48px; background:none; border:none; font-size:16px; color:#fff; line-height:45px; text-align:center; cursor:pointer;}