@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/

/*基本*/

* { padding: 0px; margin: 0px }
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: #333; margin: 0px auto; font-family:Microsoft YaHei; font-size: 14px; min-width: 1352px; background: url(../images/bg_bg.jpg) center 0 no-repeat; }
div { margin: 0; padding: 0; border: 0; }
img { margin: 0; padding: 0; border: 0; }
p { margin: 0px; line-height: 1.8em }
b, strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/ }
li { list-style: none outside none; }
.tbn { border-top: none; }
.bbn { border-bottom: none; }
/*链接*/

a { text-decoration: none; color: #111; background: transparent; outline: none }
a:visited { color: #444; }
a:focus { outline: none; }
a:hover { color: #18739f; }
a:active { outline: none; }
/*标题*/

h1 { font-size: 1.3em; margin: 0; }
h2 { font-size: 1.2em; margin: 0; }
h3 { font-size: 1.17em; margin: 0; }
h4 { font-size: 1em; margin: 0; }
h5 { font-size: 0.83em; margin: 0; }
h6 { font-size: 0.67em; margin: 0; }
/*表单*/

form { margin: 0; }
button, select, textarea { font-size: 100%; margin: 3px; vertical-align: baseline; *vertical-align: middle;
}
button, select { text-transform: none; }
textarea { padding: 2px; color: #000000; background-color: #fff; width: 99%; }
/*其它*/

blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
code, kbd, pre, samp { font-size: 1em; }
pre { margin: 1em 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/ }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/*==========@@HTML默认  结束@@==========*/





/*==========@@元件 开始@@==========*/

/*常用颜色*/

.blue { color: #00F !important; }
.green { color: #0F0 !important; }
.red { color: #F00 !important; }
.black { color: #000000 !important; }
.white { color: #FFFFFF !important; }
.gray { color: gray; !important;
}
.purple { color: purple; !important;
}
/*浮动*/

.clear { display: block; clear: both; }
.float_left { float: left; }
.float_right { float: right; }
/*对齐方式*/

.left { text-align: left }
.right { text-align: right }
.center { text-align: center }
.w1340 { margin: 0 auto 10px; width: 1340px;overflow: hidden; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.ml18 { margin-left: 18px; }
.p20{padding-left:2%;}
.ban{width:32%;}
.place { padding-left: 15px; line-height: 60px; border-bottom: 3px solid #ddd; background: #fff; }
/*按钮大小*/

.btn-large { font-size: 19px; height: 38.4px; line-height: 38.4px; padding: 0px 26px; }
.btn-small { font-size: 12px; height: 25.6px; line-height: 25.6px; padding: 0px 16px; }
.btn-tiny { font-size: 12px; height: 22.4px; line-height: 22.4px; padding: 0px 13px; }
/*块按钮*/

.btn-block { display: block; }
/*其它*/

.hide { display: none; }  /*隐藏*/
.code_image { cursor: pointer; padding-bottom: 6px; } /*验证码图片样式*/
.delay1 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.delay2 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay3 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.delay4 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.delay5 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay6 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay7 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.delay8 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.is_animated.is_delay1 { transition-delay: .2s; -webkit-transition-delay: .2s; }
.is_animated.is_delay2 { transition-delay: .4s; -webkit-transition-delay: .4s; }
.is_animated.is_delay3 { transition-delay: .6s; -webkit-transition-delay: .6s; }
.is_animated.is_delay4 { transition-delay: .8s; -webkit-transition-delay: .8s; }
.is_animated.is_delay5 { transition-delay: 1s; -webkit-transition-delay: 1s; }
.is_animated.is_delay6 { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.is_animated.is_delay7 { transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }
.is_animated.is_delay8 { transition-delay: 1.6s; -webkit-transition-delay: 1.6s; }
.is_animated { -webkit-transition: all 1.2s ease-in-out; -moz-transition-duration: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; -webkit-transform: rotatex(-80deg) translateZ(0); -ms-transform: rotatex(-80deg) translateZ(0); transform: rotatex(-80deg) translateZ(0); -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; }
.is_animated.louverTop { -webkit-transform: rotatex(0) translateZ(0); -ms-transform: rotatex(0) translateZ(0); transform: rotatex(0) translateZ(0); opacity: 1; }
/*频道*/

.ChannelContent { line-height: 2.0em; font-size: 16px; }
.ChannelSContent, .ChannelSContent p { line-height: 1.8em }
.ChannelContent a { color: #ff9d02 }
.ChannelSContent { color: #FFF; line-height: 25px; overflow: hidden; }
.ChannelSContent a { color: #fc872a; }
.ChannelSContent img, .InfoContent img { max-width: 100% }
/*信息*/

.InfoTitle { font-weight: normal; text-align: center; vertical-align: middle; padding: 5px 0px }
.InfoTitle h1 { font-size: 28px; line-height: 1.5em; font-weight: normal; }
.InfoTime { color: #999; text-align: left; padding: 2px 0px; height: 25px }
.InfoContent, .InfoContent p { line-height: 2.0em; font-size: 16px; padding: 10px 0; text-indent: 2em; }
.InfoAttachment { padding: 10px 0px; text-align: center; width: 81px; margin: 0 auto; }
.InfoPicture { text-align: center; }
.InfoPicture img { width: 100%; max-width: 100% }
.info_from_wrap { padding: 0 10px; text-align: center; color: #999; border: 0px dashed #ccc; line-height: 30px; margin-bottom: 5px; }
.info_from_wrap a { color: #999; }
.info_from_wrap a:hover { color: #555; }
#ReadLevelTip { font-weight: bold; color: red; }
.Tag { text-align: left; font-weight: bold; }
.Tag a { padding: 0 3px; font-weight: normal; text-decoration: none; }
.info_previous_next_wrap { background: #F0F0F0; padding: 5px; border: 1px solid #E3E3E3; color: #333; line-height: 1.8em }
.Next a { }
.Previous a { }
/*==========@@元件 结束@@==========*/



/*==========@@模块  开始@@==========*/

/*左侧*/

/*主体左侧样式*/

.left_title { height: 39px; line-height: 39px; border-bottom: 1px solid #0450a1; }
.left_title h2 { font-size: 16px; color: #0450a1; }
.left_body { overflow: hidden; zoom: 1; color: #0450a1; padding: 10px 10px 5px; border-top: 0; border-bottom: 0px }
.left_bottom { height: 15px; margin-bottom: 5px; }
/*样式1*/

.left_title1 { line-height: 40px; text-align: center; }
.left_title1 a { }
.left_title1 .ChannelSContent { display: block; color: #1e1e1e; font-size: 24px; margin-bottom: 20px; }
.left_title1 p { color: #1e1e1e; font-size: 15px; padding: 0px 200px; }
.left_body1 { overflow: hidden; zoom: 1; color: #000; padding: 30px 0px 0; }
.left_bottom1 { height: 15px; margin-bottom: 5px; }
/*样式2*/

.left_title2 { }
.left_title2 h2 a { font-size: 37px; font-weight: normal; color: #555; line-height: 50px; }
.left_title2 h2 a:hover { color: #0075c2; }
.left_body2 { overflow: hidden; zoom: 1; color: #000; padding: 35px 0px 0; }
.left_bottom2 { padding-top: 30px; color: #555; line-height: 25px; }
/*样式3*/

.left_title3 { height: 188px; line-height: 60px; position: relative; overflow: hidden; }
.left_title3 h2 { width: 100%; font-size: 36px; color: #FFF; position: absolute; top: 40px; text-align: center; z-index: 10; }
.left_title3 a { display: block; height: 188px; }
.left_title3 img { width: 100%; vertical-align: middle; position: absolute; z-index: 1; }
.left_title3 p { width: 100%; position: absolute; bottom: 50px; text-align: center; font-size: 15px; color: #FFF; z-index: 10; }
.left_body3 { padding: 15px 0 0; overflow: hidden; zoom: 1; border-top: 0; border-bottom: 0; }
.left_bottom3 .prevnext { display: block; width: 42px; height: 42px; background: url(../images/prevnext.png) no-repeat; position: absolute; top: 55%; z-index: 5; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
.left_bottom3 .prev { left: -45px; background-position: left bottom; }
.left_bottom3 .next { right: -45px; background-position: right bottom; }
.left_bottom3 .prev:hover { background-position: left top; }
.left_bottom3 .next:hover { background-position: right top; }
/*主体右侧*/

/*样式1*/

.right_title { }
.right_title h2 { font-size: 28px; font-weight: normal; text-align: center; padding: 15px 0; color: #555; }
.right_title h2 a { color: #555; }
.right_body { padding: 5px 0px; overflow: hidden; zoom: 1; border-top: 0; border-bottom: 0 }
.right_bottom { }
/*样式2*/

.right_title1 { }
.right_title1 h2 { font-size: 28px; font-weight: normal; text-align: center; padding: 15px 0; color: #555; }
.right_title1 h2 a { color: #555; }
.right_body1 { padding: 5px 0; overflow: hidden; zoom: 1; border-top: 0; border-bottom: 0 }
.right_bottom1 { height: 5px; line-height: 5; overflow: hidden; font-size: 0px; margin-bottom: 5px; }
/*样式3*/

.right_title2 { height: 60px; line-height: 60px; }
.right_title2 h2 { font-size: 20px; font-weight: normal; text-indent: 40px; color: #FFF; }
.right_body2 { padding: 5px; overflow: hidden; zoom: 1; border-top: 0; border-bottom: 0 }
.right_bottom2 { }
/*==========@@模块  结束@@==========*/



/*==========@@频道布局  开始@@==========*/

/*模型body*/

.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook { }
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback { width: 1340px; margin: 5px auto; }
#top, #logo, #banner, #announcement, #link, #floor_1, #floor_2, #floor_3, #floor_4, #floor_5, #floor_6, #floor_7, #floor_8, #floor_9, #floor_10, #floor_12, #floor_13, #floor_14 { width: 1340px; margin: 0 auto; overflow: hidden; }
#left { float: left; width: 250px; }
#right { float: left; width: 1340px; border-left: 0px solid #E5E5E5; padding-left: 0px; }
/*===首页 开始===*/

#floor_1_main { background: url(../images/bodybg1.jpg) 0 0 repeat; overflow: hidden; }
#floor_1 { padding: 10px 0px 40px;border-bottom: 20px solid #eee; }
#floor_2, #floor_3 { overflow: hidden; padding: 30px 0; border-bottom: 20px solid #eee;}
#floor_2_1 { float: left; width: 585px; overflow: hidden; }
#floor_2_2 { float: right; width: 585px; overflow: hidden; }
#floor_4_main { }
#floor_4 { overflow: hidden; padding: 20px 0; }
#floor_5_main { background: #111 url(../images/footer_bg1.jpg); padding: 30px 0; color: #bbb; overflow: hidden; }
#floor_5 { overflow: hidden; }
#floor_5_1 { float: left; width: 765px; overflow: hidden; border-right: 1px solid #000; }
#floor_5_2 { float: left; width: 365px; padding-left: 45px; border-left: 1px solid #333; overflow: hidden; }
#floor_5_2 .bdsharebuttonbox { padding-top: 40px; }
#floor_5_2 .bdsharebuttonbox .LShare { display: block; line-height: 24px; height: 24px; cursor: pointer; margin: 6px 6px 6px 0; font-size: 16px; color: #fff; }
#floor_5_2 .WeChat img { float: left; height: 102px; padding: 20px 30px 0 0px; }
.banner{width:1340px;margin:30px auto 10px; text-align:center;}
.banner img{width:1340px;}
.zhong { float: left; margin-left: 10px; width: 468px; padding: 0px; font-size: 12px; background: #fff; box-shadow: 2px 2px 2px rgba(0,0,0 ,0.3); }
.title1 {width: 100%; height: 60px; margin: 15px auto; line-height: 60px;font-family: Microsoft YaHei;border-bottom:5px solid #eee;}
.title1 h2 { float: left;padding:0 0px; color: #f00136; font-size: 26px; font-weight: bold;border-bottom:5px solid #f00136;}
.title2 {height: 80px; padding-left:10px; line-height: 80px;font-family: Microsoft YaHei;border-bottom:5px solid #fff;}
.title2 h2 { float: left;padding:0 0px; color: #f00136; font-size: 26px; font-weight: bold;border-bottom:5px solid #f00136;}
.cn1 { float: left; color: #777; font-size: 16px; margin-left: 15px; display: inline; text-transform: capitalize;line-height: 70px;height: 55px; }
.more { float: right; padding-right:5px;display: inline; }
.zhong_box { height: 301px; padding-top: 3px; padding-right: 6px; padding-bottom: 4px; padding-left: 10px; overflow: hidden; }
.zhong_box IMG { width: 240px; height: 158px; padding: 4px; border: 1px solid #f1f1f1; float: left; margin: 0px 10px 0px 0px; }
.zhong_box p { text-indent: 2em; line-height: 2.1; font-size: 14px; }
.zhong_box p a { color: #fc0; }
.zuo { width: 433px; float: left; font-size: 14px; background: #f8f8f8;}
.you { width: 433px; margin-right: 3px; float: right;background: #f8f8f8;  }
.h341 { height: 341px; }
.h290 { height: 293px; }
.you_box { padding-top: 3px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; overflow: hidden; }
.you_box IMG { width: 130px; height: 158px; padding: 4px; border: 1px solid #f1f1f1; float: left; margin: 0px 10px 0px 0px; }
.you_box p { text-indent: 2em; line-height: 26px; font-size: 15px; }
.you_box p a { color: #18739f; }
/*图片无缝滚动*/

#pic { width: 1340px; margin: 20px auto 40px; overflow: hidden; zoom: 1;}
.marquee { width: 1340px; height: 200px; overflow: hidden; margin-top: 6px; }
.marquee li { display: inline; float: left; margin-right: 18px; }
.marquee li a { width: 255px; height: 200px; display: block; float: left; text-align: center; font-size: 14px; }
.marquee li a:hove {text-decoration:none;}
.marquee li img { width: 255px; height: 160px;display: block; }
.marquee li em { font-style: normal; height: 40px; line-height: 40px; display:block;overflow: hidden;background: #f5f5f5; }

/*小四图*/
.picli{width: 1340px; margin: 40px auto 0px;overflow:hidden; }
.picli ul{width:1356px;}
.picli ul li{width:25%;float:left;}
.picli ul li .tcpic_box {width:320px;margin-right:19px;box-shadow: 2px 2px 3px #666;border-radius: 10px;overflow:hidden;background:#18739f;}
.picli ul li img{width:320px;height:120px;-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.picli ul li img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
/*===首页 结束===*/

/*==========@@公共板块  开始@@==========*/

/* 顶部 */

.head-top { background: #416690; border-bottom: 1px solid #2570e2; height: 35px; line-height: 35px; transition: background 0.5s; z-index: 99999; padding: 0 5%; }
.head-top .huanying { color: #f5f5f5; }
.head-top .rexian { padding-left: 25px; color: #f5f5f5; background: url(../images/rexianbg.png) 0 center no-repeat; }
.head-top .rexian span { font-weight: bold; color: #fff; }
#top_main { height: 27px; border-bottom: 1px solid #e4e4e4; }
#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: #666; }
#top a:hover { color: #000; text-decoration: none; }
/*Logo*/

#logo_main { width: 100%; position: relative; z-index: 102; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; border-top: 1px solid #5497ff; background: url(../images/topbg.jpg) 0 0px repeat-x; box-shadow: 0px 2px 4px #888; }
.fixed { position: fixed; top: 0px; width: 100%; z-index: 999999999; }
#logo { overflow: hidden; }
#logo .WebLogo { float: left; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
#logo .WebLogo img { height: 69px; padding-top: 7px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
#logo .Language { width: 500px; float: right; padding: 10px; }
#logo .Language .MobileEdition { font-weight: bold; color: red; }
#logo .Member { width: 500px; height: 35px; line-height: 35px; float: right; text-align: right; font-weight: bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName { color: #F30; }
/*导航*/

#navigation_main { background: #2466ad; }
#navigation { float: right; }
#navigation ul.navigationlist li { float: left; line-height: 43px; text-align: center; }
#navigation ul.navigationlist li .ChannelName { display: block; padding: 20px 20px 20px 20px; font-size: 17px; color: #fff; font-weight: bold; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
#navigation ul.navigationlist li a:hover { text-decoration: none; color: #333; }
#navigation ul.navigationlist a.current { color: #555; }
/*导航栏下拉*/

#navigation .info_wrap_main { width: 100%; overflow: hidden; display: none; position: absolute; left: 0; z-index: 100; background: #f1f1f1; color: #666; text-align: left; box-shadow: 0px 2px 4px #888; }
#navigation .info_wrap { width: 1340px; margin: 0 auto; padding: 35px 0px; overflow: hidden; }
#navigation .line { position: absolute; z-index: -1; bottom: 0px; width: 0px; height: 85px; font-size: 3px; background: #fff; display: none; }
#navigation .Channel_wrap { float: left; width: 30%; margin-right: 5%; margin-left: 3%; }
#navigation .Channel_wrap .ChannelName1 { display: block; font-size: 24px; margin-bottom: 12px; color: #4e4e4e; font-weight: bold; }
#navigation .Channel_wrap p { color: #666; }
#navigation .Channel_wrap .more { display: inline-block; padding: 9px 18px 0 0; float: none; color: #416690; text-align: left; font-size: 14px; line-height: 22px; }
#navigation .Channel_wrap .more:hover { color: #333; }
#navigation .subnavigationlist { float: left; width: 15%; margin-right: 1%; }
#navigation ul.subnavigationlist li { float: none; padding: 0px; height: 30px; line-height: 30px; display: inline; }
#navigation ul.subnavigationlist li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: normal; color: #f1f1f1; font-size: 16px; padding: 8px 10px; text-align: center; background: #416690; margin-bottom: 4px; }
#navigation ul.subnavigationlist li a:hover { color: #0075c2; }
#navigation .right_info { float: right; width: 42%; text-align: center; }
#navigation .right_info p { color: #bccbe0; }
/*公告*/

#announcement { margin-top: 5px; height: 35px; line-height: 35px; background-color: #f0f0f0; color: #0B3B7D; }
#announcement .announcement_title { float: left; font-weight: bold; text-indent: 35px; background: url(../images/announcement_title.gif) no-repeat 8px center; width: 150px; }
#announcement .announcement_body { float: left; width: 750px; }
#announcement .announcement_bottom { float: right; width: 100px; }
.announcementlist { }
.announcementlist li { line-height: 35px; }



/*当前位置*/

#location_main { }
#location { display: none; color: #0450a1; float: right; padding-right: 8px; }
#location a { color: #0450a1; }
/* 友情链接 */ 

#link {width:1340px; padding: 0; box-sizing: border-box; margin-bottom: 20px;overflow: hidden; }
#link ul{width:1352px;}
#link ul li { float: left;box-sizing: border-box; width:24%; margin:0px 1% 6px 0;height:35px;line-height: 35px;overflow: hidden;text-align:center;background:#f5f5f5; }
#link ul li a {display: block; color: #555;font-size:15px; }
#link ul li a:hover { background: #18739f;color:#fff;border:1px solid #18739f; }
/*底部版权*/

.footerbox { background: #18739f; padding: 40px 0; }
.footer { width: 1340px; margin: 0 auto; font-size: 15px; color: #fff; }
.footer p{line-height:40px;}
.footer a { color: #fff; }
.fzuo { width: 780px;padding-top: 35px; }
.fyou { width: 540px; text-align: right;padding-top: 10px; }
.fyou img { height: 180px; }
/*==========@@通用列表 开始@@==========*/


/* banner开始 */
.slideBox { width: 100%; height: 500px; overflow: hidden; position: relative; }
.slideBox .hd { height: 20px; overflow: hidden; position: absolute; left: 50%; bottom: 25px; z-index: 1;transform: translate(-50%, 0); }
.slideBox .hd ul { overflow: hidden; zoom: 1;}
.slideBox .hd ul li { float: left; margin-right: 15px; width: 100px; height: 5px;line-height:5px; text-align: center;background-color: rgba(0, 0, 0, 0.3);color: #fff;  cursor: pointer;font-size:10px; }
.slideBox .hd ul li.on { background:rgba(255, 255, 255, 0.5); color: #fff; }
.slideBox .bd {height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 500px; }
.slideBox .bd li a { }

/* 幻灯开始 */
#huandeng {float:left; width:650px; height:425px; overflow:hidden; position:relative; }
#huandeng ul { height:425px; position:absolute; }
#huandeng ul li { float:left; width:650px; height:425px; overflow:hidden; position:relative; background:#fff; }
#huandeng ul li img{width:650px;height:425px;}
#huandeng ul li .hdt { position:absolute;left:0; bottom:0;height:30px;width:420px;line-height:30px; padding-left:10px;color:#fff;overflow:hidden;z-index:99; }
#huandeng .btnBg { position:absolute; width:650px; height:30px; left:0; bottom:0; background:#000; }
#huandeng .btn { position:absolute;z-index:100; width:180px;line-height:30px;padding:0px 10px; right:0; bottom:0; text-align:right; }
#huandeng .btn span { display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff; }

/*文字列表*/

.textlist { padding: 5px 0 8px; }
.textlist li { height: 50px; line-height: 50px; font-size: 15px;overflow: hidden; }
.textlist li a {width: 100%;color: #111;overflow: hidden;}
.textlist li a:hover {color:#18739f;  }
.textlist li strong{color: #18739f;}
.textlist li span { float: right; padding-left:10px;font-size:14px; }

.textlist2 li{

	float: left;
	border-left: 2px solid #ddd;
	border-bottom: 1px dashed #ddd;
	margin-top: 11px;
	padding:0px 13px 5px;box-sizing:border-box;
width:100%
}
.textlist2 li span{
	float: left;
	padding:5px 10px;
margin-bottom:5px;
	font-size: 14px;
	color: #fff;
	background:#18739f;
}
.textlist2 li a{
	width: 100%;
	float: left;
	font-size: 14px;
	color: #000000;
	line-height: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.textlist2 li a:hover{
	color: #18739f;
}
.textlist3 { padding: 5px 0 8px; }
.textlist3 li { font-size: 15px;overflow: hidden;background:url(../images/libg.png) 0 center no-repeat; }
.textlist3 li a {float:left;height: 50px; line-height: 50px; width:360px;padding-left:10px;color: #111;overflow: hidden;}
.textlist3 li a:hover {color:#18739f;  }
.textlist3 li strong{color: #18739f;}
.textlist3 li span { float: right;width:39px;height:30px;line-height:30px;margin:10px 0; padding:0px 8px;font-size:14px;background:#18739f;color:#fff; }

.textlist1 { padding: 15px 10px; background: #fff; }
.textlist1 li { height: 50px; line-height: 50px; overflow: hidden; border-bottom: 1px dashed #ddd; }
.textlist1 li span { float: right; }
.textlist1 li em { font-style: normal; color: #18739f; }
.textlist1 li em a { font-style: normal; color: #18739f; }
.textlist1 li em a:hover { color: #18739f; }
.textlist1 li a { color: #333; font-size: 16px; }
.textlist1 li a:hover { color: #18739f; }
.N_content_r{width:660px;height:425px;}
.N_content_r ul li{ height:100px;border-bottom: 1px dashed #eee;padding-bottom: 8px;}
.N_content_r ul li{ height:100px;border-bottom: 1px dashed #eee;padding-bottom: 8px;}
.N_content_r ul li dl{ width:10%; height:90px;margin-top:12.5px;  float:right;box-sizing: border-box;}
.N_content_r ul li dl dt{ font-size:30px; font-weight:bold; height:50px;line-height:50px;color:#fff; text-align:center;background:#18739f;}
.N_content_r ul li dl dd{  height:40px;line-height:40px;text-align:center;background:#cbe4fa;}
.N_content_r ul li h2{ font-size:15px;height: 52.5px;line-height:52.5px; width:90%; float:left; font-weight:700;overflow: hidden;box-sizing: border-box;padding-right:15px;}
.N_content_r ul li h2 a{color:#222;}
.N_content_r ul li h2 a:hover{color:#18739f;}
.N_content_r ul li p{ font-size:12px; color:#888; width:90%; float:left;box-sizing: border-box;height: 50px; line-height:25px;padding-right: 15px;overflow: hidden;}

/*带缩略图文字列表*/
.imglist{padding-left:20px;width:1060px;overflow:auto;}
.imglist li {float:left;width:188px;margin-right:20px;margin-bottom:20px;padding:25px 0 10px; background:#f5f5f5; text-align:center;transition: all 2s;-webkit-transition: all 2s;}
.imglist li:hover{ background:#18739f; }
.imglist li img {width:135px;height:180px; }
.imglist li .imgtitle {display:block; height:50px; line-height:50px; font-size:18px;color:#0b9; }
.imglist li .imgtitle a { color:#555; }
.imglist li .imgtitle a:hover { color:#fff; }
.imglist li:hover .imgtitle a{ color:#fff; }

/*带缩略图文字列表1*/
.imglist1{width:1360px;overflow:auto;}
.imglist1 li {float:left;width:252px;margin-right:20px;margin-bottom:20px;padding:25px 0 10px; background:#f5f5f5; text-align:center;}
.imglist1 li img {width:200px;height:135px; }
.imglist1 li .imgtitle1 {display:block; height:50px; line-height:50px;padding:0 10px; font-size:16px;overflow:hidden; }
.imglist1 li .imgtitle1 a { color:#555; }
.imglist1 li .imgtitle1 a:hover { color:#18739f; }

/*橱窗列表*/

.gridlist { margin-top: 5px; }
.gridlist li { float: left; padding: 4px 0; margin-bottom: 10px; margin-right: 13px; text-align: center; overflow: hidden; display: inline; text-overflow: ellipsis; white-space: nowrap; }
.gridlist li img { border: 1px solid #D6D6D6; width: 282px; height: 178px; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; }
.gridlist li a { white-space: nowrap; line-height: 28px; display: block; overflow: hidden; }
.gridlist li .InfoTitle { color: #555; }
.gridlist li:hover .InfoTitle { color: #df071f; }
.gridlist li:hover a img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
/*橱窗列表1*/

.gridlist1 { overflow: hidden; -webkit-perspective: 1300px; -o-perspective: 1300px; -ms-perspective: 1300px; perspective: 1300px; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.gridlist1 li { float: left; width: 23%; zoom: 1; margin: 10px; box-shadow: 3px 4px 6px #888; }
.gridlist1 li img {/* width:300px;*/ vertical-align: middle; }
.gridlist1 li a { white-space: nowrap; line-height: 28px; display: block; background: url(../images/fuwubg.jpg) 0 0 no-repeat; }
.gridlist1 li .InfoPicture { position: relative; }
.gridlist1 li .info_wrap { width: 100%; height: 100%; position: absolute; top: 0px; left: 0; text-align: center; }
.gridlist1 li .info_wrap p { font-size: 18px; font-weight: bold; line-height: 22px; color: #416690; margin: 230px 0px 0; background: #fff; padding: 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.gridlist1 li .info_wrap .ViewMore { color: #fff; opacity: 0; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; }
.gridlist1 li:hover { background: url(../images/footer_bj.png) repeat; }
.gridlist1 li:hover img { opacity: 0.6; }
/*.gridlist1 li:hover .info_wrap p{ margin:55px 0 20px; }*/

.gridlist1 li:hover .info_wrap p { margin: 90px 0 20px; }
.gridlist1 li:hover .info_wrap .ViewMore { opacity: 1; }
/*橱窗列表2*/

.gridlist2 { overflow: hidden; }
.gridlist2 li { float: left; width: 33%; text-align: left; overflow: hidden; display: inline; text-overflow: ellipsis; white-space: nowrap; }
.gridlist2 li img { width: 50px; padding-left: 10px; }
.gridlist2 li p { font-size: 17px; font-weight: bold; line-height: 20px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gridlist2 li:hover p { color: #0075c2; }
.gridlist3 { overflow: hidden; -webkit-perspective: 1300px; -o-perspective: 1300px; -ms-perspective: 1300px; perspective: 1300px; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.gridlist3 li { float: left; width: 580px; zoom: 1; }
.gridlist3 li.n2 { float: right; }
.gridlist3 li img { width: 580px; height: 319px; vertical-align: middle; }
.gridlist3 li a { position: relative; display: block; }
.gridlist3 li .info_wrap { width: 100%; height: 100%; position: absolute; top: 36%; left: 0; text-align: center; }
.gridlist3 li .info_wrap p { font-size: 26px; line-height: 26px; color: #fff; text-shadow: 2px 2px 14px #000; margin: 40px 0 15px; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; }
.gridlist3 li .info_wrap .ViewMore { color: #fff; opacity: 0; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; }
.gridlist3 li a:hover { background: url(../images/footer_bj.png) repeat; }
.gridlist3 li:hover img { opacity: 0.6; }
.gridlist3 li:hover .info_wrap p { margin: 0px 0 55px; }
.gridlist3 li:hover .info_wrap .ViewMore { opacity: 1; }
/*视频列表*/

.videolist { margin-top: 5px; }
.videolist li { width: 284px; float: left; margin-right: 20px; text-align: center; overflow: hidden; }
.videolist li.n4 { margin-right: 0; }
.videolist li img { border: 1px solid #E1E1E1; width: 100%; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; }
.videolist li a { white-space: nowrap; line-height: 28px; display: block; overflow: hidden; }
.videolist li .InfoTitle { color: #0450a1; }
.videolist li:hover .InfoTitle { color: #fb9528; }
.videolist li:hover a img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
/*==========@@通用列表  结束@@==========*/

#zhiding { position: fixed; right: 10px; bottom: 90px; display: none; width: 60px; height: 60px; z-index: 99999; }
#zhiding img { width: 60px; vertical-align: text-bottom; }
/*主页标题*/

.index-title-black { text-align: center; padding-bottom: 20px }
.index-title-black span { display: block; font-size: 38px; color: #416690; font-weight: bold; text-shadow: 3px 3px 3px #ccc; }
.index-title-black p { display: block; position: relative; border-bottom: 1px solid #ccc; width: 380px; margin: 0 auto; height: 20px }
.index-title-black p em { display: block; position: absolute; background: url(../images/bodybg1.jpg) 0 0 repeat; overflow: hidden; width: 160px; left: 110px; top: 0; height: 40px; line-height: 40px; font-size: 18px; color: #888; text-align: center }
h2 { font-size: 16px; font-weight: 700; }
h2 a { color: #fff; }
h2 a:hover { color: #f1f1f1; }
h2 span { float: right; padding: 9px 10px 0 0; }
.tit { height: 40px; line-height: 40px; padding: 0 0 0 15px; overflow: hidden; background: url(../images/h4_bg.png) left bottom no-repeat; }
.tit a { color: #fff; }
.jianjiecon { height: 300px; overflow: hidden; padding: 15px 0 0; }
.jianjiecon p { text-indent: 2em; line-height: 30px; font-size: 15px; }
.jianjiecon p img { float: left; margin-right: 10px; width: 280px; height: 170px; }
.jianjiecon p a { color: #416690; }
.news { height: 300px; overflow: hidden; padding: 15px 0 0; }
.news ul li { padding-left: 15px; height: 35px; line-height: 35px; overflow: hidden; border-bottom: 1px dashed #ddd; font-size: 15px; background: url(../images/arrow.png) 0 center no-repeat; }
.news ul li span { float: right; color: #bbb; font-size: 14px; }
.news ul li em a { font-style: normal; color: #416690; }
.zizhi { float: left; width: 884px; height: 347px; overflow: hidden; background: #f8f8f8; }
.zizhi ul { overflow: auto; }
.zizhi ul li { float: left; width: 420px; padding: 10px 0 0 15px; }
.zizhi ul li img { width: 420px; height: 240px; margin-right: 10px; }
.zizhi ul li p { text-align: center; font-size: 15px; color: #333; height: 30px; line-height: 30px; overflow: hidden; }
.zizhi ul li a p:hover { color: #18739f; }
.weizhi { float: right; width: 467px; height: 340px; margin-right: 3px; overflow: hidden; background: #fff; box-shadow: 2px 2px 2px rgba(0,0,0 ,0.3); }
/*single*/

.main_box { background: url(../images/mainbg.gif) 0 0 repeat-y; }
.bt2 { border-bottom: 5px solid #fff; }
.main_l { float: left; width: 290px; }
.list_l { padding: 10px 5px; }
.list_l li { }
.list_l li a { display: block; line-height: 40px; padding-left: 20px; border-top: 1px solid #5382b7; border-bottom: 1px solid #2c4560; background: url(../images/libg1.png) 5px center no-repeat; color: #fff; font-size: 14px; }
.list_l .on a { color: #e5e5e5; background: #fc0 url(../images/libg1.png) 5px center no-repeat; }
.list_l li a:hover { color: #e5e5e5; background: #fc0 url(../images/libg1.png) 5px center no-repeat; }
.title {width: 100%; height: 60px; line-height: 60px;font-family: Microsoft YaHei;border-bottom:3px solid #b70000;}
.title h2 { float: left;padding:0 20px; color: #fff; font-size: 20px; font-weight: bold;background:#b70000;}
.list_lc { padding: 10px 5px; }
.list_lc li { }
.list_lc li a { display: block; line-height: 55px; padding-left: 30px; border-bottom: 1px dashed #b8cfe3; background: url(../images/libg.jpg) 10px center no-repeat; color: #111; font-size: 16px; }
.list_lc .on a {border-bottom: 1px dashed #18739f; color: #f5f5f5; background: #18739f url(../images/libg1.png) 10px center no-repeat; }
.list_lc li a:hover {border-bottom: 1px dashed #18739f; color: #f5f5f5; background: #18739f url(../images/libg1.png) 10px center no-repeat; }
.main_r { float: right; width: 1040px; background: #fff;overflow:hidden; }
.maint { line-height: 80px; text-align: center; color: #416690; font-size: 36px; font-weight: bolder; text-shadow: 3px 3px 3px #888; border-bottom: 3px solid #ddd; }
.sincon { padding: 15px 0 10px; font-size: 17px; line-height: 2; border-top: 3px solid #ccc; }
.sincon img { max-width: 940px; box-shadow: rgba(0, 0, 0, .4) 2px 2px 4px; }
.sincon p { line-height: 2; padding: 5px 0; }
.shipin { min-height: 500px; }
/*list*/

.zizhi_li li { float: left; font-size: 15px; width: 315px; height: 255px; text-align: center; overflow: hidden; margin-bottom: 12px; padding-top: 10px; background: #fff; transition: color 1s, background 1s; -webkit-transition: color 1s, background 1s; }
.zizhi_li li:hover { background: #416690; }
.zizhi_li li:hover a { color: #FFF }
.zizhi_li li div { margin-left: 10px; margin-bottom: 5px; width: 295px; height: 200px; overflow: hidden; }
.zizhi_li li img { width: 295px; height: 200px; -webkit-transition: -webkit-transform .5s, opacity .5s; -moz-transition: -moz-transform .5s, opacity .5s; -o-transition: -o-transform .5s, opacity .5s; transition: -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, transform .5s, opacity .5s; }
.zizhi_li li img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) }
.zizhi_li li span { margin-left: 10px; width: 380px; height: 290px; overflow: hidden; }
/*内容页*/
.text_t { padding: 35px 20px 35px;  font-size: 30px; text-align: center; color: #000; }
.info { margin: 5px 0; padding: 5px; text-align: center; background: #eee; }
.text_c { padding: 10px 15px; font-size: 18px; color: #333; line-height: 2; }
.text_c p { padding: 3px 0;}
.text_c h3 { padding: 3px 0; font-size: 19px; color: #111; }
.text_c img { max-width: 1320px; }
.shxp { padding:10px 0; border-top:1px dotted #ddd; clear: both; }
.shxp li { padding:8px 10px; }
.headerbox {background:#fff; }
.header { height: 180px; width: 1340px; margin: 0 auto; background: url(../images/headbg.png) right center no-repeat; }
.Logo{padding-top: 20px;}
.header .tel { width: 235px; }
.nav_t{width:235px;height:50px;padding-top:20px;}
.nav_t ul li.links{float:left;}
.nav_t ul li.links a{line-height: 35px;margin:0px 10px;font-size: 14px;color: #18739f;font-family: "Microsoft YaHei";}
.nav_t ul li.links a:hover{color:#f00136;}
#keyword {
    width: 160px!important;
    padding: 7px 0;
    border: 1px solid #18739f;
    height: 20px;
    line-height: 20px;
    background: #fff;
    color: #18739f;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    padding-left: 12px;
}
.search {
    width: 47px;
    height: 37px;
    border: 0px;
    background: #FFFFFF url(../images/search.png) no-repeat center;
    cursor: pointer;
vertical-align: top;}
.menu { z-index: 999; background:#18739f; margin-bottom: 0px; }
.menubar {  z-index: 1; height: 70px; line-height: 70px; margin: 0 auto; width: 1340px; }
.nav { width: 1350px; }
.nav .m {position: relative; float: left;background:url(../images/ge.png) right center no-repeat; }
.nav h3 { float: left; font-weight: normal; font-size: 17px; overflow: hidden; }
.nav h3 a { display:inline-block;color: #fff;padding: 0 20px;}
.nav .on h3 a { color: #fff; font-weight: 300;background:#2a8cbb;}
.nav h3 a:hover {color: #fff; font-weight: 300;background:#2a8cbb;}
.nav .sub { display: none; width: 100%;box-sizing:border-box; padding:0 3px; position: absolute; left: 0; top: 70px; background: #fff; border-top: 0; z-index: 9999; overflow: auto;box-shadow: 2px 2px 3px #666;}
.nav .sub li {margin:3px 0;text-align:center;width:100%;box-sizing:border-box; height: 40px; font-size: 14px; line-height: 40px;background:#f5f5f5; }
.nav .sub li a {color: #333;display: block; }
.nav .sub li a:hover { color: #fff;background:#18739f; }