﻿/******************************
 ** 初始化 / 兼容到IE7
 ******************************/
* { margin:0; padding:0;/*transition:all 300ms ease;*/ }
html { height:100%; }
body  { max-width:1920px; min-width:1200px; margin:0 auto; font:14px/2 'Microsoft Yahei', Arial; color:#666;background:#fbf7f5;}
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:15px; font-weight:normal; }
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#eaac6c; }
a:link,
a:link img,
input { -webkit-transition:all .5s linear; -moz-transition:all .5s linear; -ms-transition:all .5s linear; transition:all .5s linear; }
.fl{float:left;}
.fr{float:right;}

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap,.wrapper{ width:1200px; margin:0 auto; position:relative; }
.wrapper { padding:30px 0 50px;}
.w { width:1200px; margin:0 auto;}


/*top*/
.top{ width:100%; height:116px; margin:0 auto;background:#242424;border-bottom:1px solid #1a1a1a;}
.top_left{ float:left; height:80px; padding:18px 0 17px;}
.top_left .logo_l{ margin: 10px 14px 0 0;height:80px; display:block; float:left;}
.top_left .logo_r{ float:left;margin-top: 12px; padding:2px 0 0 14px;border-left: 1px solid #d7ab7c;}
.top_left .logo_r h1{ color:#f0c08d; font-weight:bold; line-height:30px; font-size:20px;}
.top_left .logo_r h2{ color:#d7ab7c; font-size:15px; line-height:26px;}
/*搜索*/
.top_right{ float:right;padding-left:52px;margin-top:32px;background:url(../images/top-tel.png) left center no-repeat;}
.top_right span{display:block;font-size:25px;color:#f8cc9f;}
/*nav*/
.nav{width:100%;height:64px; position: relative;z-index: 5;border-top:1px solid #313131; background:#242424;}
.nav ul{ width:1200px; height:64px; margin:0 auto;}
.nav li{float:left; height:64px; position:relative; text-align:center;background:url(../images/lir.jpg) left center no-repeat; }
.nav li:first-child{background:none;}
.nav li > a{ display:block; width:105px; height:64px; line-height:64px; color:#a4a4a4; font-size:16px;}
.nav li:hover > a{background:url(../images/yuan.jpg) 20px center no-repeat; color:#f0c08d; }
.nav li.hover > a{background:url(../images/yuan.jpg) 20px center no-repeat; color:#f0c08d;}

/*subNav*/
.subNav{width:132px; height:auto; position:absolute; z-index:99; left:0; top:64px;display:none;}
.nav ul li .subNav a{ width: 105px; line-height:45px;  height:45px; font-size:14px; display:block; color:#a4a4a4;background:#4a4d50;}
.nav ul li .subNav a:hover{ background:#4a4d50 url(../images/lihov.png) center center no-repeat;color:#f0c08d;}


/*banner*/
.banner { height:300px; background:#FFF; position:relative; overflow:hidden;background:none repeat scroll 0 0; z-index:0; }
.banner .main {width:1200px; overflow:hidden; margin:0 auto; }
.banner .scroll { overflow:hidden; height:300px; width:100%; }
.banner .scroll ul { width:200%; height:300px; }
.banner .scroll li { width:1200px; height:300px; float:left; }
.banner .scroll li img { width:1200px; height:300px; }
/* 左右按钮 */
.banner .btn { width:1200px; height:74px; position:absolute; left:50%; margin-left:-672px; z-index:1; top:214px;}
.banner .btn .arrow_l { width:58px; height:94px; background: url(../images/bprev.png) 0 0 no-repeat; position:absolute; top:40px; left:20px; cursor:pointer; }
.banner .btn .arrow_r { width:58px; height:94px; background:url(../images/bnext.png) 0 0 no-repeat; position:absolute; top:40px; right:20px; cursor:pointer; }
/*滚动按钮*/
.banner .tip{position: absolute;bottom: 30px;left: 50%;height: 20px;}
.banner .tip span{display: inline-block;width: 16px;height: 16px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #eebd89;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px;}
.banner .tip .cur{height: 16px;width: 16px;background: #fff;}

/* minbanner */
.minBanner{position: relative;overflow: hidden;width: 100%;height: 550px; z-index:0;}
.minBanner .banner1{width:1920px;height:550px;margin:0 auto;}
.minBanner .banner1 li{width:1920px;height:550px;text-align:center;}
.minBanner .tip{position: absolute;bottom: 18px;left: 50%;height: 14px;}
.minBanner .tip span{display: inline-block;width: 16px;height: 16px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #eebd89;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px;}
.minBanner .tip .cur{background:#fff;height: 16px;width: 16px;}


/*公用头部*/
.ihead{ width:412px; height:68px; margin:0 auto;border:2px solid #ebb983;}
.ihead h1{line-height: 46px;text-align:center; font-size:32px; color:#ebb983; font-weight:bold;text-transform:uppercase;}
.ihead h2{margin:0 auto; width:245px;height:46px;line-height:46px;font-size:28px; font-weight:bold; color:#aaaaaa;text-align: center;background:#242424;}
.imore{display:block;margin:0 auto;width:26px;height:26px;background:url(../images/imore.png) center center no-repeat;}
.imore:hover{transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

/*inpro*/
.ipro{ padding:90px 0 60px;width:100%; height:auto;border-bottom:1px solid #1a1a1a;}
.inpro_fenlei{width: 509px;margin: 0 auto;padding-top: 38px;height: 58px;;}
.inpro_fenlei a{display:block;margin-left:20px; float:left; width:102px; height:37px; line-height:37px;  font-size:18px; color:#242424; text-align:center;background:url(../images/icon1.jpg) center center no-repeat;}
.inpro_fenlei a:hover{ text-decoration: underline;}
.ipro .main { width:100%; overflow:hidden; padding:40px 0 80px; }
.ipro .list { float:left; width:110%; }
.ipro .item { float:left; width:288px; margin:0 14px 16px 0; }
.ipro .item.odd { position:relative; top:40px; }
.ipro .item .img{display: block;width: 288px;height: 216px;overflow: hidden;}
.ipro .item img {display:block; width:288px; height:216px; }
.ipro .item:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.ipro .item .cover{padding:4px 12px 0 0;width:276px;height:58px;background:url(../images/icon2.jpg) center center no-repeat;}
.ipro .item .cover h3{line-height: 28px;font-size:18px;color:#3b3b3b;font-weight:bold;text-align:right;}
.ipro .item .cover h4{padding-right: 22px;text-align:right;height:22px;line-height:22px;background:url(../images/imo.png) right center no-repeat;}
.ipro .item .cover h4 a{color:#717171;}
.ipro .item .cover h4 a:hover{text-decoration: underline;}

/*liuchen*/
.liuchen{padding:50px 0;width:100%;height:200px;background:#242424;border-top:1px solid #313131;}
.liuchen li{float:left;margin:0 18px;width:200px;height:200px;cursor: pointer;background:url(../images/icon3.png) center center no-repeat;transition:All 0.4s ease-in-out;    
  -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.liuchen li h2{padding-top: 66px;line-height: 42px;text-align:center;font-size:32px;font-weight:bold;color:#242424;}
.liuchen li span{display:block;line-height: 24px;text-align:center;color:#242424;font-size:16px;text-transform:uppercase;}
.liuchen li:hover{transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);}

/*icase*/
.icase{padding:80px 0 100px;height:712px;}
.icase .ihead{border:2px solid #242424;}
.icase .ihead h1{color:#5c5c5c;}
.icase .ihead h2{color:#242424;background:#fbf7f5;}
.icmid{width: 266px;margin: 0 auto;padding-top: 38px;height: 58px;}
.icmid a{display:block;margin-left:20px; float:left; width:102px; height:37px; line-height:37px;  font-size:18px; color:#fff; text-align:center;background:#5c5c5c;}
.icmid a:hover{ background:#eebd89;}
.icase .imore{background:url(../images/imore2.png) center center no-repeat;}
.icbot{padding-top: 30px;}
.icbot ul{}
.icbot li{position: relative;float:left;margin:0 0 28px 14px;width:286px;}
.icbot li a{}
.icbot li img{display:block;width:286px;height:212px;}
.icbot li .cover2{padding: 0 14px;width:258px;height:42px;line-height:42px;background:url(../images/icon2.jpg) center center no-repeat;}
.icbot li .cover2 h1{float:left;color:#242424;font-weight:bold;}
.icbot li .cover2 span{display:block;float:right;margin-top: 6px;width:28px;height:28px;line-height:24px;text-align: center;font-size:28px;*font-size:20px;*line-height:1;border:1px solid #3e3730;color:#3e3730;}
.icbot li:hover .cover2 span{color:#eebd89;background:#242424;}

/*iabout*/
.iabout{width:100%;height:762px;background:url(../images/abg.jpg) center center no-repeat;}
.iabout1{padding-top:96px;width:1200px;margin:0 auto;}
.iabout .iacont{padding: 0 50px 12px;}
.iabout .iacont h4{padding:24px 0 14px 0;font-size:20px;color:#ffffff;text-align:center;}
.iabout .iacont p{color:#ffffff;}
.iabout .ilist{ height:270px; }
.iabout .ilist li{ float: left;width: 280px;margin:25px 9px; }
.iabout .ilist li p{text-align: center;font-size: 34px;border: 1px #ebb983 dotted;color: #ebb983;padding: 10px 0;}
.iabout .ilist li a{display:block;}
.iabout .ilist li img{display:block; width: 280px;height: 210px;-webkit-transition: -webkit-transform .3s;transition: transform .3s; }
.iabout .ilist li:hover img{ transform: rotateY(360deg);-ms-transform: rotateY(360deg);	  -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.iabout .a_foot{display:block;margin:0 auto;width:26px;height:26px;background:url(../images/imore.png) center center no-repeat;}
.iabout .a_foot:hover{transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}


/*inews*/
.inews{padding:52px 0 40px; height:588px;}
.inews .ihead{border:2px solid #242424;}
.inews .ihead h1{color:#5c5c5c;}
.inews .ihead h2{color:#242424;background:#fbf7f5;}
.inews .zi{padding-top: 20px;font-size:18px;color:#5c5c5c;text-align:center;}
.inews_bot{padding-top:34px;}
.inews_l{float:left;width:660px;}
.inews_l .inews_n2{display:block;width:660px;height:114px;margin-bottom:20px;border-bottom: 1px dotted #cccccc;}
.inews_l .inews_n2 img{display:block;float:left;width:110px;height:94px;}
.inews_l .inews_n2 .innews_nei{float:right;width:532px;}
.inews_l .inews_n2 .innews_nei h1{line-height:36px;font-size:16px;color:#000000;}
.inews_l .inews_n2 .innews_nei p{color:#999999;line-height:24px;}
.inews_l .inews_n2 .innews_nei:hover h1{color:#ebb983;}
.inews_l .inews_n2 .innews_nei:hover p{color:#000000;}
.inews_r{float: right;width: 450px;overflow: hidden;height: 382px;position: relative;}
.inews_r ul{width: 1200%;height: 382px;}
.inews_r li{float: left;height: 382px;}
.inews_r li img{display: block;width: 450px;height: 340px;}
.inews_r li h1{width: 450px;padding-left:16px;color:#fefefe;height:42px;line-height:42px;background:#7e7d7d;}
.inews_r li h1:hover{color:#ebb983;}
.inews_r .tip{height: 20px;text-align: center;margin-top: 16px;position: absolute;right: 0;bottom: 8px;width: 108px}
.inews_r .tip em{cursor: pointer;margin: 0 6px;display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: #fff;;}
.inews_r .tip em.cur{ background: #eebd89;}

/*icontact*/
.imap{width: 100%;height: 290px;display:block;position: relative;margin-top: 54px;}
.imap .imapCon{width:100%; height: 290px; }
.imapCon{position: absolute;top: 0;left: 0;z-index: 1;}
.imap .cover{background: url(../images/icon4.png) center bottom repeat;width: 100%;height: 290px;position: absolute;z-index: 2;}
.icontact{   position: absolute;top: 0;width: 100%;z-index: 3;}
.icontact .iclass_tit { position: relative;color: #fff;text-align: center;margin: 52px 0 36px 0;}
.icontact .iclass_tit h1{line-height: 40px;font-size: 36px;font-weight: bold; color: #fff; }
.icontact .iclass_tit em{line-height: 52px;font-style: normal;font-weight: bold; font-size: 34px;color: #fff;text-transform: uppercase;}
.icontact .iclass_tit p{font-size: 16px;color: #fff;line-height: 1.6;margin-top: 10px;}
.icontact .wd{  width: 100%;color: #4c4c4c;}
.icontact .wd b{font-size: 24px;}
.fs14{font-size: 16px!important;height: 34px;line-height: 34px;}
.icontact .wd span{display: block;text-align: center;}
.icontact .wd {font-size: 16px; line-height: 2; }
.icontact .wd .tel3,.icontact .wd .iemail,.icontact .wd .iadd{ background: #ebb983;height: 80px;padding: 14px 30px;float: left;margin-top: 20px;}
.icontact .wd .tel3{width: 187px;font-size: 20px;}
.icontact .wd .tel3 .s{background: url(../images/icontact-1.png) 18px center no-repeat;}
.icontact .wd .iadd{width: 498px; margin-left: 40px;margin-right: 40px; text-align: center;}
.icontact .wd .iadd .s{background: url(../images/icontact-2.png) 170px center no-repeat;}
.icontact .wd .iemail{width: 254px;font-size: 26px;  }
.icontact .wd .iemail em{font-style: normal;font-size: 20px;margin-left: 54px;}
.icontact .wd .iemail .s{background: url(../images/icontact-3.png) 52px center no-repeat;}
.icontact .wd>div:hover{transition:all 300ms ease;-webkit-transform:translateY(-10px);transform:translateY(-10px);}

.ilink{height: 60px;margin-top: 80px;margin-bottom: 30px;line-height: 1.6;color:#000000; }
.ilink .zi{line-height:30px;}
.ilink span{ display: inline-block;line-height: 1.6;float: left; margin-right: 48px;}
.ilink span em{font-style: normal;text-transform: uppercase;font-size: 15px;}
.ilink span b{display: block; font-size: 26px;}
.ilink a{display: inline-block;font-size: 16px;margin: 20px 0 20px 20px;color:#000000;}


/*bottom*/
.footer { background:#242424; color: #a4a4a4; line-height: 1.8; font-size: 14px;margin-top: 20px;padding:20px 0 28px;}
.footer a{color: #a4a4a4;}
.footer a:hover,.ilink a:hover{color:#ebb983;}
.bt_subnav{height: 74px;border-bottom: 1px solid #1a1a1a;margin-top: 10px;}
.bt_subnav .tel{padding-left: 46px;color: #a4a4a4;margin-top: 14px;background: url(../images/btel.jpg) left center no-repeat;line-height: 1.2;}
.bt_subnav .tel p{ font-size: 22px;font-weight: normal;}
.bt_subnav .tel h1,.bt_subnav .tel p{ color: #a4a4a4;}
.subnav { width: 860px;}
.subnav a {padding: 0 8px; color: #a4a4a4;height: 74px;line-height: 74px;font-size: 16px;}
.subnav a.index{padding-left: 0;}
.footer2{border-top: 1px solid #313131;  }
.footer .zhong{ color: #a4a4a4;padding-top: 34px;}
.keywords{ }
.copyright { float: left;line-height:26px;  width:680px;margin-top: 10px; }
.codex{width: 177px;margin-top: 26px;}
.codex img{width: 112px;height: 112px;margin-left: 30px;}
.codex p{font-size: 14px; color: #fff;  display: block;text-align: center;}
.codex p span{color: #a4a4a4;font-size: 16px;display: block;}

/*toolbar*/
.toolbar { position:fixed; top:200px; right:10px; z-index:100;width: 60px; }
.toolbar > * { width:60px; height:60px; position:relative; margin:0 0 1px; }
.toolbar > * > a { display:block; width:60px; height:60px; }
.toolbar .qq { background:url(../images/tip1.png) 6px 4px no-repeat #aaaaaa; }
.toolbar .tel { background:url(../images/tip1.png) 6px -58px no-repeat #aaaaaa; }
.toolbar .code { background:url(../images/tip1.png)  6px -122px no-repeat #aaaaaa; }
.toolbar .btop { background:url(../images/tip1.png) 6px -184px no-repeat #aaaaaa; }
.toolbar .drop-code { position:absolute; top:-59px; right:66px; background:#eaac6c; padding:5px; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:100px; display:none; }
.toolbar .drop-code img { display:block; width:100px; height:100px; }
.toolbar .drop-code h3 { font-weight:normal;color:#fff; }
.toolbar .drop-tel { position:absolute; top:0; right:66px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:60px; line-height:60px;padding:0 0 0 10px; background:#eaac6c; color:#FFF; font-size:20px; font-family:Arial; }
.toolbar .qq:hover { background:url(../images/tip1.png) 6px 4px no-repeat #eaac6c; }
.toolbar .tel:hover { background:url(../images/tip1.png) 6px -58px  no-repeat #eaac6c; }
.toolbar .code:hover { background:url(../images/tip1.png)  6px -122px no-repeat #eaac6c; }
.toolbar .btop:hover { background:url(../images/tip1.png) 6px -184px no-repeat #eaac6c; }


/******************************
 ** 内页风格
 ** 左右分栏
 ** v.2.0
 ******************************/
.wrapper { width:1200px; margin:0 auto; position:relative; padding:40px 0 50px; }
.sidebar { float:left; width:280px; margin:0 0 0 20px; }
.container { float:right; width:820px; padding:20px; margin:0 20px 0 0; background:#fff; }

.side-menuer { margin:0 0 20px; }
.topclass { height:70px; padding:25px 0; background:#242424; border-radius:5px; margin-bottom:10px; text-align:center; }
.topclass h2,
.topclass h3 { font-weight:normal; font-size:24px; line-height:1.4; white-space:nowrap; color:#fff; }
.topclass h3 { font-size:20px; opacity:.5; filter:Alpha(opacity=50); text-transform:uppercase; }
.side-menu { }
.side-menu dd { border-bottom:1px solid #eee; }
.side-menu dd > a { display:block; height:50px; line-height:50px; padding:0 0 0 25px; background:#FFF; color:#666; font-size:16px; border-radius:0px; }
.side-menu dd > a span { margin:0 0 0 10px; opacity:.5; filter:Alpha(opacity=50); font-size:14px; text-transform:uppercase; }
.side-menu .drop { display:none; padding:8px 0; }
.side-menu .drop li { }
.side-menu .drop a { display:block; padding:0 0 0 25px; height:30px; line-height:30px; font-size:15px; color:#999; }
.side-menu dd > a:hover { background:#f5f5f5; }
.side-menu .drop a:hover { color:#242424; }
.side-menu dd.current > a { background:url(../images/aa.png) right center no-repeat #eaac6c; color:#FFF; transition:none;  }
.side-menu dd.current .drop { display:block; }
.side-menu .drop li.current a { color:#242424; }

.side-contact { }
.side-contact .head { height:50px; line-height:50px; background:#242424; color:#FFF; border-radius:5px 5px 0 0; }
.side-contact .head h2 { font-size:20px; font-weight:normal; margin:0 0 0 20px; }
.side-contact .main { padding:10px 20px 20px; background:#fff; }

.location { position:relative; margin:0 0 20px; }
.location .head { height:60px; background:url(../images/8bd77cc1dc3f4227af46960deb11646c.gif) left bottom repeat-x; }
.location .head h2,
.location .head h3 { height:40px; line-height:40px; vertical-align:middle; display:inline-block; +display:inline; +zoom:1; font-weight:normal; font-size:24px; }
.location .head h3 { margin:0 0 0 10px; color:#ddd; font-size:18px; text-transform:uppercase; }
.location .path { position:absolute; right:0; top:0; line-height:40px; color:#999; white-space:nowrap; }
.location .path span { margin:0 10px; }
.location .path a { opacity:.8; filter:Alpha(opacity=80); }



/******************************
 ** 公共架构
 ** v.1.2
 ******************************/
.article { text-align:justify; margin:0 0 20px; }
.article img { max-width:100%; }

.pager { width:100%; height:38px; margin-bottom:20px; text-align:center; }
.pager > * { display:inline-block; height:38px; line-height:38px; padding:0 20px; background:#FFF; border:1px solid #ddd; margin:0 5px; }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#f8f8f8; color:#eaac6c; font-weight:bold; }
.pager > a:hover { background:#f9f9f9; }

.relink { border-top:1px solid #ddd; padding:20px 0; overflow:hidden; }
.relink p { float:right; height:30px; line-height:30px; overflow:hidden; }
.relink p:first-child { float:left;  }

.bdshare { width:auto; height:36px; }
.bdshare > * { float:right; }
.bdshare .head { height:36px; line-height:36px; }

.null { padding:0 0 150px 0; }

.rmd-pro { background:#fff; border:1px solid #ddd; margin:0 0 20px; }
.rmd-pro .head { height:40px; line-height:40px; position:relative; border-bottom:1px solid #ddd; }
.rmd-pro .head h2 { font-size:16px; font-weight:normal; padding:0 0 0 20px; color:#000; }
.rmd-pro .head .mo { position:absolute; right:20px; top:0; }
.rmd-pro .main { position:relative; margin:0 20px 20px; overflow:hidden; padding:20px 0 0; }
.rmd-pro .list { float:left; width:500%; position:relative; }
.rmd-pro .list .item { float:left; width:180px; margin:0 20px 0 0; }
.rmd-pro .list .item a { display:block; position:relative; }
.rmd-pro .list .item img { width:100%; height:132px; display:block; background:#eee;  }
.rmd-pro .list .item h3 { height:40px; line-height:40px; text-align:center; font-weight:normal; }
.rmd-pro .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.rmd-pro .list2 { width:100%; margin:-10px 0 0; }
.rmd-pro .list2 .item { border-bottom:1px dashed #e5e5e5;  }
.rmd-pro .list2 .item h3 { line-height:40px; white-space:nowrap; font-weight:normal; overflow:hidden; opacity:.8; padding:0 0 0 15px; background:url(../images/fd61c19a9c254673bed36b6af25357b5.gif) left center no-repeat; }

.recommend-form { padding: 0 20px; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-form .head h2 { font-size:18px; color:#4ab344; border-left:5px solid #4ab344; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-form .main { width:auto; overflow:hidden; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:url(../images/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../images/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../images/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt {width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; margin-left:10px; }
.recommend-form input.code { float:left; width:178px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#eaac6c; }
.recommend-form .reset { background:#292826; margin:0 0 0 10px; }
.recommend-form .submit:hover { background:#e59743; }
.recommend-form .reset:hover { background:#000; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.BMap_bubble_content{font-size: 12px;line-height:1.4;}




/******************************
 ** 新闻
 ** v.2.0
 ******************************/
.news-lister { }
.news-lister .list { padding:0 0 20px; }
.news-lister .list .item { border-bottom:1px solid #ddd; position:relative; margin:0 0 10px; padding:0 0 15px; }
.news-lister .list .item a { display:block; }
.news-lister .list .item .date { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.news-lister .list .item h3 { font-size:18px; font-weight:normal; }
.news-lister .list .item h3 a { color:#222;  }
.news-lister .list .item h3 a:hover { color:#bf132e;  }
.news-lister .list .item p { height:48px; line-height:24px; color:#999; overflow:hidden; }

.news-lister { }
.news-lister .list2 { padding:0 0 20px; }
.news-lister .list2 .item { border-bottom:1px solid #ddd; position:relative; margin:0 0 10px; padding:0 0 15px; }
.news-lister .list2 .item .date { color:#999; line-height:20px; margin:0 0 10px; }
.news-lister .list2 .item h3 { font-size:18px; font-weight:normal; }
.news-lister .list2 .item h3 a { color:#222;  }
.news-lister .list2 .item h3 a:hover { color:#bf132e;  }
.news-lister .list2 .item p { height:48px; line-height:24px; color:#999; overflow:hidden; }

.news2-lister {  }
.news2-lister .list { margin:-20px 0 0; padding:0 0 20px; }
.news2-lister .list .item { position:relative; height:120px; padding:20px 0 20px 180px; border-bottom:1px solid #e5e5e5;  }
.news2-lister .list .item .img { position:absolute; left:0; top:20px; width:160px; overflow:hidden; background:#f5f5f5; }
.news2-lister .list .item .img img { display:block; width:100%; height:120px; }
.news2-lister .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }
.news2-lister .list .item h3 { height:30px; line-height:30px; font-size:18px; font-weight:normal; margin:0 0 15px; overflow:hidden; }
.news2-lister .list .item p { height:72px; line-height:24px; overflow:hidden; text-align:justify; color:#999; margin:0 0 10px; }

.news2-lister {  }
.news2-lister .list2 { padding:0 0 20px; }
.news2-lister .list2 .item { position:relative; height:120px; padding:20px 20px 20px 200px; background:#f5f5f5; margin:0 0 10px;  }
.news2-lister .list2 .item .img { position:absolute; left:20px; top:20px; width:160px; overflow:hidden; background:#fff; }
.news2-lister .list2 .item .img img { display:block; width:100%; height:120px; }
.news2-lister .list2 .item h3 { height:30px; line-height:30px; font-size:18px; font-weight:normal; margin:0 0 15px; overflow:hidden; }
.news2-lister .list2 .item p { height:72px; line-height:24px; overflow:hidden; text-align:justify; color:#999; margin:0 0 10px; }
.news2-lister .list2 .item:hover { background:#eee; }
.news2-lister .list2 .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.news-detail { }
.news-detail h1 { font-size:20px; line-height:1.3; font-weight:normal; text-align:center; padding:0 0 5px; }
.news-detail .subsidiary { text-align:center; padding:0 0 10px; border-bottom:1px dashed #999; margin:0 0 20px; }
.news-detail .subsidiary li { display:inline-block; +display:inline; +zoom:1; height:40px; line-height:40px; color:#999; margin:0 15px; }
.news-detail .subsidiary li.hit { padding:0 0 0 26px; background:url(../images/9038335bcbbe47ada0a4f7a146e11c81.gif) left center no-repeat; }


/******************************
 ** 案例
 ** v.2.0
 ******************************/
.case-lister {  }
.case-lister .list { float:left; width:100%; padding:0 0 20px; }
.case-lister .list .item { float:left; width:260px; margin:0 0 10px 10px; background:#eee; }
.case-lister .list .item img { display:block; width:100%; height:195px; }
.case-lister .list .item h3 { height:45px; line-height:45px; font-weight:normal; text-align:center; background:#f9f9f9; border:1px solid #eee; }
.case-lister .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.case-lister {  }
.case-lister .list2 { float:left; width:100%; padding:0 0 20px; }
.case-lister .list2 .item { float:left; width:258px; margin:0 0 10px 10px; background:#eee; position:relative; }
.case-lister .list2 .item img { display:block; width:100%; height:195px; background:#f5f5f5; }
.case-lister .list2 .item h3 { position:absolute; left:0; right:0; bottom:0; height:45px; line-height:45px; font-weight:normal; text-align:center; background:#000; filter:Alpha(opacity=80); background:rgba(0,0,0,.5); color:#fff; }
.case-lister .list2 .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.case2-lister {  }
.case2-lister .list { margin:-20px 0 0; padding:0 0 20px; }
.case2-lister .list .item { position:relative; height:120px; padding:20px 0 20px 180px; border-bottom:1px solid #e5e5e5;  }
.case2-lister .list .item .img { position:absolute; left:0; top:20px; width:160px; overflow:hidden; background:#f5f5f5; }
.case2-lister .list .item .img img { display:block; width:100%; height:120px; }
.case2-lister .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }
.case2-lister .list .item h3 { height:30px; line-height:30px; font-size:18px; font-weight:normal; margin:0 0 15px; overflow:hidden; }
.case2-lister .list .item p { height:72px; line-height:24px; overflow:hidden; text-align:justify; color:#999; margin:0 0 10px; }

.case2-lister {  }
.case2-lister .list2 { padding:0 0 20px; }
.case2-lister .list2 .item { position:relative; height:120px; padding:20px 20px 20px 200px; background:#f5f5f5; margin:0 0 10px;  }
.case2-lister .list2 .item .img { position:absolute; left:20px; top:20px; width:160px; overflow:hidden; background:#fff; }
.case2-lister .list2 .item .img img { display:block; width:100%; height:120px; }
.case2-lister .list2 .item h3 { height:30px; line-height:30px; font-size:18px; font-weight:normal; margin:0 0 15px; overflow:hidden; }
.case2-lister .list2 .item p { height:72px; line-height:24px; overflow:hidden; text-align:justify; color:#999; margin:0 0 10px; }
.case2-lister .list2 .item:hover { background:#eee; }
.case2-lister .list2 .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.case-detail { }
.case-detail h1 { font-size:20px; line-height:1.3; font-weight:normal; text-align:center; padding:0 0 25px; }
.case-detail .photo { text-align:center; margin:0 auto 20px; }
.case-detail .photo img { width:500px; }


/******************************
 ** 产品
 ** v.2.0
 ******************************/
.product-lister {  }
.product-lister .list { float:left; width:100%; padding:0 0 20px; }
.product-lister .list .item { float:left; width:260px; margin:0 0 10px 10px; background:#eee; }
.product-lister .list .item img { display:block; width:100%; height:194px; }
.product-lister .list .item h3 { height:45px; line-height:45px; font-weight:normal; text-align:center; background:#f9f9f9; border:1px solid #eee; }
.product-lister .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.product-lister {  }
.product-lister .list2 { float:left; width:100%; padding:0 0 20px; }
.product-lister .list2 .item { float:left; width:258px; margin:0 0 10px 10px; background:#eee; position:relative; }
.product-lister .list2 .item img { display:block; width:100%; height:194px; background:#f5f5f5; }
.product-lister .list2 .item h3 { position:absolute; left:0; right:0; bottom:0; height:45px; line-height:45px; font-weight:normal; text-align:center; background:#000; filter:Alpha(opacity=80); background:rgba(0,0,0,.5); color:#fff; }
.product-lister .list2 .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.product2-lister {  }
.product2-lister .list { float:left; width:100%; padding:0 0 20px; }
.product2-lister .list .item { float:left; width:258px; margin:0 0 10px 10px; background:#fff; }
.product2-lister .list .item img { display:block; width:100%; height:344px; background:#f5f5f5; +margin:0 0 -4px; }
.product2-lister .list .item .shadow { padding:10px 15px 15px; border:1px solid #e5e5e5; transition:all .5s ease; }
.product2-lister .list .item h3 { height:30px; line-height:30px; font-weight:normal; font-size:16px; color:#333; margin:0 0 5px; }
.product2-lister .list .item p { height:40px; line-height:20px; color:#666; overflow:hidden; text-align:justify; margin:0 0 10px; }
.product2-lister .list .item span { display:block; width:100px; height:34px; line-height:34px; background:#fff; border:1px solid #e5e5e5; color:#666; text-align:center; transition:all .5s ease; }
.product2-lister .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }
.product2-lister .list .item:hover .shadow { background:#e5e5e5; }
.product2-lister .list .item:hover span { border-color:#fff; width:120px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }

.product2-lister {  }
.product2-lister .list2 { float:left; width:102%; padding:0 0 20px; }
.product2-lister .list2 .item { float:left; width:405px; margin:0 10px 10px 0; background:#fff; }
.product2-lister .list2 .item a { display:block; position:relative; height:120px; padding:0 0 0 160px; }
.product2-lister .list2 .item img { display:block; width:160px; height:120px; background:#f5f5f5; position:absolute; left:0; top:0; }
.product2-lister .list2 .item .shadow { height:98px; padding:10px 10px 10px; border:1px solid #e5e5e5; transition:all .5s ease; }
.product2-lister .list2 .item h3 { height:30px; line-height:30px; font-weight:normal; font-size:15px; margin:0 0 5px; }
.product2-lister .list2 .item p { height:40px; line-height:20px; color:#666; overflow:hidden; text-align:justify; margin:0 0 10px; }
.product2-lister .list2 .item span { display:none; }
.product2-lister .list2 .item:hover img { opacity:.8; filter:Alpha(opacity=80); }
.product2-lister .list2 .item:hover .shadow { background:#e5e5e5; }

.product3-lister {  }
.product3-lister .list { margin:-20px 0 0; padding:0 0 20px; }
.product3-lister .list .item { position:relative; height:120px; padding:20px 0 20px 180px; border-bottom:1px solid #e5e5e5;  }
.product3-lister .list .item .img { position:absolute; left:0; top:20px; width:160px; overflow:hidden; background:#f5f5f5; }
.product3-lister .list .item .img img { display:block; width:100%; height:120px; }
.product3-lister .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }
.product3-lister .list .item h3 { height:30px; line-height:30px; font-size:18px; font-weight:normal; margin:0 0 15px; overflow:hidden; }
.product3-lister .list .item p { height:72px; line-height:24px; overflow:hidden; text-align:justify; color:#999; margin:0 0 10px; }

.product3-lister {  }
.product3-lister .list2 { padding:0 0 20px; }
.product3-lister .list2 .item { position:relative; height:120px; padding:20px 20px 20px 200px; background:#f5f5f5; margin:0 0 10px;  }
.product3-lister .list2 .item .img { position:absolute; left:20px; top:20px; width:160px; overflow:hidden; background:#fff; }
.product3-lister .list2 .item .img img { display:block; width:100%; height:120px; }
.product3-lister .list2 .item h3 { height:30px; line-height:30px; font-size:18px; font-weight:normal; margin:0 0 15px; overflow:hidden; }
.product3-lister .list2 .item p { height:72px; line-height:24px; overflow:hidden; text-align:justify; color:#999; margin:0 0 10px; }
.product3-lister .list2 .item:hover { background:#eee; }
.product3-lister .list2 .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.product-detail { margin:0 0 20px; }
.product-detail  .photo { float:left; width:440px; height:330px; overflow:hidden; }
.product-detail .photo img { display:block; width:100%; height:330px; }
.product-detail .info { margin:0 0 0 460px; position:relative; height:330px; }
.product-detail .info h1 { font-size:20px; line-height:1.4; margin-bottom:20px; font-weight:normal; }
.product-detail .info h3{ font-size:20px; line-height:1.4; margin-bottom:20px; font-weight:normal; }
.product-detail .info .des { width:100%; line-height:25px; margin-bottom:20px; overflow:hidden; }
.product-detail .info .order { width:355px; margin:3px 0 25px; }
.product-detail .info .order a { display:block; width:120px; height:40px; line-height:40px; color:#FFF; font-size:16px; background:#eaac6c; text-align:center; border-radius:5px; }
.product-detail .info .order a:hover { background:#e59743; }
.product-detail .info .tel { background:#fff; border:3px solid #eee; padding:20px; line-height:1.3; margin:0 0 20px; }
.product-detail .info .tel h2 { font-size:16px; font-weight:normal; }
.product-detail .info .tel h3 { font-size:36px; color:#eaac6c; }
.product-article { border:1px solid #ddd; margin:0 0 -1px; }
.product-article .head { height:40px; line-height:40px; position:relative; border-bottom:1px solid #ddd; }
.product-article .head h2 { font-size:16px; font-weight:normal; padding:0 0 0 20px; color:#000; }
.product-article .article { padding:20px; }


/******************************
 ** 单页文章
 ** v.2.0
 ******************************/
.about-detail { padding:0 0 40px; }

.about-detail .bdmap {  height:400px; background:#f5f5f5; position:relative; z-index:1;  }

.BMap_bubble_title a { display:inline-block; padding:4px 10px; background:#eaac6c; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#f100d3; }
.BMap_bubble_title + .BMap_bubble_content { line-height:15px; padding:9px 0 0; color:#777; }


/******************************
 ** 在线留言
 ** v.2.0
 ******************************/
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-lg-3,.col-6{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
.my-4{margin-top:1.5rem!important}
.form-group{margin-bottom:15px; line-height:50px;} .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}
.form-group label{ margin-right:15px;}
.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;margin-bottom:0; line-height:30px;}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; float:left;}

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/aef748ca82dd4e1786fa2c573cffd107.gif) center center no-repeat; }


/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/7d16a0f0e9e8421c89d6d49be4023d6a.gif) center center no-repeat #fff; }
body > * { _display:none; }
