/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#222; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
a:hover {text-decoration:none; color:#ff6600;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
/*img:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}*/
b {font-weight:600;}i,em {font-style:normal;}

button, input, select, textarea {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block; }
*+html .clearfix {min-height:1%;}

body {font-size:12px; color:#222; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:94%; max-width:1200px; color:#444;}
.fl {float:left;}
.fr {float:right;}

/***头部***/
.header {display:block; background:#FFF;}
.m-header {display:none;}

.header .main{height:66px;}
.header-logo {margin-top:11px; max-width:370px;}
.header-nav {width:60%; text-align:right;}
.header-nav li {position:relative; display:inline-block; vertical-align:middle; margin-left:7%; height:66px; line-height:66px; font-size:16px;}
.header-nav li:hover > a{color:#ff6600;}

.header-nav .dropdown {position:absolute; top:44px; left:50%; margin-left:-100px; padding-top:22px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:0; z-index:9;} 
.header-nav .dropdown a {display:block; min-width:200px; height:36px; line-height:36px; color:#222; font-size:12px; text-align:center; background-color:rgba(255, 255, 255, 0.8); border-bottom:1px  dashed rgba(0, 0, 0, 0.1);}
.header-nav .dropdown a:last-child {border-bottom:0;}
.header-nav .dropdown a:hover {color:#ff6600; background-color:rgba(255, 255, 255, 0.95);}
.header-nav li:hover .dropdown {opacity:1;}


@media screen and (max-width:768px) {
.header{display:none;}

.m-header {display:block; position:fixed; top:0; left:0; width:100%; background-color:#fff; border-bottom:1px solid #eee; z-index:9;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:5px; width:300px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#999; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.9;}
.nav-show {top:46px;}
.nav-show ul {border-bottom:1px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:40px; font-size:15px; border-top:1px #ddd solid;}
.m-nav >ul >li:last-child {border-bottom:1px #ddd solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#000;width:80%;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#6a6a6a; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}

/***banner***/
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:0;}
.banner .slides li img {display:block;}

.flex-control-nav{position:absolute; bottom:5px; left:50%; margin-left:-60px; padding:4px 0 2px; z-index:2; width:120px; text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../images/bpng01.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng02.png) no-repeat;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-24px;}
.flex-direction-nav li a{position:absolute; display:block; width:28px; height:48px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px; background:url(../images/next.png) center center no-repeat;}

@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:45px auto 0;}
.slides {position:relative; z-index:0;}
.banner .slides li {height:auto;}
.flex-control-nav {position:absolute; bottom:5px; z-index:2; left:50%; margin-left:-35px; padding:1px 0; z-index:2; width:70px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../images/bpng03.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng04.png) no-repeat;}

.flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev {left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(../images/next.png) center center no-repeat;}
}

/***htitle***/
.htitle {position:relative; margin:0 auto 15px; width:96%; max-width:1200px; line-height:40px; text-transform:uppercase; color:#222;}
.htitle h2 {font-size:24px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#00418f;}

.more {position:absolute; top:0; right:0; color:#333; font-size:14px}
@media screen and (max-width:768px) {
.htitle {margin:0 auto 15px;}
.htitle h2 {font-size:18px; line-height:32px;}
.more {font-size:12px}
}

/***mod1***/
.mod1 {padding:60px 0; background-color:#f5f5f5;}
.mod1 .htitle {text-align:left;}
.product_index li {float:left; width:23.2%;}
.product_index li:nth-child(n+2) {margin-left:2.4%;}
.product_index li .imgbox {border:1px solid #ececec; overflow:hidden;}
.product_index li p {height:30px; line-height:30px; font-size:14px; text-align:center;}

/*
.product li img, .news-item img {transition:clip 0.4s 0.2s cubic-bezier(0.25,0.1,0.25,1.0), transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease, -webkit-transform 0.4s 0.2s ease, -webkit-clip 0.4s 0.2s cubic-bezier(0.25,0.1,0.25,1.0);}
.product li a:hover img, .news-item:hover img {-webkit-transform:scale(1.0); transform:scale(1.0);}
*/
@media screen and (max-width:768px) {
.mod1 {padding:20px 0;}
.product_index li {float:left; width:48%;}
.product_index li:nth-child(n+2) {margin-left:0;}
.product_index li:nth-child(2n) {margin-left:4%;}
.product_index li:nth-child(n+3) {margin-top:2%;}
.product_index li p {height:22px; line-height:22px; font-size:12px;}
}

.mod2 {padding:70px 0; background:url(../images/bg.jpg) center no-repeat;}
.mod2 .htitle {margin-bottom:40px; text-align:center; color:#fff; text-transform:none;}
.mod2 .htitle h2 {position:relative; font-size:36px; color:#fff;}
.mod2 .htitle h2:after {content:""; position:absolute; bottom:-20px; left:50%; margin-left:-40px; width:80px; height:2px; background-color:#ccd2e1;}
.mod2 .main p { line-height:30px; font-size:15px; color:#fff;}
@media screen and (max-width:768px) {
.mod2 {padding:25px 0 30px; height:auto;}
.mod2 .htitle {margin-bottom:20px;}
.mod2 .htitle h2 {font-size:18px;}
.mod2 .htitle h2:after {bottom:-10px; margin-left:-30px; width:60px; height:1px;}
.mod2 .main p {line-height:24px; font-size:12px;}
}


.mod3 {padding:60px 0; background-color:#f5f5f5;}
.news-left {float:left; width:55%;}
.news-right {float:right; width:40%;}

.news-item, .news-item-img {overflow:hidden;}
.news-item:nth-child(n+2) {margin-top:35px;}
.news-item-img {float:left; width:28%;}
.news-item-info{float:left; width:70%; margin-left:2%;}

.news-item .news-title {line-height:28px; font-size:18px; margin-bottom:5px;}
.news-item .news-word { line-height:24px; font-size:12px;} 
@media screen and (max-width:768px) {
.mod3 {padding:25px 0 30px}
.news-left {width:100%;}
.news-right {float:left; width:100%; margin-top:15px;}
.news-item:nth-child(n+2) {margin-top:20px;}
.news-item .news-title, .news-item .news-word {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2;}
.news-item .news-title {line-height:16px; font-size:0.75rem; margin-bottom:2px; font-weight:bold;}
.news-item .news-word { line-height:16px; font-size:0.75rem;} 
}


/***footer***/
.footer {padding:35px 0 50px; background-color:#00418f; text-align:center;}
.footer-social img:hover{filter:alpha(Opacity=70);-moz-opacity:0.70;opacity:0.70;}
.footer-social a {display:inline-block; vertical-align:middle; margin:0 8px; width:45px;}
.footer-contact {margin-top:25px; line-height:28px;  color:#fff;}
.footer-contact h3{font-size:18px; color:#fff; padding-bottom:10px;}
.footer-contact p {font-size:12px; color:#bbb;}
@media screen and (max-width:768px) {
.footer {padding:20px 0 25px; }
.footer-social a {margin:0 5px; width:35px;}
.footer-contact {margin-top:15px; line-height:22px;}
.footer-contact h3{font-size:14px; padding-bottom:5px;}
.footer-contact p {font-size:11px;}
}



/*--------内页banner----------*/
.lybanner{width:100%; overflow: hidden; margin:0px auto;}
.lybanner img{width:100%; height:auto; display:block;}
@media screen and (max-width:768px) {
.lybanner{margin-top:45px;}
}



/*--------内页路径--------*/
#weizhi{background:#fff; width:100%; margin:0px auto;border-bottom:1px #ddd solid;}
.weizhi{overflow:hidden;width:96%; max-width:1200px; margin:0 auto; font-size:14px; line-height:30px; padding:5px 0 5px;}
.weizhi span{float:right; font-size:12px;}
@media screen and (max-width:768px) {
.weizhi{padding:5px 0px; font-size:0.75rem; width:94%;}
.weizhi span{font-size:0.75rem;}
}



/*--------内页子栏目--------*/
.pcategory{width:96%; max-width:1200px; margin:20px auto;}
.pcategory ul{overflow:hidden; text-align:center; padding:0px; margin:0px;}
.pcategory li{text-align:center; font-size:14px; overflow:hidden; background:#ddd;display:inline-block; border-radius:5px;}
.pcategory li a{display:block; padding:12px 30px;}
.pcategory li a:hover{background:#e93133; color:#fff;}
@media screen and (max-width:768px){
.pcategory{width:94%; margin:15px auto;}
.pcategory li{font-size:0.875rem; margin-bottom:1px; width:100%;}
.pcategory li a{padding:10px 20px; line-height:16px;}
}


#onsec{background:#e93133; color:#FFF;}
#onsec a{color:#fff;}


.mainbg{width:96%; max-width:1200px; margin:25px auto; background:#fff;}
.mainbg1{width:96%; max-width:1000px; margin:25px auto; background:#fff;}
@media screen and (max-width:768px){
.mainbg{width:94%; margin:3% auto;}
.mainbg1{width:94%; margin:3% auto;}
}

/*关于我们*/
.tylm{ overflow:hidden; line-height:30px!important; font-size:12px!important; padding:50px 80px;}
.tylm h1 { font-size:24px; line-height:30px; margin-bottom:15px;}
.tylm img{max-width:100%; height:auto;}
.tylm table{width:100%!important;display: block;display: -webkit-box;width: auto;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.tylm p,.tylm span{line-height:30px!important; font-size:12px!important;}
.tylm td{padding:4px!important; font-size:12px!important; border:1px #CCCCCC solid!important;}
@media screen and (max-width: 768px) {
.tylm{font-size:0.875rem; padding:5%;}
.tylm img{width:100%; height:auto;}
}


/*新闻列表页*/
.news{overflow:hidden;padding:50px;}
.newsul{overflow:hidden;}
.newsul li{overflow:hidden; border-bottom:1px #ddd dotted; padding:0px 0px 2% 0; float:left; width:48%; margin-bottom:2%;}
.newsul li:not(:nth-of-type(2n)){ margin-right:4%;}
.newsul li img{ width:35%; margin-right:2%; float:left; border:0px; border:1px #CCCCCC solid;}
.newsul li h2{font-size:14px; font-weight:bold; color:#e93133; line-height:20px;}
.newsul li a h2{color:#e93133;}
.newsul li a:hover h2{color:#028de8;}
.newsul li div{color:#5a5a5a;line-height:20px; font-size:12px; padding-top:4px;}
.newsul li p{color:#919191; padding-top:4px; line-height:20px; font-size:12px;}
.newsul li p span{ margin-right:25px;}
@media screen and (max-width:768px) {
.news{width:90%; padding:20px;}
.newsul li{padding:0 0 20px; margin-bottom:20px; width:100%;}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:40%; margin-right:4%;}
.newsul li h2{font-size:0.75rem; line-height:20px;}
.newsul li div{font-size:0.75rem; line-height:20px;}
}


/*新闻详情页*/
.newsshow{padding:50px 80px; overflow:hidden;}
.news_xxjs{line-height:30px!important; font-size:14px!important; font-weight:normal!important; margin:20px auto 20px; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:30px!important; font-size:14px;}
.news_xxjs td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
.news_xxjs img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin:0 auto; display:block; padding:10px 0;}

.news_title{font-size:28px; text-align:center; border-bottom:1px #eaeaea solid; padding:10px 20px 10px; font-weight:bold;}
.news_title h1{font-size:22px; height:40px; line-height:40px; color:#00418f;}
.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:center;color:#999999;}
.pubdate span{margin:0px 5px;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}
@media screen and (max-width:768px) {
.newsshow{padding:10px;}
}

/*相关资讯*/
.Information{verflow:hidden;margin-top:20px;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:13px; padding:10px 0;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.newsshow{padding-bottom:20px;}
.news_title{font-size:1.25rem; padding:10px 0px;}
.news_title h1{font-size:1.25rem; line-height:24px; height:auto;}
.news_xxjs{font-size:0.875rem!important;}
.news_xxjs p,.news_xxjs span{font-size:0.875rem!important;}
.news_xxjs td{font-size:0.875rem!important;}
.news_xxjs img{width:100%; height:auto;}
.Information ul li{font-size:0.875rem; padding:10px 0 10px 0px;}
}



/*分页*/
.page{text-align:center; background:#f5f5f5; padding:8px 0; border:1px solid #D9D9D9; margin-top:20px;}
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体";}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width:768px) {
.page{padding:12px 0;}
.page a{font-size:0.875rem; padding:3px 8px; margin:0 2px;}
}


/*产品中心*/
.product{overflow:hidden; padding:50px;}
.productul{overflow:hidden;}
.productul li{float:left; border:1px #ddd solid; width:26%; padding:2%; text-align:center; margin-bottom:4%;}
.productul li:hover{box-shadow:#ddd 0px 0px 20px;}
.productul li img{width:100%; height:auto;}
.productul li:not(:nth-of-type(3n)){ margin-right:4%;}
.productul li h2{font-size:18px; padding:0px 2% 10px 2%;line-height:21px; height:35px; line-height:35px;}
.productul li span{font-size:13px; line-height:18px; font-weight:normal; display:block; margin-bottom:5px; min-height:36px;}
.productul li p{font-size:12px; padding-top:10px; padding-bottom:10px; width:85%; margin:0px auto; line-height:22px; text-align:center; font-weight:normal; color:#555555;}
@media screen and (max-width:768px) {
.product{width:90%; padding:20px;}
.productul li{width:99%; padding:5% 0; margin-bottom:30px;}
.productul li img{width:100%;}
.productul li:not(:nth-of-type(3n)){ margin-right:0;}
.productul li:not(:nth-of-type(2n)){ margin-right:0%;}
.productul li h2{font-size:1.25rem;}
}


.bottom1{ width:200px; height:35px; line-height:35px; text-align:center; color:#fff; background:#00418f; font-size:16px; border-radius:25px; margin:20px auto 0; cursor:pointer;}
.bottom1 a{display:block; color:#fff;}
.bottom1 a:hover{background:#ff6600; cursor:pointer;border-radius:25px;}
@media screen and (max-width:768px) {
.bottom1{ width:80%; font-size:0.875rem;}
}




.showmain{width:95%; max-width:1000px; margin:35px auto 0; overflow:hidden; background:#fff;}
.showmaintop{overflow:hidden; padding:5% 5% 0;}
.showmaintop_l{float:left; min-width:452px; overflow:hidden; width:50%}
.showmaintop_r{float:right; overflow:hidden; width:46%;}
.showmaintop_r h2{font-size:24px; color:#00418f; margin-bottom:5px; line-height:40px; height:40px; border-bottom:1px #ddd dotted; padding-bottom:3px;}
.showmaintop_r p{line-height:24px; font-size:12px; padding:0px 0px;}
.showmaintop_r h3{font-weight:bold; font-size:14px; padding-top:10px; border-top:1px #ddd dotted; margin-top:25px;}
.showmaintop_r_div{line-height:24px; font-size:12px; margin-top:10px;  border-bottom:1px #ddd dotted; padding-bottom:15px;}
.showmainend{overflow:hidden; padding:5% 5% 0%;}
.showmainend_title{overflow:hidden; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px; font-size:24px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#00418f;}
.showmainend_lr{font-size:13px; line-height:26px;}
.showmainend_lr table{width:100%!important; table-layout: fixed;word-break: break-all; word-wrap: break-word;}
.showmainend_lr td{padding:5px; font-size:13px!important; border:1px #ccc solid!important;}
.showmainend_lr img{ width:auto; max-width:100%;}
.xgcp{overflow:hidden; padding:5% 5% 8%;}
.xgcptitle{overflow:hidden; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:15px;font-size:24px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#00418f;}
.xgcpul{ overflow:hidden;}
.xgcpul li{float:left; width:18.4%; overflow:hidden; text-align:center;}
.xgcpul li:not(:nth-of-type(5n)){ margin-right:2%;}
.xgcpul li img{width:98.5%; height:auto; overflow:hidden; border:1px #ddd solid;}
.xgcpul li img:hover{border:1px #00418f solid;}
.xgcpul li p{font-size:12px; padding-top:3px;}
.xgcpul h2{font-weight:bold; text-align:center; font-size:20px; padding-bottom:20px;}

.ban{ width:452px; height:450px; position:relative; overflow:hidden;}
.ban2{ width:450px; height:338px; position:relative; overflow:hidden; margin:0 auto 5px; left:0; right:0; border:1px #ddd solid;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:450px; height:338px;}
.ban2 ul li img{width:450px; height:338px; display:block;}
.prev{ float:left; cursor:pointer;}
.num{ height:88px;overflow:hidden; width:380px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:450px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:115px; height:86px; margin-right:12px;border:1px solid #ddd;}
.num ul li img{ width:115px; height:86px; display:block;}
.num ul li.on{ border:1px solid #00418f;}
.prev_btn1{ width:40px; text-align:center; height:51px; margin-top:30px; cursor:pointer; float:left;}
.prev_btn1 img{ width:auto;}
.next_btn1{ width:30px; text-align:center; height:51px; margin-top:30px;cursor:pointer;float:right;}
.next_btn1 img{ width:auto;}
.prev1{ position:absolute; top:150px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:150px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.sharebtn{margin-top:20px;}
.sharebtn img{ width:auto;}

@media screen and (max-width: 640px) {
.showmain{width:94%;min-height:200px; margin:10px auto 0;}
.showmaintop_l{float:none; width:100%;}
.showmaintop_r{float:none; width:100%; padding-top:20px;}
.showmaintop_r h2{font-size:1.125rem;}
.showmaintop_r p{font-size:0.75rem;}
.showmaintop_r h3{font-size:1rem;}
.showmaintop_r_div{font-size:0.75rem;}
.showmainend_title{font-size:1.125rem; margin-top:10px;}
.showmainend_lr{font-size:1rem; line-height:26px;}
.showmainend_lr td{font-size:0.75rem!important;}
.xgcptitle{font-size:1.125rem; margin-top:10px;}
.xgcpul li{float:left; width:48%; padding-bottom:12px;}
.xgcpul li:not(:nth-of-type(6n)){ margin-right:0%;}
.xgcpul li:not(:nth-of-type(2n)){ margin-right:4%;}
.xgcpul li img{width:98.5%;}
.xgcpul li p{font-size:0.875rem;}

.ban{ width:302px; height:300px; position:relative; overflow:hidden;}
.ban2{ width:300px; height:225px; position:relative; overflow:hidden; margin:0 auto 5px; left:0; right:0; border:1px #ddd solid;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:300px; height:225px;}
.ban2 ul li img{width:300px; height:225px; display:block;}
.prev{ float:left; cursor:pointer;}
.num{ height:55px;overflow:hidden; width:236px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:300px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:70px; height:53px; margin-right:10px; border:1px solid #ddd;}
.num ul li img{ width:70px; height:53px; display:block;}
.num ul li.on{ border:1px solid #00418f; padding:0;}
.prev_btn1{ width:34px; text-align:center; height:20px; margin-top:20px; cursor:pointer; float:left;}
.next_btn1{  width:30px; text-align:center; height:20px; margin-top:20px;cursor:pointer;float:right;}
.prev_btn1 img,.next_btn1 img{height:20px;}
.prev1{ position:absolute; top:120px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:120px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.sharebtn img{ width:100%;}
}


/*--------在线留言--------------*/
.guestbook{ width:90%; margin:0 auto; padding:1% 0;}
.guestbook h4{font-size:24px; margin:10px 0px;}
.guestbook ul{ overflow:hidden;} 
.guestbook ul li{overflow:hidden; margin-bottom:8px; float:left; width:100%;}
.guestbook ul li p{ margin-top:5px;}
.box2 {width:95.5%; height:35px; border:1px #ddd solid; line-height:35px; padding:4px 2%;}
.box4 {width:95.5%; height:35px; border:1px #ddd solid; line-height:35px; padding:4px 2%; }
.box3 {width:95.5%; border:1px #ddd solid; line-height:24px;padding:4px 2%; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif;}

.sub_gestbook {
	background:-webkit-gradient(linear,left top,left bottom,from(#757575),to(#757575));
	background:-moz-linear-gradient(top,#757575,#757575);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575',endColorstr='#757575');
	background-color:#757575;
	border:none;width:100%;
	height:45px;
	line-height:45px;
	color:#fff;
	font-size:17px;
	cursor:pointer;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; 
}
.sub_gestbook:hover{ background:#0e74bd;}

@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.box2 {width:95%;}
.box4 {width:95%;}
.box3 {width:95%;}
}