html, body {width:100%;margin:0;padding:0;border:0;font-size:16px;text-align:center;background:#d9edf6 url(../images/header_bg.jpg) no-repeat center top;}
* {font-family:"Microsoft YaHei", "verdana", "sans-serif";box-sizing:border-box;-webkit-box-sizing:border-box;}
a:link, a:active, a:visited  {color:#fff;text-decoration:none;}
a:hover {color:#FF6347;}
ul, li, ol, dt, dd, dl, h1, h2, hr {margin:0;padding:0;list-style:none;}
.clear {clear:both;}
img {max-width:100%;}

#all {width:100%;transform: translateZ(0);background:url(../images/loading.gif) no-repeat center 280px;}

#top {width:100%;height:42px;background:#fff url(../images/topbg.jpg) repeat-x center bottom;color:#000;font:12px/38px verdana;}
#top a {color:#000;}
#top a:hover {color:#FF6347;}
#top .main {margin:0 auto;}
#top .left, #top .right {width:100%;float:left;text-align:left;}
#top .right{display:none;}
#top h3 {font:12px/38px verdana;margin:0;}

#head {height:152px;margin:0 auto;background:url(../images/logo.png) no-repeat left center;text-align:right;color:#fff;}
#topTel {display:none;}
#topTel .num {}

#menu {width:100%;margin:0 auto;height:auto;background:url(../images/menubg.jpg) repeat 0 0;}
#menu ul, #foot ul {height:100%;margin:0 auto;}
#menu li {float:left;height:100%;width:25%;font:15px/43px verdana;border-right:1px solid #15A1EE;}
#menu a:link, #menu a:active, #menu a:visited  {color:#fff;text-decoration:none;display:block;width:100%;height:100%;border-right:1px solid #016DCA;
	transition: all 0.2s ease-in;background:url(../images/menubg.jpg) repeat center center;}
#menu .hover a {background:url(../images/menuhv.jpg) no-repeat center center;}
#menu li:nth-child(4n+4), #menu li:nth-child(4n+4) a {border-right-width:0;}

#banner {width:100%;height:159px;}
#top .main, #head, #main {width:100%;padding:0 5px;}
#banner .box, #banner .content li, #banner .titBg, #banner .tit, #banner .count {width:100%;}
#banner .box {height:100%;margin:0 auto;overflow:hidden;}
#banner .content {width:500%;height:100%;margin:0;padding:0;height:100%;}
#banner .content li {width:20%;float:left;height:159px;background-repeat:no-repeat;background-position:center;display:block;background-size:cover;}
#banner .content img {height:100%;width:100%;border:0;margin:0 auto;}
#banner .titBg, #banner .tit, #banner .prev, #banner .next {;display:none;}
#banner .count {position:absolute;height:10px;text-align:center;font-size:0px;}
#banner .count a {width:25px;height:100%;background:#000;color:#fff;display:inline-block;margin:0 3px 0 3px;}
#banner .li1 {background-image:url(../images/Mban_6.jpg);}
#banner .li2 {background-image:url(../images/Mban_8.jpg);}
#banner .li3 {background-image:url(../images/Mban_5.jpg);}
#banner .li4 {background-image:url(../images/Mban_7.jpg);}
#banner .li5 {background-image:url(../images/Mban_9.jpg);}

#top, #banner .prev, #banner .next, #banner .titBg, #banner .count a {filter:Alpha(opacity=50);opacity:0.5;transition: all 0.5s;}
#banner .prev:hover, #banner .next:hover, #banner .count a:hover, #tools:hover, #tools, #menu, #main .msglink {filter:Alpha(opacity=90);opacity:0.9;}

#mainbg {width:100%;background:#d9edf6 url(../images/Mbg.jpg) no-repeat center 0;}
#main {margin:0 auto;padding-top:5px;}
#main a:link, #main a:active, #main a:visited  {color:#5F9EA0;text-decoration:none;}
#main a:hover {color:#FF8C00;}

#main .left {width:100%;}
#main .right {width:100%;}

#main .tit {width:100%;height:52px;border-bottom:3px solid #3d484e;
	line-height:52px;text-align:left;text-indent:32px;color:#778899;background:#fff url(../images/li.png) no-repeat 10px center;font-weight:bold;}
#main .t1 {border-color:#3d484e;color:#3d484e;}
#main .t2 {border-color:#20B2AA;color:#20B2AA;}
#main .t3 {border-color:#556B2F;color:#556B2F;}
#main .t6 {border-color:#6a48d7;color:#6a48d7;}
#main .t5 {border-color:#015666;color:#015666;}
#main .t4 {border-color:#B22222;color:#B22222;}
#main .t7 {border-color:#FF8C00;color:#FF8C00;}
#main .t8 {border-color:#5F9EA0;color:#5F9EA0;}

#main .tit label {display:block;height:100%;float:left;font:28px/52px verdane;}
#main .tit span {display:block;width:60px;height:100%;float:right;padding-right:7px;}
#main .tit a {display:block;background:url(../images/more.png) no-repeat right 0;margin-top:32px;width:100%;height:13px;}
#main .link a:link, #main .link a:active, #main .link a:visited {color:#777;}
#main .tit a:hover, #main .link a:hover {color:#FF6347;}
#main .content {margin-bottom:5px;line-height:33px;padding:10px 10px;background-color:#fff;text-align:left;overflow:hidden;}
#main ul, #main dl, #tools ul {margin:0;padding:0;}
#main li, #main dt, #main dd {list-style:none;padding:0;margin:0;display:block;}
#main dt, #main dd {float:left;font:15px/35px verdana;overflow:hidden;border-bottom:1px dashed #ccc;}
#main .cls li {background:#fafafa url(../images/list1.png) no-repeat 20px center;text-indent:45px;border:1px solid #ccc;border-radius:8px;margin:0 0 10px 0;transition: all 0.5s;}
#main .cls li:hover {background-color:#ddd;border-color:#aaa;transform:scale(1.05);}
#main .left .last {margin:0;}
#main .notice {height:116px;}
#main .notice marquee {height:100%;}
#main .contact dt {width:20%;text-align:right;background:url(../images/cli.png) no-repeat left center;}
#main .contact dd {width:80%;text-align:left;font:12px/35px verdana;}
#main .contact {padding-bottom:280px;background:#fafafa url(../images/contact_bg.jpg) no-repeat right bottom;}

#main .company {width:100%;height:auto;}
#main p {text-indent:2em;margin:0;padding:0;width:100%;display:inline-block;}
#main .right dt {width:85%;text-align:left;background:url(../images/newsli.png) no-repeat left center;text-indent:20px;}
#main .right dd {width:15%;text-align:right;font:12px/35px verdana;}
#main .rright dt {background-image:url(../images/helpli.png);}
#main .rleft dt, #main .rright dt {white-space:nowrap;text-overflow:ellipsis;}

/*************news,help************/
#main .rleft {width:100%;}
#main .rright {width:100%;}
#main .news, #main .help {background:#fff url(../images/newstit.jpg) no-repeat center top;padding-top:98px;height:160px;background-size:100% 100%;transition: all 0.5s;}
#main .help {background-image:url(../images/helptit.jpg);}
#main .news:hover, #main .help:hover {background-size:110% 110%;filter:Alpha(opacity=80);opacity:0.8;}

/*************imglist**************/
#main .prolist {width:100%;height:100%;overflow:hidden;}
#main .prolist ul {width:2200%;height:100%;transition:all 0;}
#main .prolist li {float:left;width:180px;height:180px;overflow:hidden;margin:0 5px 0 0;border:2px solid #d9edf6;}
#main .prplist a {display:block;height:100%;height:100%;overflow:hidden;}
#main .prolist img {width:180px;height:180px;font-size:0;transition:all 0.5s;border:0;}
#main .prolist img:hover {transform:scale(1.2);}

/*************link*****************/
#main .link {padding-bottom:0;}
#main .link li {float:left;padding:0 8px;margin:0 10px 10px 0;background:#f3f3f3;border-radius:5px;transition:all 0.5s;}
#main .link li:hover {background:#000;transform:scale(1.2);}

/***********msglink***************/
#main .msglink {padding:0;height:88px;overflow:hidden;background:transparent;}
#main .msglink li {display:block;width:33.333333333%;float:left;height:88px;text-align:center;color:#fff;font:0/188px verdana;overflow:hidden;
	background-repeat:no-repeat;background-position:center center;background-size:48px;transition: all 0.5s;/*opacity:0;*/opacity:10\9;}
#main .msglink .msg {background-color:#FF8C00;background-image:url(../images/msgico.png);}
#main .msglink .qq {background-color:#1b339e;background-image:url(../images/qqico.png);}
#main .msglink .wx {background-color:#3ba3d0;background-image:url(../images/wxico.png);}
#main .msglink li:hover {background-size:36px;background-position:center 8px;font:16px/128px verdana;background-color:#23201d;}
#main .msglink li span {transition: all 0.5s;border-radius:0 0 2px 2px;display:none;position: absolute;width:155px;line-height:62px;margin-top:-40px;padding: 0 10px;background: #23201d;color: #ffffff;}
#main .msglink .wx span {width:200px;margin-left:calc(33.333333333% - 203px);}
#main .msglink .wx img {display: block;margin-top: 10px;padding-bottom:10px;width:200px;height:200px;}
#main .msglink li:hover span{display:block;}

/************foot*****************/
#foot {width:100%;height:250px;background:url(../images/footbg.jpg) no-repeat center bottom;color:#fff;font-size:11px;padding-top:16px;}
#foot .blink, #foot .copy {width:100%;}
#foot .blink {height:16px;padding:5px 0;display:none;}
#foot .copy {padding-top:115px;font:11px/18px verdana;margin:10px auto;text-align:center;height:130px;background:url(../images/logofoot.png) no-repeat center 18px;}
#foot span {display:none;}

/**************tools*************transform: rotateY(180deg);*/
#tools {position:fixed;*position:absolute;display:none;right:0;bottom:50%;margin-bottom:-96px;transition: all 0.5s;}
#tools ul li {transition: all 0.5s;border-radius: 2px;display:block;
	cursor: pointer;position: relative;width: 62px;height: 62px;margin: 1px;background: #FF9201 url(../images/tools-ico.png) no-repeat;}
#tools .tel {background-position: center -22px;}
#tools .wx {background-position: center 21px;}
#tools .qq {background-position: center -69px;}
#tools .top {background-position: center -115px;display:none;}
#tools ul li span {transition: all 0.5s;border-radius:2px;display: block;position:absolute;right:63px;width:155px;line-height:62px;padding:0 10px;background:#23201d;color:#ffffff;*display:none;margin-right:-300px;}
#tools .wx span {width:200px;}
#tools .wx img {display: block;margin-top: 10px;padding-bottom:10px;width:200px;height:200px;}
#tools li:hover {background-color:#23201d;}
#tools li:hover span{margin-right:0;*display:block;}

/*************mainbanner*********/
#bannerchird {height:200px;background-position:center center;background-color:#0C4978;text-align:center;}
#bannerchird div {height:76px;width:100%;font:bold 46px/66px verdana;margin:0 auto;text-align:center;letter-spacing:10px;
	padding-top:70px;color:#fff;text-shadow:2px 2px 0 #777;}
@keyframes startdiv {0% {opacity:0;transform:translateY(60px);}}
.bannerchird1 {background-image:url(../images/Mmainbannerbg1.jpg);}
.bannerchird2 {background-image:url(../images/Mmainbannerbg7.jpg);}
.bannerchird3 {background-image:url(../images/Mmainbannerbg2.jpg);}
.bannerchird4 {background-image:url(../images/Mmainbannerbg3.jpg);}
.bannerchird5 {background-image:url(../images/Mmainbannerbg4.jpg);}
.bannerchird6 {background-image:url(../images/Mmainbannerbg5.jpg);}
.bannerchird7 {background-image:url(../images/Mmainbannerbg6.jpg);}

/**************mainbody***********/
#main .map {border-style:solid;border-color:#016DCA;border-width:1px 10px 1px 10px;font:12px/22px verdana;border-radius:3px;background:#d9edf6 url(../images/tit1.png) no-repeat 6px center;padding-left:30px;}
#main .body {border-style:solid;border-color:#777;border-width:10px 0 10px 0;padding:10px 10px;border-radius:3px;}
#main .body h1 {font:normal 18px/32px verdana;text-align:center;padding:10px 0;}
#main .body .line {font-size:0;height:0px;border-bottom:1px dashed #ccc;margin-bottom:20px;background:#fff;overflow:hidden;clear:both;}
#main .body .center {text-align:center;text-indent:0;}
#main .body p {margin-bottom:20px;background:#fff;}
#main .body .time, #main .body .author, #main .body .count {font-size:12px;line-height:24px;height:24px;color:#ccc;background:url(../images/time.png) no-repeat left 4px;text-indent:20px;float:left;}
#main .body .time {margin-right:20px;}
#main .body .author {background-image:url(../images/author.png);float:right;}
#main .body .count {background-image:url(../images/count.png);}
#YApi_Fx {text-indent:20px;float:left;padding-top:8px;line-height:12px;color:#ccc;display:none;}
#mainbg .child .t3, #mainbg .child .contact {display:none;}
#main .body .tab {border:0px;border-collapse:collapse;font-size:16px;text-align:center;line-height:28px;margin:0 auto;}
#main .body .tab th, #main .body .tab td {border:1px solid #f60;padding:8px;}
#main .body .tab th {font-weight:bold;border-top-width:8px;}
#main .body .tab td {text-align:center;}
#main .audplay {text-align:center;margin-top:-10px;}
#main .audplay a {display:inline-block;height:42px;margin:0 auto;background:#f3f3f3 url(../images/auoplay.png) no-repeat 5px center;
	text-indent:52px;text-align:left;line-height:42px;border:1px solid #fafafa;border-radius:8px;padding-right:15px;}
#main .audplay .play {background-image:url(../images/auopause.png);}

/**************listbody**********/
#main .body dt, #main .body dd {display:block;height:100px;border:0;margin-bottom:20px;}
#main .body dt {width:30%;background:#515c6b;text-align:center;text-indent:0;color:#fff;}
#main .body dd {height:100px;width:70%;text-align:left;padding-left:13px;line-height:22px;word-wrap:break-word;}
#main .body dt b {font-size:28px;font-weight: bold;position:relative;top:10px;}
#main .body dt hr {background-color:#fff;border: medium none;height: 1px;position: relative;top:10px;width: 80%;margin:0 auto;}
#main .body dt i {font-size:14px;position: relative;top:10px;}
#main .body dd a {font-size:14px;display:block;}
#main .body dd a:hover {color:#000;}
#main .body dd b {color: #777;font-size:14px;display:block;}
#main .body dd i {color: #ccc;font-size:14px;display:block;}
#main .page {width:100%;text-align:center;}
#main .page ul {padding-bottom:10px;margin:0 auto;display:inline-block;*display:inline;*zoom:1;}
#main .page li {display:block;float:left;margin-right:5px;padding:5px 10px;background:#f3f3f3;font:14px/22px verdana;transition: all 0.5s;border-radius:3px;}
#main .page li:hover {background:#515c6b;transform:scale(1.2);}
#main .page li:first-of-type, #main .page li:nth-child(2) {display:none;}
#main .prevNext {font:14px/26px verdana;padding-bottom:20px;}
/**************imageslist********/
#main .body .imageslist dt {width:100%;height:auto;background:#f3f3f3;border:5px solid #fff;padding:10px;border-radius:10px;transition: all 0.5s;color:#777;}
#main .body .imageslist dt img {max-width:100%;border-radius:5px;border:3px solid #eee;}
#main .body .proImage {text-align:center;text-indent:0;}
#main .body .proImage img {border:5px solid #fff;border-radius:8px;box-shadow: 0 0 15px #ccc;}
/**************contactdl*********/
#main .contactdl {padding-bottom:20px;}
#main .contactdl dt, #main .contactdl dd{height:55px;float:left;line-height:55px;margin-bottom:2px;font-size:16px;}
#main .contactdl dt {font-size:12px;width:23%;color:#777;text-align:right;padding-right:5px;background:#efefef;}
#main .contactdl dt span {border-right:5px solid #065883;}
#main .contactdl dd{width:77%;background:#fafafa;text-align:left;word-wrap:break-word;}
#main .contactdl dd:last-of-type {}
/**************msgForm***********/
#main .msgForm dt, #main .msgForm dd {line-height:22px;height:auto;padding:5px;clear:both;width:100%;text-align:left;background:#fff;}
#main .msgForm dt {font-size:16px;}
#main .msgForm input[type="radio"] {width:16px;height:16px;display: inline-block;border-radius:0;}
#main .msgForm dt span {border-right:0;border-left:5px solid #065883;padding-left:10px;}
#main .msgForm .txt, #main .msgForm textarea {border:1px solid #ccc;padding:0 5px;outline:none;font-size:16px;border-radius:5px;width:100%;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#f1f1f1;}
#main .msgForm .txt:focus, #main .msgForm textarea:focus {border:1px solid #aaa;background:#ffffee;}
#main .msgForm .txt {height:45px;line-height:45px;}
#main .msgForm textarea {overflow:auto;height:150px;padding:5px;resize: none;line-height:22px;}
#main .msgForm .but {display: inline-block;outline:none;background: #444;width:50%;margin-left:25%;height:40px;color: #fff;border-radius: 22px;text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	font: 400 18px/32px "microsoft yahei";box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1), 0px 1px 1px rgba(0,0,0,0.18); border: 1px solid #418ada;
    background-image: linear-gradient(to top, #61a6f5 15%, #4090ec 100%);}
#main .msgForm .but:hover {background-color: #3b7fd6;border:1px solid rgba(0,0,0,0.28);text-shadow:0px -1px 1px rgba(0,0,0,0.7);
	background-image: linear-gradient(to top, #4090ec 10%,#3467b7 100%);}
	
/********************************************/
/*#main .tit, #main .content, #main .news, #main .help ,#bannerchird, #banner, #main .body *:not(dl), #main .body * *:not(ul) {}*/
@keyframes loadDiv0 {from {opacity:0;transform:rotateX(180deg) scale(0);}}
@keyframes loadDiv1 {from {opacity:0;transform:rotateX(-180deg) scale(0);}}
@keyframes loadDiv2 {from {opacity:0;transform:rotateY(-180deg) scale(0);}}
@keyframes loadDiv3 {from {opacity:0;transform:rotateY(180deg) scale(0);}}
@keyframes loadDiv4 {from {opacity:0;transform:rotateZ(180deg) scale(0);}}
@keyframes loadDiv5 {from {opacity:0;transform:rotateZ(-180deg) scale(0);}}
@keyframes loadDiv6 {from {opacity:0;transform:translateX(-200px);}}
@keyframes loadDiv7 {from {opacity:0;transform:translateX(200px);}}
@keyframes loadDiv8 {0% {opacity:0;transform:translateY(600px);} 30% {opacity:0.3;transform:translateY(-30px);}}
@keyframes loadDiv9 {30% {opacity:0.7;transform:translateY(30px);} 100% {opacity:0.1;transform:translateY(-600px);}}

/******************$.alert*******************/
.talert {width:100%;height:100%;text-align:center;position:fixed;top:0;display:none;}
.talert .bg {width:100%;height:100%;background:#000;filter:Alpha(opacity=50);opacity:0.5;position:absolute;top:0;}
.talert .body {width:80%;background:#f3f3f3;position:absolute;top:50%;left:10%;margin-top:-150px;border-radius:5px;cursor:default;box-shadow: 0 0 15px #000;text-shadow:1px 1px 0 #fff;}
.talert .text {padding:20px;line-height:36px;border-bottom:1px solid #aaa;}
.talert .foot {width:100%;height:50px;background:#ddd;border-top:1px solid #fafafa;font:20px/46px verdana;color:green;border-radius:0 0 5px 5px;transition: all 0.7s;}
.talert .foot:hover {background:#252a2e;color:#ccc;text-shadow:1px 1px 0 #000;}