@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
html{ overflow-x: hidden;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#626262;	margin:0px auto; font-family:"Microsoft YaHei"; font-size:14px;}
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#626262; background: transparent;  outline:none}
a:visited {}
a:focus { outline:none; }
a:hover, a:active{ color:#0F66CD; outline:none; }
/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{background-color: #FFFFFF;width:99%;line-height: normal;}
textarea{color: #000000;background-color: #fff;width:99%;}

h1{ font-weight: normal;}
h2{ font-weight: normal;}
h3{ font-weight: normal;}
h4{ font-weight: normal;}
h5{ font-weight: normal;}
h6{ font-weight: normal;}


/*==========@@HTML默认  结束@@==========*/


/*==========@@通用 开始@@==========*/


/*浮动*/
.clear { display:block; clear:both; height:0.1px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }
.w{width: 1000px; margin: 0px auto;}
/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*其它*/
.hide { display:none; }  /*隐藏*/
.code_image{ cursor: pointer; padding-bottom:6px;} /*验证码图片样式*/
.ease, .ease * { -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; transition:all ease 300ms; }
.noease, .noease * { -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
/*==========@@通用 结束@@==========*/


/*==========@@布局  开始@@==========*/
/*模型body*/
#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#copyright_bottom,#location,.w1000{ width: 1000px; margin: 0px auto;}
#top, #logo, #banner, #announcement, #link, #copyright,#nav,#content{ width:1000px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
/*==========@@布局  结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:27px;  background:url(../images/top_main.jpg) repeat-x; }
#top { height:27px; line-height:27px; text-align:right;}
#top_1 { float:left;  text-align:left;}
#top_2 { float:right; text-align:right; }
#top .MobileEdition{ font-weight: bold; color:red;}
#top a { color:#333; font-weight:bold;  }
#top a:hover { color:#F00; font-weight:bold; text-decoration:none}

/*Logo*/
#logo_main { }
#logo {position:relative;overflow:hidden;}
#logo .WebLogo{ float:left; margin: 20px 0; animation-name: flipInX; animation-duration:1s;animation-timing-function: ease;}
#logo .cE{position:absolute;top:30px;right:0px;float:right;width:80px;height:40px;padding-left:10px;border-left:1px solid #f0f0f0;}
#logo .cE a{display:block;width:70px;height:16px;font:normal 12px arial;color:#6e6e6e;line-height:16px;text-align:center;}
#logo .cE .en{margin-top:4px;border:1px solid #e5e5e5;border-radius:3px;}
#logo .cE .cn{background:#123877;border:1px solid ##123877;color:#fff;border-radius:3px;}
#logo .cE a:hover{background:#123877;color:#fff;}
#logo .WebTel { float: right; margin: 20px 0;width: 250px;margin-right:102px;}
#logo .WebTel:hover .float_left{ transform:translateX(-3px)}
#logo .WebTel .float_left { width: 42px; height: 42px;background: url(../images/ico.png) no-repeat; background-position:0px 0px; margin-top:9px; margin-right:3px}
#logo .WebTel .float_right p{ color: #123877; font-weight: bold; font-family:"Arial"; font-size: 12px; margin-top:7px;}
#logo .WebTel .float_right p span{ font-size: 14px; font-family:"Microsoft YaHei";}
#logo .WebTel .float_right h3{ font-size:31px; font-family: "Impact";color: #123877; line-height: 1.2em;}
/*导航*/
#navigation_main { }
#navigation { height:34px; width: 1300px; margin: 0px auto;}
#navigation ul.navigationlist li { float:left; line-height:32px; text-align:center; width: 124px; text-align: center; border-bottom:3px solid #fff; position: relative; z-index:99;}
#navigation ul.navigationlist li.line{ height: 14px; width: 1px; background:#e5e5e5; margin-top:10px;}
#navigation ul.navigationlist li a { display:block;font-size:14px; font-weight:bold; color:#333333; border:0px dashed red;}
#navigation ul.navigationlist li:hover{border-bottom:3px solid #123877;}
#navigation ul.navigationlist li a:hover { text-decoration:none; color:#1e4483;}
#navigation ul.navigationlist .on { border-bottom:3px solid #123877;}
#navigation ul.navigationlist .on  a{ color:#1e4483;}
/*导航栏下拉*/
#navigation  ul.subnavigationlist{ display:none; position:absolute; width: 124px;background:#fff; z-index:999; left:0px; top:35px;}
#navigation  ul.subnavigationlist li {float:none; padding:0px; line-height:50px; display:inline;}
#navigation  ul.subnavigationlist li a{display: block;
text-align: center;
width: 122px;
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
font-size: 12px;
color: #666;
background-color: #fff;
}
#navigation  ul.subnavigationlist li a:hover {  background:#2475d8;  color:#ffe400; }


/*公告*/
#anuouncement_main{ overflow: hidden; border-bottom:1px solid #e9e9e9;}
#announcement {height:50px; line-height:50px;color:#1e4483; font-weight: bold;}
#announcement .announcement_title{ float:left;width:100px;}
#announcement .announcement_body{float:left; }
#announcement .announcement_bottom{float:right; width:280px; height: 30px; line-height: 30px; border: 1px solid #e0e0e0; margin-top:8px;}
#announcement .announcement_bottom input{ border:none; background:none; height: 30px; line-height: 30px;}
#announcement .announcement_bottom input.text{ float: left; width: 240px; text-indent: 10px;  outline: none;}
#announcement .announcement_bottom input.btn{ float:right; width:30px; height: 28px; display: block; margin-top: 1px; background: url(../images/ico.png) no-repeat #1e4483; background-position:-41px 8px; cursor: pointer;}
#announcement .announcement_bottom input.btn:hover{ opacity: 0.9;}
.announcementlist{ }
.announcementlist li { line-height:50px; float: left;}
.announcementlist li  a{ color: #333;  font-weight: normal;}
.announcementlist li  a:hover{ color:#0062d0;}
.announcementlist li.line{ width: 1px; height: 16px; background:#dcdcdc; margin: 0 10px; margin-top: 18px;}

/*Js幻灯片样式*/
#banner_main {position:relative; border:0px solid blue;}
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%;}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block; width:100%;}
.bannerlist li img{ display: block;}
.bannerlist li img:hover{ opacity: 0.9;}
#banner_main .hd{ width:100%; position:relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:35px; height:8px;background:#9d9d9d; margin-right:5px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  background:#0062d0;}

/*Flash幻灯片样式*/

/*内页banner*/
#Nbanner{ height:300px; overflow: hidden;}


/*内页导航*/
#nav_main{ height: 78px; line-height: 78px; border: 1px solid #e4e4e4; border-left:none; border-right:none ; z-index: 999; width: 100%; background: #fff;position: relative;}
#nav_main.top{position: fixed; left: 0px; top: 0px;}
#nav{}
#nav ul { float: left;}
#nav ul li{ float: left; width: 160px; text-align: center;position: relative;}
#nav ul li::after{content: "";position: absolute; bottom: 0; width:0%; left:50%; height:3px; background:#0062d0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#nav ul li:hover::after{ content: ""; width: 100%;left:0px;}
#nav ul li:hover a{ color:#0062d0;}
#nav ul .on::after{width: 100%;left:0px;}
#nav ul li a{ color:#333333; font-size: 16px;}
#nav .backTop{ width: 133px; height: 38px; border:1px solid #c1c1c1; line-height: 38px; text-align: center; margin-top: 20px; cursor: pointer;}
#nav .backTop span{ background: url(../images/backTop.png) no-repeat right center; padding-right: 25px; color: #333; font-size: ;}
/*当前位置*/
#location_main { height: 40px; line-height: 40px; background: url(../images/location_main.png) repeat; margin-top: -40px;} 
#location .float_right{ color: #fff; font-size: 12px; font-family: "宋体";}
#location .float_right span{ background: url(../images/location.png) no-repeat left center;padding:2px 0px 2px 15px ;}
#location .float_right a{color: #fff; font-size: 12px; font-family: "宋体";}
#location .float_right a:hover{ text-decoration: blink;}

/*子频道列表*/
.subchannellist { }
.subchannellist li { line-height:24px; padding:1px; border-bottom:1px solid #E3E3E1;}
.subchannellist li a { display:block; padding:0 5px 0 25px; color:#000;}
.subchannellist li a:hover {  color:red; text-decoration:none; }
.subchannellist #current a {  font-weight:bold; color:red; }
.subchannellist .depth1{ font-size:12px; font-weight:bold;}
.subchannellist .depth2{ font-size:12px; text-indent:1.5em;}
.subchannellist .depth3{ font-size:12px; text-indent:3em}
.subchannellist .depth4{ font-size:12px; text-indent:4.5em}
.subchannellist .depth5{ font-size:12px; text-indent:6em}
.subchannellist .depth6{ font-size:12px; text-indent:7.5em}


/* 友情链接 */ 
#link_main {}
#link { padding:0; }
.link_title { background:url(../images/link_title.jpg) no-repeat; height:43px; line-height:43px; text-indent:10px;  }
.link_title h2 { font-size:14px; color:#000; line-height:43px;}
.link_body { padding:10px 5px 0px 5px; color:#000; border: 5px solid #cbebfa; border-top:0px; border-bottom:0px}
.link_bottom{height:15px;  background:url(../images/link_bottom.jpg) no-repeat; margin-bottom:5px;}
.link_pic { overflow:hidden; zoom:1;}
.link_pic ul li { float:left; padding:1px 5px; text-align:center; width:112px}
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #6C9ACC;}
.link_text { overflow: hidden; zoom:1; }
.link_text ul li { float:left; text-align:center; padding:1px 5px; overflow:hidden; width:112px; white-space:nowrap}
.link_text a { line-height:22px; }

/* 版权信息 */
#copyright_main { color:#BBB; background-color:#333333; padding: 45px 0;}
#copyright { overflow: inherit;}
#copyright .content{ width:420px;}
#copyright .wximg img{ padding: 5px; background: #fff;}
#copyright .wximg p{ font-size: 12px; font-family: "宋体"; background: #0062d0; color: #fff; padding:2px 0; text-align: center; margin-top: 3px;}
#copyright .tel{ margin-left: 20px; width: 265px; margin-top: 40px;}
#copyright .tel .img{ width: 47px; height: 47px; float: left; background: url(../images/ico.png) no-repeat; background-position:-116px 0; margin-right:2px;}
#copyright .tel p{font-weight: bold; font-size: 14px; color: #fff;}
#copyright .tel p span{font-family: "Arial";}
#copyright .tel h3{ font-family: "Impact"; font-size: 34px; color: #fff;}
#copyright .tel .bdsharebuttonbox { overflow: hidden; margin-top: 3px;}
#copyright .tel .bdsharebuttonbox a{ display: block; width: 40px; height: 40px; float: left;}
#copyright .tel .bdsharebuttonbox a.bds_sqq{ background:url(../images/shar1.jpg) no-repeat center;}
#copyright .tel .bdsharebuttonbox a.bds_tsina{ background:url(../images/shar2.jpg) no-repeat center;}
#copyright .tel .bdsharebuttonbox a.bds_weixin{ background:url(../images/shar3.jpg) no-repeat center;}
#copyright .ComperText{ overflow: hidden; margin-top:30px;}
#copyright .ComperText h2{ color: #fff; font-size: 24px;}
#copyright .ComperText span{ font-size: 14px; color: #fff; font-family:"Arial"; border-bottom:1px solid #252525; padding-bottom:8px;}
#copyright .ComperText p{ margin-top:15px; color: #fff;}
#copyright .online{width:380px}
#copyright .online .title .img{ width:26px; height: 25px; background: url(../images/ico.png) no-repeat;background-position: -135px -61px; float: left; margin-right: 10px;}
#copyright .online .title h2{ line-height: 25px; color: #fff; font-size: 24px;}
#copyright .online .title h2 span{ font-size: 14px; font-family:"Arial";}
#copyright .online .body{margin-top: 10px;}
#copyright .online .body ul li{ line-height: 45px; height: 45px;margin-bottom: 5px;}
#copyright .online .body ul li label{display: block; float: left; width: 45px; height: 45px; border-right:1px solid #eeeeee ; border-top-left-radius:3px;border-bottom-left-radius:3px ;background: #fff; }
#copyright .online .body ul li input{ display: block; float: left; background: #fff; height: 45px; line-height: 45px; width: 329px; border:none;border-top-right-radius:3px;border-bottom-right-radius:3px ; text-indent: 5px;font-size: 12px; font-family: "宋体"; color: #ababab;outline: none;}
#copyright .online .body ul li.li1 label{ background: url(../images/ico.png) no-repeat #fff; background-position:-161px 5px;}
#copyright .online .body ul li.li2 label{ background: url(../images/ico.png) no-repeat #fff; background-position:7px -60px;}
#copyright .online .body ul li.li3 label{ background: url(../images/ico.png) no-repeat #fff; background-position:-33px -60px;}
#copyright .online .body ul li.li4{ height: 125px;}
#copyright .online .body ul li.li4 textarea{ border: none; line-height: 1.2em; background: #fff; height: 105px; border-radius: 3px; float: left; text-indent:10px; padding: 10px 0; font-size: 12px; font-family: "宋体"; color: #ababab;}
#copyright .online .body .btn{ display: block; width: 205px; height: 40px; line-height: 40px;text-align: center; color: #fff; background:#0062d0; font-size: 16px; border-radius:3px; float: right; margin-top: 15px; border: none; cursor: pointer;}
#copyright .link{ margin-top: 30px; overflow: hidden;}
#copyright .link ul li{ float: left; margin-right: 10px;}
#copyright .link ul li a{ display: block;}
#copyright .link ul li a img{ width: 150px; height: 55px;}
#copyright .link ul li a img:hover{ opacity: 0.9;}

#copyright_bottom_main{ height: 39px; line-height: 39px; border-top:1px solid #1d1d1d; background: #242424;}
#copyright_bottom { font-size: 14px; color:#959595; overflow: hidden;}
#copyright_bottom a{color:#959595;}
#copyright_bottom a:hover{ color: #fff;}

/*分页样式*/
.pager { padding: 5px 10px; border: 1px solid #ccc; margin: 20px 0px; }
.pager p { height: 30px; line-height: 30px; }
.pager ul { margin-top: -30px; overflow: hidden; float: right; }
.pager ul li { float: left; padding: 0 !important; height: auto !important; border: none !important; }
.pager ul a { margin-left: 5px; padding: 0 10px; height: 28px; line-height: 28px; border: 1px solid #ccc; text-decoration: none; float: left; }
.pager ul a.current { background-color: #005bac; border-color: #005bac; color: #fff; }
.pager ul a.current:hover { background-color: #005bac; border-color: #005bac; color: #fff; }
.pager ul a:hover { background-color: inherit; color: inherit; border-color: #005bac; *background-color: transparent; *color: #666; }


/*网站地图列表*/
.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; }
.maplist li a:hover { text-decoration:none; background:#FFF; }
.maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold}
.maplist .depth2{text-indent:2em}
.maplist .depth3{text-indent:4em}
.maplist .depth4{text-indent:6em}
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}
/*==========@@公共板块  结束@@==========*/


/*==========@@频道页面 开始@@==========*/
/*===首页 开始===*/
.index #floor_1_main{ background: url(../images/floor_1_main.jpg) no-repeat center; height:700px;}
.index #floor_1 {padding: 40px 0;}
.index #floor_1 .title{ text-align: center; }
.index #floor_1 .title h2 { background: url(../images/title.png) no-repeat bottom center; padding-bottom: 10px;}
.index #floor_1 .title h2 a:hover{transform:translateY(-3px)}
.index #floor_1 .title h2 a{ color:#1e4483; font-size:30px; display: block;}
.index #floor_1 .title  p{ color: #767676; font-size: 30px; font-family: Arial; margin-top:13px;}
.index #floor_1 .body{margin-top: 80px;}
.index #floor_1 .body ul li{ width: 33.33%; float: left; background: url(../images/shadrow.png) no-repeat bottom center; padding-bottom:60px;}
.index #floor_1 .body ul li.li1 a{ float: left;}
.index #floor_1 .body ul li.li3 a{ float: right;}
.index #floor_1 .body ul li a{display: block; width: 275px; margin: 0px auto;}
.index #floor_1 .body ul li a img { display: block; width:275px; height: 175px;}
.index #floor_1 .body ul li a .text{ border:2px solid #cfcfcf; border-top:none; padding: 25px 8px;}
.index #floor_1 .body ul li a .text h2{ font-size: 16px; color: #333333; text-align: center;}
.index #floor_1 .body ul li a .text span{ font-size: 16px; color:#333333 ; font-family: Arial; text-align: center; display: block; margin-top: 5px;}
.index #floor_1 .body ul li a .text .line{ width: 30px; height: 3px; margin: 15px auto; background: #333333;}
.index #floor_1 .body ul li a .text  p{ color: #333; font-size: 12px; line-height: 2em; height: 6em; overflow: hidden;}
.index #floor_1 .body ul li:hover{transform: scale(1.15);-webkit-transform: scale(1.15);}
.index #floor_1 .body ul li:hover a .text{ border-color: #0062d0;}
.index #floor_1 .body ul li:hover a .text h2{ color: #0062d0;}
.index #floor_1 .body ul li:hover a .text span{ color:#0062d0 ;}
.index #floor_1 .body ul li:hover a .text .line{ background: #0062d0;}
.index #floor_1 .body ul li:hover a .text  p{ color: #0062d0;}

.index #floor_2_main{ background: url(../images/floor_2_main.jpg) no-repeat center; height: 158px; overflow: hidden;}
.index #floor_2 .float_left{ margin-left:150px; margin-top: 25px; width: 400px;}
.index #floor_2 .float_left img{display: block;}
.index #floor_2 .float_left p{ font-size: 14px; color: #fff; line-height: 1.3em; margin-top:8px;}
.index #floor_2 .float_right{ width: 260px; margin-top: 25px;}
.index #floor_2 .float_right .left{ width: 47px; height: 47px; margin-left: -30px; float: left; background: url(../images/ico.png) no-repeat; background-position:-116px 0px;}
.index #floor_2 .float_right .right{ float: left; text-align: left; margin-left: 3px;}
.index #floor_2 .float_right .right p{ font-size: 14px; font-weight: bold; color: #fff;}
.index #floor_2 .float_right .right p span{ font-family: Arial;  font-weight: bold; color: #fff; font-size: 14px;}
.index #floor_2 .float_right .right h3{ font-family: "Impact"; font-size: 36px; color: #fff;}
.index #floor_2 .float_right .bottom{ width: 250px; height: 39px; margin: 0px auto; border: 3px solid #75d328; border-radius: 5px; background:#67bf1f ; text-align: center; line-height: 39px;}
.index #floor_2 .float_right .bottom a{ display: block; width: 100%; height: 100%; color: #fff; font-size: 16px;}
.index #floor_2 .float_right .bottom:hover{}

.index #floor_3_main{ padding: 233px 0;}
.index #floor_3 .title{ text-align: center; }
.index #floor_3 .title h2 { background: url(../images/title.png) no-repeat bottom center; padding-bottom: 10px;}
.index #floor_3 .title h2 a{ color:#1e4483; font-size:30px; display: block;}
.index #floor_3 .title h2 a:hover{transform:translateY(-3px)}
.index #floor_3 .title  p{ color: #767676; font-size: 30px; font-family: Arial; margin-top:13px;}
.index #floor_3 .body{position: relative;}
.index #floor_3 .body .text{ margin-top: 70px;}
.index #floor_3 .body .text h3{ font-size: 36px; color: #333; font-weight: normal;}
.index #floor_3 .body .text h3 b{font-size: 36px; color: #67bf1f;}
.index #floor_3 .body .text span{ display: block; font-size: 12px; color: #333; font-family: Arial; font-weight: bold;}
.index #floor_3 .body .text p{ width: 220px; float: left; color: #333; font-size: 24px; margin-top: 25px;}
.index #floor_3 .body .text p span{font-weight: bold; font-size: 24px; color: #0062d0; display:inline}
.index #floor_3 .body .text a{ float:left;width:297px;height:50px;border:2px solid #0062d0; border-radius:5px; text-align:center;line-height: 50px;font-size:16px;font-weight: bold;color:#0062d0; margin-top:25px; margin-left: 15px;}
.index #floor_3 .body .text a:hover{ background: #0062d0; color: #fff;}
.index #floor_3 .body .text ul{ margin-top: 45px;}
.index #floor_3 .body .text ul li{ margin-bottom:60px;}
.index #floor_3 .body .text ul li h2{ font-size: 24px; color: #67bf1f; font-weight: bold;}
.index #floor_3 .body .text ul li h4{ font-size: 14px; color: #333; font-weight: normal; margin-top: 10px; width: 350px;}
.index #floor_3 .body .text ul li.li1{ background: url(../images/floor_3_1.png) no-repeat left center; padding-left:90px;}
.index #floor_3 .body .text ul li.li2{ background: url(../images/floor_3_2.png) no-repeat left center; padding-left:90px;}
.index #floor_3 .body .text ul li.li3{ background: url(../images/floor_3_3.png) no-repeat left center; padding-left:90px;}
.index #floor_3 .body .text ul li.li4{ background: url(../images/floor_3_4.png) no-repeat left center; padding-left:90px;}
.index #floor_3 .body .bg_img{position: absolute; top:25px; right:-70px; z-index:-1;}

.index #floor_4_main{ padding:70px 0;}
.index #floor_4 .title{ text-align: center; }
.index #floor_4 .title h2 { background: url(../images/title.png) no-repeat bottom center; padding-bottom: 10px;}
.index #floor_4 .title h2 a{ color:#1e4483; font-size:30px; display: block;}
.index #floor_4 .title h2 a:hover{transform:translateY(-3px)}
.index #floor_4 .title  p{ color: #767676; font-size: 30px; font-family: Arial; margin-top:13px;}
.index #floor_4 .body{ overflow: hidden;}
.index #floor_4 .body ul{ width: 120%; margin: 45px 0; overflow: hidden;}
.index #floor_4 .body ul li{ float: left; width: 325px; height: 245px; position: relative; overflow: hidden; margin-right: 13px;}
.index #floor_4 .body ul li a{display: block;width: 325px; height: 245px;} 
.index #floor_4 .body ul li img{ width: 325px; height: 245px; display: block;}
.index #floor_4 .body ul li img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);opacity: .9;}
.index #floor_4 .body ul li h2{ position: absolute; bottom: 0px; left: 0px; width: 100%; height:40px; text-align: center; font-size: 18px; color: #fff; background:url(../images/h2_bg.png) repeat; line-height: 40px;}
.index #floor_4 .body .btn{ display: block; width: 398px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #0062d0; border-radius: 5px; margin: 0px auto; font-size: 16px; color: #0062d0;}

.index #floor_5_main{ background: url(../images/floor_5_main.jpg) no-repeat center top; height:700px; overflow: hidden; padding-top: 80px;}
.index #floor_5{}
.index #floor_5 .img{ width: 300px;}
.index #floor_5 .img img{ display: block;}
.index #floor_5 .img:hover img{transform:translateY(-3px);}
.index #floor_5 .text{ width: 450px;}
.index #floor_5 .text span{ font-size: 24px; font-family:"Arial"; color: #0062d0;}
.index #floor_5 .text h2{font-size: 30px; color:#0062d0;}
.index #floor_5 .text p{font-size: 14px; color: #333; margin: 30px 0; line-height:1.8em;}
.index #floor_5 .text a{ display: block; width:438px; height:48px; line-height: 48px; color: #333; text-align: center; border: 1px solid #333; border-radius: 5px;}

.index #floor_6_main{ margin-top:-330px;}
.index #floor_6{ background: url(../images/floor_6.png) no-repeat top center; height: 469px; overflow: hidden;}
.index #floor_6 .title{ text-align: center; margin-top: 30px;}
.index #floor_6 .title h2 { background: url(../images/title.png) no-repeat bottom center; padding-bottom: 10px;}
.index #floor_6 .title h2 a{ color:#1e4483; font-size:30px; display:block;}
.index #floor_6 .title h2 a:hover{transform:translateY(-3px)}
.index #floor_6 .title  p{ color: #767676; font-size: 30px; font-family: Arial; margin-top:13px;}
.index #floor_6 .body{ overflow: hidden; padding:0px 50px;}
.index #floor_6 .body ul{ width: 120%; overflow:hidden; margin-top:35px;}
.index #floor_6 .body ul li{ float: left; margin-right: 20px;}
.index #floor_6 .body ul li a{ display: block;}
.index #floor_6 .body ul li a img{ display: block; padding: 3px 2px; border:2px solid #fff;}
.index #floor_6 .body ul li a h2{ text-align: center; font-size: 16px; color:#444444; margin-top: 5px;}
.index #floor_6 .body ul li:hover img{ border: 2px solid #0062d0;}
.index #floor_6 .body ul li:hover h2{ color:#318cfc;}
.index #floor_6 .body .btn{ display: block; width: 398px; height: 48px; line-height: 48px; text-align: center; margin:0px auto; border: 1px solid #d5d5d5; border-radius: 5px; font-size: 16px; color: #1e4483; margin-top: 30px;}

.index #floor_7_main{ margin-top: 20px;}
.index #floor_7 { overflow: hidden;}
.index #floor_7 .title{ height: 45px; line-height: 45px;  background: #0062d0;}
.index #floor_7 .title h2{ float: left; width: 118px; text-align: center; color: #fff; font-size: 16px; background:#67bf1f;}
.index #floor_7 .title span{ float: right;}
.index #floor_7 .title span a:hover{transform:translateY(-2px); text-shadow:1px 1px 3px #252525;}
.index #floor_7 .title span a{ color: #fff; font-family: "Arial"; margin-right: 15px; display: block;}
.index #floor_7 .body{ padding:30px 20px; padding-bottom: 10px; overflow:hidden; border: 1px solid #e8e8e8; border-top:none ;}
.index #floor_7 .body .img {width: 290px;}
.index #floor_7 .body .img #casebox{ width: 290px;  overflow: hidden; position: relative;}
.index #floor_7 .body .img #casebox img{ display: block; width: 290px; height: 210px;}
.index #floor_7 .body .img #casebox .hd{ position: absolute; width: 100%; height: 25px; top:185px; right: 0px; background: url(../images/black_bg.png) repeat; text-align: right;}
.index #floor_7 .body .img #casebox .hd ul li{ display: inline-block; *display: inline; line-height:18px; height: 18px; width: 18px; text-align: center; background: #0062d0; color: #fff; margin-top: 3px; margin-right:2px; font-family:"宋体"; cursor: pointer; zoom:1;}
.index #floor_7 .body .img #casebox .hd ul li.on{ background:#67bf1f;}
.index #floor_7 .body .img h2{ text-align: center; margin: 10px 0;}
.index #floor_7 .body .img h2 a{ font-weight: bold; font-size: 16px; color:#0062d0;}
.index #floor_7 .body .img h2 a:hover{ color: #034697;}
.index #floor_7 .body .img p{ font-size: 14px; color: #6d6d6d; line-height: 1.8em;}
.index #floor_7 .body .img p span a{ color: #0062d0;}
.index #floor_7 .body .img p span a:hover{ color: #034697;}
.index #floor_7 .body .text{ width: 620px;}
.index #floor_7 .body .text ul {}
.index #floor_7 .body .text ul li{ line-height:1em; margin-bottom: 25px;}
.index #floor_7 .body .text ul li span{ float: right;}
.index #floor_7 .body .text ul li a{ color: #333333; background: url(../images/text_ico.gif) no-repeat left center; padding-left: 10px;}
.index #floor_7 .body .text ul li a:hover{ color:#0062d0;}

#floor_8_main{ overflow: hidden; margin-top: 35px;}
#floor_8 ul.navigationlist li { float:left; line-height:32px; text-align:center; width: 124px; text-align: center; border-bottom:3px solid #fff;}
#floor_8 ul.navigationlist li.line{ height: 14px; width: 1px; background:#e5e5e5; margin-top:10px;}
#floor_8 ul.navigationlist li a { display:block;font-size:14px;color:#333333; border:0px dashed red;}
#floor_8 ul.navigationlist li:hover{border-bottom:3px solid #0062d0;}
#floor_8 ul.navigationlist li a:hover { text-decoration:none; color:#1e4483;}
#floor_8 ul.navigationlist .on { border-bottom:3px solid #0062d0;}
#floor_8 ul.navigationlist .on a{color:#1e4483;}

.about{ background: #f8f8f8; padding: 50px 0px 100px 0px;}
.about #content .title{ overflow: hidden;}
.about #content .title h1{ color: #0062d0; font-size: 48px; line-height:1.5em;}
.about #content .title p{ color: #d4d9de; font-family:"Arial"; font-size: 36px; margin:5px 0; line-height:1.5em;}
.about #content .title .line{ width: 60px; height: 3px; background: #67bf1f; margin-top: 25px;}
.about #content .Other{ overflow: hidden; margin-top: 45px;}
.about #content .Other ul{ width: 120%;}
.about #content .Other ul li{ float: left; margin-right: 20px; position: relative;}.
.about #content .Other ul li a{ display: block;}
.about #content .Other ul li a img{display: block; width: 320px; height: 240px;}
.about #content .Other ul li a .up{ width:320px; height: 240px; background:url(../images/product_bg.png) no-repeat center; position: absolute; left: 0px; top: 0px; filter: alpha(opacity=0);  
-moz-opacity:0;  
opacity: 0;  }
.about #content .Other ul li a .up h2{ width: 160px; margin: 0px auto; height: 55px; border:2px solid #fff; border-left:none; border-right: none;  line-height: 55px; text-align: center; color: #fff; font-size: 24px; margin-top:-100%;}
.about #content .Other ul li:hover .up{filter: alpha(opacity=100);  
-moz-opacity:1;  
opacity:1;  }
.about #content .Other ul li:hover .up h2{ margin-top:90px;}


.product{ padding: 50px 0; background: #f8f8f8;}
.product #content .title h1{ color: #0062d0; font-size: 48px; margin-bottom: 50px;}
.product #content .body { overflow: hidden;}
.product #content .body .text{ width:500px; float: left; padding: 35px 0px 0px 0px;}
.product #content .body .text h2{ color: #0062d0; font-size: 30px; float: left; border-bottom:3px solid #67bf1f; padding-bottom: 20px;}
.product #content .body .text p{ color: #333; line-height:1.8em; margin-top: 20px; height:11em; overflow: hidden;}
.product #content .body .text .more{ overflow: hidden; margin-top: ;}
.product #content .body .text .more a{ display:block; color: #0062d0; font-size: 24px; float: left; line-height: 47px;}
.product #content .body .text .more .img{ float: left; width: 47px; height: 47px; background: url(../images/ico.png) no-repeat; background-position:-79px -53px; margin-left: 15px;}
.product #content .body .text .more .img a{ display: block; width: 47px; height: 47px;}
.product #content .body .text .more:hover .img{transform:translateX(-3px);}
.product #content .body .photo{ float: right; width: 470px;}
.product #content .body .photo a{ display: block; width: 470px; height: 350px; overflow: hidden;}
.product #content .body .photo img{ width: 470px; height: 350px;}
.product #content .body .photo:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); filter: alpha(opacity=90);  -moz-opacity:0.9; opacity:0.9;}
.product #content .body .productlist{ overflow: hidden; margin: 35px 0;}
.product #content .body .productlist ul{ width: 120%;}
.product #content .body .productlist ul li{ float: left; text-align: center; margin-right: 20px; margin-bottom: 45px;}
.product #content .body .productlist ul li a{ display: block;}
.product #content .body .productlist ul li a img{ padding: 4px; border: 1px solid #e1e1e1; width: 310px; height: 230px;}
.product #content .body .productlist ul li a h2{ font-size: 14px; margin-top: 20px;}
.product #content .body .productlist ul li:hover img{ border: 1px solid #0062d0;}
.product #content .body .productlist ul li:hover h2{ color:#0062d0;}
.product #content .body .upload{ width: 100%; height:58px; line-height: 58px; text-align: center; background: #0062d0; color: #fff; font-size: 18px; cursor: pointer;}
.product #content .Other{ overflow: hidden; margin-top: 45px; margin-bottom: 50px;}
.product #content .Other ul{ width: 120%;}
.product #content .Other ul li{ float: left; margin-right: 20px; position: relative;}
.product #content .Other ul li a{ display: block;}
.product #content .Other ul li a img{display: block; width: 320px; height: 240px;}
.product #content .Other ul li a .up{ width:320px; height: 240px; background:url(../images/product_bg.png) no-repeat center; position: absolute; left: 0px; top: 0px; filter: alpha(opacity=0);  -moz-opacity:0; opacity: 0;}
.product #content .Other ul li a .up h2{ width: 160px; margin: 0px auto; height: 55px; border:2px solid #fff; border-left:none; border-right: none;  line-height: 55px; text-align: center; color: #fff; font-size: 24px; margin-top:-100%;}
.product #content .Other ul li:hover .up{filter: alpha(opacity=100);  
-moz-opacity:1;  
opacity:1;  }
.product #content .Other ul li:hover .up h2{ margin-top:90px;}

.solution{ padding-top: 50px; background: #f8f8f8;}
.solution #content .title h1{ color: #0062d0; font-size: 48px; margin-bottom: 50px;}
.solution #content .body{ overflow: hidden; margin: 50px 0;}
.solution #content .body ul li{ overflow: hidden; background:#0062d0; margin-bottom: 50px;}
.solution #content .body ul li a{ display: block;}
.solution #content .body ul li .text{ width: 470px; float: left; padding:40px 30px;}
.solution #content .body ul li .text h2{ color: #fff; font-size: 30px; margin-bottom: 20px;}
.solution #content .body ul li .text .line{ width: 60px; height: 3px; background:#67bf1f; margin-bottom: 35px;}
.solution #content .body ul li .text p{ color: #fff; border-bottom: 1px solid #0058bb; line-height: 1.8em; padding-bottom: 15px; height: 6em; overflow: hidden;}
.solution #content .body ul li .text .look{ font-family: "Arial"; color: #fff; background: url(../images/look.png) no-repeat left center; padding-left:30px; height:30px; line-height:30px; border-top:1px solid #096ddd;}
.solution #content .body ul li .text span{ display: block; width: 158px; height: 38px; border: 1px solid #fff; color: #fff; line-height: 38px; text-align: center; border-radius: 5px; float: right;}
.solution #content .body ul li .img{ width: 470px;  height: 350px; overflow: hidden}
.solution #content .body ul li .img img{ width: 470px; height: 350px; display: block;}
.solution #content .body ul li.li_right .text{ float: right;}
.solution #content .body ul li.li_right .img{ float: left;}
.solution #content .body ul li:hover .text .line{ width: 170px;}
.solution #content .body ul li:hover .text span{ background: #fff; color: #000;}
.solution #content .body ul li:hover img{filter: alpha(opacity=90); -moz-opacity:.9; opacity:.9;transform: scale(1.05);-webkit-transform: scale(1.05);}
.solution #content .body .upload{ width: 100%; height:58px; line-height: 58px; text-align: center; background: #0062d0; color: #fff; font-size: 18px; cursor: pointer;}
.solution .other{ background: #fff; padding: 50px 0;}
.solution .other .title{ width: 1000px; height: 60px; line-height: 60px; margin: 0px auto; overflow: hidden;}
.solution .other .title span{ float: right;}
.solution .other .title span a{ color: #bdbdbd;}
.solution .other .title span:hover{transform:translateY(-2px); text-shadow:1px 1px 1px #333;}
.solution .other .title h2{ font-size: 48px; color:#0062d0;}
.solution .other .body{ width: 1000px; margin: 0px auto;overflow:hidden;margin-top: 50px;}
.solution .other .body ul{ width: 120%;}
.solution .other .body ul li{ float:left; width: 320px; margin-right: 20px;}
.solution .other .body ul li a{ display: block;}
.solution .other .body ul li img{ width: 320px; height: 240px; display: block;}
.solution .other .body ul li h2 a{ font-weight: bold; color: #0062d0; font-size: 18px; margin-top: 20px;}
.solution .other .body ul li p a{ color: #474747; line-height: 1.6em; margin-top:15px; height: 3em; overflow: hidden;}
.solution .other .body ul li span a{ display: block; width: 120px; height: 28px; line-height: 28px; text-align: center;color: #fff; background:#0062d0; border-radius: 5px; margin-top:15px;}

.NewsDetail{ padding-top: 50px; background:#f8f8f8;}
.NewsDetail #content .title{ overflow: hidden;}
.NewsDetail #content .title h1{ color:#333333; font-size: 34px;}
.NewsDetail #content .title .tool{ height: 60px; line-height: 60px; background:#f0f0f0; padding:0 20px; margin-top: 30px;}
.NewsDetail #content .title .tool .time{ color: #646464; font-family:"Arial"; background: url(../images/time.png) no-repeat center left; padding-left: 25px; float: left;}
.NewsDetail #content .title .tool .read{ float: left; margin-left:20px; background: url(../images/read.png) no-repeat center left; padding-left:30px;}
.NewsDetail #content .title .tool .author{ float: left; margin-left: 30px;}
.NewsDetail #content .title .tool .fx{ float: right; border: none; margin-top:15px;}
.NewsDetail #content .bodycontent{ margin-top: 50px;}
.NewsDetail #content .page{ margin-bottom: 50px; padding-top: 50px;}
.NewsDetail .other{ background: #fff; padding: 50px 0;}
.NewsDetail .other .title{ width: 1000px; height: 60px; line-height: 60px; margin: 0px auto; overflow: hidden;}
.NewsDetail .other .title span{ float: right;}
.NewsDetail .other .title span a{ color: #bdbdbd;}
.NewsDetail .other .title span:hover{transform:translateY(-2px);/* text-shadow:1px 1px 1px #333;*/}
.NewsDetail .other .title h2{ font-size: 48px; color:#0062d0;}
.NewsDetail .other .body{ width: 1000px; margin: 0px auto;overflow:hidden;margin-top: 50px;}
.NewsDetail .other .body ul{ width: 120%;}
.NewsDetail .other .body ul li{ float:left; width: 320px; margin-right: 20px;}
.NewsDetail .other .body ul li a{ display: block;}
.NewsDetail .other .body ul li a img{ width: 320px; height: 240px; display: block;}
.NewsDetail .other .body ul li h2 a{ font-weight: bold; color: #0062d0; font-size: 18px; margin-top: 20px;}
.NewsDetail .other .body ul li p a{ color: #474747; line-height: 1.6em; margin-top:15px; height: 3em; overflow: hidden;}
.NewsDetail .other .body ul li span a{ display: block; width: 120px; height: 28px; line-height: 28px; text-align: center;color: #fff; background:#0062d0; border-radius: 5px; margin-top:15px;}

.News{ padding-top: 50px; background:#f8f8f8;}
.News #content .title{ overflow: hidden;}
.News #content .title h2{ color:#0062d0; font-size: 48px;}
.News #content .body .part1{ overflow:hidden; margin-top:30px;}
.News #content .body .part1 a{ display: block;}
.News #content .body .part1 .text{ float: left; width:470px; padding: 40px 30px; background:#0066cc;}
.News #content .body .part1 .text h2{ font-size: 30px; color: #fff;}
.News #content .body .part1 .text .line{ height: 3px;width:60px; background:#66cc33; margin-top: 20px;}
.News #content .body .part1 .text p{ color: #fff; line-height: 1.6em; margin-top: 36px; padding-bottom:18px; border-bottom: 1px solid #0058bb; height: 4.7em;}
.News #content .body .part1 .text .tool{ overflow: hidden; border-top:1px solid #096ddd; padding-top: 13px;}
.News #content .body .part1 .text .tool .time{ background: url(../images/time_w.png) no-repeat center left; padding-left: 25px; color: #fff; float: left;}
.News #content .body .part1 .text .tool .look{ background: url(../images/look.png) no-repeat center left; padding-left: 30px; color: #fff; float: left; margin-left:20px;}
.News #content .body .part1 .text span a{ display: block; border: 1px solid #fff; width: 158px; height: 38px; line-height: 38px; text-align: center; color: #fff; float: right; margin-top:13px;}
.News #content .body .part1 .img{ float:left; width: 470px; height: 350px; overflow: hidden;}
.News #content .body .part1 .img img{width: 470px; height: 350px; display: block;}
.News #content .body .part1:hover .text .line{ width: 160px;}
.News #content .body .part1:hover .text span a{ background: #fff; color: #000;}
.News #content .body .part1:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.News #content .body .part2 { overflow: hidden; margin-top:40px;}
.News #content .body .part2 ul li{ background: #fff; overflow: hidden; margin-bottom: 30px;border: 2px solid #f8f8f8;}
.News #content .body .part2 ul li a{ width: 1000px; height: 240px; display: block;}
.News #content .body .part2 ul li .img{ float:left;width: 320px; height: 240px; overflow: hidden;}
.News #content .body .part2 ul li .img img{ width: 320px; height: 240px; display: block;}
.News #content .body .part2 ul li .text{ height: 156px; width:616px; padding: 40px 30px; float: left;}
.News #content .body .part2 ul li .text h2{ color: #333; font-weight: bold; font-size: 18px;}
.News #content .body .part2 ul li .text p{ color: #333; line-height: 1.8em; padding-bottom:15px; border-bottom: 1px solid #e2e2e2; margin-top: 15px; height: 5.5em; overflow: hidden;}
.News #content .body .part2 ul li .text .tool{ overflow: hidden; padding-top:15px;}
.News #content .body .part2 ul li .text .tool .time{ font-family: Arial; color: #9b9b9b; background: url(../images/time.png) no-repeat left center; padding-left: 25px; height:22px; line-height: 22px; float: left;}
.News #content .body .part2 ul li .text .tool .look{font-family: Arial; color: #9b9b9b; background: url(../images/read.png) no-repeat center left; float: left; padding-left: 30px; margin-left: 20px; height: 22px; line-height: 22px;}
.News #content .body .part2 ul li:hover{ border: 2px solid #0062d0;}
.News #content .body .part2 ul li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.News #content .body .part2 ul li:hover .text h2{ color: #0062d0;}
.News #content .body .part2 ul li:hover .text .tool .time{ background: url(../images/time_b.png) no-repeat center left;}
.News #content .body .part2 ul li:hover .text .tool .look{ background: url(../images/read_b.png) no-repeat center left;}
.News #content .body .upload{ width: 100%; height:58px; line-height: 58px; text-align: center; background: #0062d0; color: #fff; font-size: 18px; cursor: pointer; margin-bottom: 50px;}
.News .other{ background: #fff; padding: 50px 0;}
.News .other .title{ width: 1000px; height: 60px; line-height: 60px; margin: 0px auto; overflow: hidden;}
.News .other .title span{ float: right;}
.News .other .title span a{ color: #bdbdbd;}
.News .other .title span:hover{transform:translateY(-2px); text-shadow:1px 1px 1px #333;}
.News .other .title h2{ font-size: 48px; color:#0062d0;}
.News .other .body{ width: 1000px; margin: 0px auto;overflow:hidden;margin-top: 50px;}
.News .other .body ul{ width: 120%;}
.News .other .body ul li{ float:left; width: 320px; cursor: pointer; margin-right: 20px;}
.News .other .body ul li a{ display: block;}
.News .other .body ul li a img{ width: 320px; height: 240px; display: block;}
.News .other .body ul li a h2{ font-weight: bold; color: #0062d0; font-size: 18px; margin-top: 20px;}
.News .other .body ul li a p{ color: #474747; cursor: pointer; line-height: 1.6em; margin-top:15px; height:3.5em; overflow: hidden;}
.News .other .body ul li a span{ display: block; cursor: pointer; width: 120px; height: 28px; line-height: 28px; text-align: center;color: #fff; background:#0062d0; border-radius: 5px; margin-top:15px;}

.contact{ padding-top:50px;}
.contact #content{ overflow: hidden;}
.contact #content .title h2{ color: #0062d0; font-size: 48px;}
.contact #content .title .line{ width: 60px; height: 3px; background:#67bf1f; margin-top: 30px;}
.contact #content .title h1{ color: #0062d0; font-size: 36px; margin-top: 30px;}
.contact #content .title p{ color: #d4d9de; font-size: 36px; font-family:"Arial"; margin-top: 15px;}
.contact #content .body { overflow: hidden; margin-top: 40px;}
.contact #content .body ul li{ color: #333; overflow: hidden; height: 29px; line-height: 29px; margin-bottom:20px ;}
.contact #content .body ul li .tel{ height: 29px; width: 29px; float: left; background: url(../images/ico.png) no-repeat; background-position:0px -114px; margin-right:15px;}
.contact #content .body ul li .fox{height: 29px; width: 29px; float: left; background: url(../images/ico.png) no-repeat; background-position:-40px -114px; margin-right:15px;}
.contact #content .body ul li .web{height: 29px; width: 29px; float: left; background: url(../images/ico.png) no-repeat; background-position:-80px -114px; margin-right:15px;}
.contact #content .body ul li .mail{height: 29px; width: 29px; float: left; background: url(../images/ico.png) no-repeat; background-position:-120px -114px; margin-right:15px;}
.contact #content .body ul li .address{height: 29px; width: 29px; float: left; background: url(../images/ico.png) no-repeat; background-position:-159px -114px; margin-right:15px;}
.contact #content .map{ margin-top: 15px; overflow: hidden; }
.contact .guessbox{background: #f8f8f8; overflow: hidden; margin-top: 50px; padding: 50px 0;}
.contact .guessbox .title h2{ color: #0062d0; font-size: 48px;}
.contact .guessbox .title p{ font-size: 16px; color: #333; margin-top: 15px;}
.contact .guessbox .body{ overflow: hidden; margin-top: 30px; width: 120%;}
.contact .guessbox .body div{ float:left; height: 45px; width: 460px; margin-right: 90px; margin-bottom: 30px;}
.contact .guessbox .body div label{ width: 59px; height:43px; line-height: 43px; display: block; text-align: center; float: left;position: relative;}
.contact .guessbox .body div label span{color: #FC0000; position: absolute; left: 0px; top:2px;}

.contact .guessbox .msg-box{ top:47px; }
.contact .guessbox .code .msg-box{ *position: absolute; top: 10px; *left: 560px; }

.contact .guessbox .body div input{ float: right; height: 43px; line-height: 43px; width:398px; margin: 0px; padding: 0px; border: 1px solid #e4e4e4;}
.contact .guessbox .body div.content{ height:170px;}
.contact .guessbox .body div.content textarea{ width: 950px; margin: 0px; padding: 0px; height: 168px; border: 1px solid #e4e4e4;}
.contact .guessbox .body .content{ width: 100%;}
.contact .guessbox .body div.code { width: 100%; *position: relative;}
.contact .guessbox .body div.code input{ width:158px; float: left;}
.contact .guessbox .body div.code img{ float: left; height: 43px; margin-left:10px; border:1px solid #e4e4e4;}
.contact .guessbox .body div.code .btn{ width: 200px; border: none; float: left; height: 45px; line-height: 45px; background: #0062d0; color: #fff; font-size: 16px; margin-left: 10px; cursor: pointer;}

.info{padding-top: 50px;}
.info #content .title h2{ color: #0062d0; font-size: 48px;}
.info #content .body{ overflow:hidden; margin-top: 25px;}
.info #content .body .text{ float: left; width:470px; padding:35px 30px;}
.info #content .body .text h2{ color: #0062d0; font-size: 30px;}
.info #content .body .text .line{ width: 60px; height: 3px; background:#67bf1f; margin-top: 20px;}
.info #content .body .text p{ font-size: 14px; color: #333; line-height: 1.8em; margin-top: 20px;}
.info #content .body .text span{ display: block; float: left;height: 49px; line-height: 49px; margin-top: 45px; cursor: pointer;}
.info #content .body .text span a{color: #0062d0; font-size: 24px; }
.info #content .body .text span .img{ width: 49px; height: 49px; background: url(../images/ico.png) no-repeat; background-position:-79px -53px; margin-left: 15px;}
.info #content .body .text span:hover .img{ transform:translateX(-5px); }
.info #content .body .img{ float: right;}
.info #content .body .img img{ width: 470px; height: 350px; display: block;}
.info #content .body .img:hover img{filter: alpha(opacity=80);  -moz-opacity:.8; opacity:.8;  }
.info .a_title {
  text-align: center;
  padding-top: 102px;
  margin-bottom: 79px;
}
.info .a_title h1 {
  font-size: 40px;
  color: #af251c;
  font-weight: 100;
}
.info .a_title h2 {
  font-size: 24px;
  color: #8e8c87;
  font-weight: 100;
  text-transform: uppercase;
}
.info .a_title span {
  display: block;
  width: 80px;
  height: 3px;
  background: #8e8c87;
  margin: 0 auto;
  margin-top: 15px;
}
.info .a_box6 { height: 600px; background: url(../images/a_box6_bg.jpg) no-repeat center top; margin-top: 50px;}
.info .a_box6 .a_title h1 { color: #fff; }
.info .a_box6 .a_title h2 { color: #fff; }
.info .a_box6 .a_title span { background: #fff; }
.info .a_box6 .jq22-container { position: relative; width: 1200px; margin: 0 auto; overflow: hidden; }
.info .a_box6 .sociales { text-align: center; }
.info .a_box6 .date{ position:absolute; left:-450px;}
.info .a_box6 #timeline { width: 1000px; height: 300px; overflow: hidden; margin: 0 auto; position: relative; }
.info .a_box6 #dates { width: 1000px; height: 136px; overflow: hidden; color: #fff; margin-top: 69px; }
.info .a_box6 #dates li { list-style: none; float: left; width: 150px; height: 136px; font-size: 24px; text-align: center; }
.info .a_box6 #dates a { line-height: 38px; font-family: arial; height: 46px; padding-top: 96px; color: #fff; font-size: 30px; display: block; }
.info .a_box6 #dates .selected { font-size: 40px; color: #fff; background: url(../images/a_box6_ico.png) no-repeat center top; }
.info .a_box6 #issues { width: 1000px; height: 72px; overflow: hidden; }
.info .a_box6 #issues li { width: 1000px; height: 72px; list-style: none; float: left; }
.info .a_box6 #issues li h1 { color: #fff; font-size: 72px; font-weight: 100; font-family: impact; float: left; line-height: 72px; }
.info .a_box6 #issues li p { font-size: 24px; width: 780px; float: right; color: #fff; font-weight: normal; line-height: 30px; }
.info .honer{ overflow: hidden; padding-top:50px; padding-bottom:95px;background: #f8f8f8;}
.info .honer .title {overflow: hidden; text-align: center;}
.info .honer .title h2{ color: #0062d0; font-size: 48px;}
.info .honer .title p{ color: #d0d0d0; font-size: 36px; font-family: "Arial"; margin-top: 30px;}
.info .honer .title .line{ width: 60px; height: 3px; background:#67bf1f; margin: 0px auto; margin-top: 30px;}
.info .honer .body{ overflow: hidden;}
.info .honer .body ul{ overflow:hidden; width: 120%; margin-top: 50px;}
.info .honer .body ul li{ float: left; margin-right: 20px;}
.info .honer .body ul li a{ display:block;}
.info .honer .body ul li a img{width: 313px; height: 232px; padding:4px; background: #fff;}
.info .honer .body ul li a h2{ text-align: center; font-size: 14px; color: #474747; margin-top: 15px;}
.info .honer .body ul li:hover img{ background:#0062d0;}
.info .honer .body ul li:hover h2{ color:#0062d0;}
.info .honer .body span{display: block; width: 398px; height: 48px; line-height: 48px; border: 1px solid #0066e3; text-align: center; border-radius: 3px; margin: 0px auto; margin-top: 80px;}
.info .honer .body span a{ display: block; color: #0062d0; font-size: 16px;}
.info .honer .body span:hover{ background: #0066e3;}
.info .honer .body span:hover a{ color: #fff; font-weight: bold;}

.submian { padding-bottom: 30px; }
.submian .sobtitle { height: 20px; line-height: 20px; padding: 25px 0px; font-size: 14px; }
.submian .sobtitle a { font-size: 14px; }
.submian .sobtitle a.now { color: #005bac; font-size: 14px; font-weight: bold; }
.submian .sobtitle a.now:hover { text-decoration: underline; }
.submian .subleft { width: 245px;  float: left;}
.submian .subleft .title { background: #005bac url(../images/lefttop1.jpg) no-repeat 33px 25px; height: 67px; color: #fff; padding-left: 52px; padding-top: 18px; font-size: 20px; font-weight: bold; border-radius: 5px 5px 0px 0px; }
.submian .subleft .title p { color: #fff; font-size: 14px; font-weight: normal; padding-top: 5px; }
.submian .subleft .title i { font-size: 20px; font-weight: bold; color: #fff; }
.submian .subleft .bort9 { border-top: 9px solid #005bac; border-radius: 5px 5px 0px 0px; }
.submian .subleft .bor9 { border-bottom: 9px solid #005bac; }
.submian .subleft .lefta { width: 245px; margin-bottom: 10px; }
.submian .subleft .lefta .comt { background: #fff; }
.submian .subleft .lefta .comt ul li { line-height: 54px; }
.submian .subleft .lefta .comt ul li a { height: 54px; line-height: 54px; display: block; padding-left: 45px; font-size: 14px; border-bottom: 1px solid #f2f2f2; }
.submian .subleft .lefta .comt ul li .box { padding: 10px 0px; display: none; }
.submian .subleft .lefta .comt ul li .box a { height: 30px; line-height: 30px; display: block; color: #888; border: 0px; }
.submian .subleft .lefta .comt ul li .box a:hover { color: #005bac; background: none; }
.submian .subleft .lefta .comt ul li a:hover, .submian .subleft .lefta .comt ul li a.hover { background: url(../images/leftula.jpg) no-repeat left; font-weight: bold; }
.submian .subleft .lefta .comt ul li.hover a { background: url(../images/leftula.jpg) no-repeat left; font-weight: bold; }
.submian .subleft .lefta .comt ul li.hover .box a { background: none; font-weight: normal; }
.submian .subleft .lefta .comt ul li.hover .box a.hover { color: #005bac; font-weight: bold; }
.submian .subleft .adv { margin-bottom: 10px; background: #000; }
.submian .subleft .adv a img { display: block; width: 100%; }
.submian .subleft .adv a:hover img { opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; }
.submian .subleft .leftnews { margin-bottom: 10px; }
.submian .subleft .leftnews .title { height: 42px; }
.submian .subleft .leftnews .leftnewscomt { background: #fff; padding: 10px; }
.submian .subleft .leftnews .leftnewscomt ul li { height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; overflow: hidden; }
.submian .subleft .leftnews .leftnewscomt ul li a { font-size: 14px; display: block; padding-left: 10px; }
.submian .subleft .leftnews .leftcont { background: #fff; padding: 10px; }
.submian .subleft .leftnews .leftcont h2 { font-size: 16px; font-weight: bold; color: #005bac; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }
.submian .subleft .leftnews .leftcont span { line-height: 24px; display: block; border-bottom: 1px solid #f2f2f2; }
.submian .subleft .leftnews .leftcont p { font-size: 18px; color: #333; padding-top: 10px; }
.submian .subleft .leftnews .leftcont p i { font-size: 34px; color: #ff7e00; display: block; font-family: impact; }
.submian .subright { width: 740px; padding-bottom: 20px; float: right; min-height:600px;}
.submian .subright .produtlist .list { overflow: hidden; }
.submian .subright .produtlist .list .itag { width: 102%; }
.submian .subright .produtlist .list .itag li { height: 229px; float: left; margin-right: 15px; }
.submian .subright .produtlist .list .itag li a { display: block; height: 229px; }
.submian .subright .produtlist .list .itag li a img { width: 220px; height: 162px; display: block; border: 8px solid #e2e2e2; }
.submian .subright .produtlist .list .itag li a span { height: 53px; line-height: 26px; display: block; width: 236px; text-align: center; font-size: 14px; }
.submian .subright .produtlist .list .itag li a:hover img { border-color: #005bac; }
.submian .subright .produtlist .list .itag li a:hover span { color: #005bac; }
/*===首页 结束===*/
.toolbar1 { width: 50px; position: fixed; right:0; bottom:30%; z-index: 999; }
.toolbar1 dd { width: 50px; height: 50px; background: #1e4483; position: relative; }
.toolbar1 dd i { width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; }
.toolbar1 dd #top{width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; }
.toolbar1 dd i span { width: 35px; height: 35px; display: block; margin: 7px 0 0 7px;  *margin: 7px 0 0 0;
background: url("../images/rightFixIcon.png") no-repeat 0 0; }
.toolbar1 .slide-tel { display: block; width: 0; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden; }
.toolbar1 .pop { position: absolute; right: 90px; top: -65px; background: #0062d0; display: none; }
.toolbar1 .wbc{top:-90px;}
.toolbar1 .pop-code { width: 120px; padding:10px 20px 0 10px; }
.toolbar1 .pop-code img { width: 120px; height: 120px; display: block; padding:5px; background:#fff; }
.toolbar1 .pop-code h3 { height: 50px; line-height: 50px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap; }
.toolbar1 .qq span { background-position: 0 -47px; }
.toolbar1 .qq a { width: 50px; height: 50px; cursor: pointer; display: block; }
.toolbar1 .qq:hover { background: #0062d0; }
.toolbar1 .tel span { background-position: 0 0; }
.toolbar1 .tel:hover { background: #0062d0; }
.toolbar1 .code span { background-position: 0 -95px; }
.toolbar1 .wb span{background-position: 0 -185px; }
.toolbar1 .code:hover { background: #0062d0; }
.toolbar1 .top span { background-position: 0 -142px; }
.toolbar1 .top:hover { background: #0062d0; }

.map_ul { list-style: outside none none; display: block; width: 100%; padding-top: 10px; }
.map_ul li { display: block; width: 980px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left; }
.map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; }
.map_ul .list-inline { display: block; margin-left: 14%; width: 80%; min-height: 30px; }
.map_ul .list-inline li { height: 32px; line-height: 32px; border-bottom: 0; text-align: center; border: 1px solid #ccc; width: auto; padding: 0px; }
.map_ul .list-inline li a { font-weight: normal; display: block; line-height: 32px; height: 32px; display: inline-block; width: auto; padding: 0px 10px; width: auto; }
.map_ul .list-inline li a:hover { background: #005bac; color: #fff; }

/*==========@@频道页面 结束@@==========*/
#content .bodycontent{ min-height: 500px; line-height: 1.8em;}
#content .bodycontent p{ line-height: 1.8em;}
#content .bodycontent img{ max-width: 100%;}
.fx{ border-bottom:1px solid #d3d3d3; overflow: hidden; padding-bottom: 5px; *padding-bottom: 10px;}

/*=============CSS3===============*/
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}

.hvr-light{ overflow: hidden; position: relative; }
.hvr-light:before{content: ""; position: absolute; width: 50px; height:61px; top: 0; left: -150px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);  background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg);transform: skewX(-32deg);}
.hvr-light:hover:before{-webkit-transition: left 2s; -moz-transition: left 2s; -ms-transition: left 2s; transition: left 2s; left: 480px;}
.hvr-light:hover{  opacity: .9\0; filter: alpha(opacity=90); }

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #06852d;
  background-color: #06852d;
  color: #fff !important;
  border-color: #06852d !important;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(14, 153, 57, 1);
  }
}

@keyframes hvr-back-pulse {
  50% {
     background-color: rgba(14, 153, 57, 1);
  }
}


.hvr-blue-pulse:hover, .hvr-blue-pulse:focus, .hvr-blue-pulse:active {
  -webkit-animation-name: hvr-blue-pulse;
  animation-name: hvr-blue-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #1d50e4;
  background-color: #1d50e4;
  color: #fff !important;
  border-color: #1d50e4 !important;
}

/* Back Pulse */
@-webkit-keyframes hvr-blue-pulse {
  50% {
    background-color: rgba(78, 122, 248, 1);
  }
}

@keyframes hvr-blue-pulse {
  50% {
     background-color: rgba(78, 122, 248, 1);
  }
}