@import url("font-awesome.min.css");@import url("animate.css");@import url("owl.carousel.min.css");@import url("wap.css");@import url("swiper-3.4.0.min.css");@import url("form.css");/* CSS Document */body {margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;font-size:14px;color:#4c4c4c;font-family:"Microsoft YaHei","Î¢ÈíÑÅºÚ","Simsun","Arial Black","verdana";background-color:#333;line-height:1.8;overflow-x:hidden;}
input,button,textarea,select {font-family:"Microsoft YaHei","Î¢ÈíÑÅºÚ";}
UL,li {list-style-type:none;}
UL,p,li,form,h1,h2,h3,h4,h5,dd,dl,dt,ol,td {PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
video {width:100%;z-index:5;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width:calc(100% + 30px);}
::selection {color:#fff;background-color:#12B1E9;}
::-moz-selection {color:#fff;background-color:#12B1E9;}
::-webkit-selection {color:#fff;background-color:#12B1E9}
::-webkit-scrollbar {width:8px;height:4px;background-color:#F5F5F5}
::-webkit-scrollbar-track {border-radius:10px;background-color:#E2E2E2}
::-webkit-scrollbar-thumb {border-radius:4px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.6);background-color:#888;}
img {border:0px;}
.hs {background-color:#F8F8F8;}
.ycc {overflow:hidden;}
#head {width:100%;float:left;position:relative;background-color:rgba(0,0,0,0.5);transition:all 0.4s ease-in-out 0s;}
#head .qt {position:absolute;right:0px;}
#head .qt i {font-size:24px;}
#head .qt a {color:#fff;line-height:100px;position:relative;float:right;padding-right:20px;cursor:pointer;}
#head .qt a.so {background-color:#12B1E9;color:#fff;padding-left:20px;padding-right:20px;}
#head .qt a.so:hover {color:#fff;background-color:#0099FF}
#head .qt a.so:hover #search {top:100%;filter:Alpha(Opacity=100);-moz-opacity:1;opacity:1;height:auto;}
#nav {float:left;width:100%;padding-top:12px;padding-bottom:12px;}
#flash {width:100%;float:left;position:relative;}
#flash #head {position:absolute;left:0px;top:0px;z-index:100;}
#head.af1,#flash #head.af1 {background-color:rgba(0,0,0,0.9);position:fixed;left:0px;top:0px;z-index:1000;}
#nbanner {width:100%;float:left;position:relative;display:block;z-index:1;}
#nbanner img {width:100%;display:block;}
#main {width:100%;float:left;}
#dibu {width:100%;float:left;background-color:#3333;overflow:hidden;padding-top:2%;padding-bottom:2%;}
#body {margin-left:auto;margin-right:auto;min-width:320px;max-width:1250px;}
#bodya {margin-left:auto;margin-right:auto;min-width:320px;max-width:1600px;}
#piaofu {width:100%;height:62px;position:fixed;bottom:0px;left:0px;z-index:300;}
#top {width:100%;float:left;display:block;z-index:99;}
#top .tou {width:78%;float:right;}
#top .logo {width:20%;float:left;}
#top .logo div {display:table-cell;vertical-align:middle;height:100px;}
#top .logo img {max-width:100%;display:block;float:left;height:80px;}
#menu {Z-INDEX:10000;POSITION:relative;float:right;text-align:left;width:100%;}
#menu UL {LIST-STYLE-TYPE:none;margin-left:-1px;}
#menu UL LI {POSITION:relative;float:left;width:13.5%;margin-left:1px;}
#menu UL LI A {TEXT-ALIGN:center;DISPLAY:block;line-height:100px;color:#fff;font-size:16px;overflow:hidden;font-weight:600;}
#menu UL LI .change {TEXT-DECORATION:none;color:#fff;background-color:#12B1E9;}
#menu UL LI A:hover {TEXT-DECORATION:none;color:#fff;background-color:#12B1E9;}
#menu UL LI a.sec {TEXT-DECORATION:none;color:#fff;background-color:#12B1E9;}
#menu UL LI OL {POSITION:absolute;WIDTH:100%;DISPLAY:none;COLOR:#444;MARGIN-LEFT:0px;left:0px;background-color:rgba(0,0,0,0.8);}
#menu UL LI OL LI {DISPLAY:block;FLOAT:none;background-image:none;font-weight:normal;padding:0px;padding:0px;margin:0px;text-align:left;WIDTH:100%;}
#menu UL LI OL LI A {text-align:center;font-size:13px;font-weight:normal;WIDTH:auto;DISPLAY:block;overflow:hidden;COLOR:rgba(255,255,255,0.7);padding:6px;LINE-HEIGHT:22px;border-bottom:rgba(255,255,255,0.2) solid 1px;background-image:none;margin:0px;font-size:14px;}
#menu UL LI A  i {margin-left:10px;}
#menu UL LI OL LI a:hover {color:#fff;font-weight:normal;background-image:none;background-color:#12B1E9;border-bottom:rgba(255,255,255,0.2) solid 1px;}
.clear {clear:both;}
#part_s {width:100%;float:left;background-color:#12B1E9;background-image:linear-gradient(to left,#12B1E9,#1E97E3,#12B1E9);padding-bottom:10px;padding-top:10px;}
#web_so {width:96%;float:left;padding:5px 2%;}
#web_so .so {WIDTH:25%;OVERFLOW:hidden;float:right;color:#fff;}
#web_so .key {width:70%;float:left;color:#fff;line-height:34px;height:34px;overflow:hidden;}
#web_so .key A {margin-RIGHT:10px;color:#fff;}
#search {width:280px;position:absolute;right:0px;top:150%;height:0px;overflow:hidden;border:0px;background-color:#fff;border-radius:34px  2px 2px 34px;overflow:hidden;height:34px;box-shadow:0px 1px 12px #444;-webkit-box-shadow:0px 1px 12px #444;-moz-box-shadow:0px 1px 12px #444;filter:Alpha(Opacity=0);-moz-opacity:0;opacity:0;transition:all 0.3s ease-in-out 0s;z-index:1000;}
#search .input {width:70%;color:#555;padding-left:5%;padding-right:5%;height:33px;font-size:14px;float:left;font-family:"Microsoft YaHei","Î¢ÈíÑÅºÚ","ºÚÌå";border:0px;border-right:0px;outline:none;background-color:#fff;}
#search .buttom {width:20%;height:35px;cursor:pointer;border:0px;font-size:14px;margin:0px;padding:0px;float:right;text-align:center;background-color:#12B1E9;color:#fff;background-image:url(../images/s2.png);background-repeat:no-repeat;background-position:center center;outline:none;}
#ddfb {width:97%;float:left;padding:0px 1.5%;border-bottom:rgba(255,255,255,0.2) solid 1px;padding-bottom:2.5%;margin-bottom:2.5%;}
#ddfb ul {list-style-type:none;}
#ddfb ul li {width:17%;float:left;margin-right:2%;olor:#fff;}
#ddfb ul li.lx {width:24%;float:right;margin-right:0px;color:#F4FBFF;position:relative;}
#ddfb ul li.lx .nrc {width:100%;float:left;}
#ddfb ul li .tel {color:#fff;font-size:30px;font-weight:bold;font-family:Verdana,Arial,Helvetica,sans-serif;margin-top:5px;margin-bottom:5px;}
#ddfb ul li a {color:#fff;}
#ddfb ul li a:hover {color:#F4FBFF;}
#ddfb ul li p {font-size:14px;line-height:1.8;color:#F4FBFF}
#ddfb ul li p i {width:22px;line-height:24px;margin-right:10px;text-align:center;}
#ddfb ul li dd {font-size:16px;color:#fff;width:100%;font-weight:bold;margin-bottom:15px;background-image:url(../images/dx.jpg);background-repeat:no-repeat;background-position:left bottom;padding-bottom:12px;text-transform:uppercase;}
#bottom {width:100%;float:left;}
#bottom .logo {float:left;margin-right:2%;}
#bottom .logo  img {display:block;}
#bottom .bq {width:50%;font-size:16px;line-height:1.8;color:rgba(255,255,255,0.5);margin-top:3%;float:left;}
#bottom .bq a {color:#FFFFFF;}
#dblx {float:right;width:30%;margin-top:2%;}
#dblx UL {list-style-type:none;}
#dblx ul li {margin-right:1%;margin-left:1%;width:31.33%;float:left;position:relative;cursor:pointer;}
#dblx ul li .ewm {width:100%;position:absolute;bottom:-10%;left:0px;overflow:hidden;filter:Alpha(Opacity=0);-moz-opacity:0;opacity:0;z-index:1;transition:all 0.4s ease-in-out 0s;}
#dblx ul li .ewm img {max-width:100%;display:block;margin-left:auto;margin-right:auto;}
#dblx ul li:hover .ewm {padding:5px;bottom:0px;left:0px;height:auto;filter:Alpha(Opacity=100);-moz-opacity:1;opacity:1;padding:5px;border-radius:5px;background-color:#fff;}
#dblx ul li dd {border:rgba(255,255,255,0.7) solid 2px;width:45px;padding:5px;height:45px;border-radius:100%;margin-left:auto;margin-right:auto;}
#dblx ul li:hover dd {background-color:#12B1E9;border:#12B1E9 solid 2px;}
#dblx ul li dd img {width:100%;display:block;}
#dblx ul li h3 {color:rgba(255,255,255,0.5);font-weight:normal;text-align:center;font-size:16px;margin-top:10px;}
a:link {text-decoration:none;color:#5a5a5a;}
a:visited {text-decoration:none;color:#5a5a5a;}
a:hover {color:#12B1E9;}
.hg2 {margin-top:30px;}
.hg {margin-top:25px;}
.hg1 {margin-top:20px;}
.izl-rmenu {position:fixed;right:-5px;bottom:30%;z-index:999;width:50px;background-color:#12B1E9;border-radius:6px;padding:10px;}
.izl-rmenu .btn {width:50px;height:50px;cursor:pointer;position:relative;text-align:center;color:#fff;line-height:50px;border-bottom:#fff solid 1px;}
.izl-rmenu .btn:hover {color:#F0FAFF;border-bottom:#F0FAFF solid 1px;}
.izl-rmenu .btn i {font-size:24px;line-height:50px;}
.izl-rmenu .btn-wx:hover {}
.izl-rmenu .btn-wx .pic {background-color:#12B1E9;padding:10px;border-radius:6px;position:absolute;left:-140px;top:-100px;display:none;width:120px;}
.izl-rmenu .btn-wx .pic img {width:120px;display:block;}
.izl-rmenu .btn-phone {}
.izl-rmenu .btn-phone:hover {}
.izl-rmenu .btn-phone .phone {background-color:#12B1E9;border-radius:6px;position:absolute;width:160px;left:-160px;top:-1px;line-height:51px;color:#fff;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-qq .qq {background-color:#12B1E9;border-radius:6px;position:absolute;width:120px;left:-120px;top:-1px;line-height:60px;color:#fff;font-size:16px;text-align:center;display:none;}
.izl-rmenu .btn-qq .qq a {color:#fff;}
.izl-rmenu .btn-top {border-bottom:0px;display:none;}
.izl-rmenu .btn-top:hover {border-bottom:0px;}
#dkgf {width:100%;height:60px;float:left;background-color:#000;}
#dbdh {width:220px;position:absolute;left:-60px;bottom:62px;background-color:rgba(0,0,0,0.5);border-radius:6px;padding:10px;display:none;z-index:10000;}
#wp_nav {width:100%;float:left;HEIGHT:62px;background-color:rgba(0,0,0,0.8);}
#wp_nav .footera {HEIGHT:62px}
#wp_nav .footera UL {TEXT-ALIGN:left}
#wp_nav .footera UL LI {width:24%;text-align:center;height:62px;float:left;padding-top:}
#wp_nav .footera UL LI A {width:100%;overflow:hidden;display:block;cursor:pointer;text-align:center;line-height:30px;color:#fff;padding-top:30px;font-size:13px;}
#wp_nav .footera UL LI.home {background-image:url(../images/home.png);background-repeat:no-repeat;background-position:center 4px}
#wp_nav .footera UL LI.tel {background-image:url(../images/dh.png);background-repeat:no-repeat;background-position:center 4px}
#wp_nav .footera UL LI.dx {background-image:url(../images/fx.png);background-repeat:no-repeat;background-position:center 4px}
#wp_nav .footera UL LI.fx {background-image:url(../images/dx.png);background-repeat:no-repeat;background-position:center 4px;position:relative;height:32px;padding-top:30px;cursor:pointer;}
#wp_nav .footera UL LI.fx A {padding:0px;}
#wp_nav .footera UL LI.d05 {background-image:url(../images/ico4.png);background-repeat:no-repeat;background-position:center 4px}
#wp_nav .footera UL LI.kg {width:1%;height:62px;float:left;background-image:url(../images/dl_bg.jpg);background-repeat:repeat-y;background-position:center top}
#wp_nav .footera UL LI #cdh {width:220px;float:left;max-height:200px;overflow-y:auto;overflow-x:hidden;}
#wp_nav .footera UL LI #cdh p {width:220px;float:left;margin:0px;padding-top:0px;line-height:22px;border-bottom:#222 solid 1px;}
#wp_nav .footera UL LI #cdh p A {color:#fff;display:block;line-height:22px;text-align:center;background-color:#111;overflow:hidden;padding:5px;}
#wp_nav .footera UL LI #cdh p A:hover {background-color:#12B1E9;color:#fff;}
#wxnr {width:100%;position:fixed;top:10%;color:#000000;z-index:3000;display:none}
#wxnr .nrdf {width:50%;padding:5%;float:left;margin-left:20%;text-align:center;background-color:#fff;box-shadow:0px 2px 6px #777;-webkit-box-shadow:0px 2px 6px #777;-moz-box-shadow:0px 2px 6px #777;border-radius:10px;}
#wxnr  .imga {width:120px;}
#wxnr  p {font-size:14px;line-height:30px;text-align:center;}
#wxnr  p i {font-size:16px;}
#wxnr  span {display:inline-block;padding-left:10px;padding-right:10px;line-height:30px;background-color:#12B1E9;color:#fff;border-radius:4px;margin-left:12px;cursor:pointer;}
#zxly {width:100%;height:100%;z-index:1100;background-color:rgba(0,0,0,0.5);left:0px;display:none;top:0px;position:fixed;}
#zxly_1 {background-color:#fff;width:70%;float:left;margin-top:8%;padding:2.5% 15%;Border-radius:8px;position:relative;}
#zxly_1 .gb {position:absolute;right:4%;top:6%;width:20%;z-index:1;cursor:pointer;}
#zxly_1 .gb img {display:block;float:right;max-width:30%;transition:all 0.6s ease-in-out 0s;}
#zxly_1 .gb:hover img {-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-mo-transform:rotate(360deg);transform:rotate(360deg);}
#zxly_1 .bt {width:100%;float:left;text-align:center;line-height:2;font-size:38px;color:#333;margin-bottom:1%;}
#zxly_2 {width:100%;float:left;margin-top:1%;}
#zxly_2 .bk {width:100%;float:left;margin-bottom:1.5%;position:relative;margin-top:1.5%;}
#zxly_2 input,#zxly_2  textarea {border:#999 solid 1px;margin:0px;color:#555;border-radius:4px;outline:none;width:96%;padding:2%;font-size:16px;}
#zxly_2 select {border:#999 solid 1px;padding-left:3%;margin-top:-1%;padding-right:3%;color:#555;border-radius:4px;outline:none;margin-right:2%;padding-top:1%;padding-bottom:1%;font-size:16px;}
#zxly_2 input::-webkit-input-placeholder,#zxly_2 textarea::-webkit-input-placeholder {color:#ddd;}
#zxly_2 .input1 {width:42%;float:left;}
#zxly_2 .input2 {width:42%;float:right;}
#zxly_2 .input3 {background-image:url(../images/wz.png);background-repeat:no-repeat;background-position:right center;}
#zxly_2 .jhlx {width:100%;float:left;text-align:center;font-size:0px;margin-bottom:1.5%;}
#zxly_2 .jhlx ul {list-style-type:none;width:40%;display:inline-block;overflow:hidden;border:#12B1E9 solid 1px;border-radius:5px;}
#zxly_2 .jhlx ul li {width:50%;display:inline-block;font-size:24px;cursor:pointer;line-height:2.5;}
#zxly_2 .jhlx ul li.active {background-color:#12B1E9;color:#fff;}
#zxly_2 .jhlx ul li.normal {color:#333;}
#zxly_2 .mjxz {width:100%;float:left;text-align:center;font-size:0px;margin-top:1.5%;margin-bottom:1.5%;}
#zxly_2 .mjxz ul {list-style-type:none;width:70%;float:left;overflow:hidden;border:#12B1E9 solid 1px;border-radius:5px;}
#zxly_2 .mjxz ul li {width:25%;float:left;cursor:pointer;border-left:#12B1E9 solid 1px;margin-left:-1px;font-size:24px;line-height:2.5;}
#zxly_2 .mjxz ul li.active {background-color:#12B1E9;color:#fff;}
#zxly_2 .mjxz ul li.normal {color:#12B1E9;}
#zxly_2 .button1 {display:block;font-size:22px;padding-bottom:1.5%;padding-top:1.5%;height:auto;width:50%;border-radius:4px;margin-left:auto;margin-right:auto;background-color:#12B1E9;border:0px;cursor:pointer;color:#fff;text-align:center;}
#zxly_2 .button1:hover {background-color:#ff6600;color:#fff;}
#distpicker3 {float:left;width:100%;}
#links {width:100%;float:left;margin-top:2%;color:rgba(255,255,255,0.5)}
#links a {color:rgba(255,255,255,0.5);margin-right:10px}
@media only screen and (max-width:1600px) {#main,#top {width:97%;padding:0px 1.5%;}
}
@media only screen and (max-width:1400px) {#menu UL LI A {font-size:15px;line-height:90px;}
#menu UL LI OL LI A {font-size:14px}
#top .logo div {height:90px;}
#footer a {font-size:15px;}
#dbbf {font-size:15px;}
#bottom .bq {font-size:15px;}
#dblx {width:35%;}
#dblx ul li h3 {font-size:15px;}
#bottom .logo img {height:130px;}
#zxly_1 .bt {font-size:28px;}
#zxly_2 .mjxz ul li,#zxly_2 .jhlx ul li {font-size:18px;font-weight:bold;}
#zxly_2  textarea,#zxly_2 input {font-size:14px;}
#zxly_2 .button1 {font-size:16px;font-weight:bold;}
#zxly_2 select {font-size:14px;}
#head .qt a {line-height:90px;}
}
@media only screen and (max-width:1200px) {#menu UL LI A {font-size:14px;line-height:80px;}
#menu UL LI OL LI A {font-size:12px}
#top .logo div {height:80px;}
#top .logo img {height:70px;}
#footer a {font-size:14px;}
#dbbf {font-size:14px;}
#bottom .bq {font-size:14px;}
#dblx ul li h3 {font-size:14px;}
#zxly_1 .bt {font-size:24px;}
#zxly_2 .mjxz ul li,#zxly_2 .jhlx ul li {font-size:16px;font-weight:bold;}
#zxly_2 input,#zxly_2  textarea {font-size:12px;}
#zxly_2 .button1 {font-size:14px;}
#zxly_1 .gb img {max-width:15%;}
#zxly_2 select {font-size:12px;}
#zxly_2 select {padding-left:1%;padding-right:1%;}
#zxly_2 .input3 {background-size:auto 60%;}
#head .qt a {line-height:80px;}
#top .tou {width:74%;float:right;padding-right:4%;}
}
@media only screen and (max-width:1000px) {#bottom .logo img {height:120px;}
#footer a {font-size:12px;}
#dbbf {font-size:12px;}
#bottom .bq {font-size:12px;}
#dblx ul li h3 {font-size:12px;}
#zxly_1 {width:86%;padding:2.5%  7%}
#zxly_2 .mjxz ul li,#zxly_2 .jhlx ul li {font-size:14px;}
}
@media only screen and (max-width:900px) {#bottom .logo img {height:120px;}
#footer a {font-size:12px;}
#dbbf {font-size:12px;}
#bottom .bq {font-size:12px;width:70%}
#dblx {width:100%;margin-top:2%;}
#dblx ul li h3 {font-size:12px;}
}
@media only screen and (max-width:800px) {#web_so .key {font-size:12px;}
#wxnr .nrdf {width:70%;padding:5%;float:left;margin-left:10%;}
#web_so .so {width:100%;}
#footer a {font-size:12px;}
#zxly_2 .mjxz ul li,#zxly_2 .jhlx ul li {font-size:12px;}
#zxly_2 input,#zxly_2  textarea {font-size:12px;}
#zxly_1 .bt {font-size:16px;font-weight:bold;}
#head .qt {position:absolute;right:60px;}
#head .qt a.so,#head .qt a.so:hover {background:none}
#flash #head {position:relative;}
}
@media only screen and (max-width:700px) {#bottom .logo img {height:80px;}
#bottom .bq {margin-top:1.5%;width:80%}
#zxly_2 select {font-size:12px;}
#zxly_2 .mjxz ul {width:80%;}
}
@media only screen and (max-width:500px) {#bottom .bq {margin-top:1.5%;width:80%}
#footer a.sy {display:none;}
#footer a:after {display:none;}
#footer a {width:32.33%;float:left;margin:0.5%;line-height:1.6;padding-left:0px;background-color:rgba(255,255,255,0.2);padding-right:0px;}
#dbbf {display:none;}
#zxly_2 .jhlx ul {width:60%;}
#zxly_2 .mjxz ul {width:100%;}
#zxly_1 {width:92%;padding:2.5%  4%}
#zxly_1 .bt {font-size:14px;}
#search {right:-40px;}
#head .qt a.so {padding-left:10px;padding-right:10px;}
#head .qt a.so i {font-size:18px;}
}
@media only screen and (max-width:420px) {#bottom .logo {width:100%;margin-left:0px;}
#bottom .logo img {display:block;margin-left:auto;margin-right:auto;}
#bottom .bq {width:100%;}
#zxly_2 .mjxz ul li {font-size:12px;font-weight:normal;}
#zxly_1 {width:96%;padding:2.5%  2%}
#zxly_2 select {padding-left:0.5%;padding-right:0.5%;margin-right:0.5%;}
}
