@charset "utf-8";
/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
*{ outline:none; }
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:13px; font-family:"微软雅黑","Arial"; color:#666;}
p{line-height:22px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:13px;}
body{ background:#fff;}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}
h2 { font-size: 2em;  margin:0; padding:0;}
h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}
h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}
h5 { font-size: 1em;  margin:0; padding:0;}
h6 { font-size: 1em; }

/* 页面基本元素
-------------------------------------------------------------- */

/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover{text-decoration:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}


/* 头部
-------------------------------------------------------------- */

.header{ margin: 0 auto;width:100%;  }

.logo { float:left;}
.yhead { float:right; overflow:hidden;}

/*网站头部结束*/
/* 主体内容开始
-------------------------------------------------------------- */
/* 主页
-------------------------------------------------------------- */
/* 所有的页面的样式用注释标签标注一下
-------------------------------------------------------------- */
/* 尾部
-------------------------------------------------------------- */
.footer { margin:0 auto; width:100%; min-height:90px;clear: both; background:#1D1D1D; position:relative;}
.back-top{ width:45px; height:45px; position:absolute; top:20px; right:45px; cursor:pointer;}
.sfoot { width:90%; height:83px; border-bottom:1px solid #343434; color:#292521; line-height:83px; padding-left:25px;}
.sfoot a{ padding:15px;}
.sfoot a:hover{text-decoration:none;}
.xfoot{ padding-left:50px;}
.xfright{ width:910px; padding-right:40px; float:right; margin-top:30px; font-size:13px; color:#8a8a8a;}
.xfright a{ font-size:13px; color:#8a8a8a;}
.xfright a:hover{text-decoration:none;}

.thrwm{ position: relative;}
.thm{ width:100px; height:100px; position:absolute; top:-100px; left:-10px; display:none;}
.thrwm:hover .thm{ display:block;}
.thrwm img{ margin-right:5px;}

/*页面的banner*/
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */


/* 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: 0 0 5px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); 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  { line-height: 1; 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;display: none;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; 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;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/*首页的导航*/
.head{width: 90%;  padding-left:1.5%; line-height:90px; background:#fff;	z-index: 200;}
#indhead{position: fixed; bottom:0;}	
.yhead{ width:700px;}
.yhead ul{ float:right; width:100%; overflow:hidden;}
.yhead ul li{ float:left; padding-right:6%}
.yhead ul li a{ font-size:15px; color:#333;}
.yhead ul li a:hover{text-decoration:none;}
.ssdj{ cursor:pointer; position:absolute;top:25px;right:0px; height:40px; width:85px; background:url(../images/ssbj.png) no-repeat 13px center; background-color:#fff;  z-index:11; }
.yhead ul form{ width:0px; height:40px;top:25px; background:#eee; position: absolute; right:45px; overflow:hidden;}
.sbt{ display:block; border:none;  float:right; height:40px; width:40px; background:url(../images/ssbj.png) no-repeat 13px center;background-color:#fff; border-left:1px solid #e5e5e5;  }
.snr{ width:235px; padding-left:10px; height:40px; line-height:40px; border:none; float:left; display:block; background:none;}

#subNav {width:19px; height:21px; padding-right:16px;float: left;}
#subNav .item { position:absolute; top:21px; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .search{ right:-28px; width:auto; height:34px; border:8px solid #C4C4C4; z-index:999999;}
#subNav .search input { padding:0 20px; width:150px; height:34px; line-height:34px; }
.btn-search { position:relative;width:19px; height:21px; display:block;background:url(../images/suobg.png) no-repeat;}
.btn-search .search { display:none;}
.btn-search:hover .search { display: block;}
.page{ overflow:hidden; width:100%;}
#iframe{ border:#fff; position:fixed; z-index:10; background:#fff; }

iframe:not([seamless]) { border:0;}
#iframe_1 .gban{ width:50px; height:50px; position: absolute; left:85%; top:0; cursor:pointer;}
/* 小导航
-------------------------------------------------------------- */
.menu { margin: 0 auto; height:auto; width:100%; overflow:hidden; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;}
#con {	FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH:100%}
#tags {margin: 0;padding: 0;}
#tags LI { float: left;list-style: none;border-bottom: none;height:59px;line-height: 59px;width:120px; border-right:1px solid #EEEEEE;text-align: center;display: block;}
#tags LI A {color: #999999; font-size:15px; display:block;text-decoration: none;height: 59px;line-height: 59px;}
#tags LI.selectTag {color: #333333;display: block;}
#tags LI.selectTag A {color: #333333;}
#tags LI:hover a{ color:#333;text-decoration:none;}

#tagContent {width:100%;height: auto; overflow: hidden;}
.tagContent {DISPLAY: none;}
#tagContent DIV.selectTag {DISPLAY: block}

.banner { width:100%;}
.mgsgg { width:100%; margin:0 auto; height:auto;}
.mgsgg a {cursor: pointer;
vertical-align: top;
margin-left: -4px;
text-align: center;
font-weight: bold;
font-size:36px;
display: inline-block;
color:#333333;
width: 33.333%;
padding: 3.6% 0 3.6%;
height: auto;
border-right: 1px solid #EEEEEE;}
.mgsgg a span { display:block; font-size:16px; color:#333333; padding-top:17px;}
.mgsgg a:hover { background-color:#00B300; color:#fff; text-decoration:none;}
.mgsgg a:hover span{color:#fff;}
.gsj{ background:url(../images/gsjjbj.png) repeat-y center top; overflow:hidden;}
.gsj .center{ width:1100px; margin:120px auto; text-align:center;}
.gsj h2{ width:100%; text-align:center; font-size:72px; color:#fff; line-height:160px;}
.gsj p{ width:100%; font-size:13px; color:#fff; line-height:24px; text-align:left;}
.gsj a{ display:block; width:200px; height:50px; line-height:50px; color:#fff; font-size:16px; margin:50px auto 0; border:#fff solid 2px; }
.gsj a:hover{color:#FA6809; background:#fff; border:#FA6809 solid 2px; text-decoration:none;}
/*联系我们开始*/
.lxwm{ width:100%; position:relative; height:710px; overflow:hidden;}
.map{ width:100%; position:absolute; left:0; top:0; height:710px; z-index:0;}
.lxk{ width:400px; margin:100px 21% 0; position:relative; z-index:1;}
.lxk ul{ width:400px; overflow:hidden;}
.lxk ul li{ width:100%; padding-left:24px; border-bottom:#EEEEEE 1px solid; background-color:#fff; opacity:0.9;filter:alpha(opacity=90);}

.lxk ul li h2{ font-size:36px; color:#333; padding-top:20px;}
.lxk ul li h2 span{ font-size:15px; color:#999;}
.lxk ul li b{ font-size:14px; color:#333; float:left;}
.lxk ul li p{ font-size:14px; color:#333; float:left; line-height:65px;}
.lxk ul .rwm img{ float:left;}
.lxk ul .rwm p{ font-size:12px; color:#999; display:block; width:255px; float:left; line-height:19px; margin-top:5px; margin-left:10px;}
.lxk ul .rwm p span{ font-size:13px; color:#333;}
.lxk_1{ background: url(../images/lkt1.png) no-repeat 24px center}
.lxk_2{ background: url(../images/lkt3.png) no-repeat 24px center}
.lxk_3{ background: url(../images/lkt5.png) no-repeat 24px center}
.lxk_4{ background: url(../images/lkt7.png) no-repeat 24px center}
.lxk_1:hover{ background: url(../images/lkt2.png) no-repeat 24px center; background-color:#fff;}
.lxk_2:hover{ background: url(../images/lkt4.png) no-repeat 24px center; background-color:#fff;}
.lxk_3:hover{ background: url(../images/lkt6.png) no-repeat 24px center; background-color:#fff;}
.lxk_4:hover{ background: url(../images/lkt8.png) no-repeat 24px center; background-color:#fff;}
#me3j {margin: 0;padding: 0; }
#me3j .on{ color:#333;}
#me3j LI { float: left;list-style: none;border-bottom: none;height:59px;line-height: 59px; padding:0 30px; border-right:1px solid #EEEEEE;text-align: center;display: block;}
#me3j LI A {color: #999999; font-size:15px;text-decoration: none;height: 59px;line-height: 59px;}
#me3j LI:hover A{ color:#333; text-decoration:none;}
.zybt{ width:100%; padding-left:30px; text-align:left; font-weight:900; font-size:48px; color:#333;padding-top:20px; margin-bottom:20px; height:115px;}
.zybt span{ font-size:15px; color:#666; font-weight:100; line-height:40px; }
.focus{width:99%; height:750px; margin:0 auto; overflow:hidden;position:relative; padding-bottom:20px; margin-bottom:20px;}
.focus ul{ position:absolute;}
.focus ul li{float:left;overflow:hidden; position:relative; }
.focus .row{ margin:0 auto;  overflow:hidden; }
.focus .row div{ margin:0;  padding: 0px;}
.focus .row a{ display:block; width:97%; margin:0 auto; margin-bottom:15px; position:relative;}
.focus .row a:hover{ text-decoration: none;}
.focus .row .zzx{ position:absolute; left:0; top:0; display:none;}
.focus .row a:hover .zzx{ display:block;}
.focus .row img{ width:100%;}
.focus .row p{ width:100%; height:60px; line-height:60px; display:block; font-size:18px; color:#666; text-align:center;}
.focus .btn{position:absolute;height:10px;padding:5px 10px;right:50%;bottom:10px;text-align:center;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:13px;height:13px;_font-size:0;margin-left:5px;cursor:pointer;background:#999;border-radius:50%;}
.focus .btn span.on{background:#00b300;}
.focus .preNext{width:45px;position:absolute;top:90px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;display:none;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}
#iframe_1{ position:fixed; left:0; top:0; z-index:-1; background: url(../images/xqbj.png); opacity:0; filter:alpha(opacity=0);}
#iframe_1 .center{ width:0; height:0; position:absolute; left:50%; top:50%; overflow:hidden;background-color: white;}
#cpyfw{ margin:0; padding:0;}
#cpyfw div{ margin:0; padding:0;}
.cpnr{ position:absolute; width:80%; height:80%; left:10%; top:5%;}
.cpnr h2{ font-size:48px; color:#fff; font-weight:100;}
.cpnr h2 p{ font-size:15px; color:#fff; line-height:40px;}
.cpnr h2 span{ height:3px; width:10%; background:#fff; display:block; margin-top:35px; margin-bottom:35px;}
.cpnr p{ width:100%; display:block; height:55%; padding-right:10px;  color:#fff; line-height:26px; }
.cpnr .anniu{ height:50px; }
.cpnr .anniu a{ margin-right:15px; display:block; width:50px; height:50px; }
.anniua{ background:url(../images/cpyfwper.png) no-repeat center center}
.anniub{ background:url(../images/cpyfwnext.png) no-repeat center center}
.anniua:hover{background:url(../images/cpyfwper1.png) no-repeat center center}
.anniub:hover{ background:url(../images/cpyfwnext1.png) no-repeat center center}
.cpnr .anniu a:hover{text-decoration:none;}
/*新闻列表开始*/

.mnnewl { width:100%; margin:0 auto;}
.mnnewl ul li { height:200px; width:100%;}
.mnnewl ul li.hui { background-color:#F3F2F0;}
.mnnewl ul li:hover { background-color:#FB5A00;color:#FFF; }
.mnnewl ul li:hover .mnnewz {color:#FFF;}
.mnnewnr { width:1044px; margin:0 auto; padding-top:50px;}
.mnnewz { float:left; width:700px; font-size:15px; color:#999999;}
.mnnewz span { display:block; padding-top:13px;}
.mnnewz span a { font-size:16px; color:#333333;}
.mngd { color:#999999; font-size:14px; text-transform:uppercase; display:block; padding-top:13px;}
.mnnewl ul li:hover a {color:#FFF; text-decoration:none;}
.mnnewy { float: right; width:279px; height:100px; border:1px solid #D2D2D2;}
.ym { width:100%; margin:0 auto; padding:20px 0 20px 0px; text-align:center;}

/*易物简介*/
.mnywjj{ width:100%; overflow:hidden;}
.mnywjj .center{ width:1100px; margin:0 auto; padding-top:66px; padding-bottom:60px;}
.mnywjj .center h2 { font-size:24px; text-align:center;  padding-bottom:30px;color:#333333; text-transform:uppercase;}
.mnywjj .center p{ color:#999;}
.mnylc { background:url(../images/mnjhuang.jpg) no-repeat center center; height:352px; width:100%;}

.mnylc .center{ width:1100px; margin:0 auto; padding-top:27px; }
.mnylc .center h2 { font-size:24px; text-align:center;padding-bottom:33px;color:#fff; text-transform:uppercase;}
.mnylctu { text-align:center; width:100%;}
.mnylctu span { font-size:14px; color:#FFF; display:block; float:left; background:url(../images/mnywxian.png) no-repeat left; padding-left:35px; margin-top:40px; text-align:right;}



#pages{padding-top:5px; margin:0 auto; padding:25px 0; }
#pages a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:13px;}
#pages a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #3DBB2B;color:#FFF;font-size:13px; text-decoration:none;}
#pages span {background: #3DBB2B;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}