@charset "utf-8";
body { font-family: 'Microsoft YaHei', '微软雅黑'; font-size: 14px; line-height: 2; font-weight: normal; margin: 0; padding: 0; overflow-x: hidden; min-width: 610px; background: #3fc0fb; color: #FFF; }
html, body, div, p, span, object, h1, h2, h3, h4, h5, h6, a, img, strong, dl, dt, dd, ol, ul, li, form, label, footer, header, nav { margin: 0; padding: 0; }
* { list-style: none; }
a { color: #FFF; text-decoration: none; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
a:hover { color: #FFF; text-decoration: none; }
ul li { list-style: none; }
img { border: none; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.fr { float: right; }
.fl { float: left; }
h1, h2, h3, h4, h5, h6 { line-height: normal; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
.pt15 { padding-top: 15px; }
.pl10 { padding-left: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.main { width: 610px; margin: 0 auto; overflow: hidden; }
img { vertical-align: top; }
.imgs { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s; -moz-transition: -moz-transform 0.7s; -o-transition: -o-transform 0.7s; transition: transform 0.7s; }
.imgs:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/*smzc*/
.smzc{ width:610px; overflow:hidden; margin:0 auto; padding:5% 0;}
.smzc img{ vertical-align:top;}
.smzc .sm_top{ width:100%; overflow:hidden;}
.smzc .sm_top .sml{ width:42%; overflow:hidden; height:auto; display:block; float:left; position:relative;}
.smzc .sm_top .sml dt{ width:100%; overflow:hidden; position:absolute; left:0; bottom:16%;}
.smzc .sm_top .sml dt span{ width:46%; overflow:hidden; margin:0 auto; display:block;}
.smzc .sm_top .sml dd{ width:100%; overflow:hidden;}
.smzc .sm_top .smtxt{ width:53%; overflow:hidden; float:right;}
.smzc .sm_top .smtxt dt{ font-size:24px; font-weight:bolder;}
.smzc .sm_top .smtxt dd{ font-size:18px; line-height:2; padding-top:1.5vw;}
.smzc .apl{ width:100%; overflow:hidden; padding-top:2vw;}
.smzc .apl dt{ font-size:30px; font-weight:bold;}
.smzc .apl dd{ width:100%; overflow:hidden; padding-top:2vw;}
.smzc .apl dd a{ width:45%; height:58px; line-height:58px; display:block; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:3px #FFF solid; text-align:center;}

.smzc .apl dd a.app1{ background:#FFF; color:#3fc0fb; float:left;}
.smzc .apl dd a.app1:hover{ background:rgba(255,255,255,0.9);}

.smzc .apl dd a.app2{ background:#3fc0fb; color:#FFF; float:right;}
.smzc .apl dd a.app2:hover{ color:rgba(255,255,255,0.9);}

.smzc .apl dd a i{ width:12%; height:58px; overflow:hidden; display:inline-block; background-repeat:no-repeat; background-position-x:center; background-position-y:center;}
.smzc .apl dd a span{ width:auto; overflow:hidden; display:inline-block;  font-size:1.5vw; margin-left:10px;}