@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:#555;width:100%;margin:0px auto; font-family: Microsoft YaHei; font-size:14px; background:#fff; }
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;}

/*链接*/
a{ text-decoration:none; color:#555; background: transparent;  outline:none}
a:visited { color:#8c8c8c; }
a:focus { outline:none; }
a:hover{ color:#fb9528;}
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,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}
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;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
/*==========@@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; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*按钮*/
.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666; }
/*默认样式*/
.btn { background-color:#0450a1; color:#fff; }
.btn:hover { background-color:#4483c6; color:#fff; }
.btn:active { background:#4483c6; color:#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;}

/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; }
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}
/*第一行*/
.container{background-color:#fff;}
.block{position:relative;width:100%;}
.item{width:1200px;margin:0 auto;}
/* f1Box */
.f1Box{padding:18px 0 27px;}
.f1Box h2{position:relative;height:32px;margin-bottom:24px;padding-left:14px;color:#000;font-size:18px;font-weight:normal;line-height:32px;}
.f1Box h2 i{position:absolute;left:0;top:50%;margin-top:-10px;width:3px;height:20px;background-color:#006db8;}
.f1Box h2 span{padding-left:4px;font-size:14px;font-family:Arial;text-transform:uppercase;}
.f1Box ul{position:relative;height:108px;background:url(../img/f1Box_bg.jpg) repeat-x left top;}
.f1Box li{float:left;width:108px;}
.f1Box li i{width:57px;height:57px;margin:0 auto;display:block;background:url(../img/server-ico.png) no-repeat; transition:all .3s;}

.f1Box li.i1  i{background-position:0 -70px;}
.f1Box li.i2  i{background-position:-64px -70px;}
.f1Box li.i3  i{background-position:-130px -70px;}
.f1Box li.i4  i{background-position:-196px -70px;}
.f1Box li.i5  i{background-position:-262px -70px;}
.f1Box li.i6  i{background-position:-326px -70px;}
.f1Box li.i7  i{background-position:-390px -70px;}
.f1Box li.i8  i{background-position:-456px -70px;}
.f1Box li.i9  i{background-position:-520px -70px;}
.f1Box li.i10  i{background-position:-590px -70px;}
.f1Box li span{height:24px;padding-top:26px;display:block;color:#666;font-size:14px;line-height:24px;text-align:center;}
.f1Box li.i1 a:hover i{background-position:-0px 0;}
.f1Box li.i2 a:hover i{background-position:-64px 0;}
.f1Box li.i3 a:hover i{background-position:-130px 0;}
.f1Box li.i4 a:hover i{background-position:-196px 0;}
.f1Box li.i5 a:hover i{background-position:-262px 0;}
.f1Box li.i6 a:hover i{background-position:-326px 0;}
.f1Box li.i7 a:hover i{background-position:-390px 0;}
.f1Box li.i8 a:hover i{background-position:-456px 0;}
.f1Box li.i9 a:hover i{background-position:-520px 0;}
.f1Box li.i10 a:hover i{background-position:-590px 0;}


/*==========@@频道布局  开始@@==========*/
/*模型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:100%; margin:5px auto; }
#top, #logo, #banner, #announcement, #link, #copyright,#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:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; }
/* 顶部 */
#top_main { height:30px;  background:#0C55A4; }
#top { height:30px; line-height:30px; 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:#fff;  }
#top a:hover { color:#bccbe0; 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; }
#logo_main.fixed{ position:fixed; top:0px; box-shadow:0px 2px 4px #888; background:#fff; }
#logo{ overflow:hidden; width:1200px;}
#logo .WebLogo{ float:left; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#logo_main.fixed .WebLogo{ width:26%; }
#logo .WebLogo img{ width:100%; padding:10px 0; 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; }

#logo_main.fixed ul.navigationlist li .ChannelName{ padding:16px 0px 16px 35px; }
/*导航*/
#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:22px 0px 28px 35px; font-size:18px; color:#333; 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 .current{ color:#333; }
/*导航栏下拉*/
#navigation .info_wrap_main{ width:100%; overflow:hidden; display:none; position:absolute; left:0; z-index:100; background:#2466ad; color:#fff; text-align:left; }
#navigation .info_wrap{ width:100%; margin:0 auto; padding:35px 0px; overflow:hidden; }
#navigation .line{ position:absolute; z-index:-1; bottom:0px; width:0px; height:4px; font-size:3px; background:#e94709; display:none; }
#navigation .Channel_wrap{ float:left; width:30%; margin-right:9%; margin-left:3%; }
#navigation .Channel_wrap .ChannelName1{ display:block; font-size:30px; margin-bottom:12px; }
#navigation .Channel_wrap p{ color:#bccbe0; }
#navigation .Channel_wrap .more{ display:inline-block; padding:9px 18px 0 0; float:none; color:#fff; background:url(nav_li_ico.png) no-repeat right 17px; text-align:left;
font-size:14px; line-height:22px; }
#navigation .Channel_wrap .more:hover{ color:#bccbe0; }
#navigation .subnavigationlist{ float:left; width:14%; margin-right:3%; }
#navigation ul.subnavigationlist li{ float:none; padding:0px; line-height:28px; display:inline; }
#navigation ul.subnavigationlist li a{ display:block; white-space:nowrap; font-weight:normal; color:#FFF; font-size:16px; padding:0px 10px 10px; text-align:left; }
#navigation ul.subnavigationlist li a:hover{ color:#bccbe0; }
#navigation .right_info{ float:left; width:30%; }
#navigation .right_info p{ color:#bccbe0; }

/*Js幻灯片样式*/
#banner_main {position:relative; width:100%;border:0px solid blue; border-top: 1px solid #364c85; }
#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;}
.bannerlist li img{ margin:0 auto; display:block; }
#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:12px; height:12px; border-radius:50%;
background:#fff; marg in-right:15px; overflow:hidden; font-size:0px; box-shadow:0px 0px 6px #000;}
#banner_main .hd ul li.on{  background:#fc872a;}

/*Flash幻灯片样式*/
/*#banner_main {border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */

/*当前位置*/
#location_main { } 
#location {display:none;color:#0450a1; float:right; padding-right:8px;}
#location a {color:#0450a1;}
.wc1200{margin:0 auto;width:1180px;padding-top:20px;}
.fr{float:right}
.mt20{}
.icon{background:url(../images/icon.png) no-repeat 0 0}
.warp-pic-list li{float:left;display:inline}
.warp-pic-list 
.img_wrap{display:block;font-size:0;overflow:hidden}
.warp-pic-list 
.text-area{background-color:#fff;line-height:24px}
.row .hd{background:url(../images/hd-line_01.jpg) no-repeat 0 0px;height:55px}
.row .hd .title{font:26px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei"}

.rowE .warp-pic-list{position:relative;width:1150px;height:180px;overflow:hidden;background:#fff}
.rowE .count li{margin-right:20px;width:220px;height:180px}
.rowE .count .img_wrap{width:220px;height:135px}
.rowE .count .img_wrap img{width:220px}

.qh_title{line-height:28px;text-align:center;display:block;font-size:16px}
/* --------------内页BANNER---------------------- */
.page-banner{ width:100%; position:relative; height:550px; overflow:hidden;min-width:1200px; z-index:1} 
.page-banner .image-con{ overflow:hidden; height:100%; width:100%; position:relative;transition: all 1.5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);transform:scale(1.1);-webkit-transform:scale(1.1); }
.page-banner .image-con .image{ height:100%; width:100%; background-repeat:no-repeat; background-size:cover;}
.page-banner .pic{ position:absolute; left:50%; margin-left:220px;top:100%;transition: all 2.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 2.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;display:none}
.page-banner .title{ position:absolute; left:50%; margin-left:0px;top:40%;transition: all 1.8s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.8s cubic-bezier(0.215,.61,.215,1);transition-delay:1.5s; -webkit-transition-delay:.5s;opacity:0;filter:alpha(opacity=15);font-family:"dincond-medium-webfont"; font-size:48px; color:#fff; text-align:right; width:450px;}
.page-banner.hover .image-con{transform:scale(1);-webkit-transform:scale(1);}
.page-banner.hover .pic{top:0}
.page-banner.hover .title{opacity:0.15; margin-left:150px}
/* --------------内页公共---------------------- */
.page{ position:relative; width:1200px; margin:0px auto; padding-bottom:40px; background-color:#fff;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);}
.page-wrapper{ background-color:#f5f5f5; padding-bottom:30px }


/* --------------内页导航---------------------- */
.page-nav{ height:63px;text-align:center; width:100%;  background:#f8f8f8; width:1200px; margin:-63px auto 0; position:relative; z-index:999; border-bottom:1px #eee solid}
.page-nav ul{ float:left; }
.page-nav ul li{ position:relative;display:inline-block; }
.page-nav ul li a{ 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; position: relative;-webkit-transition-property: color; transition-property: color;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; display:inline-block;  position:relative; text-align:center;  line-height:62px;padding:0 30px; }
.page-nav ul li a:before {content:""; position: absolute;z-index: -1;bottom:-1px;left: 0;right: 0;background: #0068c4;-webkit-transform: scaleX(0);transform: scaleX(0); transition: all 1s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1s cubic-bezier(0.215,.61,.215,1);color: #fff;padding: 0px 20px; height:3px;display:none\9}
.page-nav ul li a:hover:before,.page-nav ul li a:focus:before,.page-nav ul li a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.page-nav ul li a:hover{ color:#0068c4;  color:#fff\9}
.page-nav ul li.current a{ color:#fff; font-weight:bold; background-color:#0068c4;}
.page-nav ul li.current a:before{ -webkit-transform: scaleX(1); transform: scaleX(1);}
.page-nav ul li.current1 a{ }

/* --------------当前位置---------------------- */
.location{ float:right; font-size:13px; margin-right:30px;}
.location i{display:block; float:left;  width:62px; height:62px; background:url(../img/location-icon.jpg) no-repeat}
.location a{ display:block;float:left; line-height:62px; padding: 0 12px 0 20px;}
.location span{ display:block; float:left;line-height:62px; padding-left:15px;background: url(../img/location-icon2.jpg) no-repeat left center; color:#888}


/* --------------公司介绍---------------------- */
.about{ padding:40px 40px 0}
.about .about-content{ }
.about .about-content .content-a{  line-height:1.9;color:#5a5a5a; position:relative;margin-top:-8px; }
.about .about-content .content-a p{ margin-bottom:15px;}
.about .about-content .image{ width:460px; margin-right:40px; float:left; position:relative; overflow:hidden;}
.about .about-content .image img{ width:100%}
/* --------------新闻搜索顶部文字---------------------- */
.search-top{ font-size:16px; border-bottom:1px #eee solid; padding-left:40px; padding-bottom:25px}

/* --------------新闻详情---------------------- */
.news-view{ padding:40px 40px 0 }
.news-view .news-info{}
.news-view .news-info .text{}
.news-view .news-info .title{ color:#333; padding-bottom:30px;}
.news-view .news-info .title h1{font-size:26px; font-weight:400;line-height:36px; text-align:center;}
.news-view .news-info .title p{ font-family:"仿宋"; color:#888;font-size:20px; padding-top:10px; color:#ff0000}
.news-view .news-info .info{color:#bbb; position:relative; font-size:14px; background-color:#f5f5f5; padding:15px 20px}
.news-view .news-info .info span.source{background: url(../img/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-view .news-info .info span.date{background: url(../img/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-view .news-info .info span.hits{background: url(../img/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}
.news-view .news-info .info .share{ position:absolute; right:40px;top:0px;}

.share span{ float:left; line-height:20px;}
.share a{ padding-left:20px; height: 20px; margin-left:6px; display: inline-block; background: url(../img/share.png); float: left;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.share a.i1{ background-position: 0px 0px;}
.share a.i2{ background-position: -50px 0px;}
.share a.i3{ background-position: -95px 0px;}
.share a.i1:hover{ background-position: 0px -20px;}
.share a.i2:hover{ background-position: -50px -20px;}
.share a.i3:hover{ background-position: -95px -20px;}

.news-view .content{ line-height:200% !important;  margin-top:20px; font-size:16px;}
.news-view .content p{ margin-bottom:15px;line-height:200% !important;}
.news-view .content span{ margin-bottom:15px;line-height:240% !important;}
.news-view .content h3{ margin:25px 0 10px !important; font-size:16px !important;}
.news-view .content table{ float:none !important; border:2px #ddd solid; font-size:14px;border-collapse:collapse !important;border-spacing:1px !important;}
.news-view .content img{text-align: center;display:block;margin: 0 auto;vertical-align: middle;}
.news-view .other{ border-top:1px #eee solid; padding:20px 0px 15px; font-size:15px; margin-top:25px;}
.news-view .other p{ height:30px;}
.news-view .other p a{ margin-left:3px;}
.news-view .download{ border-top:1px #ddd solid; padding:30px 0; margin-top:25px; padding-left:40px;}
.news-view .download h2{ font-size:15px; color:#d42121; height:25px;}
.news-view .download p{ padding:5px 0px; background:url(../images/word.gif) no-repeat 0 center; padding-left:25px;}
.news-view .download p a{ color:#0033FF; text-decoration:underline; font-size:14px;}
.news-view .download p a:hover{ text-decoration:none; color:#0033FF}
.news-view .pics{ background:#fff;  position:relative; overflow:hidden;margin:30px 40px 0px;}
.news-view .pics .list{}
.news-view .pics .list img{ max-width:700px; max-height:450px;}
.news-view .pics .list li{ display:none; text-align:center}
.news-view .pics .list li .title{ margin-top:15px; font-weight:bold}
.news-view .pics .prev{ width:421px; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; display:block; position:absolute;top:0; left:0; z-index:100; height:800px;}
.news-view .pics .next{ width:421px; display:block; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;  position:absolute;top:0; right:0; z-index:100; height:800px;}
.news-view .pics .prev-btn{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:0; display:none}
.news-view .pics .next-btn{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:0; display:none}
.news-view .pics p{ font-size:12px; color:#fff; background:#babcc0;border-radius:5px; padding:8px 10px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; position:absolute;top:0px; right:20px; z-index:60}
.news-view .con_video_div{ margin:30px auto 0;}