﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/**/

/**/
.chicoe{background: url(Img/Index/chocie.jpg) no-repeat center 0;height: 487px;}
.chicoe .content{ position: relative;height:319px;}
.chicoe h3{ text-align: center; font-weight: normal; height: 91px; line-height:85px;}
.chicoe h3 a{display: inline-block;color: #267bb7;font-size: 24px;}
.zz01{position: absolute;left: -28px;top: 216px;}
.zz03{position: absolute;right: -28px;top: 216px;}
.zz01 a { background:url(Img/Index/dd1.png) no-repeat; width:28px; height:62px; display:block;}
.zz01 a:hover { background:url(Img/Index/uu.png) no-repeat;}
.zz03 a { background:url(Img/Index/dd.png) no-repeat; width:28px; height:62px; display:block;}
.zz03 a:hover { background:url(Img/Index/uu1.png) no-repeat;}
.zz02 ul li { float:left; width:232px; padding-right: 10px; font-size: 0;}
.zz02 ul li .tb1 p{line-height:30px;text-align:center;}
.zz02 ul li .imgtype1{
    display: table;
    height: 310px;
}
.zz02 ul li .imgtype1 p{line-height:30px;text-align:center;}
.zz02 ul li .imgtype1 img{
    display: table-cell;
    vertical-align: middle;
}
.zz02 ul li.nom{ padding-right: 0;}
.zz02 ul li img {width:232px;}
.zz02 ul li span { display:block;overflow:hidden; text-align:center; padding-top:25px;background:url(Img/Index/bg.gif) no-repeat center 0;}
.zz02 ul li span a { color:#012269; font-size: 14px;}
/**/
.show{ height: 510px;}
.sh_l{ width: 231px; border: 1px solid #ccc; box-shadow: 0 0 3px #ccc; height: 481px;}
.sh_l h3{ height: 100px; font-weight: normal; text-align: center;}
.sh_l h3 a{ display: block; background: #012269; line-height: 100px; font-size:20px; color: #fff;}
.sh_l ul li a{ display: block; padding-left: 32px; height: 88px; line-height: 88px; border-bottom: 1px solid #e5e8f0; font-size: 16px; color:#333; overflow:hidden;}
.sh_l ul li.cur a,.sh_l ul li a:hover{ color: #012269;}
.sh_l h4 a{ display: block; height: 100px; line-height: 100px; background: #012269;padding-left: 32px; font-size: 16px; font-weight: normal; color: #fff;}

.sh_r{height: 510px; width: 957px;}
.sh_r h3 span img{ width: 957px; height: 376px;}
.sh_r h3 i{ display: block; height: 67px; line-height: 67px;  font-size: 18px; color: #012269;}
.sh_r dl{ float: left; width: 470px;margin-bottom:10px;}.sh_r dl.fr{ float: right;}
.sh_r dl dt{ font-size: 0; width: 220px; height: 189px; padding: 6px 9px; border: 1px solid #ccc; float: left;}
.sh_r dl dt img{width: 220px; height: 189px;}
.sh_r dl dd{ float: right; width: 207px;}
.sh_r dl dd h4{ padding-top: 20px; padding-left: 16px;background:url(Img/Index/s_io.gif) no-repeat left 24px; font-size: 16px;color:#012269;}
.sh_r dl dd p{ font-size: 14px; color: #333; padding: 10px 0 0 16px; line-height: 23px;}
.sh_r dl dd p a{ display: block; color: #012269; font-size: 14px; margin-top: 19px; text-transform: uppercase;}
/**/
.tt1{background:url(Img/Index/tt1.jpg) no-repeat center 0; height: 200px; margin-bottom: 51px;}
.tt1 p{ padding:60px 0 0 557px; color:#eac017;}
.tt1 p strong{ display: block; font-size: 30px; font-weight: bold; padding-bottom: 5px;}
.tt1 p i{ font-size: 18px; color: #fff; line-height: 44px;}
.tt1 p i span{ display: inline-block; float: right; color: #012269; font-size: 24px; padding-right:37px;}
/**/
.pro{ height: 726px;}
.pro_l{ width: 231px;}
.pro_l h3{background:url(Img/Index/pl_h3.gif) no-repeat;height: 60px;line-height: 60px;margin-bottom: 3px;}
.pro_l h3 a{ font-size: 18px; color: #fff; font-weight: normal; padding-left: 27px;}
.pro_l ul{ border-left:1px solid #dfe3ec; border-right: 1px solid #dfe3ec; border-bottom:2px solid #dfe3ec; margin-bottom: 20px; box-shadow: 0 0 3px #dfe3ec;}
.pro_l ul li a{ display: block; margin: 0 29px; height: 41px; line-height: 41px; border-bottom: 2px dotted #d3d3d3; font-size: 14px; color: #333;}
.pro_l ul li.nob a{ border-bottom: none;}
.pro_l ul li.cur a,.pro_l ul li a:hover{ margin: 0; padding-left: 28px;background:url(Img/Index/pl_cur.gif) no-repeat #012269; color: #eac017; font-size: 14px; border-bottom: 2px solid #012269;}

.pro_r{ width: 928px;}
.pro_r h3{ padding: 10px 0; border: 2px solid #ccd3e1; height: 36px; line-height: 36px; margin-bottom: 20px;}
.pro_r h3 span{ display: inline-block; float: right; border-left: 2px solid #ccd3e1; width: 95px; text-align: center;}
.pro_r h3 span a{ color: #012269; font-size: 14px; font-weight: normal; text-transform: uppercase;}
.pro_r h3 i a{ color: #012269; font-size: 18px;}
.pro_r h3 i{ display: inline-block; width: 122px; text-align: center; border-right: 2px solid #ccd3e1;}
.pro_r h3 em{ display: inline-block; padding-left: 19px; font-weight: normal; color:#cbced9; font-size: 14px;}
.pro_r ul{ border: 2px solid #dfe3ec; overflow: hidden;}
.pro_r ul li{float: left;width: 287px;padding: 9px 11px 0 10px;text-align: center;position: relative;display:block;}
.pro_r ul li em{ display:none;}
.pro_r ul li img{width: 287px;height: 287px;}
.pro_r ul li span{ display: block; height:48px; line-height: 48px; border-bottom: 1px solid #e5e8f0; color: #012269; font-size: 16px; font-weight: bold;}
.pro_r ul li.nob{ border-bottom: none;}
.pro_r ul li.nob span{ padding-bottom: 0;}
.pro_r ul li.cur{ }
.pro_r ul li.cur em{ display: block; width: 100%; height:218px; text-align: center;background:url(Img/Index/spn.png) repeat; font-size: 16px; color: #fff; padding-top: 85px; position: absolute; left: 0; top: 0;}
.pro_r ul li.cur em i{ display: block; padding-top: 26px;}
.pro_r ul li.cur em i a{ display: inline-block; width: 100px; height: 38px; line-height: 38px; text-align: center; background: #8d9cbc;font-size: 14px; color: #fff; margin: 0 5px;}
.pro_r ul li.cur em i a.bg{ background: #eac017; color: #333;}
.pro_r ul li.cur span{ display: none;}
    /**/
.ys{background:url(Img/Index/ys.jpg) no-repeat center 0; height: 1721px; overflow: hidden; clear: both;}
.ys h3{ overflow: hidden; height: 203px;}
.ys h3 i{ display: inline-block; float: left; width: 555px; text-align: right; font-size: 18px; color: #000; padding-top: 76px; font-weight: normal;}
.ys h3 i strong{ display: block; color: #012269; font-size: 24px; padding-top: 3px; font-weight: bold;}
.ys h3 em{ display: inline-block; float: left; padding-top: 49px; padding-left: 13px; font-size: 20px; font-weight: bold; }
.ys h3 em span{ display: inline-block; width:100px; height: 99px; text-align: center; line-height: 99px; margin-right: 20px; color: #012269;}
.ys h3 em span.bg2{ color: #fff;}
.ys1{ overflow: hidden;}
.ys1 dl dt{ font-size: 0; float: left; width: 580px; height: 346px; padding: 10px; background: #fff; border: 1px solid #d1dbeb; box-shadow: 0 0 3px #d0daea; position: relative;}
.ys1 dl dt img{ width: 580px; height: 346px;}
.ys1 dl dt i{ display: inline-block; top: 0;position: absolute; left: 31px; width: 105px; padding-top: 60px; height: 81px; background: #012269; color: #eac017; font-size: 48px; font-family: Tahoma; text-align: center; line-height: 100%;}
.ys1 dl dd{ width: 558px; float: right;}
.ys1 dl dd h4{ color: #012269; font-size: 20px; padding: 56px 0 58px 77px;}
.ys1 dl dd p{ margin-left: 32px; padding-left: 41px;background:url(Img/Index/y_ii.png) no-repeat left 5px; font-size: 16px; color: #333; margin-bottom: 25px;}
.ys1 dl dd p i{ color: #012269;}
.ys1 dl dd p em{ display: block; padding-top: 10px;}
.ys1 dl dd p em span{ display: inline-block; padding-left: 38px; color: #012269; font-size: 14px;background:url(Img/Index/y_ico.gif) no-repeat  25px 8px;}
.ys1 dl dd strong{ display: block; padding-left: 170px;}
.ys1 dl dd strong a{ display: inline-block; padding: 0 18px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #012269; color: #012269; font-size: 14px;}
.ys2 dl dt{ float: right;}.ys2 dl dd{ float: left; padding-left: 35px;}
.ys1 dl dd b{ display: block; font-size: 14px; color: #333; font-weight: normal; padding: 13px 0 5px 0;}
    /**/
.lc{background:url(Img/Index/lc_bg.jpg) no-repeat center 0; height: 198px; overflow: hidden;}
.lc h3{ display: inline-block; float: left; width: 200px; padding-top:69px;}
.lc h3 a{ color: #012269; font-size: 18px; padding-left: 52px;}
.lc ul{ overflow: hidden;}
.lc ul li{ float: left; width: 200px; text-align: center;}
.lc ul li a{ color: #012269; font-size: 16px; font-weight: bold; padding-top: 91px; display: inline-block;}
.lc ul li.last{ padding-top: 66px; font-size: 12px; color: #333;}
.lc ul li i{ display: block; line-height: 45px; color:#012269; font-size: 24px;}
.lc ul li.last a{  padding-top: 0; width: 100px; height: 38px; line-height: 38px; text-align: center; color: #fff; background: #012269; font-weight: normal;}
    /**/
.jz{background:url(Img/Index/zj.jpg) no-repeat center 0; height:614px; }
.jz .content{ position: relative ;height:614px; }
.jz_uu{ position: absolute; left: -48px; top: 362px;}
.jz_uu a{ width: 48px; height: 48px; display: inline-block;background:url(Img/Index/dd52.png) no-repeat;}
.jz_uu a:hover{background:url(Img/Index/uu5.png) no-repeat;}
.jz_dds{ position: absolute; right: -48px; top: 362px;}
.jz_dds a{ width: 48px; height: 48px; display: inline-block;background:url(Img/Index/dd5.png) no-repeat;}
.jz_dds a:hover{background:url(Img/Index/uu52.png) no-repeat;}
.jz h3{ text-align: center; padding-top: 56px; height: 148px;}
.jz h3 a{ color: #eac017; font-size: 36px; letter-spacing:5px;}
.jz h3 span{ display: block; font-weight: normal; color: #fff; font-size: 24px; padding-top:7px;}
.jz_con ul{ overflow: hidden; position: relative; height: 368px;}
.jz_con ul li{background:url(Img/Index/jj1.png) no-repeat; width: 285px; height: 198px; float: left; margin:0 74px 0 41px;}
.jz_con ul li i{ display: block; padding:24px 0 0 48px; color: #8e8e8e; line-height: 25px; font-size: 14px; height:81px;}
.jz_con ul li i span{ display: block;}
.jz_con ul li em{ display: block; text-align: center; height: 42px; line-height: 42px; color: #333; font-size: 20px;}
.jz_con ul li.cur{background:url(Img/Index/jj2.png) no-repeat;}.jz_con ul li.cur em{ color: #fff;}

.jz_con ul li.pos{ position: absolute;background:url(Img/Index/jj3.png) no-repeat; left:203px; top: 170px; width: 285px; height: 198px; }
.jz_con ul li.pos em{ padding-top: 51px;}.jz_con ul li.pos i{ padding-top:18px;}
.jz_con ul li.pos.cur{background:url(Img/Index/jj4.png) no-repeat;}.jz_con ul li.pos2{ left:606px;}
    /**/
.show2{background:url(Img/Index/pic.jpg) no-repeat center 0; height:338px;}
.show2 ul{ overflow: hidden; padding-top: 35px;}
.show2 ul li{ float: left; width: 283px; margin-right: 17px; text-align: center;}.show2 ul li.nob{ margin-right: 0;}
.show2 ul li img{ width: 265px; height: 228px; padding: 9px; background: #fff; border: 1px solid #ccdee6; box-shadow: 0 0 3px #ccdee6;}
.show2 ul li a{ font-size: 14px; color: #333;}
.show2 ul li span{ display: block; text-align: center; padding-top:11px;}
    /**/
.news{ height:571px; overflow: hidden;}
.n_l{ width: 380px;}.n_c{ width: 360px; margin-left:40px;}.n_r{ width: 380px; float: right; background: #e5e8f0;}.n_r h3{ background: #fff;}
.news h3{ border-top: 2px solid #012269; height: 69px; line-height: 69px;}
.news h3 img{ vertical-align: middle; padding-right: 15px;}
.news h3 a{ color: #012269; font-size: 24px; font-weight: normal;}
.news p{ font-size: 0; padding-bottom: 20px;}
.n_l dl{ overflow: hidden; height: 80px; border-bottom: 1px solid #e5e5e5; margin-bottom: 19px;}
.n_l dl dt{ width: 100px; float: left; font-size: 0;}.n_l dl dt img{ width: 100px; height: 100px;}
.n_l dl dd{ float: right; float: right;}
.n_l dl dd h4 a{ font-weight: normal; font-size: 16px; color: #333;}
.n_l dl dd p{ font-size: 14px; color: #9a9a9a; line-height: 25px; padding-top: 12px;}.n_l .nob{ border-bottom: none;}

.n_c em{ font-size:14px; color: #a1a1a1; line-height: 24px;height: 80px; border-bottom: 1px solid #e5e5e5; margin-bottom: 19px; display: block;}
.n_c em i a{ display: block; font-size: 16px; color: #333; margin-bottom: 5px;}

.n_r dl{ height: 126px; border-bottom: 1px dotted #6b6b6b; margin:0  29px; padding-top: 28px;}
.n_r dl dt{ padding-left:35px;background:url(Img/Index/n_w.gif) no-repeat 0 0; height:15px; line-height: 15px; margin-bottom: 20px;}
.n_r dl dt a{ font-size: 16px; color:#333;}
.n_r dl dd{padding-left: 35px;background:url(Img/Index/n_d.gif) no-repeat 0 7px; color: #656669; font-size: 14px; line-height: 25px;}
.n_r dl.nob{ border-bottom: none;}
.n_r dl dd p{ font-size: 14px;}
/**/

.time-ul-div{ height: 100%;font-family: Microsoft Yahei;margin: 0 auto;color: #000;}
.time{height: 485px; overflow:hidden;}
.time ul{ width: 100000%; padding-left:180px; }
.time ul li{background: url(Img/jl.png) no-repeat;background-position: 0 -473px; width:28px; height: 28px;margin-top:180px; cursor: pointer; margin-right: 180px; }
.time ul li dl{ width: 286px; height: 145px; margin-left: -143px;left:50%; border:1px solid #dcdcdc; background: #fff;}
.time ul li.base dl{ bottom:50px;}
.time ul li.even dl{ top:50px;}
.time ul li dl dt{ height: 75px; padding: 30px 0 0 50px; font-size:16px;}
.time ul li dl dt span{ color: #005881; margin: 0 21px 0 -27px; font-weight: bold;}
.time ul li dl .dd1{ height: 40px; line-height: 40px; background: #dcdcdc; font-size:20px; text-align:center;}
.time ul li.base dl .dd2{ width: 0; height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent; border-top: 12px solid #dcdcdc; left:50%; margin-left: -6px;}
.time ul li.even dl .dd2{ width: 0; height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent; border-bottom: 12px solid #dcdcdc; left:50%; margin-left: -6px;top:-12px;}

.time ul li.base:hover dl .dd2{ border-top-color: #eac017;}
.time ul li:hover dl .dd1{background: #eac017; color: #fff;}
.time ul li.even:hover dl .dd2{ border-bottom-color: #eac017;}
.time ul li:hover{background-position: 0 -507px;}


.time ul li.opacity0{ opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);overflow: hidden;}
.time ul li.opacity1{ opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}