@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{}
.banner{ width:100%; height:380px; background:url(../images/contact_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:#c0e1a6; 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;}
.path1{ width:1200px; height:270px; margin:0 auto; margin-top:35px;}
.path1 h3{ font-size:25px; color:#333; font-weight:normal; margin-bottom:15px;}
.path1 i{ font-style:normal; color:#666; display:block; margin-bottom:15px;}
.path1 p{ color:#666; line-height:35px; font-size:16px;}
.ditu{ width:1200px; height:430px; margin:0 auto; background:#fff;}
.path3{ width:1200px; height:300px; margin:30px auto;}
.path3 .bt{ width:1200px; height:50px;}
.path3 .bt h3{ font-size:25px; color:#333; text-align:center; line-height:35px; font-weight:normal;}
.path3 .bt span{ color:#999; font-size:15px; text-align:center; display:block;}
.path3 ul{ width:1200px; margin-top:40px;}
.path3 ul li{ width:375px; height:160px; background:#f4f4f4; float:left; margin-right:35px;}
.path3 ul li h3{ font-size:17px; color:#333; text-align:center; font-weight:normal; margin-top:30px;}
.path3 ul li i{ width:30px; height:1px; background:#ccc; display:block; margin:0 auto; margin-top:10px;}
.path3 ul li p{ color:#666; text-align:center; margin-top:18px;}
.path3 ul li img{ width:30px; height:30px; margin:0 auto; margin-top:10px;}
.path3 ul li p a{ color:#ff7a03;}
.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;}