@import "base.css";

@font-face {
    font-family: 'unmnunmn';
    src: url('fonts/unmnhost.eot');
    src: url('fonts/unmnhost.eot?#iefix') format('embedded-opentype'),
         url('fonts/unmnhost.woff2') format('woff2'),
         url('fonts/unmnhost.woff') format('woff'),
         url('fonts/unmnhost.ttf') format('truetype'),
         url('fonts/unmnhost.svg#unmnunmn') format('svg');
    font-weight: normal;
    font-style: normal;
 }

#banner{ height:250px;}
.contit{ height:30px; border-left:6px solid #e82521; padding-left:20px}
.contit h3{ height:30px; line-height:30px; font-size:24px}

.vtit{ background:#fff; box-shadow:1px 2px 3px #dededf; height:80px; font-size:18px; text-align:center}
.vtit a{ display:block; height:72px; border-bottom:5px solid #fff; width:100%; line-height:72px;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vtit a:hover{ background:#f8f8f8}
.vtit a.on{border-color:#e8251e; color:#e8251e}

.tab_con{ background:url(img/emailbg.jpg) no-repeat right bottom; height:305px}
.tab_con li{line-height:35px; font-size:14px; clear:both; padding:20px 0 0} 

.tab_con li .tit{ width:75px; position:relative; padding:0 0 0 30px; height:35px; line-height:35px}
.tab_con li .tit b{ font-family:'unmnunmn';font-weight:normal; font-size:24px; display:block; position:absolute; width:24px; height:24px; left:0; top:2px; font-style:normal; color:#c0c0c0}
.tab_con li .con{ width:520px}
.red{ color:#e8251e}
.mail_gn b{ display:block; background:url(img/images_20.jpg) no-repeat 0 12px; height:35px; line-height:35px; padding:0 25px 0 20px; float:left; font-weight:normal; color:#606060; }

.J_radio{}
.J_radio label{ float:left; display:block; margin:2px 10px 0 0;}
.J_radio label a{ display:block; border:2px solid #dededf; padding:0 15px; font-size:14px; line-height:30px; position:relative; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.J_radio label a:hover{ border-color:#535677; color:#535677}
.J_radio label.on a{ color:#e82521; border-color:#e82521}
.J_radio label a i{ display:none; background:url(img/is_cur.png) no-repeat; position:absolute; width:12px; height:12px; right:0; bottom:0}
.J_radio label.on a i{ display:block}
.mail_num { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#202020; font-weight:bold}

.mail_price { font-size:14px; color:#202020; font-weight:bold}
.mail_price b{ font-size:28px; color:#e82521; font-family:Arial, Helvetica, sans-serif; padding-right:5px; font-weight:normal}
.buy { padding-left:30px}
.buy a.bnt{ padding:10px 25px; font-weight:normal}
.buy a.bnt i{font-family:'unmnunmn'; font-weight:normal; padding-right:5px; font-size:24px; font-style:normal}


.boxico{}
.boxico li{ float:left; width:312px; display:inline; margin:30px 0 0 32px}
.boxico li.frist{ margin-left:0}
.boxico .img{ font-family:'unmnunmn'; font-size:36px; color:#a0a0a0; width:50px; text-align:center; line-height:60px; padding:25px 0 0;-webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.boxico .con{ width:252px;}
.boxico .con h3{ height:45px; line-height:45px; font-weight:normal; font-size:18px; color:#202020}
.boxico .con p{ font-size:12px; line-height:18px; height:54px; overflow:hidden; color:#606060; }
.boxico li:hover .img{ color:#e8251e; font-size:48px}
.boxico li:hover .con h3{ color:#000}
.boxico li:hover .con p{ color:#404040}
.line{ height:30px; border-bottom:1px dotted #c0c0c0; clear:both;}