﻿/*reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:16px 'Microsoft Yahei',sans-serif;}h1,h2,h3,h4,h5,h6{font-size:18px;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:none;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
input,label{
vertical-align:middle; font-size:12px; 
}
/*--global---*/
h1,h2,h3,dt{font-family:"Microsoft Yahei","宋体";}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
*html .clearfix{/*height:1%*/zoom:1}
.clearfix{display:block}

.pie{
behavior: url(../pie/PIE.htc);
z-index:10	
}

.container{position:absolute;_position:relative;width:100%;height:100%;overflow:hidden;}
.container_box{ position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%}
.sidebar{ position:absolute; left:0; top:0; bottom:0; width:77px; height:100%; background:url(../images/bg_side.jpg); overflow:visible; zoom:1; z-index:100;}
.main{position:absolute; left:0px; right:0; top:0; bottom:0; height:100%; background:#386385 url(../images/bodybg.jpg) no-repeat left top; background-size:cover}

.sidebar ul{ padding-top:150px; width:77px;}
.sidebar ul li{ position:relative; background:url(../images/bg_side_line.gif) repeat-x left bottom; z-index:100}
.sidebar ul li.cur{ background:#c00;}

.sidebar ul li.cur{ background:#c00;}
.sidebar ul li.tuijian.cur strong{ background-position:-210px -100px}
.sidebar ul.hover li.cur{ background:transparent;}
.sidebar ul.hover li.tuijian.cur strong{background-position:-210px top}

.sidebar ul li strong{ display:block; padding-top:65px; height:35px; background:url(../images/icon_side.png) no-repeat -10px top;color:#fff; font-size:16px; text-align:center; cursor:pointer}

.sidebar ul li.pingtai strong{ background-position:-10px top}
.sidebar ul li.daohang strong{ background-position:-110px top}
.sidebar ul li.tuijian strong{ background-position:-210px top}
.sidebar ul li.pingtai.cur strong{ background-position:-10px -100px}
.sidebar ul li.daohang.cur strong{ background-position:-110px -100px}

/*子导航*/
#pingtai_info{ top:250px}
#daohang_info{ top:350px}
.sub_info{ position:absolute;left:-300px; top:0; padding:10px 20px; width:260px; background:#fff;box-shadow: #333 3px 3px 3px; border-radius:0 10px 10px 0; z-index:99}

.sub_info dd{ width:50%; float:left; font-size:18px; cursor:pointer}
.sub_info dd.cur{ color:#c00}
.sub_info dd span{ display:block; padding-left:10px; margin-right:10px; line-height:42px}
.sub_info dd span.hover{ background:#c00; color:#fff;}
.sub_info dd.nodata span{ color:#999}

.section{ padding:20px}
.location{ padding-bottom:20px; border-bottom:1px solid #2977be}
.location h1{font-size: 36px;color: white;font-family: serif;float:none;display:inline;position: relative;top: -30px;}
.location h3{ float:right; width:200px; margin-right:20px; font-size:28px; font-weight:normal; color:#fff}
.location h3 span{ position:relative; display:block;height:40px; margin-top:40px;padding-right:40px; background:url(../images/icon_local.png) no-repeat right center; text-align:right; overflow:hidden}
.location h3 span i{ left:0; top:0; width:160px; position:absolute; font-style:normal; line-height:40px;}

.office_list { padding:50px 7% 50px;}
.office_list ul {margin-bottom:10px;}
.office_list li{ float:left;width:24.9%; height:130px; text-align:center;overflow:hidden; text-align:center; vertical-align:middle; line-height:130px;}
.office_list li a{ display:block; margin:0 5px; padding:0 10x; height:130px; background:#42b6dd; font-size:30px; overflow:hidden;filter: alpha(opacity=100); opacity: 1}
.office_list li a:hover{ /*height:128px; border:1px dashed #fcfcfc; line-height:128px;*/ background:#c00 !important;filter: alpha(opacity=100); opacity:1;}
li.midText a{ font-size:20px !important}
li.smallText a{ font-size:18px !important}
.midBox li a{ font-size:24px !important}
.midBox li.midText a{ font-size:18px  !important}
.midBox li.smallText a{ font-size:16px !important}
.smallBox li a{ font-size:16px !important}
.smallBox li.midText a{ font-size:14px !important}
.smallBox li.smallText a{ font-size:14px !important}

.tuijian_index { padding:50px 7% 50px;}
.tuijian_index dd{ float:left;}
.tuijian_index dd li a{ display:block; margin:0 5px; padding:0 10x; height:100%;font-size:30px; text-align:center; line-height:130px}
.tuijian_index li a:link,.tuijian_index li a:visited{ color:#fff}

.tuijian_index dd li.frist { position:relative; display:block; margin:0 5px; padding:0 10x; height:100%;}
.tuijian_index li.frist a.bg_img{width:100%; padding-top:180px; height:90px; margin:0;background: url(../images/bg_jilin.jpg) no-repeat top center; }
.tuijian_index li.frist span{ position:absolute; left:0; bottom:0; width:100%; height:90px; display:block;background:#c00;color:#fff;line-height:90px; font-size:30px !important; text-align:center}
.tuijian_index li.frist span a{ margin:0; display:block; height:90px; line-height:90px}
.tuijian_index li.frist span a:hover{ background:#f00}
.tuijian_index li.frist a:link,.tuijian_index li.frist a:visited{ color:#fff;}
.tuijian_index li.frist a.bg_img:hover{background: url(../images/bg_jilin.jpg) no-repeat top center;}

.tuijian_index li.color17.smallText a{ font-size:24px  !important}
.midBox li.color17.smallText a{ font-size:20px  !important}
.smallBox li.color17.smallText a{ font-size:18px  !important}

.tuijian_index li a:hover{ background:#c00; color:#fff}

/*color*/
li.color0 a{background:#f4b301; }
li.color1 a{background:#78ba00; }
li.color2 a{background:#2773eb; }
li.color3 a{background:#ae113e; }
li.color4 a{background:#632f00; }
li.color5 a{background:#006ac0; }
li.color6 a{background:#018287; }
li.color7 a{background:#189900; }
li.color8 a{background:#681bb7; }
li.color9 a{background:#83ba20; }
li.color10 a{background:#ff2d12; }
li.color11 a{background:#00a4a5; }
li.color12 a{background:#004900; }
li.color13 a{background:#782eab; }
li.color14 a{background:#ff1c53; }
li.color15 a{background:#85c202; }
li.color16 a{background:#2f8de5; }
li.color17 a{background:#f98700; }
li.color18 a{background:#169e4a; }
li.color19 a{background:#c60001; }
li.color20 a{background:#02c4ce; }
li.color21 a{background:#ff4b1c; }
li.color22 a{background:#5d94f1; }
li.color23 a{background:#e81c01; }
li.color24 a{background:#ffd801; }
li.color25 a{background:#f802ab; }
li.color26 a{background:#eb9500; }
li.color27 a{background:#4617b5; }
li.color28 a{background:#b71b1c; }
li.color29 a{background:#004900; }
li.color30 a{background:#004900; }
li.color31 a{background:#8f4b2e; }
li.color32 a{background:#f05b72; }
li.color33 a{background:#bd6758; }
li.color34 a{background:#d71345; }
li.color35 a{background:#b22c46; }
li.color36 a{background:#aa2116; }
li.color37 a{background:#7a1723; }
li.color38 a{background:#596032; }
li.color39 a{background:#b69968; }
li.color40 a{background:#6d5826; }
li.color41 a{background:#c88400; }
li.color42 a{background:#4a3113; }
li.color43 a{background:#2e3a1f; }
li.color44 a{background:#5c7a29; }
li.color45 a{background:#1d953f; }
li.color46 a{background:#005831; }
li.color47 a{background:#293047; }
li.color48 a{background:#008792; }
li.color49 a{background:#009ad6; }
li.color50 a{background:#6950a1; }

.office_list li a:link,.office_list li a:visited{ color:#fff}


/*滚动*/
.leftLoop{position:relative; }
.leftLoop .hd{ position:absolute; width:100%; height:520px}
.hd .next,.hd .prev{ position:absolute; display:block; width:50px; height:78px; line-height:1000px; overflow:hidden; cursor:pointer; z-index:10}
.hd .prev{ left:20px; top:220px; background:url(../images/left_right.png) no-repeat top left}
.hd .next{ right:20px; top:220px; background:url(../images/left_right.png) no-repeat top right}
.hd ul{ position:absolute; bottom:0; width:100%; text-align:center; z-index:9}
.hd ul li{ display:inline-block; width:20px; height:20px; margin:0 10px; background:url(../images/icon_loopcur.png) no-repeat left bottom; line-height:200px; overflow:hidden; cursor:pointer}
.hd ul li.on{ background-position:left top}

.section .info{ overflow:hidden}
.section.show{ padding:0}
.section.hide{ padding:0}
.sorry{ width:400px; height:50px; text-align:center; padding-top:300px; background:url(../images/icon_sorry.jpg) no-repeat top center; color:#333; font-size:20px; line-height:2}

.iframebox{width:100%;height:100%;overflow: hidden;position: absolute; background:#fff}
.iframe_content{position:absolute; width:100%; height:100%;left:0;right:0;top:0;bottom:0;z-index: 2;}
