@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:#696868;	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:#626262; background: transparent;  outline:none}

a:visited { color:#aaa; }

a:focus { outline:none; }

a:hover{ color:#092066; }

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: #000FFF;border: 1px solid #ccc;width:99%;line-height: normal;}

textarea{padding: 2px;color: #000000;background-color: #000;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;}



.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.2s; animation-delay:1.4s; }

.delay7{ -webkit-animation-delay:1.2s; animation-delay:1.7s; }

.delay8{ -webkit-animation-delay:1.2s; animation-delay:1.8s; }

/*==========@@HTML默认  结束@@==========*/





/*==========@@元件 开始@@==========*/

/*常用颜色*/

.blue {color: #00F !important;}

.green {color: #0F0 !important;}

.red { color:#F00 !important;}

.black {color: #000000 !important;}

.white {color: #000FFF !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: #092066;  color: #000; }

.btn:hover {  background-color:#092066; color:#000; opacity:0.9; }

.btn:active {  background: #092066;  color:#000;}

/*按钮大小*/

.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;}



/*其它*/

.hide { display:none; }  /*隐藏*/

.more{ float: right; padding-right:5px; display:none;} /*more链接*/

.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/



/*频道*/

.ChannelContent{ line-height:2.0em; font-size:16px;}

.ChannelSContent, .ChannelSContent p{ line-height:1.8em}

.ChannelContent a{ color: #ff9d02}

.ChannelSContent{ color:#000; line-height:25px; overflow:hidden; margin-bottom:10px; }

.ChannelSContent a{ color: #ff9d02}

.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; color: #000; }

.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}

.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0;}

.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{ padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em;clear:both;}

.Next a{ }

.Previous a{ }

/*==========@@元件 结束@@==========*/



/*==========@@模块  开始@@==========*/

/*左侧*/

/*主体左侧样式*/

.left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; position:relative; }

.left_title h2 { font-size:16px;  color:#01673A; }

.left_body { overflow:hidden; zoom:1; color:#01673A;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}

.left_bottom { height:15px; margin-bottom:5px;}



/*样式1*/

.left_title1{  text-align:left; position:relative; margin-bottom: 40px;height: 60px;}

.left_title1 h2{ font-size:14px; color:#000; font-weight:normal; display: block;}

.left_title1 h2 a{  font-size:30px; font-weight:400; color:#6e6e81; border-bottom:2px solid #092066; padding-bottom: 20px;}

.left_title1 h2 span{ color:#6e6e6e; font-size:16px; padding-left:15px; }

.left_title1 .line{ position:absolute; left:-50%; width:100vw;  height:1px; background: rgba(255,255,255,.06); bottom:-3px; z-index:1; }

.left_body1{ overflow:hidden; zoom:1; }

.left_bottom1{ overflow:hidden; }

.left_bottom1 .more{ display:block; float:none; width: 240px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; margin:100px auto 10px; background-color: transparent;  border: 1px solid rgba(255,255,255,.2); position: relative; z-index: 1;   background-color: #000;}

.left_bottom1 .more b{ height:1px; background:rgba(242,203,98,0); width:100%; position:absolute; bottom:0; left:0; transition:all .36s ease; -webkit-transition:all .36s ease; }

.left_bottom1 .more:hover b{  height: 50px;  z-index:-1;  background-color: #092066;color: #fff;}



.left_bottom1 .prevnext{ display:block; width:45px; height:45px; position:absolute; top:50%; margin-top:40px; z-index:5; line-height:45px; font-size:24px; font-weight:700; font-family:simsun; text-align:center; color:#fff;  background:#161617;  -webkit-transition:all 0.36s; transition:all 0.36s;  }

.left_bottom1 .prev{ left:-50px; }

.left_bottom1 .next{ right:-50px; }

.left_bottom1 .prev:hover{ background:#092066; color: #fff;}

.left_bottom1 .next:hover{ background:#092066;color: #fff; }

/*样式2*/

.left_title2{ border-bottom:1px solid #ddd; padding:10px 0 7px 0px; position:relative; }

.left_title2 h2{ text-align:left; }

.left_title2 h2 a{ font-size:16px; color:#333; font-weight:normal; position:relative }

.left_title2 h2 a:after{ display: block; position: absolute; left: 50%; bottom: -8px; width: 0px; height: 1px; content: ''; transform: translate(-50%, 0);

transition: width 0.2s; background: #f00; }

.left_title2 h2 a:hover:after {width: 100%;}

.left_title2 .More{ float:right; line-height:27px; color:#888; position:absolute; right:14px; bottom:5px; }

.left_title2 .More:hover{ color:#EFB90A; }

.left_body2{ overflow:hidden; zoom:1; color:#000; border-bottom:0; border-top:0; padding:5px 0; }

.left_bottom2{ text-align:center; height: 25px; }

.left_bottom2 .ViewMore{ width:144px; color:#000; text-align:center; font-size:14px; line-height:36px; display:block; background:#1c1c1c; border-radius:3px; margin:10px auto 20px;

-moz-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; }

.left_bottom2 .ViewMore:hover{ background:url(../images/viewMore.jpg) repeat-x; }

/*样式3*/

.left_title3{ height:45px; line-height:45px; border-bottom: 1px solid #939393;margin: 0 15px;}

.left_title3 .more{ display:block; color:#666;  }

.left_title3 h2{ font-size:18px; font-weight:bold; }

.left_title3 h2 a{ color:#000; font-weight: normal;}

.left_body3{ padding:5px 15px 10px; overflow:hidden; zoom:1; border-top:0; border-bottom:0; }

.left_bottom3 { height:5px; font-size:0px; line-height:0; overflow:hidden; margin-bottom:5px; }



.left_title4{ text-align:center; }

.left_title4 h2 a{ font-size:22px; font-weight:normal; color:#222; }

.left_title4 p{ font-size:14px; color:#666; text-transform:uppercase; font-weight:normal; }

.left_body4{ margin-top:20px; overflow:hidden; border:1px solid #ebebeb;  }

/*主体右侧*/

/*样式1*/

.right_title{ overflow:hidden; border-bottom: 1px solid #ddd; line-height:50px; padding:0 15px; }

.right_title h2{ float:left; font-size:24px; font-weight:normal; text-align:center; color:#333; }

.right_title h2 a{ color:#000; }

.right_body { padding:25px 15px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }

.right_bottom {}

/*样式2*/

.right_title1{ overflow:hidden; border-bottom: 1px solid #ddd; padding:0 15px 15px; }

.right_title1 h2{ float:left; font-size:24px; line-height:45px; font-weight:normal; text-align:center; padding:0 15px; color:#000; background:#cb2424; display:none; }

.right_body1{ padding:5px 15px; 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:50px; line-height:50px; border:1px solid #ddd; border-top:none; border-bottom:none; background:#CC0000; }

.right_title2 h2{ font-size:24px; font-weight:400; text-align:center; color:#000; }

.right_body2{ overflow:hidden; zoom:1; border:1px solid #ddd; border-top:0; padding-bottom:5px; background: #000; }

.right_bottom2{ height: 5px; font-size: 0px; line-height:0; overflow:hidden; margin-bottom:5px; }



.right_title3{ text-align:center; font-size:16px; height:41px; line-height:41px; font-weight: 400; border:1px solid #ddd; background: #000; }

.right_title3 h2{  color:#f00; font-weight:400; }

.right_body3{ color:#333; padding-bottom: 10px; border:1px solid #ddd; border-top:none; background: #000; }



/*==========@@模块  结束@@==========*/



/*==========@@频道布局  开始@@==========*/

/*模型body*/

.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}

.single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px; 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; border-bottom:#e6e6e6 solid 1px; margin-top:15px; display:none; }

#right{ float:right; width:1200px; padding-left:0px; margin-top:15px; background:#fff; }



/*===首页 开始===*/

#floor_1_main{ background:#e6e6e8; margin-top:-5px; overflow:hidden; }

#floor_1{ padding-top:50px; overflow:visible; position:relative; }

#floor_1 .hd{ width:80px; height:100%; border-left:1px solid #242424; border-right:1px solid #242424; position:absolute; top:112px; right:0; text-align:center; }

#floor_1 .hd ul{ padding-top:40px; }

#floor_1 .hd ul li{ display:block; width:45px; height:45px; line-height:45px; margin:10px auto 0; color:#000; border-radius:50%; }

#floor_1 .hd ul li:hover,#floor_1 .hd ul li.on{ background:#092066; color: #fff; }



#floor_2_main{ background:#0e0e0e url(../images/floor2.jpg) no-repeat center bottom; padding-top:50px; padding-bottom:0px; }

#floor_2{ text-align:center;overflow:visible; }



#floor_3_main{ background:#e6e6e8; }

#floor_3{  overflow:visible; text-align:center; padding:50px 0 40px; position: relative; }

#floor_3_1{ width:1200px; margin:0 auto; overflow:hidden;  position: relative; }

#floor_3_1 .prevnext{ top:35%;  }

#floor_3 .left_title1{ margin-bottom:55px; }

#floor_3:hover .prev{ left:5px; }

#floor_3:hover .next{ right:5px; opacity: 0.6; }



#floor_4_main{ overflow:hidden; background:url(../images/floor4.jpg) no-repeat center bottom; min-height:800px; }

#floor_4_1{ float:right; width:820px; min-height: 650px; border-left:1px solid #3E3F41; padding-top:150px; padding-left:20px; }

#floor_4_1 .left_title1{ padding-left:5px; }

#floor_4_1 .left_title1 .line{ left:-20px; width: 100%; }

#floor_4_1 .line2{ width: 2px; height: 100px; background-color: #092066; position: absolute; left:-21px; top:-1px; }

#floor_4_1 .left_title1 h2 a{ border: none; }

#floor_4_1 .left_body1{ position: relative; }

#floor_4_1 .prevnext{ top:32%; opacity: 0.5; }

#floor_4_1:hover .prev{ left:25px; }

#floor_4_1:hover .next{ right:25px;  }



#floor_5_main{ overflow:hidden; background:url(../images/floor5.jpg) no-repeat center bottom; padding:50px 0 100px;  }

#floor_5{ text-align:center; overflow:visible; }

#floor_5 .left_body1{ position: relative; padding-top: 20px; }

#floor_5 .prevnext{ background:rgba(0,0,0,.2); top:40%; }

#floor_5:hover .prev{ left:0px; }

#floor_5:hover .next{ right:5px;  }





#floor_7_main{ background:#fff; padding:25px 0 0; color:#000; overflow:hidden; box-shadow:0 3px 8px -6px rgba(0, 0, 0, 0.1); border:1px solid rgba(0, 0, 0, 0.14);}

#floor_7{ overflow:hidden; }

#floor_7_1{ float:left; width:765px; overflow:hidden;}

#floor_7_2{ float:left; width:365px; padding-left:45px; border-left:1px solid #cfcfcf; overflow:hidden; }

#floor_7_2 .bdsharebuttonbox{ padding-top:40px; }

#floor_7_2 .bdsharebuttonbox .LShare{ display:block; line-height:24px; height:24px; cursor:pointer; margin:6px 6px 6px 0; font-size:16px; color:#000; }

#floor_7_2 .WeChat img{ float:left; width:102px; padding:20px 30px 0 0px; }

/*===首页 结束===*/



/*===产品模型 开始===*/

.product .info_product_detail_wrap{ line-height: 2.2em; }

.product .info_product_detail_wrap b{color: #626262; font-weight:bold; }

.product .info_product_detail_wrap table.detail_table{ width:100%; }

.product .info_product_detail_wrap table.detail_table th{ width: 200px; }

.product .ProductDescription{ height:40px; color:01673A; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none; }

.product .info_product_detail_wrap img{ width:216px; height:216px;float:left;  text-align:left; margin-right:10px; }

.product .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; padding:10px 0px; }

.product .f2{ padding:5px 0px; }

.product .f1{ padding:5px 0px; }

.product .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000; }

.product .InfoTime{ padding:5px 0px; }

/*===产品模型 结束===*/



/*===招聘频道  开始===*/

.job{ }

.joblist { }

.joblist li {overflow: hidden;}

table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}

table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}

table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}

table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}

table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}

table.job_table .t2 { text-align:left;width:25%;}

table.job_table .t3 {font-weight:bold;width:25%;}

table.job_table .t4 {text-align:left;width:25%;}

table.job_table .operation{text-align:center; margin:0 auto;}

/*应聘*/

table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}

table.resume_table th{ font-weight:bold; text-align:left; width:100px;}

table.resume_table td{text-align:left; }

table.resume_table .operation{text-align:center; }

table.resume_table #Detail{ height:200px;}

/*===招聘频道  结束===*/



/*===留言频道  开始===*/

.guestbook{ }

.guestbooklist{}

.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }

.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}

.MessageContent { padding:5px; margin-bottom:10px; }

table.guestbook_table{ width:98%;  }

table.guestbook_table th{ width:78px; text-align:left}

table.guestbook_table td{ text-align:left}

table.guestbook_table .operation{ text-align:center }



/*管理员回复*/

.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}

.answer_title{}

.answer_body {}

.Administrator { text-align:right; }

.Reply { text-align:right; }

.AnswerTime{ color:#999 }



/*留言表单*/

.message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#1d1d1d; font-weight:bold;}

.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }

.message_bottom{}

/*===留言频道  结束===*/



/*===反馈频道 开始===*/

.feedback{ }

table.feedback_table{ width:99%; text-align:center; margin:0 auto; }

table.feedback_table th{ width:100px; text-align:left; font-weight:bold; }

table.feedback_table td{  text-align:left;}

table.feedback_table .operation{text-align:center; }

/*===反馈频道 结束===*/

/*==========@@频道布局  结束@@==========*/





/*==========@@公共板块  开始@@==========*/

/* 顶部 */

#top_main { height:27px; background:#fff; }

#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:#000;}

#top a { color:#000;  }

#top a:hover { color:#e5e5e5; text-decoration:none}



/*Logo*/

.logo_main_wrap{ width:100%; height:76px; z-index: 100; position:absolute; top:0; left:0; }

#logo_main { background: background:url(../images/1.jpg) ; }

#logo_main.scrollfixed{ background:#000; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.06), 0 5px 10px rgba(0, 0, 0, 0.15); }

#logo {overflow:hidden; }

#logo .WebLogo{ float:left;}

#logo .WebLogo img{ height:67px; margin-top:10px; }

#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: rgba(0, 0, 0, 0.6); }

#navigation .navigationlist{ float:right; }

#navigation { height:75px;  }

#navigation ul.navigationlist li { float:left; line-height:75px; text-align:center;  }

#navigation ul.navigationlist li a { display:block; padding:0px 23px; font-size:16px; font-weight:normal; color:#bcbcbc; border:0px dashed red; }

#navigation ul.navigationlist li a:hover { text-decoration:none; border-bottom:2px solid #fff; color:#fff; }

#navigation ul.navigationlist .current { color:#fff; border-bottom:2px solid #fff; }

/*导航栏下拉*/

#navigation  ul.subnavigationlist{ display:none; position:absolute; top:75px; border-top: 2px solid #fff; background:rgba(35, 35, 35, 0.6); z-index:100; border-radius:0 0 4px 4px; }

#navigation  ul.subnavigationlist li {  float:none; padding:0px; line-height:40px; display:inline;}

#navigation  ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#999; font-size:14px; padding:0px 40px; text-align:left}

#navigation  ul.subnavigationlist li a:hover { color:#fff; border:none; }



/*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; position:relative;}

.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:11px; height:11px;

background:url(../images/dot.png) -11px 0 no-repeat; margin-right:15px; overflow:hidden; font-size:0px;}

#banner_main .hd ul li.on{  background:url(../images/dot.png) 0 0 no-repeat;}

.bannerlist li .BannerText{ width:90%; height:200px; position:absolute; left:0; right:0; bottom:0; top:-55px; margin:auto; text-align:center; }

.bannerlist li .BannerText h2{ color:#EFB90A;font-size:58px;font-weight: bold; padding-bottom:10px; }

.bannerlist li .BannerText p{ font-size:18px;color:#000; margin:5px 0 0;}

/*Flash幻灯片样式*/

/*#banner_main {border:0px solid blue; }

#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */



/*公告*/

#announcement_main{ background:url(../images/announcement.png) repeat-x; background-repeat:repeat-x; margin-top:-43px; position:relative;  }

#announcement_wrap{ width:1200px; margin:0 auto; overflow:hidden; }

#announcement { float:left; width:820px; margin-top:0px;  height:40px; line-height:40px; color:#000;}

#announcement .announcement_title{ float:left; font-weight:bold; text-indent:35px; width:150px;  }

#announcement .announcement_title img{ width:16px; vertical-align:middle; padding-right:10px; }

#announcement .announcement_body{ float:left; width:650px; }

#announcement .announcement_bottom{ float:right; width:100px; }

.announcementlist{ }

.announcementlist li { line-height:40px; width:750px; }

.announcementlist li a{ color:#000; overflow:hidden; }

.announcementlist li a .InfoTime{ color:#ddd; }



.search{ float:right; width:270px; position: relative; margin-top: 4px; }

/*搜索 */

table.search_table{ text-align:center; }

table.search_table th{ vertical-align:middle; text-align:center;   }

table.search_table td{ vertical-align:middle; }

table.search_table .form_text{ width:203px; height:28px; line-height:28px; color:#bbb;  padding:0 55px 0 10px; margin:0; font-size:14px; border:1px solid rgba(255, 255, 255, 0.3);

border-radius:5px; background: none; }

table.search_table .form_button{ display:block; width:45px; height:30px; font-size:0px; color:#000; margin:0; padding:0; border:none; background:url(../images/ss.png) no-repeat center; background-size:20px; position:absolute; right:0; top:0; cursor:pointer; }

/*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; }

.bannerlist li img{ margin:0 auto; display:block; }

#banner_main .hd{ width:100%; position:relative; bottom:60px; 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; background:#000; margin-right:15px; overflow:hidden;

font-size:0px; border-radius:6px; }

#banner_main .hd ul li.on{ background:#092066; }



/*Flash幻灯片样式*/

/*#banner_main {border:0px solid blue; }

#banner {  border:0px solid red; margin:0 auto; overflow:hidden; } */



/*当前位置*/

#location_main { }

#location{ display:block; color:#464747; float:right; padding:0px 8px 0 0; }

#location a{ color:#464747; }

/*子频道列表*/

.subchannel_main{ margin:50px 0 30px;}

.subchannel{}

.subchannellist { text-align:center;}

.subchannellist li { display:inline;line-height:36px;  }

.subchannellist li a {background:#fff; padding:7px 35px; margin-right:10px; color:#333; border:1px solid #333; transition: .36s ease;  -webkit-transition: .36s ease;}

.subchannellist li a:hover{ background:#092066;  color:#fff;text-decoration:none; border:1px solid #092066;}

.subchannellist #current a{ background:#092066; color:#fff; border:1px solid #092066; }

.subchannellist .depth1{ font-size:16px;  }

.subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; }

.subchannellist .depth2 a{ border:none;}

.subchannellist .depth3{ font-size:14px; text-indent:3em}

.subchannellist .depth4{ font-size:14px; text-indent:4.5em}

.subchannellist .depth5{ font-size:14px; text-indent:6em}

.subchannellist .depth6{ font-size:14px; text-indent:7.5em}

/*联系我们*/

.contact_wrap{ line-height:1.8em; }

.contact_wrap b{ font-weight:bold; }

.contact_wrap .WebUrl{ color:#092066 }

/*联系我们1*/

.contact_wrap1{ line-height:26px; background:url(../images/contact.png) no-repeat; width:220px; height:154px; padding-left:12px; padding-top:10px; color:#333; overflow:hidden; }

.contact_wrap1 b{ font-weight:normal; padding:6px 0px 6px 22px;}

.contact_wrap1 .ico1{ background:url(../images/phone.png) no-repeat 0px center; background-size:17px;  }

.contact_wrap1 .ico2{ background:url(../images/mobile.png) no-repeat 0px center; background-size: 17px;  }

.contact_wrap1 .ico3{ background:url(../images/fax.png) no-repeat 0px center; background-size: 17px;  }

.contact_wrap1 .ico4{ background:url(../images/email.png) no-repeat 0px center; background-size: 15px; }

.contact_wrap1 .ico5{ background:url(../images/address.png) no-repeat 0px center; background-size: 16px; }



/*公共百度地图*/

#Map{ overflow:hidden; width:100%; margin-top:-52px;}

#Map .MapInfo #MapContainer{  height:380px; }



/*订购*/

.order{ margin:0px auto; }

.order .WantOrder h1{ border-bottom:1px dotted #999; padding: 5px 0px; }

.order .f1{ float:right; color:red; }

table.order_table{ width:98%;  }

table.order_table th{ width:100px; text-align:left;}

table.order_table td{text-align:left}

table.order_table .operation{ text-align:center}



/* 友情链接 */

/* 友情链接 */

#link_main{ margin-top:30px;  }

#link { padding:0; border:1px solid #ddd; box-sizing:border-box; margin-bottom:30px; background:#fff; box-shadow:0 3px 8px -6px rgba(0, 0, 0, 0.1); border-radius:8px; }

.link_title{ line-height:50px; height:50px; color:#333; }

.link_title h2 { font-size:22px; color:#555; font-weight:normal; text-indent:30px; }

.link_body { color:#333; border-top:0px; border-bottom:0px; }

.link_bottom{ height:5px; }

.link_pic { overflow:auto; zoom:1; padding: 0px 15px; }

.link_pic ul{ overflow:hidden; }

.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 #092066; }

.link_text { overflow: hidden; zoom:1; padding:8px 15px; }

.link_text ul li { float:left; text-align:center; padding:1px 18px; overflow:hidden; white-space:nowrap; }

.link_text a { line-height:22px; color:#555; }

.link_text a:hover { line-height:22px; color:#092066; }

/* 版权信息 */

.bottom_navigation{ width:840px; overflow:hidden; float:left; padding-left:10px; }

.bottom_navigation li{float:left; width:140px; margin-right:15px; overflow:hidden; }

.bottom_navigation li.n1{margin-right:0;}

.bottom_navigation li a{ display:block; text-align:left; font-size:18px; color:#000; margin-bottom:10px; }



/*底部导航子导航*/

.bottom_navigation .subnavigationlist1 {}

.bottom_navigation .subnavigationlist1 li{ float:none; padding:0px; line-height:28px; display:block;}

.bottom_navigation .subnavigationlist1 li a{ display:block;line-height:30px; font-weight:normal; padding:0; margin:0; font-size:13px; text-align:left; overflow:hidden;

white-space:nowrap; text-overflow:ellipsis; }

.bottom_navigation .subnavigationlist1 li a:hover{ color:#092066; }

/* 版权信息 */

#copyright_main{ background:#e9e9e9; color:#000; line-height:50px; margin-top:10px; }

#copyright { line-height:50px;  }

#copyright a {color:#000; text-decoration: none;}

#copyright a:hover{ color:#092066; text-decoration: none;}

#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }

#copyright .TechnicalSupport{ float:right; margin:0 }

/*分页样式*/

.page { padding:4px 0px 0px 1px; float:right; clear:both;}

.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }

.page a:link, .page a:visited { text-decoration:none; }

.page a:hover { background:#CC0001; color:#ff9900; }

.page .current{ background:#CC0001; color:#000; }

.page #total{color:red}



/*会员*/

/*会员登录*/

table.login_table{ width:40%; text-align:center; margin:0 auto;}

table.login_table th{ width:100px; text-align:left; font-weight:bold;}

table.login_table td{ text-align:left;}

table.login_table .operation{text-align:center}

table.login_table .quick_login td{text-align:left; padding:10px 0;}

table.login_table .quick_login td img{ margin-right:8px; float:left;}



/*会员注册*/

table.reg_table{ width:40%; text-align:center; margin:0 auto;}

table.reg_table th{ width:140px; text-align:left; font-weight:bold;}

table.reg_table td{  text-align:left; }

table.reg_table .operation{text-align:center}

table.reg_table .MemberCode{  text-align:left; width:70px;}

table.reg_table #SmsCode{width:50px;}



/*忘记密码 第一步*/

table.forget_table1{ width:40%; text-align:center; margin:0 auto;}

table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}

table.forget_table1 td{ text-align:left; }

table.forget_table1 .operation{text-align:center}

/*忘记密码 第二步*/

table.forget_table2{ width:40%; text-align:center; margin:0 auto;}

table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}

table.forget_table2 td{text-align:left}

table.forget_table2 .operation{text-align:center}

table.forget_table2 #SmsCode{ width:60px;}

table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}



/*网站地图列表*/

.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:#000; }

.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}

/*==========@@公共板块  结束@@==========*/





/*==========@@通用列表 开始@@==========*/

/*文字列表*/

.textlist{ }

.textlist li { line-height:28px; padding:5px 0; text-indent:8px; overflow:hidden;width:100%; border-bottom:1px dashed #999; margin-bottom:5px; }

.textlist li a{ color:#000; font-size:16px; }

.textlist li p{ padding-right:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.textlist li .float_right{padding-right:10px; }

.textlist li:hover{ background:#eee; border-bottom:1px dashed #eee;  }

/*文字列表*/

.textlist1{ overflow:hidden; text-align:center; padding-top:15px; float:right; }

.textlist1 li{ float:left; text-align:center; padding:0px 7px; overflow:hidden;  margin:0 5px; height:46px; line-height: 34px; }

.textlist1 li.n6{ margin:0; }

.textlist1 li a{ font-size:14px; color:#000; overflow:hidden; }

.textlist1 li:hover a{ color:#092066; }

.textlist1 li:hover{ border-bottom:1px solid #092066;}



.textlist2{}

.textlist2 li{ border-bottom:1px dotted #aaa; height:48px; overflow:hidden; padding-top:2px; }

.textlist2 li p{ color:#ececec; line-height:22px; font-size:12px; }



.textlist3{ overflow:hidden; }

.textlist3 li{ float:left; width: 12.5%; }

.textlist3 li .AlbumTitle{ display:table; width: 45px; height:250px; }

.textlist3 li .AlbumTitle span{ display:table-cell; vertical-align:middle; color:#000; font-size:24px; text-align:center; /*writing-mode: tb; padding-left:8px;*/

background:url(../images/zs_li_bg.png) center no-repeat; background-size: 100% 100%;}



.textlist4{}

.textlist4 li{ float:left; width:570px;  margin-right:50px; border: 1px solid rgba(170,170,170,.2); border-radius:2px; transition: .36s ease;  -webkit-transition:.36s ease; position: relative;  }

.textlist4 li h2{ font-size:20px; color:#000; padding:60px 40px 25px; display:block; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.textlist4 li h2:hover{ color:#fff;  }

.textlist4 li p{ font-size:14px; height:70px; line-height:24px; padding: 0 40px; color:#000; text-align:left; margin-bottom:15px; overflow: hidden; transition: .36s ease;  -webkit-transition:.36s ease; }

.textlist4 li div{ height:52px; border-top:1px solid rgba(170,170,170,.2); position: relative; margin-top:60px; transition: .36s ease;  -webkit-transition:.36s ease; }

.textlist4 li div span{ width: 144px; height:52px; line-height:52px; bottom:0; right:0; z-index: 10; background:#000; position: absolute; border-radius:0 0 2px 0; text-align:center;  font-family:HELVETICANEUELTCOM-LTEX;font-size: 14px; color: #fff; transition: .36s ease;  -webkit-transition: .36s ease;}
.textlist4 li div span:hover{ background:#092066; border: 1px solid #092066; color:#fff;  }
.textlist4 li .InfoTime{ position:absolute; right:40px; bottom:-24px; z-index: 1; font-size:20px; color:rgba(255,254,254,.27); transition:.36s ease;  -webkit-transition:.36s ease;}

.textlist4 li:hover{ background:#092066; border: 1px solid #092066;  }

.textlist4 li:hover div{  border-top:1px solid #092066;  }

.textlist4 li:hover p{ color:#fff;  }

.textlist4 li:hover .InfoTime{ bottom:60px; }

/*带缩略图文字列表*/

.thumblist{ }

.thumblist li{  text-align:left; overflow:hidden; margin-bottom:20px; }

.thumblist li img{ transition:.8s ease 0s; -moz-transition:.8s ease 0s; -webkit-transition:.8s ease 0s; }

.thumblist li .InfoTitle{ display:block; font-size:18px; font-weight:bold; color:#333; text-align:left; padding:0 0 5px 0; }

.thumblist li .InfoPicture{ float:left; overflow:hidden; width:230px; margin-right:20px; }

.thumblist li p{ font-size:14px; color:#999; }

.thumblist li .InfoContent{ font-size:14px; color:#000; overflow:hidden; padding:0; }

.thumblist li a{ line-height:30px; color:#ccc; }

.thumblist li .InfoTime{ float:right; }

.thumblist li:hover .InfoTitle{ color:#092066; }

.thumblist li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }



.thumblist1 li{ width:100%; overflow:hidden;}

.thumblist1 li .InfoPicture{ float:left; width:300px; margin-right:30px; overflow:hidden; }

.thumblist1 li a img{ width:100%; vertical-align:middle; transition:.8s ease 0s; -moz-transition:.8s ease 0s; -webkit-transition:.8s ease 0s; }

.thumblist1 li .infor_wrap{ float:left; width:540px; }

.thumblist1 li .InfoTitle{ font-size:20px; color:#000; padding:0px 0px 5px; display:block; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.thumblist1 li .infor_wrap p{ color:#757575; padding-bottom:20px; border-bottom:1px solid #2D2D2F; }

.thumblist1 li .InfoContent{ color:#999; padding:20px 0; font-size:14px; }

.thumblist1 li .more{ float:none; display:block; color:#999; font-size:14px; background:url(../images/tb.png) no-repeat -15px -14px; padding-left:20px; }

.thumblist1 li:hover  .InfoTitle{ color:#092066; }

.thumblist1 li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }

.thumblist1 li:hover  .more{ color:#000; }



.thumblist2{ overflow:hidden; padding-top:20px; }

.thumblist2 li{ float: left; width:380px; margin:0 10px 16px; text-align:left; }

.thumblist2 li .InfoPicture{ display:block; overflow:hidden; }

.thumblist2 li .InfoPicture img{ width:100%; vertical-align:middle; }

.thumblist2 li .InfoPicture .line{ width:100%; position: relative; height:40px; margin:0 auto 20px; }

.thumblist2 li .InfoPicture .line b{ width:97%; height:1px; background-color:#2D2D2F; margin:35px auto 25px; transition: .36s ease;  -webkit-transition:.36s ease; position: absolute; top: 0; left: 0; }

.thumblist2 li .InfoPicture .line i{ position:absolute; top:-50px; right:10px; opacity:0; font-size:80px; font-style:normal; transition:.36s ease;  -webkit-transition:.36s ease; }

.thumblist2 li .more{ float:none; display:block; color:#000; font-size:13px; text-align:left; font-family:HELVETICANEUELTCOM-LTEX; background:url(../images/tb.png) no-repeat -15px -14px; padding-left:20px; }

.thumblist2 li .InfoTitle{ font-size: 20px; color: #000; line-height: 30px; text-align:left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:15px; transition: .36s ease; -webkit-transition:.36s ease;  }

.thumblist2 li .InfoSContent{ font-size:14px; height:48px; line-height:24px; color:#888; text-align:left; margin-bottom:15px; overflow: hidden; }



.thumblist2 li:hover .InfoTitle{  color: #092066; }

.thumblist2 li:hover .InfoPicture .line b{  height:2px; background-color:#092066;  }

.thumblist2 li:hover .InfoPicture .line i{ opacity: 1; color:#092066; font-size:80px; top:-100px; }





.thumblist3{ overflow:hidden; padding-top:20px; }

.thumblist3 li{ float: left; width:360px; margin:0 25px 0px; text-align:left; }

.thumblist3 li .InfoPicture{ display:block; overflow:hidden; }

.thumblist3 li .InfoPicture img{ width:100%; vertical-align:middle; }

.thumblist3 li .InfoTitle{ font-size:20px; color: #000; line-height: 30px; text-align:left; margin-top:20px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: .36s ease; -webkit-transition:.36s ease;  }

.thumblist3 li .InfoSContent{ font-size:14px; line-height:24px; color:#747475; text-align:left; overflow: hidden; transition: .36s ease; -webkit-transition:.36s ease; }

.thumblist3 li .InfoContent{ font-size:13px; text-align:left;  padding-top:15px; color: #999; }

.thumblist3 li:hover .InfoTitle{ color: #092066; }

.thumblist3 li:hover .InfoSContent{ color:#999; }

/*橱窗列表*/

.gridlist{ margin-top:5px; }

.gridlist li { float:left; margin:0 11px 10px 0; text-align:center; overflow:hidden; display:inline; text-overflow:ellipsis; white-space:nowrap;}

.gridlist li.n2{ margin:0 0 10px 0; }

.gridlist li img { border:1px solid #ddd; width:380px; }

.gridlist li .InfoTitle{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 0 10px; color:#333; margin-top:3px;width:380px;text-overflow: ellipsis;Overflow: hidden; }

.gridlist li:hover a{ color:#092066;  }



/*橱窗列表1*/

.gridlist1{ overflow:hidden; padding-top:20px; }

.gridlist1 li{ float: left; width:384px; margin:0 8px 16px; text-align:left; background: rgba(255, 255, 255, 0.1); position: relative; }

.gridlist1 li .InfoPicture{ display:block; overflow:hidden; }

.gridlist1 li .InfoPicture img{ width:100%; vertical-align:middle; }

.gridlist1 li i{  position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: .36s ease; border: 4px solid rgba(255,255,255,0); }

.gridlist1 li .InfoTitle{ font-size:16px; line-height:30px; text-align:left; opacity:0; width:84%; overflow:hidden; position:absolute; bottom:12px; left:40px; transition:.36s ease; -webkit-transition:all .36s ease; }

.gridlist1 li .InfoSContent{  color:#000; font-size:14px; line-height:22px; padding:0 0 9px 0; font-family:HELVETICANEUELTCOM-LTEX; opacity:0; transition:all .36s ease; -webkit-transition:all .36s ease; position: absolute; left: 40px; border-bottom:1px solid #313131; bottom: 12px; width:80%; text-align:left;}

.gridlist1 li .more{ display:block; opacity:0; position:absolute; left:75%; bottom:60px; color:#989899; font-size:13px; transition:all .36s ease; -webkit-transition:all .36s ease;   }

.gridlist1 li:hover .InfoTitle{ opacity: 1; bottom: 80px; color: #000; }

.gridlist1 li:hover .InfoSContent{ opacity: 1; bottom: 55px; }

.gridlist1 li:hover .more{ opacity: 1; border-color: rgba(242,203,98,0); background-color: rgba(242,203,98,0); bottom:30px; color: rgba(255,255,255,.55); }

.gridlist1 li:hover i{ top: 15px; left: 15px; bottom: 15px; right: 15px;  border:4px solid #000; }



/*橱窗列表2*/

.gridlist2{ overflow:hidden; }

.gridlist2 li{ float:left; margin:0 12px 0 0; text-align:center; background:#092066; position:relative; }

.gridlist2 li img { width:291px; height:291px; border-radius:50%; vertical-align: middle; }

.gridlist2 li .InfoTitle{ display:block; width:271px; height:30px; line-height:30px; padding:3px 10px; font-size:14px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#092066; filter:alpha(opacity=60); background:rgba(255, 0, 0, 0.6); position:absolute; left:0; bottom:0; text-align:center;  }

.gridlist2 li .InfoTitle a{ color:#000; }

.gridlist2 li:hover .InfoTitle a{ color:#000; }



.gridlist3{ overflow:hidden; }

.gridlist3 li{ float:left; margin:0 12px 0 0; text-align:center; }

.gridlist3 li img { width:291px; vertical-align: middle; }

.gridlist3 li .InfoTitle{ display:block; width:271px; height:47px; line-height:22px; padding:8px 10px 5px; font-size:14px; color:#333; background:#000; filter:alpha(opacity=60);  background:rgba(255, 255, 255, 0.6); text-shadow: 0px 0px 2px #000; text-align:center; overflow:hidden; }

.gridlist3 li:hover .InfoTitle a{ color:#000; }



.gridlist4{ overflow:hidden; padding:40px 0 60px; }

.gridlist4 li{ float:left; width:16.666%; text-align:center; position:relative; }

.gridlist4 li img{ width:150px; vertical-align:middle; }

.gridlist4 li .AlbumTitle{ width:25px; padding:5px; font-size:14px; line-height:18px; text-align:center; background:#f00; color:#000; position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; }



/*视频列表*/

.videolist{ margin-top:5px; }

.videolist li { width:282px; float:left; margin-right:12px; text-align:center; overflow:hidden;}

.videolist li.n3{  margin-right:0; }

.videolist li img { border:1px solid #E1E1E1; width:100%; }

.videolist li .InfoTitle{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 0 10px; color:#333; }

.videolist li:hover a{ color:#092066;  }



/*频道相册列表*/

.ChannelAlbum{overflow:hidden;}

.channelalbumlist{ overflow:hidden; }

.channelalbumlist li { float:left; margin-top:10px;}

.channelalbumlist li img{ display: block; width:290px; margin-right:10px;}

/*==========@@通用列表  结束@@==========*/



/* Footer */
.c1200 {max-width: 1200px;margin: 0 auto;}
.contact {
  background: #031320;
}
.contact-content {
  background: url(../images/Contact-us.jpg) no-repeat right 100px;
  background-size: 750px 733px;
}
.contact-title {
  font-size: 24px;
  color: #fff;
  padding: 70px 0 50px 0;
}
.group {
  padding: 0 100px;
  overflow: hidden;
}

.group-item {
  padding-bottom: 40px;
  color: #fff;
}
.group-item.no-icon > dd::before {
  content: '';
  display: none;
}

.group-item > dt {
  font-size: 16px;
  padding-bottom: 20px;
}
.group-item > dd {
  line-height: 30px;
  font-size: 14px;
}
.group-item > dd:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

.qr-container {
  float: left;
}
.qr-container > div {
  font-size: 16px;
  color: #666;
  text-align: center;
}
.qr-code {
  width: 100px;
}
.qr-info {
  padding-left: 120px;
  line-height: 1.7;
}
.qr-info > img {
  padding: 0 0 10px 0;
  width: 85px;
}

.qr-info-ltd {
  font-size: 16px;
  color: #1955a1;
}
.qr-info-slogan {
  font-size: 14px;
  color: #164d92;
}

.group-item > .smart-phone:before {
  background: url(../images/icon_mobile.png) no-repeat center;
}
.group-item > .contact-tel:before {
  background: url(../images/icon_tel.png) no-repeat center;
}
.group-item > .contact-mail:before {
  background: url(../images/icon_mailbox.png) no-repeat center;
}
.group-item > .contact-fax:before {
  background: url(../images/icon_fax.png) no-repeat center;
}
.group-item > .contact-address:before {
  background: url(../images/icon_location.png) no-repeat center;
}

.footer {
  font-size: 14px;
  color: #999;
  text-align: center;
  line-height: 24px;
  height: 74px;
  box-sizing: border-box;
  padding: 13px 0;
  background: #07111b;
}

.scrollTop {
  background: url(../images/icon_return.png) no-repeat center;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.visible {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/*===FlexSlider幻灯片  开始===*/
#banner{width:100%;min-width:1200px; max-width:1920px; margin:0 auto;}

/*===FlexSlider幻灯片  开始===*/
#banner{width:100%;min-width:1200px; max-width:1920px; margin:0 auto;}
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:20px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 25px; height: 5px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
