@charset "utf-8";
/* CSS Document */
/*³õʼ»¯*/
body{margin:0;padding:0;font-size:12px;font-family:"ËÎÌå";color:#555;}
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:#2f6bc5; text-decoration:none;}
a:hover{text-decoration:underline;}
/*top*/
#top{width:440px;height:256px;margin:0 auto;margin-bottom:1px;}
.nav{width:440px;height:50px;background:#2f6bc5;}
.logo{width:141px;height:29px;float:left;padding:10px 0 0 16px;}
.banner{width:440px;height:206px;}
.return{width:219px;height:37px;float:left;padding:13px 0 0 64px;}
/*main-1*/
#m1{width:440px;overflow:hidden;margin:0 auto;}
.m1-title{width:440px;height:40px;}
.m1-contant{width:424px;margin:10px auto 0;}
.m1-contant ul{width:424px;overflow:hidden;}
.m1-contant ul li{float:left;}
.m1-li1{width:104px;height:85px;line-height:85px;margin-right:1px;background:#eee;font-size:14px;font-weight:bold;text-align:center;}
.m1-li2{width:319px;height:85px;background:#e5f4fe;}
.m1-li2 p{width:300px;margin:0 auto;line-height:24px;padding-top:8px;}
.m1-li3{width:104px;height:101px;line-height:101px;background:#dedede;font-size:14px;font-weight:bold;text-align:center;margin:1px 1px 1px 0;}
.m1-li4{width:319px;height:101px;background:#cee9fd;margin-top:1px;}
.m1-li4 p{width:300px;margin:0 auto;line-height:24px;padding-top:18px;}
.m1-li5{width:104px;height:114px;line-height:114px;background:#eee;font-size:14px;font-weight:bold;text-align:center;margin:1px 1px 1px 0;}
.m1-li6{width:319px;height:114px;background:#e5f4fe;margin-top:1px;}
.m1-li6 p{width:300px;margin:0 auto;line-height:24px;padding-top:12px;}
.m1-btn{width:256px;height:28px;margin:10px auto;}
/*main-2*/
#m2{width:440px;overflow:hidden;margin:0 auto 10px;}
#m2 ul{width:440px;overflow:hidden;}
#m2 ul li{width:225px;height:20px;padding:98px 0 0 215px;}
#m2 ul li a{width:169px;height:12px;display:block;}
.m2-li1{background:url(../images/m2-pic1.jpg) no-repeat;}
.m2-li2{background:url(../images/m2-pic2.jpg) no-repeat;}
.m2-li3{background:url(../images/m2-pic3.jpg) no-repeat;}
.m2-li4{background:url(../images/m2-pic4.jpg) no-repeat;}
/*main-3*/
#m3{width:440px;overflow:hidden;margin:0 auto;}
.m3-contant{width:424px;margin:20px auto 10px;}
.m3-btn{width:181px;height:27px;margin:10px auto 0;}
/*main-4*/
#m4{width:440px;overflow:hidden;margin:0 auto;}
.m4-title{width:440px;height:79px;margin-bottom:15px;}
.m4-c1{width:440px;height:307px;background:url(../images/m4-bg.jpg) no-repeat;margin-bottom:27px;}
.m4-l{width:154px;height:73px;float:left;padding:234px 0 0 40px;}
.m4-r{width:246px;height:291px;float:left;line-height:24px;padding-top:16px;}
.m4-r p{width:232px;}
.red{color:#bb0400;}
.m4-r p span{color:#bb0400;font-weight:bold;}
.m4-c2{width:428px;height:265px;margin:0 auto 18px;}
/*main-5*/
#m5{width:440px;overflow:hidden;margin:0 auto;}
.m5-title{width:427px;height:45px;margin:0 auto 30px;}
.m5-contant{width:424px;overflow:hidden;margin:0 auto;}
.m5-contant li{width:210px;float:left;line-height:24px;margin:0 4px 17px 0;}
.m5-contant li p{padding:4px 0 0 5px;}
.m5-contant .no-margin{margin-right:0;}
/*main-6*/
#add{width:440px;height:190px;margin:0 auto;*margin-top:15px;}


.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);}}