﻿@charset "utf-8";
/* General styles for all menus */
.cbp-spmenu{background:#f8bc28;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#d79900;}
.cbp-spmenu a:active{background:#d79900;color:#fff;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}
.bg_color {background:#fff;}

htm {padding:0px; margin:0px;}
body {font-family:"微软雅黑";}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both; height:0px;}
.top_bor {border-top:#e5e5e5 solid 1px;}
.bot_bor {border-bottom:#000 solid 1px;}

input::-webkit-input-placeholder {color:#999;}
.input {width:100%; display:block; padding:10px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.select{width:100%; color:#606366; padding:11px 25px 11px 5px; -webkit-appearance:none; border-radius:3px; background:url(../images/down.png) no-repeat right; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; -webkit-box-sizing:border-box;}
.button {width:100%; display:block; padding:0px 5px; border:#e5e5e5 solid 1px; background:no-repeat; color:#fff; text-align:center; font-size:14px;}
.textarea {width:100%; display:block; padding:10px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}
.none {display:none;}
.block {display:block;}

.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}

.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

.bg_333 {background:#6a6a6a;}
.bg_666 {background:#666;}
.bg_999 {background:#999;}
.bg_fff {background:#fff;}

/*模板变更*/

.bottom_1 a {display:block; line-height:40px; background:#8b8b8b; padding-left:15px; margin:10px 0;}
.bottom_1 a:hover { color:#dcdcdc}
.right_3 ul {margin-top:10px;}
.right_3 ul li {float:left;}
.right_3 ul li a {display:block; padding:0 10px; border-right:1px solid #dcdcdc;}
.right_3 ul li a:hover { color:#dcdcdc}

.right_bor { padding:0 30px;}

.new_title i{color:#f8bc28; font-size:22px;}
.new_title span { line-height:30px; border-bottom:2px solid #f8bc28; font-size:19px;margin-left:15px;}
.new_item .new_time { background:#f8bc28; text-align:center; }
.new_item {margin:10px 0; height:auto; overflow:hidden;}
.new_item span {color:#555;}
.new_item p {color:#555;}
.new_item a:hover {color:#f8bc28; text-decoration:none;}
.new_item .new_time span{ line-height:40px; color:#fff; font-weight:bold; font-size:35px;}
.new_item .new_time p{ line-height:40px;color:#fff;  font-size:15px;}

.new_news { padding:0 20px; height:80px; overflow:hidden;}
.new_news span { line-height:40px; font-size:16px; }
.new_news p { line-height: 25px; font-size:14px;}

.more1 a { display:block; line-height:40px; color:#666 ; text-decoration:underline;}

.pro_title { font-size:12px; padding:30px 0; }
.pro_title i{ background:#666; color:#fff; display:inline-block; text-align:center;line-height:30px; padding:0 10px;}
.pro_title span {font-size:18px; padding:0 10px; line-height:25px; display:inline-block; }

/* 链接颜色 */

/*a {color:#fff;}*/
a:visited {}
a:hover {}

.pc_head {height:auto; position:relative; }
.pc_head .logo {height:auto; overflow:hidden; float:left; margin-top:10px}
.pc_head .logo img { }

.top_pr {height:50px; position:relative;background:#fff; border-top:1px solid #eee}

.pc_head .pc_nav {height:50px; display:inline-block;  text-align:center; }
.pc_head .pc_nav .n_list {height:50px; float:left; }
.pc_head .pc_nav .n_list .a_link {height:50px; line-height:50px; color:#333; font-size:16px; padding:0px 40px; display:block;text-decoration:none;}
.pc_head .pc_nav .n_list .a_link.hover {background:#fb9b00; color:#fff; text-decoration:none}
.pc_head .pc_nav .n_list .current {height:50px; line-height:50px; color:#333; font-size:16px; padding:0px 40px; display:block;text-decoration:none;}
.pc_head .pc_nav .n_list .a_link:hover {background:#fb9b00; color:#fff; text-decoration:none}


.pc_head .pc_nav .n_list .f_list {text-align:center;height:auto; overflow:hidden; position:absolute; left:0; top:48px; display:none; z-index:999;background:#fff; width:100%;padding:30px 0; border-top:1px solid #074177}
.pc_head .pc_nav .n_list .f_list li{height:auto; overflow:hidden; display:inline-block; padding:0px 5px;  }
.pc_head .pc_nav .n_list .f_list a {height:30px; overflow:hidden; display:inline-block; padding:0px 20px; line-height:30px; text-align:left; overflow:hidden;}
.pc_head .pc_nav .n_list .f_list a p {line-height:30px; display:block; font-size:15px; color:#074177; height:30px; overflow:hidden;}
.pc_head .pc_nav .n_list .f_list a:hover p {color:#222; text-decoration:none;}
.pc_head .pc_nav .n_list .f_list a:hover {text-decoration:none;}
.pc_head .pc_nav .n_list .f_list ul li a{color:#666; display:block; padding:0; font-size:13px; line-height:25px}
.pc_head .pc_nav .n_list .f_list ul li a:hover { color:#999}

.m_head {height:auto; overflow:hidden;}
.m_head .logo img { }
.m_head .navmenu {height:auto; overflow:hidden; padding:0px 10px; position:relative; background:#f8bc28;}

.m_head .m_title {color:#fff; display:block; float:left;}
.m_head .menu_btn {display:block; float:right;}
.m_head .menu_btn span {display:block; background:url(../images/menu.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.footer {height:auto; overflow:hidden; clear:both; padding:10px 0; background:#6a6a6a}
.foot_text {height:auto; overflow:hidden;  background:#6a6a6a;}
.foot_text p {line-height:25px; color:#fff; text-align:center; padding:0px; margin:0px;}
.foot_text a {line-height:25px; color:#fff; text-align:center;   padding:0px; margin:0px;}

.foot_link {height:auto; overflow:hidden; text-align:center; background:#6a6a6a; padding:20px 0px;}
.foot_link_c {height:30px; line-height:30px; margin:0px auto; display:inline-block;}
.foot_link_c a {line-height:30px; display:block; color:#fff; font-size:14px; padding:0px 10px; float:left;}
.foot_link_c span {line-height:30px; display:block; color:#c7c7c7; font-size:14px; float:left;}
.foot_link_c a:hover {color:#fff;}

/* 首页轮播图 */

.slides {width:100%; height:auto; overflow:hidden; position:relative;}
.slides a {width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.slides a img {width:100%; height:auto; overflow:hidden; display:block;}

.slidesjs-pagination {height:10px; position:absolute; bottom:20px; left:50%; margin-left:-60px; z-index:998;}
.slidesjs-pagination li {width:30px; height:10px; line-height:10px; margin:0px 3px; float:left;}
.slidesjs-pagination li a {font-size:12px; text-align:center; color:#00923f; font-size:0px; background:#f8bc28; display:block;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#e6a400; color:#025f2a;}
.slidesjs-pagination li a:hover {background:#e6a400; color:#025f2a;}

.slidesjs-navigation {display:none;}
.slidesjs-navigation .slidesjs-previous {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:0px; position:absolute; top:50%; left:0px; z-index:999;}
.slidesjs-navigation .slidesjs-previous:hover {background:rgba(0,0,0,0.3); -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -ms-border-top-right-radius:3px; border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -ms-border-bottom-right-radius:3px; border-bottom-right-radius:3px;}
.slidesjs-navigation .slidesjs-next {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:10px; position:absolute; top:50%; right:0px; z-index:999;}
.slidesjs-navigation .slidesjs-next:hover {background:rgba(0,0,0,0.3); -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -ms-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -ms-border-bottom-left-radius:3px; border-bottom-left-radius:3px;}
.slides:hover .slidesjs-navigation {display:block;}

/* 首页板块 */

.cbg {height:auto; overflow:hidden; background:url(../images/bg.png) #d3d3d3;}
.mnav {height:auto; overflow:hidden;}
.mnav a {height:auto; overflow:hidden; display:block; }
.mnav a .imgbox {width:160px; height:160px;  background:#b8b8b8; margin:0px auto; padding:20px;}
.mnav a img {width:120px; height:120px; display:block;}
.mnav a span {height:30px; line-height:30px; color:#666; text-align:center; display:block; margin:0px auto;}

.t_title {height:40px; line-height:40px; color:#dcdcdc; font-size:18px;border-bottom:1px solid #dcdcdc; display:block;}

.tt_title {height:60px; padding-bottom:30px; background:url(../images/tt_title.jpg) no-repeat center bottom;}
.tt_title a {height:20px; line-height:20px; color:#00923f; font-size:16px; font-weight:bold; display:block;}
.tt_title a.t_left {text-align:left;}
.tt_title a.t_right {text-align:right;}

.mt_title {height:40px; border-bottom:#e5e5e5 solid 1px;}
.mt_title a {height:40px; line-height:40px; color:#00923f; font-size:16px; font-weight:bold; display:block;}

.con_list {height:auto; overflow:hidden; display:block; margin:10px 0;}
.con_list li span {color:#fff; font-size:14px; line-height:25px;}

.links {height:auto; overflow:hidden; display:block; margin-top:10px;}
.links a {height:40px; line-height:40px; color:#666; display:block; margin-right:20px; float:left;}

.newslist {height:auto; overflow:hidden; padding:0px; margin:0px;}
.newslist li {height:45px; line-height:45px; overflow:hidden; clear:both; border-bottom:#e6e6e6 dashed 1px; position:relative;}
.newslist li i {width:4px; height:4px; background:#888; display:block; position:absolute; top:22px; left:0px;}
.newslist li a {height:45px; line-height:45px; display:block; color:#333; padding-left:15px; padding-right:90px;}
.newslist li time {width:80px; height:45px; line-height:45px; color:#999; position:absolute; top:0px; right:0px;}
.newslist li a:hover {color:#000;}

.newslist .New_11 {border-bottom:10px; height:auto; overflow:hidden;}
.newslist .New_11 time {color:#666; font-size:12px; line-height:40px; float:right}
.newslist .New_11 p {color:#111; font-size:14px; line-height:25px;}
.newslist .New_11 span {color:#555; font-size:13px; line-height:20px;}
.newslist .New_11 .detailes {display:block; line-height:25px; color:#fff; background:#f39600; width:90px; text-align:center; margin:5px 0; bottom:0; left:20px;}
.newslist .New_11 .detailes:hover{text-decoration:none;}
.about {height:auto; overflow:hidden; display:block;}
.about p {line-height:20px; color:#333;}
.about img {max-width:100%;}
.about a {width:80px; height:45px; line-height:45px; color:#e60012; display:block;}

/* 二级页面 */

.banner {height:auto; overflow:hidden;}
.banner img {width:100%; height:auto; overflow:hidden;}

.stage_title {line-height:40px; color:#fff; font-size:16px; padding:20px 20px; background:#f39600; font-size:24px}
.stage_title p {color:#fff; line-height:25px; font-size:14px}
.side_ul {height:auto; overflow:hidden; padding:0px; margin:0px; display:block; clear:both; border-bottom:#e5e5e5 solid 1px;}
.side_ul li {height:50px; border-bottom:#e5e5e5 solid 1px;}
.side_ul li a {height:50px; line-height:50px; color:#666; display:block; text-align:left; padding-left:20px;}
.side_ul li a span { float:right; padding-right:20px;}
.side_ul li.hover a {color:#111; font-weight:bold; text-decoration:none; background:#f0f0f0}
.side_ul li:hover a {color:#111;  font-weight:bold;  text-decoration:none; background:#f0f0f0}
.side_ul li:last-child {border:none;}

.tel_line {padding:20px; background:#e7e7e7;}
.tel_line span {color:#818181; font-size:26px; font-weight:bold;}
.tel_line p {background:#818181;color:#fff; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px; line-height:25px;padding:0 5px; display:inline-block; }
.s_content {height:auto; overflow:hidden; padding:0px 10px;}
.s_content img { max-width:100%;}
.s_title {height:40px; border-bottom:#ddd solid 1px; margin:0px auto 20px; clear:both; position:relative;}
.s_title span {height:40px; line-height:40px; color:#555; font-size:16px; display:block; padding-right:30px; position:absolute; top:0px; right:0px;}
.s_title span a {color:#555; font-size:13px; padding:0 10px;}


.newslist {height:auto; overflow:hidden; padding:0px; margin:0px;}
.newslist li {height:45px; line-height:45px; overflow:hidden; clear:both; border-bottom:#e6e6e6 dashed 1px; position:relative;}
.newslist li i {width:4px; height:4px; background:#888; display:block; position:absolute; top:22px; left:0px;}
.newslist li a {height:45px; line-height:45px; display:block; color:#333; padding-left:15px; padding-right:90px;}
.newslist li time {width:80px; height:45px; line-height:45px; color:#999; position:absolute; top:0px; right:0px;}
.newslist li a:hover {color:#000;}

.items {height:120px; overflow:hidden; display:block; padding-left:120px; position:relative;}
.items img {width:100px; height:100px; position:absolute; top:0px; left:5px;}
.items span {height:40px; line-height:40px; overflow:hidden; color:#333; font-size:14px; font-weight:bold; display:block;}
.items font {height:50px; line-height:25px; overflow:hidden; color:#999; font-size:12px; display:block;}

.item {height:auto; overflow:hidden; display:block; padding:0 20px}
.item img {width:100%;-moz-border-radius:50%;-o-border-radius:50%;
           border:1px solid #d7d7d7;
}    /* border-radius:50%; -webkit-border-radius:50%; */
.item p {height:30px; line-height:30px; overflow:hidden; color:#333; font-size:16px;text-align:center; display:block; font-weight:bold;}

.item1 {height:auto; overflow:hidden; display:block; padding:0 20px}
.item1 img {width:100%; }
.item1 p {height:30px; line-height:30px; overflow:hidden; color:#333; font-size:16px;text-align:center; display:block; font-weight:bold;}


.video {height:auto; overflow:hidden; display:block; position:relative;}
.video .v_title {width:100%; height:40px; line-height:40px; color:#f6f6f6; font-size:12px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.6); overflow:hidden; padding:0px 20px; position:absolute; bottom:0px; left:0px;}

.s_n_title {height:50px; line-height:50px; overflow:hidden; color:#000; font-size:18px; font-weight:bold; text-align:center;}
.s_d_date {height:30px; line-height:30px; text-align:center; color:#898989; padding-bottom:10px; border-bottom:#ccc dashed 1px; margin-bottom:10px;}
.s_d_date font {color:#e60012;}

/* 相关新闻 */

.more {height:auto; overflow:hidden; padding:20px 0px;}
.more span {height:30px; line-height:30px; display:block; color:#434343;}
.more a {height:30px; line-height:30px; display:block; color:#a0a0a0;}
.more a:hover {color:#f8c10f;}

.morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px;}
.morenews span {height:30px; line-height:30px; display:block; color:#434343;}
.morenews a {height:30px; line-height:30px; display:block; color:#a0a0a0;}
.morenews a:hover {color:#f8c10f;}

/* 分页样式 */

.page {height:auto; overflow:hidden; text-align:center; clear:both; margin-top:20px;}
.page .page_c {height:auto; overflow:hidden; display:inline-block;}
.page .page_c a {height:25px; line-height:25px; font-size:12px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 15px; margin:0px 5px; float:left;}
.page .page_c span {height:25px; line-height:20px; display:block; padding:0px 10px; border:#fff solid 1px; background:#fff; margin:0px 5px; float:left;}
.page .page_c .prev {background:url(../images/page.png) no-repeat 4px 0px #fff;}
.page .page_c .next {background:url(../images/page.png) no-repeat 4px -40px #fff;}
.page .page_c a:hover {color:#999; border:#999 solid 1px;}
.page .page_c .prev:hover {background:url(../images/page.png) no-repeat 4px -60px #fff;}
.page .page_c .next:hover {background:url(../images/page.png) no-repeat 4px -20px #fff;}
.extra {padding-right:50px}
.extra a { line-height:14px; color:#111; font-size:13px; display:inline-block; padding:0 20px; border-right:1px solid #d7d7d7; margin:8px 0}
.tel {height:30px; margin-top:20px; float:right;}
.tel span {height:30px; line-height:30px; color:#fff; font-size:16px; text-align:center; display:inline-block; padding:0px 15px; float:left; background:#333;}
.loimg{
    display:block; text-align:center;
}
.loimg img { display:inline-block;}

@media (max-width: 479px) {
   .page .page_c a{ padding:0 5px;}
    .loimg img { width:90px}
     .dis2{display:block}
    .dis1{display:none}
.pc_head {display:none;}

.m_head .m_title {height:50px; line-height:50px; font-size:14px;}

.menu_btn {width:40px; height:40px; margin-top:5px;}
.menu_btn span {width:40px; height:40px;}

.s_n_title {height:auto; overflow:hidden; line-height:25px; font-size:14px;}

.mnav a .imgbox {width:70px; height:70px; padding:15px;}
.mnav a img {width:40px; height:40px; display:block;}

.about p {height:100px; overflow:hidden;}

.foot_link_c a {font-size:12px; padding:0px 5px;}
.foot_link_c span {font-size:12px;}

.foot_text p {font-size:12px;}
.foot_text a {font-size:12px;}

.tt_title {display:none;}
.mt_title {display:block;}


.owl-prev { position:absolute; left:0px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px}
.owl-next { position:absolute; right:0px; top:50%;  background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px}

.tel {width:300px; margin-top:15px; float:none; margin:10px auto 0px;}
.tel small {display:none;}
.tel span {font-size:14px; padding-right:10px;}
.search{ padding:1px 0px 0px 14px;  height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;}
.search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;}
.search a { float:right; margin-right:30px}
.search img { position:absolute; right:8px; bottom:5px;}
}

@media (min-width: 480px) and (max-width: 767px)  {
     .page .page_c a{ padding:0 5px;}
    .loimg img { width:90px}
     .dis2{display:block}
    .dis1{display:none}
.pc_head {display:none;}

.m_head .m_title {height:50px; line-height:50px; font-size:14px;}

.menu_btn {width:40px; height:40px; margin-top:5px;}
.menu_btn span {width:40px; height:40px;}

.tt_title {display:none;}
.mt_title {display:block;}

.owl-prev { position:absolute; left:0px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px}
.owl-next { position:absolute; right:0px; top:50%;  background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px}

.tel {margin-top:20px;}
.search{ padding:1px 0px 0px 14px;  height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;}
.search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;}
.search a { float:right; margin-right:30px}
.search img { position:absolute; right:8px; bottom:5px;}
}

@media (min-width: 768px) and (max-width: 999px){
    .loimg img { width:80%}
     .dis2{display:none}
    .dis1{display:block}
.pc_head {display:none;}

.m_head .m_title {height:50px; line-height:50px; font-size:14px;}

.menu_btn {width:40px; height:40px; margin-top:5px;}
.menu_btn span {width:40px; height:40px;}

.tool_btn {width:250px; margin:0px auto; float:none;}

.tt_title {display:none;}
.mt_title {display:block;}

.owl-prev { position:absolute; left:-30px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px}
.owl-next { position:absolute; right:-30px; top:50%;  background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px}

.tel {margin-top:20px;}
.search{ padding:1px 0px 0px 14px;  height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;}
.search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;}
.search a { float:right; margin-right:30px}
.search img { position:absolute; right:8px; bottom:5px;}
}

@media (min-width: 1000px) {
     .loimg img { width:80%}
    .dis2{display:none}
    .dis1{display:block}
.pc_head {display:block;}
.m_head {display:none;}

.tool_btn {float:right;}

.pc_p_10 {padding-left:10px;}
 
.pc_head .pc_nav .n_list a {padding:0px 30px;}
  
.tt_title {display:block;}
.mt_title {display:none;}

.owl-prev { position:absolute; left:-30px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px}
.owl-next { position:absolute; right:-30px; top:50%;  background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px}

.tel {margin-top:30px;}
.search{ padding:1px 0px 0px 14px;  height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;}
.search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;}
.search a { float:right; margin-right:30px}
.search img { position:absolute; right:8px; bottom:5px;}
}

@media (min-width: 1260px) {
     .loimg img { width:80%}
    .dis2{display:none}
    .dis1{display:block}
.pc_head {display:block;}
.m_head {display:none;}

.tool_btn {float:right;}

.pc_p_10 {padding-left:10px;}

.pc_head .pc_nav .n_list a {padding:0px 40px;}

.tt_title {display:block;}
.mt_title {display:none;}

.owl-prev { position:absolute; left:-30px; top:50%; background:url(../images/left.png) no-repeat; height:79px; width:40px; margin-top:-40px}
.owl-next { position:absolute; right:-30px; top:50%;  background:url(../images/right.png) no-repeat; height:79px; width:40px; margin-top:-40px}

.tel {margin-top:25px;}
.search{ padding:1px 0px 0px 14px;  height:28px; background:url(../images/bg_search.png) no-repeat; position:relative; width:189px;}
.search input{ float:left;background-color:transparent; width:145px; height:22px; line-height:22px; color:#8b8b8b; border:0px;}
.search a { float:right; margin-right:30px}
.search img { position:absolute; right:8px; bottom:5px;}
}

.show_msg {width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; left:0px; top:0px; z-index:99;display:none;}
.show_msg .show_msg_text {width:360px; height:180px; background:rgba(0,0,0,0.4); margin-left:-180px; margin-top:-90px; position:fixed; left:50%; top:50%; z-index:99;}
.show_msg .show_msg_text .show_msg_text_b {width:350px; height:170px; margin:5px; background:url(../images/success.png) no-repeat 0px 40px #f7f7f7;}
.show_msg .show_msg_text .show_msg_text_b span {height:50px; line-height:50px; color:#4c4c4c; font-size:18px; text-align:center; font-weight:bold; padding:0px 10px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text {width:300px; height:auto; overflow:hidden; margin:120px auto; padding-left:130px; margin:0px auto;}
.show_msg .show_msg_text .show_msg_text_b .text b {color:#d31145; font-size:24px; line-height:40px; padding:20px 0px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text .btn {height:39px; line-height:39px; font-size:18px; text-align:center; display:block; margin-top:30px; float:left;}
.show_msg .show_msg_text .show_msg_text_b .text a.backbtn {color:#fff; padding:0px 20px; background:url(../images/c_list_2.png) no-repeat right center #d31145; border:#d31145 solid 1px;}
.show_msg .show_msg_text .show_msg_text_b .close {width:26px; height:26px; background:url(../images/close.png) no-repeat; cursor:pointer; position:absolute; top:15px; right:15px;}


.forms dl{
	padding:0px;
	margin: 10px 0px;
	-webkit-box-sizing:border-box;
}
.forms dd{
width:100%; display:block; height:auto; overflow:hidden;
}
.forms hr{
	margin:10px 0;
	border:0;
	border-top:1px solid #dddddd;
}

.forms dt{
	font-size: 16px;
	color: #606366;
	padding:5px 0px;
	line-height:30px;
}

.forms button{
	font-size: 16px;
	color: #fff;
	padding:5px 0px;
	line-height:30px;
    color:#f39600;
    border:1px solid #f39600;
}

/* 图片效果 */

.img {-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear;}
.img-hover1 {-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.img-hover2 {-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
.img-hover3 {transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);}
.img-hover4 {-webkit-transform: rotateY(-90deg) scale(1); -moz-transform: rotateY(-90deg) scale(1); -ms-transform: rotateY(-90deg) scale(1); -o-transform: rotateY(-90deg) scale(1); transform: rotateY(-90deg) scale(1);}

/* CSS3动画效果 */

@-webkit-keyframes tada {
    0%{-webkit-transform:scale(1);}
    10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada {
    0%{-webkit-transform:scale(1);}
    10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}    
}
@-ms-keyframes tada {
    0%{-webkit-transform:scale(1);}
    10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}    
}
@keyframes tada {
    0%{-webkit-transform:scale(1);}
    10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}    
}

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;}.animated.hinge{-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;}@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}

@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}


.iten_title { padding-left:20px;  padding-bottom:30px}
.iten_title p {font-weight:bold; font-size:15px;}
.contact_title h4 {font-size:22px; font-weight:bold; line-height:40px; border-bottom:1px solid #d7d7d7; }
.contact_list li span { line-height:25px; color:#777; font-size:14px;}

.pro_ {height:auto;  overflow:hidden; width:100%; border-bottom:1px solid #d7d7d7; padding:20px 0;}
.pro_1 {padding:40px}
.pro_1 p{font-weight:bold; font-size:15px; line-height:25px; color:#333;}
.pro_1 span{ font-size:15px; line-height:25px; color:#333; display:block;}
.pro_1 a{display:block; width:90px; background:#f39600; line-height:30px;padding:0 5px; color:#fff; text-align:center; margin:30px 0;}
.pro_1 a:hover {text-decoration:none;}

.pro_2 {padding:0 20px;}

.filelist {width:100%; height:auto; overflow:hidden; padding:0 20px}
.filelist li { line-height:20px; border-bottom:#d7d7d7 1px solid; height:auto; overflow:hidden; width:100%; padding:20px 0}
.filelist li a {display:inline-block; float:left; line-height:20px; color:#555; padding:5px 0 }
.filelist li time {display:inline-block; line-height:20px;float:right;}
.filelist li time a { padding:5px 10px; background:#d7d7d7}
.filelist li time a:hover {color:#fff; background:#f39600; text-decoration:none}

.mess span {line-height:40px; border-bottom:1px solid #999; display:block; }

.me_content { border:1px solid #999; padding:20px }
.mess_content {background:#e7e7e7; width:100%; height:auto; overflow:hidden;}

.message_content .input {background:#e7e7e7; color:#111}
.message_content .textarea {background:#e7e7e7; color:#111}


.pages { clear:both; padding:20px 45px 0 0; color:#444; }
	.pages a { color:#444; }
	.pages a:hover { color:#f60;  font-weight:bold  }
	.pages ul { text-align:right;list-style:none }
	.pages li { display:inline; margin-left:8px;list-style:none }


	.tag{margin:0 10px;}
	.tag a{margin:0 3px;text-decotaion:none;margin:0 3px;}
	.tag a:hover{text-decoration:underline;}

.container1{ padding:5px 5px; line-height:25px}
.container2{ width:700px; overflow:hidden; padding:15px 0; }
.content1{text-align:left; font-size:14px;}
.content1 h3{ height:26px; line-height:26px; padding-left:10px; border:#ccc 1px solid;}

.content1 h2{background:#f7f7f7 url(../images/line02.gif) repeat-x left bottom; line-height:30px;}
.content1 h2 p{ background:url(../images/cion04.gif) no-repeat 5px 12px; line-height:30px; padding-left:20px; font-size:14px; color:#212020; height:30px;}
.content1 h2 a{ color:#212020; line-height:30px; text-decoration:underline;}
.content1 h2 a:visited{ color:#212020;}
.content1 h2 a:hover{ color:#000;}

.content1 h1{ color:#212020; font-size:26px; text-align:center;}
.content1 h4{color:#493200; font-weight:normal; border:#212020 1px dotted;margin:10px 0; text-align:left; padding-left:12px;}
.content1 h5{ text-indent:5px;line-height:25px; background:url(../images/top.gif) repeat-x left bottom; color:#212020; padding-left:10px; line-height:25px;}
.content1 h6{line-height:25px;color:#696969; font-weight:normal; margin:5px 0; text-align:center; font-size:12px;}
 
.title02{background:url(../images/line02.gif) repeat-x left bottom; height:30px;}
.title02 h1{ background:url(../images/cion04.gif) no-repeat 5px 12px; line-height:30px; padding-left:20px; font-size:14px; color:#212020;}
.title02 a{ color:#212020; line-height:30px; padding-right:8px; float:right;}
.title02 a:visited{color:#212020;}

@media (min-width: 768px) {
  .pro_b div {
    width: 33%;
  }
}
@media (min-width: 992px) {
  .pro_b div {
    width:28%;
  }
}
@media (min-width: 1200px) {
  .pro_b div{
    width:24%;
  }
}

.pro_b{ padding:0 0 10px 0;}
.pro_b div{float:left; margin:5px 0;   height:220px}
.xuan{border-bottom:#ababab 1px dotted; margin-bottom:12px;}
.pro_b h2{width:154px;height:154px;margin:0 auto; }
.pro_b h2 a{width:150px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:Arial;border:#e7e7e7 1px solid;padding:1px;}
.pro_b h2 a:hover{ border:#212020 1px solid;}

.pro_b h2 img{ vertical-align:middle;}

.pro_b h3{text-align:center; margin-top:10px;color:#666666;display:block;font-size:12px; line-height:30px;}
.pro_b h3 a{ color:#666666; font-size:12px; font-weight:normal;line-height:16px;}
.pro_b h3 a:visited{ color:#666666;}
.pro_b h3 a:hover{ color:#212020;}
