﻿@media screen and (max-width: 980px) {
	
	.page_banner ul {width:100% !important;}
    .page_banner ul li,.page_path { display:none !important}
	
	.page_content .page_content_main {width:100% !important;}


	.page_l { position: relative!important; width:100%!important;}
	.page_title { background:#0c6f60 !important; width:100%!important;height: auto !important; padding:25px 0px 20px 0px !important; text-align:center;}
	.page_title h1{font-size:1.8em!important; display:inline-block !important; margin:0 5px;}
	.page_title h2{font-size:1.8em!important;display:inline-block !important; margin:0 5px;}
	.page_l ul { padding-bottom:0px !important;float:left !important;background:#FFF; width:100% !important}
	.page_l ul li { text-align:center !important; }
	.page_l ul li a{display:inline-block !important; font-size:1.6em!important; padding:4% 1%!important;border-bottom: none !important;height: auto !important;min-width:10%!important; line-height:1.4em !important; vertical-align:top !important;}

	.page_r {float: left !important;width:96% !important; padding:5% 2% !important;font-size:1.8em !important; line-height:1.6em !important;}
    .page_r img {width:100% !important;height: auto !important;}
	.page_title1 strong {font-size:1.3em !important;}
    .page_title1 span {font-size:1.2em!important; }
	
	.news_list li a.nll{ width:100%!important;height: auto !important;float: none !important; }
    .news_list li a.nll img{width:100%!important;}
	.news_list li a.nll span { width:100%!important; text-align:left !important;height: auto !important; background:url(../images/bg2.png);padding:0 !important;}
	.news_list li a.nll span h2 {font-size:1.4em!important;display:inline-block!important;background:#0c6f60;padding:2% 5%!important;}
	.news_list li a.nll span h3 {font-size:1.4em!important;display:inline-block!important;padding:2% 5%!important;}
	.news_list li a.nlr{ width:100%!important;height: auto !important; margin-left:0px !important;}
	.news_list li a.nlr strong{ font-size:1.4em !important; padding:3% 0 !important;}
	.news_list li a.nlr span{padding-bottom:10px;}
	.news_list li a.nlr h6{font-size:0.8em !important;padding:3% 0 !important; text-align:center; background:#0c6f60; color:#FFF;}
	
	.video_list li{ background:#FFF; overflow:hidden; padding:15px; margin-bottom:20px;}
	.video_list li a.nll{width:100%!important;height: auto !important;float: none !important; overflow:hidden !important;}
	.video_list li a.nll img{width:100%!important;}
	.video_list li a.nll span { display:none !important}
	.video_list li a.nlr{width:100%!important;height: auto !important; margin-left:0px !important;}
	.video_list li a.nlr strong{ font-size:1.4em !important; padding:3% 0 !important;}
	.video_list li a.nlr span{padding-bottom:10px;}
	.video_list li a.nlr h6{font-size:0.8em !important;padding:3% 0 !important; text-align:center; background:#0c6f60; color:#FFF;}
	
	.product_list a{width:49%!important;height: auto !important; float: none !important; margin: auto auto 20px auto!important; text-align:center;}
	.product_list a img{padding:0!important;}
	.product_list a h2{ font-size:1.2em !important; height: auto !important; line-height:35px; padding:3% 0 !important;}
	.pd_l {width:100%!important;height: auto !important; float: none !important;}
    .pd_l img { border:#CCC 1px solid; padding:0px 0px !important; background:#FFF;}
    .pd_r {width:100%!important;height: auto !important; float: none !important;}
	.product_title {font-size:1.2em !important;}
	

    .page_turn { text-align:center !important;}
	.page_turn a{  padding:3% 6% !important;font-size:1.0em !important; display:inline-block !important; float:none !important}
    .page_nav ul li a.picon {  background-image: none!important;text-indent: inherit!important; }
    .page_detail_title h1 { font-size:1.4em !important;line-height:1.4em !important;color:#000}
    .page_detail_title span { font-size:0.9em !important; padding:1% 0 3% 0!important; }
    .return { position: relative !important; right: auto !important; top: auto !important; width: auto !important; text-align:left !important; line-height:30px;}
    .page_detail {font-size:1.0em !important; line-height:1.6em !important;}
    
	.contact .imgl{ float: none !important;border: none !important;}
	.contact .imgl img {width:100%!important;}
    .contact_r { line-height:30px;width:100%!important;float: none !important;}
	.contact_title {font-size:1.4em !important; }
	
	.join_title strong{font-size:1.4em !important;  line-height:30px; }
	.liebiao li {font-size:1.2em !important; height:45px; line-height:45px;padding:2%  0!important;}
	.liebiao li span { text-align:center; float:left; width:23%;}
	.liebiao li .link {font-size:1.2em !important; }
	.liebiao li.zk { line-height:1.2em !important; padding:4%!important;font-size:1.2em !important;width:92% !important;}

	
	
	.message_conten .input1{ border:#ccc solid 1px; width:96%!important; height: auto !important; padding:2% 2% !important; margin:2% auto!important;font-size:1.0em !important;border-radius: 0; }
	.message_t {width:100%!important;height:90px; line-height:40px; padding:0 20px; margin:5px 0;background:#ebebeb;}
	.btn_tj,.btn_cz { height: auto !important; padding:3% 2% !important; float: none !important;width:100%!important; margin:2% 0 !important;font-size:1.0em !important;-webkit-appearance: none;border-radius: 0; }
	.btn_tj  { background:#0a4a40; color:#FFF;}
	.btn_cz { background:#bfa164; }
	.pic3 { display:none !important;}
	
	
	}
	
	
	
	
	

/* 内页 */

.page_banner {width:100%;overflow:hidden; position:relative;}
.page_banner ul {overflow:hidden;width:1050px;position:relative;height:190px; margin:auto;}
.page_banner ul li { width:220px;height:30px;position:absolute; bottom:0; left:0; z-index:9; background:url(../images/page_bt.png) no-repeat}




.page_content {width:100%; position:relative;overflow:hidden;background:#ebebeb;}
.page_content .page_content_main {width:1050px; margin:auto;overflow:hidden; padding-bottom:30px; font-size:14px; line-height:24px; color:#666}
.page_content .page_content_main img { max-width:790px;}

.page_l {float:left;width:220px;}
.page_l *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.page_r {float:right;width:790px; padding:20px; overflow:hidden;}
.page_title { background:url(../images/page_title.jpg) no-repeat; width:160px; height:72px; padding:45px 5px 35px 55px; color:#FFF;}
.page_title h1{font-size:24px; text-transform:uppercase;}
.page_title h2{font-size:20px;}
.page_l ul { background:url(../images/page_nav_b.png) center bottom no-repeat ; padding-bottom:57px; overflow:hidden;}
.page_l ul li { background:#FFF;}
.page_l ul li a{ font-size:14px; padding:0px 0px 0px 55px; height:50px; line-height:50px;border-bottom:#ccc 1px solid;color:#666;}
.page_l ul li a:hover {border-bottom:#c4a162 3px solid;background-color:#656565;color:#FFF;}
.page_l ul li a.cur {border-bottom:#c4a162 3px solid;background-color:#656565;color:#FFF;}


.page_path {color:#666; border-bottom:#CCC 1px solid; padding-bottom:10px; text-align:right; width:100%; margin-bottom:20px;}
.page_path a{color:#666; display:inline-block;}
.page_path a:hover {color:#c4a162;}

.page_r {}
.page_title1 strong {font-size:20px;display:block;}
.page_title1 span {font-size:16px; display:block}



/*图标*/
.page_nav ul li a {background-repeat:no-repeat; display:block;}
.page_nav ul li a:hover.picon {background-image:url(../images/icon02.png);}
.page_nav ul li a.cur.picon {background-image:url(../images/icon02.png);}
.page_nav ul li a.picon {  background-image:url(../images/icon01.png);text-indent:35px; }
.pn1 {background-position:50px 10px;}
.pn2 {background-position:50px -28px;}
.pn3 {background-position:50px -70px;}
.pn4 {background-position:50px -118px;}
.pn5 {background-position:50px -170px;}
.pn6 {background-position:50px -215px;}



/*产品列表*/
.product_list {}
.product_list *{ display:block}
.product_list a{ width:244px; float:left; text-align:center; background:#e5e5e5; border:#CCC 1px solid; margin:0 8px 20px 8px; }
.product_list a img{ display:inline-block; padding:10px 20px;background:#fff;}
.product_list a h2{ font-size:14px; height:40px; line-height:35px;}
.product_list a:hover{ background:#166257; border:#166257 1px solid;}
.product_list a:hover h2 { color:#FFF;}

.page_turn { clear:both;}
.page_turn a{ border:#CCC 1px solid; padding:0 15px; line-height:35px; text-align:center; font-size:14px; display:block; float:left; margin-right:5px;}
.page_turn a:hover { background:#0a5a4e; color:#FFF;}

.product_title { font-size:18px;}



.product_detail {}
.product_detail *{ display:block}
.product_mall { text-align:center; margin:20px 0;}
.product_mall a { display:inline-block;}
.pd_l {width:330px; float:left; position:relative;}
.pd_l img { border:#CCC 1px solid; padding:20px 5px; background:#FFF;}


.pd_r {width:450px; float:left;}


.page_turning { position:relative; border-top:#CCC 1px solid; margin-top:20px; padding-top:10px; overflow:hidden;}
.page_turning a{ display:block; padding:2px 0;}
.page_turning a:hover { color:#0a4a40;}
.return { position:absolute; right:10px; top:15px; width:100px; text-align:right; line-height:30px;}


/*在线商城*/
.store_list { margin-top:30px;}
.store_list h1{ background:url(../images/mall_t.jpg) no-repeat; height:101px; line-height:70px; text-align:center; color:#FFF; font-size:18px;}
.store_list ul{ background:#FFF; border-left:#CCC 1px solid;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid;overflow:hidden; text-align:center; padding-bottom:50px;}
.store_list ul a { width:160px; height:264px;display:inline-block; position:relative; padding-top:28px; margin:0 10px;}
.store_list ul a span{width:160px; height:114px; background:url(../images/mall1.png) no-repeat; padding-top:180px; position:absolute; left:0; top:0; z-index:3;}
.store_list ul a span h2{font-size:18px; font-weight:normal;}
.store_list ul a img{ display:inline-block;-moz-border-radius:200px; -webkit-border-radius: 200px;border-radius:200px;}
.store_list ul a:hover span{background:url(../images/mall2.png) no-repeat;}
.store_list ul a:hover span h2{ color:#FFF;}



/*企业动态*/
.news_list {}
.news_list *{ display:block}
.news_list li{ background:#FFF; overflow:hidden; padding:15px; margin-bottom:20px;}
.news_list li a.nll{ width:285px; height:175px; float:left; position:relative;}
.news_list li a.nll img{width:285px; height:175px;}
.news_list li a.nll span { position:absolute; width:85px; height:49px; left:0; bottom:0; z-index:5; background:url(../images/bg2.png); text-align:center; font-family:Arial; padding:10px 0;}
.news_list li a.nll span h2 {color: #FFF; font-size:22px;}
.news_list li a.nll span h3 {color: #FFF; font-size:12px}
.news_list li a:hover.nll span{background:url(../images/bg3.png);}
.news_list li a.nlr{ width:430px; height:175px; float:left; margin-left:30px;}
.news_list li a.nlr strong{ font-size:18px; padding:10px 0;}
.news_list li a.nlr span{padding-bottom:10px;}
.news_list li a.nlr h6{}
.news_list li:hover {box-shadow:0px 0px 5px #ccc;-moz-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;}

.page_detail { font-size:14px; line-height:22px; padding-bottom:30px; margin-bottom:20px;overflow:hidden; position: relative;}
.page_detail img { max-width:730px;}
.page_detail_title { border-bottom:#CCC 1px solid;text-align:center; margin-bottom:20px;}
.page_detail_title h1 { font-size:22px; color:#000}
.page_detail_title span { font-size:12px; color:#999; padding:10px 0; overflow: hidden; display:block;}


/*联系*/
.page-t { padding-bottom:20px; background:url(../images/title_t.png) bottom center no-repeat;}
.page-t ul{ background:#0a4a40; padding:5px;}
.page-t ul li{ border:#2f655c 1px solid; padding:10px; color:#FFF;}
.contact { }
.contact .imgl{ float:left; border:#FFF 5px solid;}
.contact .imgl:hover {border:#666 5px solid;}
.contact_r { line-height:30px;width:280px; float:right}
.contact_r strong{ border-bottom:#CCC 1px solid;padding-bottom:10px; margin-bottom:20px; display:block;}
.contact_r * { vertical-align: middle; overflow:hidden;}
.contact_title { font-size:20px;}



.join_title {text-align:center;}
.join_title *{ display:block}
.join_title strong{ background:url(../images/line3.png) center no-repeat; font-size:18px;  line-height:30px; margin-bottom:10px;}
.joint { background:#fff; margin-top:30px; border:#CCC 1px solid; height:40px; line-height:40px; background:url(../images/join_bg.jpg) repeat-x}
.joint li{ text-align:center; float:left; width:23%;}



/*常见问题*/
.liebiao { width:100%; overflow: hidden; margin:0 auto; padding-bottom:30px;}
.liebiao * {-webkit-transition:none;-moz-transition:none;transition:none;}
.liebiao li { width:100%;font-size:14px; cursor:pointer;height:45px; line-height:45px;border-bottom:#999 1px  dashed;}
.liebiao li span { text-align:center; float:left; width:23%;}
.liebiao li .num { width:50px; display:inline-block; text-align:center; margin-right:10px;}
.liebiao li .link {width:100%;  display:block; color:#333; font-size:14px; text-decoration:none;}
.liebiao li.xz {background:#0a4a40; color:#FFF }
.liebiao li.zk {background: #FFF; height:auto; line-height:24px; padding:20px; font-size:12px;}


.message_conten{}
.message_conten *{ display:block}
.message_conten .input1{ border:#ccc solid 1px; width:200px; height:40px; line-height:40px; padding:0 20px; margin:5px 0; background:#ebebeb;}
.message_t { border:#ccc solid 1px; width:300px; height:90px; line-height:40px; padding:0 20px; margin:5px 0;background:#ebebeb;}
.btn_tj,.btn_cz { width:100px; text-align:center;height:40px; line-height:40px; cursor:pointer; float:left; margin-right:5px;}
.btn_tj  { background:#0a4a40; color:#FFF;}
.btn_cz { background:#bfa164; }


/*关于我们*/
.gd { width:100%; text-align:center;}
.gd img { display:inline-block;}
.gd_list { text-align:center;}
.gd_list a{ width:26px; height:238px; display: inline-block; margin:0 9.4px; background:url(../images/gd2.jpg) center top no-repeat; padding:10px; vertical-align:top; font-size:16px; line-height:20px;}
.gd_list a:hover { background:url(../images/gd3.jpg) center top no-repeat; color:#FFF; }

.inline { display:none; overflow:hidden;margin:auto; border:#FFF 10px solid;}
.img_box { position:relative;}
.img_box .spans { position:absolute;background: url(../images/bg1.png); min-height:50px; left:0; bottom:0; color:#CCC; line-height:20px; font-size:12px; padding:20px 20px; overflow:hidden; display:block;}
.img_box .spans h3 { margin-bottom:5px; font-size:16px; font-weight:bold; color:#b7191a;}


.video_list {}
.video_list *{ display:block}
.video_list li{ background:#FFF; overflow:hidden; padding:15px; margin-bottom:20px;}
.video_list li a.nll{ width:285px; height:175px; float:left; position:relative;}
.video_list li a.nll img{width:285px; height:175px;}
.video_list li a.nll span { position:absolute; width:285px; height:175px; left:0; bottom:0; z-index:5; background: url(../images/bg1.png); text-align:center; font-family:Arial;}
.video_list li a.nll span i{ width:285px; height:175px; background: url(../images/play.png) center no-repeat;}
.video_list li a:hover.nll span{}
.video_list li a.nlr{ width:430px; height:175px; float:left; margin-left:30px;}
.video_list li a.nlr strong{ font-size:18px; padding:10px 0;}
.video_list li a.nlr span{padding-bottom:10px;}
.video_list li a.nlr h6{}
.video_list li:hover {box-shadow:0px 0px 5px #ccc;-moz-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;}





















