@charset "utf-8";
/* CSS Document */
/*初始化*/
body{margin:0;padding:0;font-size:12px;font-family:"宋体";color:#666;}
h1,h2,h3,h4,h5,h6,p,ul,li,ol,img,input,dl,dt,dd{margin:0; padding:0; border:none; list-style:none;}
a:link,a:visited{color:#fff; text-decoration:none;}
a:hover{text-decoration:underline;}
/*top*/
#top{width:407px;height:41px;margin:0 auto;background:url(../images/top-bg.jpg) no-repeat;padding:168px 0 0 28px;}
/*main-1*/
#m1{width:435px;overflow:hidden;margin:0 auto;}
.m1-title{width:435px;height:31px;line-height:31px;background:url(../images/m1-title.jpg) no-repeat left center #0ca4c4;}
.m1-title a{float:right;margin-right:23px;}
.m1-contant{width:423px;height:103px;background:#ebfaff;padding:16px 0 0 13px;}
.m1-contant li{margin-bottom:10px;}
.m1-contant span{display:inline-block;font-size:14px;color:#fff;width:40px;height:20px;text-align:center;background:#f14b4b;font-family:"微软雅黑";margin-right:11px;}
/*main-2*/
#m2{width:435px;overflow:hidden;margin:0 auto;}
.m2-title{width:435px;height:31px;line-height:31px;background:url(../images/m2-title.jpg) no-repeat left center #0ca4c4;}
.m2-title a{float:right;margin-right:23px;}
.m2-contant{width:435px;height:193px;background:#ebfaff;padding-top:18px;}
.m2-contant li{float:left;margin-left:10px;_margin-left:7px;}
.m2-contant li h3{color:#0ca4c4;font-size:12px;}
.m2-contant li h3 span{width:26px;height:26px;display:inline-block;text-align:center;line-height:26px;margin-right:5px;font-family:"SimHei";color:#fff;font-size:18px;background:url(../images/m2-icon.jpg) no-repeat;margin-bottom:5px;}
.m2-contant li p{width:132px;line-height:24px;}
.m2-contant a:link,.m2-contant a:visited{color:#f00; text-decoration:none;}
.m2-contant a:hover{text-decoration:underline;}
/*main-3*/
#m3{width:435px;overflow:hidden;margin:0 auto;}
.m3-title{width:435px;height:31px;line-height:31px;background:url(../images/m3-title.jpg) no-repeat left center #0ca4c4;}
.m3-title a{float:right;margin-right:23px;}
.m3-c1{width:423px;height:140px;background:#ebfaff;padding:22px 0 22px 12px;}
.m3-c2{width:435px;background:#ebfaff;}
.m3-c2-t{width:335px;height:41px;margin:0 auto 8px;}
.m3-c2 p{width:408px;height:85px;line-height:24px;margin:0 auto;}
.m3-c2 p a:link,.m3-c2 p a:visited{color:#f00; text-decoration:none;}
.m3-c2 p a:hover{text-decoration:underline;}
/*main-4*/
#m4{width:435px;overflow:hidden;margin:0 auto;}
.m4-title{width:435px;height:31px;line-height:31px;background:url(../images/m4-title.jpg) no-repeat left center #0ca4c4;}
.m4-title a{float:right;margin-right:23px;}
.m4-contant{width:435px;padding:13px 0;background:#ebfaff;overflow:hidden;}
.m4-contant li{float:left;margin-left:9px;width:205px;height:184px;background:#c4f5ff;padding-top:43px;position:relative;_display:inline;}
.m4-contant p{width:181px;line-height:24px;margin:0 auto;}
.m4-contant li a:link,.m4-contant li a:visited{color:#f00; text-decoration:none;}
.m4-contant li a:hover{text-decoration:underline;}
.li2 p{width:193px;}
.m4-contant li span{width:83px;height:35px;display:block;font-size:14px;font-family:"微软雅黑";line-height:29px;background:url(../images/m4-icon.gif) no-repeat;position:absolute;top:8px;left:-5px;color:#fff;padding-left:7px;}



.bottomSectionNav { margin-top:10px; text-align: center; line-height: 1.2em; margin-bottom:10px;  height: 118px; }
.bottomSectionNav a { color: #666; display: block; }
.bottomSectionNav a:before { content: ""; display: block; margin: 0 auto; width: 45px; height: 38px; background: url("/imageses/bottomSectionNav.png") no-repeat; -webkit-background-size: 179px auto; background-size: 179px auto; }
.bottomSectionNav li { width: 25%; float: left; }
.bottomSectionNav li:nth-of-type(1) a:before { background-position: 0 0; }
.bottomSectionNav li:nth-of-type(2) a:before { background-position: -45px 0; }
.bottomSectionNav li:nth-of-type(3) a:before { background-position: -90px 0; }
.bottomSectionNav li:nth-of-type(4) a:before { background-position: -135px 0; }

footer { -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.08);  z-index:1; overflow: hidden; border-top: 1px solid #cccfd5; height: 55px; position: fixed;  margin-top:00px;bottom: 0; left: 0; width: 100%; text-align: center; font-size: 14px; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#C5F7EF)); background: -webkit-linear-gradient(top, white, #C5F7EF); background: linear-gradient(to bottom, white, #C5F7EF); }
footer ul { display: table; table-layout: fixed; width: 100%; }
footer li { display: table-cell; fixed; width: 25%; }
footer li:nth-of-type(1) a:hover:before, footer li:nth-of-type(1) a:active:before, footer li:nth-of-type(1) a.active:before { background-position: 0 -35px; }
footer li:nth-of-type(1) a:before { background-position: 0 0; }
footer li:nth-of-type(2) a:hover:before, footer li:nth-of-type(2) a:active:before, footer li:nth-of-type(2) a.active:before { background-position: -38px -35px; }
footer li:nth-of-type(2) a:before { background-position: -38px 0; }
footer li:nth-of-type(3) a:hover:before, footer li:nth-of-type(3) a:active:before, footer li:nth-of-type(3) a.active:before { background-position: -76px -35px; }
footer li:nth-of-type(3) a:before { background-position: -76px 0; }
footer li:nth-of-type(4) a:hover:before, footer li:nth-of-type(4) a:active:before, footer li:nth-of-type(4) a.active:before { background-position: -114px -35px; }
footer li:nth-of-type(4) a:before { background-position: -114px 0; }
footer a { padding-bottom:5px; position: relative;z-index:2; display: block; color: #339693; }
footer a:before { content: ""; display: block; margin: 0 auto; width: 38px; height: 37px; background: url("/imageses/icons.png") no-repeat; -webkit-background-size: 188px auto; background-size: 188px auto; }
footer a:hover, footer a:active, footer a.active { background: #dfdfdf; color: #ff7500; }
footer .flashNo { position: absolute; right: 5px; top: 5px; width: 18px; height: 18px; background: #d7000e; color: #fff; font-family: arial; line-height: 18px; border-top-left-radius: 9px;border-top-right-radius: 9px;border-bottom-left-radius: 9px;border-bottom-right-radius: 9px;border-radius:9px; -webkit-animation: flash 2s infinite; animation: flash 2s infinite; }
a[href*="tongji"] {display:none;}



.popupWin2 { font-family: "Microsoft YaHei"; position: fixed; width: 242px; left: 50%; top: 50%;margin-left: -121px; margin-top: -67px; z-index: 3; }
.popupWin2 a{ text-decoration:none; }
.popupWin2 p {margin:0;}
.popupWin2 .l{ float:left; }
.popupWin2 .r{ float:right; }
.popupWin2 i{ font-style:normal; }
.popupWin2>div{  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.popupTitle2 { padding-left: 32px; margin:0; background: #04807c; height: 30px; line-height: 30px; color: #fff; position: relative;font-size:16px; }
.popupTitle2 span{ font-size:12px; }
.popupTitle2 .titleMsg{display: inline-block;position:absolute;right:6px;top:2px;width: 32px; height: 100%; margin-left: 2px; background: url("/imageses/icon_popup.png"/*tpa=http://3g.changyan120.com/images/icon_popup.png*/) no-repeat; -webkit-background-size: 61px auto; background-size: 61px auto; }
.popupTitle2 .cancelBtn { position: absolute; top: 0; left: 0; display: block; width: 28px; height: 100%; background: url("/imageses/icon_popup.png") no-repeat -32px 2px #047672; -webkit-background-size: 61px auto; background-size: 61px auto; }
.popupInner2 { padding: 8px; background: #f2f2f2; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.popupInner2 img { width: 56px; height: auto; }
.popupInner2 .dialogBtn { line-height: 1em; width: 150px; background: #fff; padding: 8px; font-size: 12px; color: #666; white-space: nowrap; position: relative; border: 1px solid #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.popupInner2 .dialogBtn i { display: block; color: #ff7500; margin-top: 10px; text-decoration: underline; }
.popupInner2 .dialogBtn:before, .popupInner2 .dialogBtn:after { width: 0; height: 0; content: ""; position: absolute; right: 10px; border: 6px solid transparent; }
.popupInner2 .dialogBtn:before { border-top-color: #fff; bottom: -10px; z-index: 1; }
.popupInner2 .dialogBtn:after { border-top-color: #e9e9e9; bottom: -11px; z-index: 0; }
.popupInner2 .popB { margin: 10px 0 0 0; }
.popupInner2 .popB p { font-size: 14px; padding-top: 6px; color: #666; }
.popupInner2 .popB .flashNo { display: inline-block; width: 14px; height: 14px; vertical-align: middle; background: #ff7500; text-align: center; color: #fff; line-height: 14px; font-family: arial; -webkit-animation: flash 1s infinite; animation: flash 1s infinite; }
.popupInner2 .replyQuickly {-webkit-animation:zooming 1s infinite; animation:zooming 1s infinite; display: inline-block; width: 72px; height: 26px; line-height: 24px; text-align: center; background: #04807c; color: #fff; font-size: 14px; border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-radius:2px; -webkit-box-shadow: inset 0 -2px 1px #014441; box-shadow: inset 0 -2px 1px #014441; }

.phoneForm { margin-top:10px; }
.phoneForm form{padding:0 55px 0 0;position:relative}
.phoneForm form input{ -webkit-appearance:none;appearance:none; }
.phoneForm form input:nth-of-type(1){-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:28px;line-height:normal;border-radius:5px;border:solid 1px #cdcdcd;font-size:12px;padding-left:5px;padding-right:5px;color:#666}
.phoneForm form input:nth-of-type(2){padding:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;border:none;width:59px;height:25px;background:#FF8800;border-radius:3px;color:#fff;margin-left:-4px;font-size:12px;-webkit-box-shadow:0 2px 0 #b25e00;box-shadow:0 2px 0 #b25e00;position:absolute;right:0;top:0;cursor:pointer;}

.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.fadeScale{opacity:0;-webkit-transform:scale(0.3,0.3);transform:scale(0.3,0.3);}
.fadeOut{opacity:0;}
.fadeUp{opacity:0;-webkit-transform:translate(0,-100px);transform:translate(0,-100px);}
.flipX{opacity:0; -webkit-transform: rotateX(90deg);transform: rotateX(90deg);}
.flipY{opacity:0; -webkit-transform: rotateY(90deg);transform: rotateY(90deg);}
@-webkit-keyframes flash { 0%,40%,100% { opacity: 1; }  50%,90% { opacity: 0; } }
@keyframes flash { 0%,40%,100% { opacity: 1; }  50%,90% { opacity: 0; } }
@-webkit-keyframes zooming{ 0%      {-webkit-transform: scale(.8);} 50%     {-webkit-transform: scale(1.05); text-shadow:0 0 5px white; } 100%    {-webkit-transform: scale(.8);}}
@keyframes zooming{0%      {-webkit-transform: scale(.8);} 50%     {-webkit-transform: scale(1.05); text-shadow:0 0 5px white;} 100%    {-webkit-transform: scale(.8);}}