@charset "utf-8";
/*font style*/
@font-face {
	font-family:'ProximaNova';
	font-stretch:condensed;
	src: url(../font/ProximaNova-Light.otf);
}

body{padding:0; margin:0; font-family:"ProximaNova", sans-serif; color:#1c1b20; }
h2{ font-size:35px; font-weight:normal; text-align:center; margin:100px 0 60px 0;} h2 i{ color:#7f4365;}
h3{ font-size:19px; text-transform:uppercase;}
i,em{ font-style:normal;} 
a{ margin:0; padding:0;}
ul,li,dl,dt,dd{ margin:0; padding:0; list-style:none;}
.f_l{ float:left;} .f_r{ float:right;}
hr{ height:1px; border:0; background:#ccc;}
.clearfix{ clear:both;}

.gototop{position:fixed;_position:absolute; background:url(../images/arrow.png) no-repeat center center #d0d6d9; /*border:1px #111 solid;*/ width:58px;height:58px; line-height:50px; text-align:center; right:10px;_right:-37px;bottom:10px; font-size:14px;}
/*a .gototop { color:#888; text-decoration:none;}  a .gototop:hover{ color:#888; text-decoration:none;}*/

/*nav*/
nav {position:fixed; top:0; left:0; margin:0px auto; width:100%; height:40px;/*line-height:40px;*/ font-size:16px; z-index:2; }
nav .shadow{ position:absolute; top:0; left:0; width:100%; height:40px; background:#fff; opacity:0.57;filter:alpha(opacity=57); box-shadow: 2px 3px 10px #ccc;}
nav .logo{position:relative; width:105px; height:115px; margin:0 0 0 3%; background: url(../images/logo.png) no-repeat -570px 3px #fff; border-radius:0px 0px 3px 3px; box-shadow:2px #eee;}
nav .navlink{ position:relative; margin:0 30px 0 0;}
nav .navlink a.on{color:#ffffff; text-decoration:none; background:#4c284b;}
nav .navlink ul {padding: 0 20px;border-radius: 10px;list-style: none;position: relative;display: inline-table;}
nav .navlink ul li {float: left;}
nav .navlink ul li:hover {color:#fff; text-decoration:none; background:#4c284b;}
nav .navlink ul li:hover a {color: #fff;}
nav .navlink ul li:hover > ul {display: block;}
nav .navlink ul li a {display:block; padding:12px 40px;color:#757575; text-decoration: none;}
nav .navlink ul ul {display: none;}

nav .navlink ul ul {background:#4c284b; border-radius:0; padding:0; position:absolute; top:100%;}
nav .navlink ul ul li {float:none; position:relative; font-size:13px;}
nav .navlink ul ul li a {padding:12px 40px; color:#fff;}   
nav .navlink ul ul li a:hover {background: #663465;}
nav .navlink ul ul ul {position: absolute; left: 100%; top:0;}

.focus{ clear:both; margin:40px 0 0 0; width:100%; height:550px; background:url(../images/top.jpg) top center no-repeat;}
.focus h1{ font-family: "Proxima Nova Extra Bold","Calibri",sans-serif; font-size:50px; font-weight:800; line-height:60px; /*text-shadow:2px 3px 3px #666;*/ text-transform:uppercase;  color:#fff; text-align:center; width:60%; height:auto; margin:0 auto; padding-top:190px;} s
.focus_features{ margin:40px 0 0 0; width:100%; height:540px; background:url(../images/top2.jpg) top center no-repeat;}
.intro{ width:600px; height:auto; margin:0px auto; margin-bottom:130px;}
.intro_logo{ width:170px; height:170px; background:#1c1b20;} .intro_logo em{ display:block; margin:34px; width:100px; height:100px; background:url(../images/icon.png) no-repeat 0 -247px;}
.intro p{ margin-left:210px; line-height:25px; font-size:17px;}
 
.free_button{ padding-top:25px; height:65px; background:#ebeaed;}
.free_button a{ display:block; cursor:pointer;margin:0 auto; width:12%; background:#24c1a8; line-height:40px; text-align:center; color:#fff; text-decoration:none; font-size:18px; text-transform:uppercase; font-weight:bold;/*border-radius:2px;*/}
.free_button a:hover{opacity:0.80;filter:alpha(opacity=80);}
 
.offer{ width:1200px; height:auto; margin:0 auto; margin-bottom:130px;}
.offer hr{ width:25px; height:1px; border:0px; border-bottom:1px #d2d1d2 solid;}
.integrated,.convenient,.discount,.savetime{ width:24%; height:auto; margin:30px 0 0 0; box-sizing:border-box; display:inline-block; text-align:center; vertical-align:top;}
.integrated span,.convenient span,.discount span,.savetime span{ display:block; width:85px; height:85px; margin:0 auto; border:2px #7f4365 solid; /*border:2px #24c1a8 solid;*/ border-radius:50px;}
.integrated p,.convenient p,.discount p,.savetime p{ padding:15px 5px; color:#939394; line-height:20px;}
.integrated em,.convenient em,.discount em,.savetime em{ display:block; width:50px; height:48px; margin:21px 21px;}
.integrated em{background:url(../images/icon.png) no-repeat -10px 3px}
.convenient em{background:url(../images/icon.png) no-repeat -10px -47px}
.discount em{background:url(../images/icon.png) no-repeat -10px -97px}
.savetime em{background:url(../images/icon.png) no-repeat 0px -150px; width:100%; height:100%; margin:0 6px;}

.work{ width:100%; height:auto; background:#ebeaed; padding:10px 0 60px 0;}
.work_logo{ margin:0 auto; width:560px; height:200px; background:url(../images/logo.png) no-repeat 0 0;}

.contact{ width:50%; height:auto; margin:0 auto; margin-bottom:120px;}
.contact dl{}
.contact dt{ font-size:22px; font-weight:bold; line-height:36px; margin:50px 0 10px 0;}
.contact dd{ line-height:25px; font-size:16px}
.contact a{ color:#0066cc; text-decoration:underline} .contact a:hover{ color:#0066cc; text-decoration:none}

.copyright{ background:#1c1b20; padding:30px 0 130px 0; letter-spacing:0.2px;}
.copyright dl{ width:1200px; height:auto; margin:0 auto; color:#706f72;}
.copyright dt{ display:inline-block; margin-right:440px; font-size:25px; font-weight:bold; letter-spacing:-0.2px; vertical-align:top;}
.copyright dd{ display:inline-block; font-size:15px; line-height:23px;}
.copyright .policy{ width:350px; padding:0 40px;}
.copyright .tel{ width:210px; padding:0px 0 0 0;}

@media (max-width:480px){

}