@import "base.css"/*tpa=http://www.east263.com/Template/Template3/skins/base.css*/;

@font-face {
    font-family: 'unmnunmn';
    src: url("fonts/unmnhost.eot")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.eot*/;
    src: url("fonts/unmnhost.eot-#iefix")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.eot?#iefix*/ format('embedded-opentype'),
         url("fonts/unmnhost.woff2")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.woff2*/ format('woff2'),
         url("fonts/unmnhost.woff")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.woff*/ format('woff'),
         url("fonts/unmnhost.ttf")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.ttf*/ format('truetype'),
         url("fonts/unmnhost.svg#unmnunmn")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/unmnhost.svg#unmnunmn*/ format('svg');
    font-weight: normal;
    font-style: normal;
 }
@font-face {
  font-family: 'fontello';
  src: url("fonts/fontello.eot-96534013")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/fontello.eot?96534013*/;
  src: url("fonts/fontello.eot-96534013#iefix")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/fontello.eot?96534013#iefix*/ format('embedded-opentype'),
       url("fonts/fontello.woff-96534013")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/fontello.woff?96534013*/ format('woff'),
       url("fonts/fontello.ttf-96534013")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/fontello.ttf?96534013*/ format('truetype'),
       url("fonts/fontello.svg-96534013#fontello")/*tpa=http://www.east263.com/Template/Template3/skins/fonts/fontello.svg?96534013#fontello*/ format('svg');
  font-weight: normal;
  font-style: normal;
}



#banner{ height:600px;}
#bn{ height:250px;}
.contit{ height:30px; border-left:6px solid #e82521; padding-left:20px}
.contit h3{ height:30px; line-height:30px; font-size:24px}
.contit h3 .paytip{ color:#606060; font-size:16px; padding-left:15px}

.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; text-align:center}
.vtit a:hover{ background:#f8f8f8}
.vtit a.on{border-color:#e8251e; color:#e8251e}
.vtit a i{ font-family:'unmnunmn'; font-weight:normal; font-size:28px; padding:5px 5px 0 0; font-style:normal}
.line{ height:30px; border-bottom:1px dotted #c0c0c0; clear:both;}
 
.page_txt{}
.page_txt h3{ height:80px; line-height:80px; font-size:36px; color:#202020; text-align:center} 
.page_txt h3 span{ color:#c0c0c0; font-family:Arial, Helvetica, sans-serif}
.page_txt .inner{ line-height:25px; font-size:16px; color:#404040}
.page_txt .inner p{ text-indent:2em; line-height:28px; font-size:16px; color:#404040}

.page_service{}
.page_service li{ width:196px; float:left; display:inline; font-size:24px; text-align:center; margin:25px 0 0; border:2px solid #fff; padding:15px 0 0; cursor:pointer}
.page_service li h4{ font-size:18px; height:45px; line-height:45px; color:#202020;-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;}
.page_service li h6{ font-size:36px; font-family:'unmnunmn'; font-weight:normal; height:40px; line-height:40px; color:#606060;-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;}
.page_service li:hover{ border-color:#e82521; background:#e82521}
.page_service li:hover h4,.page_service li:hover h6{ color: #fff}
.page_service li:hover h6{ font-size:45px}


.culture{ background:url("img/pagebg1.jpg")/*tpa=http://www.east263.com/Template/Template3/skins/img/pagebg1.jpg*/ repeat-x center bottom; height:300px}
.culture li{ float:left; display:inline; margin:90px 0 0 0; width:220px}
.culture ul{ width: 1100px; margin: 0 auto;}
.culture li h6{border:6px solid #c0c0c0; width:120px; border-radius:50%; text-align:center; line-height:120px; font-size:24px; color:#fff; height:120px; margin:0 auto;-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; }
.culture li:hover h6{-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; border-color:#fff;box-shadow:0px 0px 8px #dededf; font-size:28px}

.page_why li{ float:left; display: inline; width:250px; margin-left:24px; padding:5px 16px 15px; border-top:5px solid #404040; box-shadow:1px 2px 3px #ddd;-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;}
.page_why li.s1{ margin-left:0}
.page_why li .tit{ height:50px; line-height:50px; font-size:24px; color:#404040}
.page_why li .txt{ line-height:25px; font-size:14px; color:#404040; height:125px; overflow:hidden}
.page_why li .link{ height:30px; line-height:30px; font-size:15px}
.page_why li .link a{ color:#909090}
.page_why li:hover{box-shadow:1px 2px 5px #bbb; border-color:#e8251e}
.page_why li:hover .tit{ color:#e8251e}
 
.payPage{}
.payPage li{ float:left; width:356px; margin:0 0 0 20px; display:inline;  box-shadow:0 1px 2px #dededf; height:90px; background:#fff; padding:15px 0; border:1px solid #eee;}
.paymargin li{ margin-bottom:20px;}
.payPage li.frist{ margin-left:0}

.payPage li:hover{ border-color:#e8251e; box-shadow:0 0 5px #e8251e}
.pimg{ float:left; text-align:center; width:80px; line-height:20px; font-weight:bold; color:#666; }
.pimg h3{ font-size:14px; font-weight:normal}
.pimg img{ display:block; width:59px; margin:0 auto}
.ptxt{ float:left; padding:10px 0 0; color:#363636; font-size:13px; width:260px; }
.ptxt p{ height:24px; line-height:24px;}
.ptxt p span{ font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:16px; color:#373737}

.online{ text-align:center }
.online a{ background:#fff; border-radius:3px; color:#f90; font-size:18px;position:relative; height:45px; line-height:45px; display:block; width:160px; margin:15px auto 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; border:1px solid #f90}
.online a b{ font-family:'fontello';  position:absolute; left:33px; top:0px; font-weight:normal}
.online a:hover{ background:#f60; border-color:#f60; color:#fff}

.addressbox{ text-align:center}
.addressbox dt{ padding:10px 0 30px}
.addressbox dt h3{ height:45px; line-height:45px; font-size:36px; color:#000}
.addressbox dt h4{ height:35px; line-height:35px; color:#505050; font-size:24px; font-family:Arial, Helvetica, sans-serif; }

.addressbox dt span{ padding-left:25px; font-family:Arial, Helvetica, sans-serif}
.addressbox dd{ height:30px; line-height:30px; font-size:16px; color:#202020}
.addressbox dd span{ padding:5px 20px}
.addressbox dd.txt_bg{ padding:10px 0}
.addressbox dd.txt_bg span{ background:#f8f8f8; color:#404040}
.addressbox dd.ico{ height:60px; padding:10px 0; }
.addressbox dd.ico label{ background:#eee;font-family:'fontello'; border-radius:50%; padding:10px; color:#c0c0c0; font-size:32px; display:block; width:40px; height:40px; line-height:40px; margin:0 auto 0}
.addressbox dd b{ font-family:Arial, Helvetica, sans-serif; padding:0 5px; font-weight:normal; font-size:24px; color:#f90}


.honor_list{}
.honor_list li{ float:left; display:inline; width:214px; margin:0 0 25px 24px; padding:8px; border:1px solid #dededf; text-align:center; box-shadow:1px 1px 3px #d2d2d2}
.honor_list li:hover{ border-color:#E8251E}
.honor_list li.frist{ margin-left:0}
.honor_list li .img{ width:214px; overflow:hidden}
.honor_list li .img img{ width:214px; height:130px}
.honor_list li .tit{ height:40px; line-height:20px; border-top:1px dotted #dededf; margin:15px 0 0; padding:10px 0 0; font-size:14px; color:#404040}