/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none; }
body { font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/ }
a { color:#0F69AF; }
a:hover { color:#f60; /*text-decoration:underline;*/ }
p { line-height:1.8em; padding:5px 0; }
.clear { margin:0; padding:0; font-size:0; clear:both; }
.wapper { max-width:1280px; margin:0 auto; width:90% !important }
.wapper2 { max-width:1440px; margin:0 auto; width:90% !important }


:root { --main-color1: #ff7d00;
 --primary-color:#d9282c;
 --secondary-color:#273679;
 --third-color:#1d7ee6;
 --main-color:#006699;
 --main-color-white:#fff;
}


.header { padding: 0.2rem 0; display: flex; align-items: center; justify-content:space-between; box-sizing:border-box; }
.logo { width:12%; }
.logo a { display: flex; align-items: center; }
.logo a img { max-height:100%; max-width:100% }
.yu { display: flex; align-items: center; font-size:21px; color:#00000040 }
.yu a { font-size:14px; color:#0F69AF; padding:0 0.15rem; display:inline-block; }
.yu img { width:16px }
.search { display: flex; align-items: center; justify-content:space-between; margin: 0px 40px; width: 7.6rem; box-sizing:border-box; border: 1px solid #949494; height: 48px; border-radius:5px; overflow:hidden; }
.search .select { height: 46px; line-height: 36px; padding:0.04rem 0.36rem 0.04rem 0.12rem; border:none; box-sizing:border-box; font-size:14px; }
.search .input_text { flex:1; width:calc(100% - 58px - 78px ); font-size:14px; color:#000; outline:none; padding-left:10px; border-left:1px solid #ccc; line-height:25px }
.search .input_text::-webkit-input-placeholder {
color:#333;
}
.search a { width:58px; height:48px; background:#0F69AF; color:#fff; display: flex; justify-content: center; align-items: center; font-size:18px; }


/*menu*/
.menu-bg { background:#0F69AF; position:relative; }
.menu { height:48px; line-height:48px; }
.menu ul li { float:left; }
.menu ul li>span>a { padding:0 16px }
.menu ul li>span>a i { margin-left:10px; transform:rotate(0deg); transition:all ease 0.35s }
.menu ul li>dl { box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:20px 0; }
.menu ul li dl { background:#fff; width:100%; position:absolute; left:0px; top:100%; display:none; z-index:999; }
.erji01 { width:30%; border-right:2px solid rgba(201,201,201,0.25); position:relative }
.erji01 dd {position: relative; }
.erji01 dd>dl { position:absolute !important; top:0 !important; left:100% !important; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
.erji01 dd a { display: flex; align-items: center; justify-content: space-between; line-height:1; padding:20px 14px 8px 20px; color:#000; font-size:16px; font-weight:normal }
.erji01 dd a:hover { font-weight:bold; }
.menu a { font-size:14px; color:#fff; text-decoration:none; font-weight:bold; display:block; text-align:center; }
.menu a:hover { color:#000000; }
a.menu_hover { background:#fff; color:#000000; }
a.menu_hover>i { transform:rotate(180deg) !important; color:#000000; }
.banner .swiper-button-next:after, .banner .swiper-button-prev:after { color:#fff; }
.banner .swiper-pagination-bullet { background:#fff; opacity:1; position:relative; margin: 0 7px !important; !i;
!;
}
.banner .swiper-pagination-bullet:after { border:2px solid #0F69AF; content: ""; width: 14px; height: 14px; border-radius:50%; display:block; top:50%; left:50%; transform: translate(-50%, -50%); position: absolute; }
.banner .swiper-pagination-bullet-active { background:#0F69AF }
.banner .swiper-pagination-bullet-active:after { border:2px solid #fff; }
.banner .img img { width:100%; vertical-align:bottom; }
.tit1 { text-align:center; }
.tit1 .h2 { font-size:34px; line-height:44px; font-weight:bold; color:var(--primary-color); text-transform:uppercase; }
.tit1 .h3 { font-size:22px; line-height:32px; }
.more2 { text-align:center; }
.more2 span { display:inline-block; width:36px; height:36px; background:url(../images/i_more.png) center no-repeat; }
.con02bg { padding:30px 0 60px 0; background:url(../images/about_bg.jpg) bottom center no-repeat; }
.con02 { }
.con02 .list { text-align:center; }
.con02 .list .img { margin-bottom:5px; }
.con02 .list .img img { max-width:100%; }
.con02 .list .h2 { font-size:22px; line-height:32px; font-weight:bold; text-align:center; margin-bottom:35px; }
.con02 .list .h3 { font-size:14px; line-height:24px; margin-bottom:50px; }
@media(max-width:999px) {
.con02bg { padding:20px 0 40px 0; }
.con02 .list .img { margin-bottom:5px; }
.con02 .list .h2 { font-size:22px; line-height:32px; margin-bottom:25px; }
.con02 .list .h3 { font-size:14px; line-height:24px; margin-bottom:40px; }
}






.con03bg { padding:60px 0; background:var(--third-color) url(../images/i_about_txt.jpg) bottom center no-repeat; }
.con03 { color:#fff; }
.con03 .list { }
.con03 .list ul { display: flex; justify-content: center;/* align-items: center;*/ }
.con03 .list ul li { width:23%; margin:0 1%; text-align:center; }
.con03 .list ul li .txt { }
.con03 .list ul li .txt .h2 { font-size:60px; line-height:1; margin-bottom:8px; display: flex; justify-content: center; align-items: center; }
.con03 .list ul li .txt .h2 h2 { font-weight:normal; font-size:60px; }
.con03 .list ul li .txt .h3 { font-size:14px; line-height:24px; }
@media(max-width:999px) {
.con03bg { padding:40px 0; }
.con03 .list ul { flex-wrap:wrap; }
.con03 .list ul li { width:48%; margin:20px 1%; }
.con03 .list ul li .txt .h2 { line-height:1; margin-bottom:5px; font-size:30px; }
.con03 .list ul li .txt .h2 h2 { font-size:30px; }
.con03 .list ul li .txt .h3 { font-size:14px; line-height:18px; }
}







.con04bg { padding:60px 0 30px 0; }
.con04 { }
.con04 .list { margin-top:40px; }
.con04 .list ul li { float:left; width:calc((100% - 60px)/3); margin:0 0 30px 30px; position:relative; overflow:hidden; }
.con04 .list ul li:nth-child(3n-2) { margin-left:0; clear:left; }
.con04 .list ul li .img { padding-bottom:64%; position:relative; overflow:hidden; }
.con04 .list ul li .img img { width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease; }
.con04 .list ul li:hover .img img { transform:scale(1.1); }
.con04 .list ul li .txtbg { width:100%; background:rgba(1,73,150,.7); position:absolute; bottom:0; left:0; opacity:0; visibility:hidden; transition:all .3s ease; }
.con04 .list ul li:hover .txtbg { opacity:1; visibility:visible; }
.con04 .list ul li .txt { color:#fff; text-align:center; padding:10px 5%; }
.con04 .list ul li .txt .h2 { font-size:16px; line-height:26px; }
@media(max-width:999px) {
.con04bg { padding:40px 0 20px 0; }
.con04 .list { margin-top:20px; }
.con04 .list ul li { width:100%; margin:0 0 20px 0; }
.con04 .list ul li .txt { padding:10px 5%; }
.con04 .list ul li .txt .h2 { font-size:16px; line-height:26px; }
}



.foot { width: 100%; background-color: #006699; padding: 50px 0; }
.footer { max-width:1280px; margin:0 auto; width:90% }
.foot1 { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #3385ad; }
.foot1 ul { display: flex; flex-wrap: wrap; }
.foot1 ul li a { color: var(--main-color-white); font-size: 14px; font-weight: bold; margin-right: 20px; }
.foot1 ul li a:hover { color: var(--main-color1); }
.foot2 { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; }
.f2litem { display: flex; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #3385ad; }
.phonediv { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: var(--main-color1); border-radius: 50%; }
.phone_r { margin-left: 15px; }
.phone_r span { color: var(--main-color-white); opacity: .4; font-size: 14px; display: block; }
.phone_r strong { font-size: 30px; color: var(--main-color1); font-weight: normal; }
.foot2left ul { margin-top: 30px; display: block; }
.foot2left ul li span { color: var(--main-color-white); opacity: .6; font-size: 14px; margin-bottom: 10px; display: block; }
.foot2right img { width: 100px; height: 100px; }
.foot2right p { text-align: center; color: var(--main-color-white); opacity: .4; font-size: 14px; margin-top: 10px; }
.logob { height: 50px; }
.top { display:none }




.top{ display:none}
.sp_header{display:none}
.sjj_nav{display:none}

.weizhi { height:48px; line-height:48px; background:url(../images/title03.png) no-repeat; font-size:12px; color:#000000 ; display: flex; align-items: center;}
.weizhi a{ font-weight:700;  color:#0F69AF}
.weizhi img{ width:20px;}

.cent01{ margin-top:16px}
.cent01-l{ float:left; display:block; width:34%}
.cent01-l .img{ width:80%; height:288px; border:#c9c9c9 1px solid; border-radius:5px; position:relative; display: flex; justify-content: center;  align-items: center;}
.cent01-l .img>img{ max-height:100%; max-width:100%; vertical-align:bottom;}
.cent01-l .img a{ display:block; position:absolute; bottom:2%; right:2%; width:26px; height:26px;}
.cent01-l .img a img{ width:100%; height:100%;}
.cent01-r{ float:right; display:block; width:calc(100% - 38%);color: #000000;}
.cent01-r>span{ font-size: 16px;  display: block; font-weight: 700;}
.cent01-r>h2{ font-size: 28px; display: block; margin-top: 10px;}
.cent01-r>h3{ font-weight: normal; font-size: 16px;margin-top: 10px;}
.cent01-r>h4{ font-size: 16px;margin-top: 10px; margin-bottom:10px}
.cent01-r>h4 span{ font-weight: normal; font-size: 16px;}
.cent01-r>ul>li{ list-style: 30px; font-size: 16px;margin-top: 10px;}
.xgce{ margin-top: 3%;}
.xgce h2{ font-size: 16px;}
.xgce table { border:none;}
.xgce table tr th{ border-bottom: 1px solid #ccc; padding: 8px 12px; font-weight: bold; text-align:left;}
.xgce table tr th:nth-child(3){ width: 38%;}
.xgce table tr td{border-bottom: 1px solid #ccc; background: #E2F4FF;padding: 8px 12px; font-size: 14px;}
.xgce table tr td .ge{ display: flex; align-items: flex-start; font-size: 14px; list-style: 1.4;}
.xgce table tr td .ge img{ margin-top: 3px; margin-right: 10px;}

.cent0101{ margin-top: 4%; background: #F8F8FC; padding: 16px; box-sizing: border-box;}
.cent0101 h2{ font-size: 16px; color: #000;}
.cent0101 .cent0102{}
.cent0101 .cent0102 a{ padding: 4px 12px; color: #0F69AF; border: 1px solid #0F69AF; border-radius: 30px; display:inline-block; font-size: 16px; font-weight: bold; margin-top: 10px; margin-right: 10px;}
.cent0101>a{color: #0F69AF; font-size: 16px; display:block; font-weight: bold; margin-top: 2%;}


.title{ color: #000;}
.title h2{ font-size: 22px;}

.cent02-bg{ background: #F8F8FC; border-top: 1px solid #c9c9c9; margin-top: 10px; padding:2% 0;}
.cent02 .title{margin-bottom: 2%;padding: 0 5%;box-sizing: border-box}
.cent0201{ position: relative; }
.centsig{ display: block;}
.centsig .ceit01{ display: flex;justify-content: space-between;}
.centsig .ceit01 .img{ width: 88px; height: 88px; border-radius: 5px; border: 1px solid #c9c9c9; display: flex; justify-content: center;  align-items: center; background: #fff;}
.centsig .ceit01 .img img{ max-width: 100%; max-height: 100%;}
.centsig01{ width:calc(100% - 100px); color: #000000;}
.centsig01 em{ display: block; font-style: normal;} 
.centsig01 span{ font-size:16px; color: #0F69AF; font-weight: 700;}
.centsig01 h2{ font-size:16px; color: #000000; font-weight:bold; line-height: 1.5;}
.centsig .anniu{ display: block; text-align: center;    color: #0F69AF; border: 1px solid #0F69AF; border-color: #0F69AF;   background-color: #ffffff; font-size: 16px; font-weight: bold; padding: 10px 24px; border-radius: 5px; margin-top: 3%;}
.centsig .anniu:hover{color: #002E74; border: 1px solid #0F69AF; border-color: #002E74;  }
.mySwiper02 { width: 90%; margin: 0 auto;}
.cent0201 .swiper-button-next:after, .cent0201 .swiper-button-prev:after{ font-size: 14px; color: #0F69AF;}

.cent03-bg{background: #F8F8FC; border-top: 1px solid #c9c9c9; padding:2% 0;}
.cent03{/* padding: 0 5%; */box-sizing: border-box;}
.cent03 .title{ margin-bottom: 2%; box-sizing: border-box}
.cent03 table { border:none;}
.cent03 table tr th{ width: 20%; font-size: 12px; font-weight: bold; color: #000;  border-bottom: 1px solid #ccc; padding: 8px 0; text-align: left;}
.cent03 table tr td{  font-size: 12px;  color: #000;  border-bottom: 1px solid #ccc;padding: 8px 0; font-size: 14px; }
.cent03 table tr td a{ font-weight:bold;}



.cent04-bg{background: #F8F8FC; border-top: 1px solid #c9c9c9; padding:2% 0; border-bottom: 1px solid #c9c9c9;}
.cent04{/* padding: 0 5%; */box-sizing: border-box;}
.cent04 .title{ margin-bottom: 2%; box-sizing: border-box}

.inside_con { padding:10px 0;  min-height: 300px;}
.cent05{padding: 2% 0%;box-sizing: border-box;}
.cent05 .title{ margin-bottom: 2%; box-sizing: border-box}
.cent05>span{ display: block; font-size: 16px; color: #000000;}
.cent05>a{ background-color: #0F69AF; border-radius: 5px; font-weight: bold; font-size: 16px; padding: 6px 24px; display:inline-block; margin-top: 3%; color: #fff;}
.cent05>a:hover{ background-color: #002E74}


.cent06{ margin-top: 1%; margin-bottom:1%}
.cent06 .title{ margin-bottom: 2%;}
.cent06 .img{ width: 290px; float: left;}
.cent06 .img img{ max-width: 100%; vertical-align:bottom;}
.cent06-r{ float:right; width:calc(100% - 320px);}
.cent06-r .inside_con>span{ color: #000; font-size:16px; margin-bottom: 10px; display: block;}
.cent06-r .inside_con{ min-height: 200px;}
.cent06-r .xlw{ background: #0f69af; padding: 6px 24px; border-radius: 3px; color: #fff; font-size: 14px; font-weight: bold; box-sizing: border-box; width: 144px; display: inline-block; text-align: center; line-height: 26px;}
.cent06-r .cent0601{}
.cent06-r .cent0601 ul {margin-top: 2%;font-weight: 400;}
.cent06-r .cent0601 ul li{list-style: inside;color: #000;font-weight: bold;font-size: 17px;}
.cent06-r .cent0601 ul li a{ color:#0f69af; font-weight: bold; font-size: 16px;}

.cent07-bg{ border-top: 1px solid #d3d3d3; margin-top: 3%; padding-top: 2%;}
.cent07{ color: #000;}
.title02>h2{ font-size: 20px;}
.title02>p{ display: block; font-size: 16px;}
.cent0701{}
.cent0701>ul>li{ display: flex;   align-items: center; justify-content: space-between; margin-top: 2%;}
.cent0701>ul>li .img{ width: 24%;}
.cent0701>ul>li .img img{ max-width: 100%;}
.cent0701>ul>li .cent0702{width:calc(100% - 25%);}
.cent0701>ul>li .cent0702 h2{ font-size: 20px; display: block;}
.cent0701>ul>li .cent0702 ul {margin-top: 2%;font-weight: 400;}
.cent0701>ul>li .cent0702 ul li{list-style: inside;color: #000;font-weight:normal;font-size: 16px; line-height: 1.5;}

.cent08 { margin-top:1%;}
.cent09{ margin: 3% auto;}

@media only screen and (max-width: 980px) {
.foot { width: 100%; background-color: #006699; padding: 30px 15px;         box-sizing: border-box;}
.foot1 { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; flex-wrap: wrap; border-bottom: 1px solid #3385ad; }
.foot1 ul { display: flex; width: 100%; flex-wrap: wrap; }
.logob { width: 80%; display: block; margin-top: 20px; }
.foot1 ul li a { color: var(--main-color-white); font-size: 14px; font-weight: bold; margin-right: 10px; display: block; margin-bottom: 10px; }
.foot1 ul li a:hover { color: var(--main-color1); }
.foot2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 20px; }
.menu-bg { display:none }
.header { display:none }
.banner { width:100% !important; }
.top{ display:block; height:50px;}

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:10px;float:left;height:50px; box-sizing:border-box;}
.sp_logo img{margin:auto;max-height:30px;/*filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);*/ }
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px;}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.cent01-l{ float:none; width: 100%;}
.cent01-r{ float:none; width: 100%; margin-top: 5%;}

.cent02-bg{ margin-top: 5%; padding: 5% 0;}
.cent03-bg{padding: 5% 0;}
.cent04-bg{ padding: 5% 0;}
.cent05{padding: 5% 0;}
.title h2{ font-size: 20px;}
.cent0201 .swiper-button-prev{ left: 0; }
.cent0201 .swiper-button-next{  right: 0;}

.cent06 .img{ width: 100%; float:none;}
.cent06-r{ width: 100%; float:none; margin-top: 5%;}
.cent07-bg{ margin-top: 5%; padding-top: 5%;}
.cent0701>ul>li{flex-wrap: wrap; }
.cent0701>ul>li .img{ width: 100%;}
.cent0701>ul>li .cent0702{ width: 100%;}

}

 .cent12 .inside_con{
    overflow-y: scroll;
}
 .cent12 .inside_con table {width:1200px;max-width: inherit;}
}




.slideBox { width:210px; height:250px; overflow:hidden; position:relative; }
.slideBox .hd { height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul { overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li { float:left; margin-right:5px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on { background:#f00; color:#fff; }
.slideBox .bd { position:relative; height:100%; z-index:0; }
.slideBox .bd ul li { position:relative; }
.slideBox .bd ul span { display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px; }
.slideBox .bd img { width:210px; height:250px; }
.flash { position:relative; width:100%; height:415px; overflow:hidden; margin-top:-50px; }
.myFocus { width:1600px; margin:0 auto; position:absolute; left:50%; margin-left:-800px; height:415px; }
.flashn { position:relative; width:100%; height:250px; overflow:hidden; margin-top:-50px; }
.myFocusn { width:1600px; margin:0 auto; position:absolute; left:50%; margin-left:-800px; height:250px; }
/* 大图特效 开始theme-default */
.theme-default #slider { margin:0 auto; width:1600px; height:415px; }
.theme-default .nivoSlider { background:url(loading.gif) no-repeat 50% 50% rgb(255, 255, 255); margin-bottom:50px; position:relative; }
.theme-default .nivoSlider img { left:0px; top:0px; display:none; position:absolute; }
.theme-default .nivoSlider a { border:0px currentColor; display:block; }
.theme-default .nivo-controlNav { left:684px; width:193px; height:38px; bottom:-12px; padding-top:0px; padding-left:50px; position:absolute; z-index:9; }
.theme-default .nivo-controlNav a { background:url(../images/bullets.png) no-repeat; border:0px currentColor; width:23px; height:17px; text-indent:-9999px; margin-right:3px; float:left; display:block; }
.theme-default .nivo-controlNav a.active { background-position:0px -17px; }
.theme-default .nivo-directionNav a { background:url(../images/arrows.png) no-repeat; border:0px currentColor; width:65px; height:65px; text-indent:-9999px; display:block; }
.theme-default a.nivo-nextNav { background-position:-65px 0px; top:181px; right:300px; }
.theme-default a.nivo-prevNav { left:300px; top:181px; }
.theme-default a.nivo-nextNav:hover { background-position:-65px -65px; top:181px; right:300px; }
.theme-default a.nivo-prevNav:hover { background-position:0px -65px; left:300px; top:181px; }
.theme-default .nivo-caption { font-family:Helvetica, Arial, sans-serif; }
.theme-default .nivo-caption a { color:rgb(255, 255, 255); border-bottom-color:rgb(255, 255, 255); border-bottom-width:1px; border-bottom-style:dotted; }
.theme-default .nivo-caption a:hover { color:rgb(255, 255, 255); }
/* nivoSlider */
.nivoSlider { position:relative; }
.nivoSlider img { left:0px; top:0px; position:absolute; }
.nivoSlider a.nivo-imageLink { margin:0px; padding:0px; border:0px currentColor; left:0px; top:0px; width:100%; height:100%; display:none; position:absolute; z-index:6; }
.nivo-slice { height:100%; display:block; position:absolute; z-index:5; }
.nivo-slice img { width: 107px; height: 100%; opacity: 1; top: 0px; display: block; }
.nivo-box { display:block; position:absolute; z-index:5; }
.nivo-caption { background:rgb(0, 0, 0); left:0px; width:30%; bottom:0px; color:rgb(255, 255, 255); display:none; position:absolute; z-index:8; opacity:0.8; }
.nivo-caption p { margin:0px; display:none; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
.nivo-directionNav a { top:45%; position:absolute; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }
/* 大图特效 end */











/*common end*/


/*banner_01*/
.banner_01 { width:1000px; height:360px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul { height:360px; position:absolute; }
.banner_01 ul li { width:1000px; height:360px; float:left; overflow:hidden; position:relative; background:#ccc; }
.banner_01 ul li img { width:1000px; height:360px; }
.banner_01 .btnBg { width:1000px; height:20px; position:absolute; left:0; bottom:0; background:#000; }
.banner_01 .btn { width:1000px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right; }
.banner_01 .btn span { display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff; }
.banner_01 .btn span.on { background:#fff; }
.banner_01 .preNext { top:130px; width:45px; height:100px; position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer; }
.banner_01 .pre { left:0; }
.banner_01 .next { right:0; background-position:right top; }
/*banner_02*/
.banner_02 { height:360px; overflow:hidden; }
.banner_02 #banner_02_con { display:none; }
/*banner_03*/
.banner_03 { position:relative; z-index: 1; width:100%; height:360px; overflow:hidden; }
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul { margin:0px auto; }
.banner_03 .bd li { width:100%; height:360px; text-align:center; overflow:hidden; }
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center; }
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px; }
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer; }
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute; TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer; }
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer; }
/*scroll_left start*/
#scroll_left { overflow:hidden; width:930px; margin:0px 10px; }
#scroll_left span { display:block; height:28px; line-height:28px; text-align:center; }
#scroll_left .scroll_scale { width:164px; height:124px; background:#FFF; margin:0 5px; border:1px solid #e4e4e4; }
#scroll_left .scroll_scale table tr td { height:124px; width:164px; text-align:center; }
#scroll_left .scroll_scale img { max-width:160px; max-height: 120px; width: expression(this.width >160 && this.height < this.width ? 160: true);
height: expression(this.height > 120 ? 120: true);
}
/*scroll_left end*/

/*scroll_01*/
.scroll_01 { background:#ddd; }
.scroll_01 .hd .prev, .scroll_01 .hd .next { display:block; width:5px; height:9px; line-height:10px; overflow:hidden; cursor:pointer; background:url(../images/icoLeft.gif) no-repeat; }
.scroll_01 .hd .next { background:url(../images/icoRight.gif) no-repeat; }
.scroll_01 .bd li { float:left; }
/*scroll_02*/
.scroll_02 { background:#ddd; }
.scroll_02 .hd .prev, .scroll_02 .hd .next { display:block; width:5px; height:9px; line-height:10px; overflow:hidden; cursor:pointer; background:url(../images/icoLeft.gif) no-repeat; }
.scroll_02 .hd .next { background:url(../images/icoRight.gif) no-repeat; }
/*scroll_03*/
.scroll_03 { background:#ddd; }
.scroll_03 .hd .prev, .scroll_03 .hd .next { display:block; width:5px; height:9px; line-height:10px; overflow:hidden; cursor:pointer; background:url(../images/icoLeft.gif) no-repeat; }
.scroll_03 .hd .next { background:url(../images/icoRight.gif) no-repeat; }
.scroll_03 .bd li { float:left; width:200px; overflow:hidden; margin:0 10px; }
.scroll_03 .bd li .img { height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff; }
.scroll_03 .bd li .img:hover { background:#f4f4f4; }
.scroll_03 .bd li span { height:30px; line-height:30px; text-align:center; display:block; }
.scroll_03 .bd li .img table tr td { height:144px; }
.scroll_03 .bd li .img table tr td img { max-width:194px; max-height:144px; }
/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on { background:#ddd; cursor:pointer; }
.contentfirst { display:none; }
.contentin { display:block; }
.tabin { background:#ddd; }
/*Add------------------------------------------------------------------------------*/


.inside { margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px; }
.inside_left { width:220px; float:left; }
.inside_left .side_a dl dt { border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px; }
.inside_left .side_a dl dd { height:36px; line-height:36px; border-bottom:#ddd solid 1px; }
.inside_left .side_a dl dd a { display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat; }
.inside_left .side_a dl dd a:hover { background:#324483; color:#fff; }
.inside_left .side_a dl .hover a { background:#324483; color:#fff; }
.lianxi { margin-top:15px; text-align:center; padding-bottom:20px; }
.inside_right { width:720px; float:right; }

/*contact*/
.contact h2 { height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999; }
.contact { margin-top:15px; }
.contact ul { padding:10px 10px; border:#e4e4e4 solid 1px; }
.contact ul li { line-height:20px; padding:3px 0; }
/*proShow*/
.product_show ul li { width:130px; line-height:20px; }
.product_show ul li { float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline; }
.pro img { max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true);
height: expression(this.height > 90 ? 90: true);
}
.hover2 { background:#f4f4f4; }
/*product_list*/
.side_product { margin-top:15px; }
.side_product h2 { height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999; }
.side_product ul { padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li { line-height:24px; }
.side_product ul li a { padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px; background: url(../images/side_menu_bg.gif) 10px 8px no-repeat; }
.side_product ul li dl dd a { display:inline; border:none; background:none; }
