﻿@font-face {
    font-family: 'zag_regular';
    src: url('../font/zagregular-webfont.eot');
    src: url('../font/zagregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/zagregular-webfont.woff') format('woff'),
         url('../font/zagregular-webfont.ttf') format('truetype'),
         url('../font/zagregular-webfont.svg#zag_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body { color:#6A6C75; font-size:12px; font-family:"微软雅黑","Arial"; }
html{ overflow-y:scroll; }
form,div,body,img,p,img,dl,dt,dd,h2,h1,body{ margin:0px; padding:0px; border:0; }
a:link{ color:#5A5A5A; text-decoration:none; behavior:url(/scripts/blur.htc);}
a:visited{ color:#5A5A5A; text-decoration:none;}
a:hover{ color:#E83426; text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.float_l{float:left;}
.float_r{float:right;}

/*字号*/
.f10 { -webkit-text-size-adjust:none; font-size:10px;}
.f11 { -webkit-text-size-adjust:none; font-size:11px;}
.f12 { font-size:12px;}
.f13{ font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}
.f_n{ font-weight:normal; }

/*颜色*/
.cff{color:#fff;}
.ce8{color:#e83426;}
.c55{color:#555;}

/*字体*/
.arial { font-family:Arial;}
.yahei { font-family:"microsoft yahei","宋体";}
.song { font-family:"宋体";}
.zag_regular{ font-family:"zag_regular";}
.tahoma{font-family:"Tahoma";}

/*行高*/
.lh150{ line-height:150%;}
.lh180{ line-height:180%;}
.lh200{ line-height:200%;}
.lh220{ line-height:220%;}
.lh240{ line-height:240%;}

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}
.mt105{margin-top:105px;}

/*链接*/
.red,a.red:link,a.red:visited{ color:#ea4437 !important; }
a.red:hover{ color:#e60012 !important; }

/*公用*/
.div100{ width:100%;}
.b{ font-weight:bold;}
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.text_c{ text-align:center;}

.formtext{ width:300px; border:1px solid #DFDEDE; padding:7px 6px; color:#777; font-size:12px; font-family:'Arial','宋体'; background:#fff; -moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.formtext:focus{ border:1px solid #c30c24; box-shadow:0 0 3px rgba(0,0,0,0.3); color:#222; }
.dashedLine{ display:block; height:1px; border-bottom:1px dashed #C2C2C2; overflow:hidden;}
.animate{ -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s; transition:all ease 0.5s; }


/*右边菜单*/
.right_side{ width:225px; height:860px; float:left; background-color:#fff;  padding:0px; margin:0px; position: fixed; top:0px; right:0px}
.logo{ height:200px; border-bottom:1px solid #EAEAEA; text-align:center; }
.logo img{ display:inline-block; vertical-align:middle; }
.logo i{ display:inline-block; width:1px; overflow:hidden; height:100%; margin-left:-1px; vertical-align:middle; }
.menu{ padding:40px 0 0; }
.menu ul{ margin-bottom:80px; }
.menu ul li{ width:175px; margin:5px 0; overflow:hidden; background:url(../images/menu_cur.gif) no-repeat -180px 0; -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s; }
.menu ul li i,.menu ul li em{ display:block; position:absolute; cursor:pointer; }
.menu ul li i{ font:normal 14px/28px 'microsoft yahei'; -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s; -moz-transform:translateX(0); -webkit-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); }
.menu ul li em{ font:normal 14px/28px 'arial'; opacity:0; -moz-transform:translateX(-60px); -webkit-transform:translateX(-60px); -o-transform:translateX(-60px); transform:translateX(-60px); -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s; }
.menu ul li a{ display:block; height:28px; padding-left:25px; position:relative; }
.menu ul li a:link,.menu ul li a:visited{ color:#00275e; }
.menu ul li a:hover{ color:#fff; }
.menu ul li a:hover em{ opacity:1; -moz-transform:translateX(0px); -webkit-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); }
.menu ul li a:hover i{ opacity:0; -moz-transform:translateX(60px); -webkit-transform:translateX(60px); -o-transform:translateX(60px); transform:translateX(60px); }

.menu ul li.cur{ background-position:0 0; }
.menu ul li.cur a:link,.menu ul li.cur a:visited{ color:#fff; }
.menu ul li.cur a:hover{ color:#fff; }
.menu ul li.cur i{ opacity:0; -moz-transform:translateX(60px); -webkit-transform:translateX(60px); -o-transform:translateX(60px); transform:translateX(60px); }
.menu ul li.cur em{ opacity:1; -moz-transform:translateX(0px); -webkit-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); }
.menu ul li:hover{ background-position:0 0; }

/*兼容ie<8*/
.no-opacity .menu ul li em{ display:none; }
.no-opacity .menu ul li a:hover em,.no-opacity .menu ul li.cur em{ display:block; }
.no-opacity .menu ul li a:hover i,.no-opacity .menu ul li.cur i{ display:none; }

/*二级菜单*/
.sub_menu{ width:110px; position:absolute; top:0; right:225px; background:#0B265D;   height:100%; position: fixed;}
.sub_menu ul li a{ height:28px; display:block; }

.sub_menu ul li{ overflow:hidden; margin:5px 0; -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s; }
.sub_menu ul li i,.sub_menu ul li em{ display:block; position:absolute; cursor:pointer; }
.sub_menu ul li i{ font:normal 12px/28px '宋体'; -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s; -moz-transform:translateX(0); -webkit-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); }
.sub_menu ul li em{ font:normal 12px/28px 'arial'; opacity:0; -moz-transform:translateX(-60px); -webkit-transform:translateX(-60px); -o-transform:translateX(-60px); transform:translateX(-60px); -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s; }
.sub_menu ul li a{ display:block; height:28px; padding-left:10px; position:relative; }
.sub_menu ul li a:link,.sub_menu ul li a:visited{ color:#5f799e; }
.sub_menu ul li a:hover{ color:#fff; }
.sub_menu ul li a:hover em{ opacity:1; -moz-transform:translateX(0px); -webkit-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); }
.sub_menu ul li a:hover i{ opacity:0; -moz-transform:translateX(60px); -webkit-transform:translateX(60px); -o-transform:translateX(60px); transform:translateX(60px); }

.sub_menu ul li.cur{ background:#C7220A; box-shadow:-3px 0 3px rgba(0,0,0,0.3) inset; }
.sub_menu ul li.cur a:link,.sub_menu ul li.cur a:visited{ color:#fff; }
.sub_menu ul li.cur a:hover{ color:#fff; }
.sub_menu ul li.cur i{ opacity:0; -moz-transform:translateX(60px); -webkit-transform:translateX(60px); -o-transform:translateX(60px); transform:translateX(60px); }
.sub_menu ul li.cur em{ opacity:1; -moz-transform:translateX(0px); -webkit-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); }
.sub_menu ul li:hover{ background:#C7220A; }
.sub_menu ul.about_menu{ width:100%; overflow:hidden; padding-top:274px; }

.sub_menu ul li.longtitle a{ height:36px; line-height:20px; }
.sub_menu ul li.longtitle a em{ line-height:14px; padding-top:4px; }

/*兼容ie<8*/
.no-opacity .sub_menu ul li em{ display:none; }
.no-opacity .sub_menu ul li a:hover em,.no-opacity .sub_menu ul li.cur em{ display:block; }
.no-opacity .sub_menu ul li a:hover i,.no-opacity .sub_menu ul li.cur i{ display:none; }

.iconlist{ margin-bottom:30px; }
.iconlist a{ display:inline-block; width:53px; height:53px; }
a.icon1,a.icon2{ margin-right:7px; }
a.icon1:link,a.icon1:visited{ background:url(../images/con11.png) no-repeat center; }
a.icon1:hover{ background:url(../images/con12.png) no-repeat center; }
a.icon2:link,a.icon2:visited{ background:url(../images/con21.png) no-repeat center; }
a.icon2:hover{ background:url(../images/con22.png) no-repeat center ; }
a.icon3:link,a.icon3:visited{ background:url(../images/con31.png) no-repeat center; }
a.icon3:hover{ background:url(../images/con32.png) no-repeat center ; }
.iconlist,.tel,.copyright,.tel2{ padding-left:25px; }
.tel{ margin-bottom:5px; }
.tel2{ margin:5px 0px;color:#525252;font-size:12px; font-weight:bold }

.copyright{ color:#686868; font-size:11px; font-family:Tahoma; }
.copyright a:link,.copyright a:visited{ color:#7daa10; }
.copyright a:hover{ color:#E83426; }


/*小分辨率下*/
.minwindow .logo{ height:160px; }
.minwindow .sub_menu ul.product_menu{ padding-top:252px; }
.minwindow .sub_menu ul.about_menu{ padding-top:220px; }
.minwindow .sub_menu ul.service_menu{ padding-top:285px; }
.minwindow .sub_menu ul.news_menu{ padding-top:318px; }
.minwindow .sub_menu ul.join_menu{ padding-top:352px; }
.minwindow .sub_menu ul.contact_menu{ padding-top:385px; }
.minwindow .menu{ padding: 25px 0 0; }
.minwindow .menu ul{ margin-bottom:35px; }