/******************************
 ** 初始化 / 兼容到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  Arial; color:#fff; background:#333;}
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 Arial; color:#fff; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:15px; font-weight:normal; }
a { color:#fff; 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; max-width:480px; display:block; float:left; overflow:hidden;}
.top_left .logo_r{ float:left;margin-top: 12px; padding:2px 0 0 14px;border-left: 1px solid #d7ab7c; max-width: 500px; overflow:hidden;}
.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%; margin:0 auto;height:44px;z-index: 5;border-top:1px solid #313131; margin-bottom:1px;}
.nav ul{  width:1100px;height:44px; margin:0 auto;}


.nav li{ font-family:Bebas Neue;float:left; height:44px; position:relative; text-align:center;	}
.nav li > a{
	display: block;
	min-width: 135px;
	height: 44px;
	line-height: 44px;
	color: #e9eae6;
	font-size: 16px;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.2),
  		0 1px 0 rgba(255,255,255,0.1),
  		0 0 3px rgba(185,231,253,0),
  inset 0 0 2px rgba(0,0,0,0.9),
  inset 0 -1px 3px rgba(0,0,0,0.3),
  inset 0 -3px 3px rgba(0,0,0,0.5);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 2;
	border-bottom:#424d5d 1px outset;
	border-right:#424d5d 1px outset;
    background: #283446;  
    background: linear-gradient(#36455b, #283446);
}
.nav li.hover > a,.nav li:hover > a{
	color:#f0c08d;
	font-weight:100;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px 1px rgba(0,0,0,0.5),
        inset 0 1px 0 rgba(0,0,0,0.5),
        0 1px 0 rgba(255,255,255,0.2);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	/*background: #f1f7e7;
	background: linear-gradient(#a4a4a4, #d4d4d4);*/
	
	border-top:#283446 1px inset;
	border-left:#283446 1px inset;
	background: #424d5d; 
	background: gradient-gradient(#36455b, #283446);
}

.subNav{width:132px; height:auto; position:absolute; z-index:99; left:0; top:44px;display:none;}
.nav ul li .subNav a{ width: 132px; line-height:45px;  height:45px; font-size:14px; display:block; color:#e9eae6;
    background: #283446;  
    background: linear-gradient(#36455b, #283446);
	border-radius: 3px;
    box-shadow:
		  inset 0 1px 0 rgba(0,0,0,0.2),
  		0 1px 0 rgba(255,255,255,0.1),
  		0 0 2px rgba(185,231,253,0),
  inset 0 0 2px rgba(0,0,0,0.9),
  inset 0 -1px 5px rgba(0,0,0,0.3),
  inset 0 -2px 5px rgba(0,0,0,0.5);
 	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 2;}
.nav ul li .subNav a:hover{color:#f0c08d; font-weight:400;
	background: #283446; 
	background: gradient-gradient(#36455b, #283446);
	border-radius: 5px;
	box-shadow:
        inset 0 3px 5px 1px rgba(0,0,0,0.5),
        inset 0 1px 0 rgba(0,0,0,0.5),
        0 1px 0 rgba(255,255,255,0.2);
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
}
/*
.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; min-width:132px; height:64px; line-height:64px; color:#a4a4a4; font-size:16px; font-weight:700;}
.nav li:hover > a{background:url(../images/yuan.jpg) 0px center no-repeat; color:#f0c08d; }
.nav li.hover > a{background:url(../images/yuan.jpg) 0px 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: 132px; 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;}
*/


/*searcher*/
.searcher { height:22px; padding:0 10px; }
.searcher .key { float:left; font-size:15px; color:#999; margin:0 0 0 20px; }
.searcher .key li { display:inline-block; +display:inline; +zoom:1; height:40px; line-height:40px; }
.searcher .key a { margin:0 0 0 0; color:#fff; }
.searcher .key a:hover { color:#3db7ef; }
.searcher .inner { margin:0px 0px 10px;}
.searcher .inner .txt { float:left; width:150px; height:22px; line-height:25px; background:#f2f2f2; border:1px solid #ddd; padding:0 10px; border-radius:8px 0 0 8px; color:#222; }
.searcher .inner .field { font-size:16px; width:80px; height:22px; border-radius:2px 0 0 2px; background:#f2f2f2; border:1px solid #ddd;}
.searcher .inner .submit { float:left;width:30px; height:24px; background:url(../images/searcher-submit.png) center center no-repeat #0061ae; border:0; cursor:pointer; }
.searcher .inner .submit:hover { background-color:#015190; }



/*banner*/
.banner { height:550px; background:#FFF; position:relative; min-width:1000px;  overflow:hidden;background:none repeat scroll 0 0; z-index:0; }
.banner .main { width:1000%; overflow:hidden; }
.banner .scroll { overflow:hidden; height:550px; width:100%; }
.banner .scroll ul { width:500%; height:550px; }
.banner .scroll li { width:1920px; height:550px; float:left; text-align:center;}
.banner .scroll li img {height:550px; overflow:hidden;}
.banner .scroll li a {width:1920px; height:550px; cursor:pointer; display:block;}
/* 左右按钮 */
.banner .btn { width:1400px; 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%;margin-left: -50px;width: 300px;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: 400px; z-index:0;}
.minBanner .banner1{width:1920px;height:400px;margin:0 auto;}
.minBanner .banner1 li{float:left;width:1920px;height:400px;text-align:center;}
.minBanner .tip{position: absolute;bottom: 18px;left: 50%;width: 300px;height: 14px; margin-left: -50px;}
.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;}
.minBanner .banner1 li a {width:1920px; height:400px; cursor:pointer; display:block;}

/*公用头部*/
.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:40px 0 40px;width:100%; height:auto;}
.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;}

.indexpro {float:left;width:100%; overflow:hidden; padding:20px 0 10px; }
.indexpro .item {width:820px; margin:0 15px 15px 0; }
.indexpro .item .img{ float:left; display: block;width: 308px; height: 308px;overflow: hidden;}
.indexpro .item img {display:block; width:308px; height:308px;  border-radius:5px;}
.indexpro .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); border-radius:5px;}
.indexpro .item .listcontent {float:left; display: block; width:448px; height: 316px; margin:0 20px 15px 20px;overflow: hidden;}
.indexpro .item p{display:block; width:448px; height:260px; padding:10px;}
.indexpro .item .listcontent h3{line-height: 28px;font-size:18px;color:#fff;font-weight:bold;text-align:center;}
.indexpro .item .listcontent h4{padding-right: 22px;text-align:right;height:22px;line-height:22px;background:url(../images/imo.png) right center no-repeat;}


/*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: 382px;
	overflow:hidden;
}
.iabout1{	padding-left:20px;padding-top:5px;width:1200px;margin:0 auto;}
.iabout .iacont{padding: 0px 10px;}
.iabout .iacont h4{padding:24px 0 14px 0;font-size:20px;color:#ffffff;text-align:center;}
.iabout .iacont img {float:left; width:300px; height:250px; margin:24px 10px 14px 0 ; border-radius:5px;}
.iabout .iacont p{ margin:24px 0 15px 10px; color:#ffffff;}
.iabout .ilist{ height:270px; }
.iabout .ilist li{ float: left;width: 280px;margin:25px 9px; }
.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:22px 0 10px; 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:#000000;}
.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: 14px;}
.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: 64px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1a1a1a;
	
}
.bt_subnav .tel{padding-left: 46px;color: #a4a4a4;margin-top: 14px;background: url(../images/btel.png) 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: 100%; text-align:center;}
.subnav a {padding: 0 15px; color: #a4a4a4;height: 64px;line-height: 64px;font-size: 16px; font-weight:600;}
.subnav a.index{padding-left: 0;}
.footer2{border-top: 1px solid #313131;  }
.footer .zhong{ color: #a4a4a4;padding-top: 24px; text-align:center;}
.keywords{ }
.copyright {line-height:26px;}
.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:400px; 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 #333; }
.toolbar .tel { background:url(../images/ec.png) 6px 4px no-repeat #333; }
.toolbar .code { background:url(../images/tip1.png)  6px -122px no-repeat #333; }
.toolbar .btop { background:url(../images/tip1.png) 6px -184px no-repeat #333; }
.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:0px; overflow:hidden; }
.toolbar .drop-tel p { width:182px; height:60px; line-height:60px;padding:0 0 0 10px; background:#eaac6c; color:#FFF; font-size:18px; font-family:Arial; }
.toolbar .qq:hover { background:url(../images/tip1.png) 6px 4px no-repeat #eaac6c; }
.toolbar .tel:hover { background:url(../images/ec.png) 6px 4px  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:5px 0 20px; }
.sidebar { float:left; width:280px; margin:0 0 0 20px; }
.container { float:right; width:820px; padding:22px 20px 0px 20px; margin:0 20px 0 0; background:#fff; }

.side-menuer { margin:0px;}
.topclass { height:70px; padding:25px 0; background:#242424; border-radius:5px; margin-bottom:0px; 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 {padding:10px 0px;}
.side-menu dd { font-family:Impact; font-size:18px; letter-spacing:0.5px;  margin-left:20px;}
.side-menu dd > a {font-family:Impact; display:block; height:50px; line-height:50px; padding:5px 0 0 40px; color:#e9eae6;background:url(../images/menuoff.png) left center no-repeat;}
.side-menu dd > a span { margin:0 0 0 10px; opacity:.5; filter:Alpha(opacity=50); }
.side-menu .drop { display:none; padding:8px 0; }
.side-menu .drop li { }
.side-menu .drop a { display:block; padding:0 0 0 35px; height:30px; line-height:30px; font-size:16px; color:#666; }
.side-menu dd > a:hover {font-family:Impact; font-weight:400;
	background: url(../images/menuon.png) left center no-repeat;
	color: #f0c08d;
}
.side-menu .drop a:hover { color:#242424; }
.side-menu dd.current > a { background:url(../images/menuon.png) left center no-repeat #242424; color: #f0c08d; 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;  border-radius:0px;  padding-top:15px;}
.side-contact .head h2 { font-size:20px; font-weight:normal; text-align:center; border-bottom-width:2px; border-bottom-color:#F00;}
.side-contact .main { padding:10px 35px;  border-radius:0 0 5px 5px; font-size:13px; }

.location { position:relative; margin:0 0 10px; }
.location .head { height:50px; }
.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; padding-left:5px;}
.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:#242424; border:1px solid #ddd; margin:0 5px; }
/*.pager > *:first-child { display:none; }*/
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager .page-num-current { cursor:default; background:#f8f8f8; color:#eaac6c; font-weight:bold; }
.pager > a:hover {
	background-color: #CCCCCC;
}

.relink { 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:#333; border:1px solid #222; margin:0 0 20px; }
.rmd-pro .head { height:40px; line-height:40px; position:relative; border-bottom:1px solid #222; color:#fff; background:#283446; background: linear-gradient(#36455b, #283446); }
.rmd-pro .head h2 { font-size:16px; font-weight:normal; padding:0 0 0 20px;}
.rmd-pro .head .mo { position:absolute; right:20px; top:0;}
.rmd-pro .main { position:relative; margin:0 21px; overflow:hidden; padding:20px 0 0; }
.rmd-pro .list { float:left; width:100%; position:relative; }
.rmd-pro .list .item { float:left; width:135px; height:172px; overflow:hidden; 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/ipro-h3.png) 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:20px 0 15px; }
.news-lister .list .item { border-bottom:1px solid #ddd; position:relative; margin:0 0 10px; padding:0 0 15px; }
.news-lister .list .item img { float:left; overflow:hidden; width:100px; margin-right:10px;}
.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 10px; }
.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:194px; height:285px; margin:0 0 10px 10px; position:relative; }
.product-lister .list2 .item img { display:block; width:100%; height:194px; background:#f5f5f5;}
.product-lister .list2 .item h3 { line-height:25px; font-weight:normal; text-align:center; color:#fff; }
.product-lister .list2 .item h3:hover { color: #F60;}
.product-lister .list2 .price {text-align:center;}
.product-lister .list2 .item:hover img { opacity:.8; filter:Alpha(opacity=70); }

/*产品列表分类筛选*/
.proselect { margin:10px 0 10px 10px;}
.proselect .title { float:left; width:80px; font-size:14px; font-weight:bold;}
.proselect .selectcontent {  margin-left:80px;}
.proselect .selectcontent a{ font-size:14px; border-radius: 3px; border:#999 solid 1px; padding:2px 5px; margin:0 3px;}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}



.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  h1 { font-size:20px; line-height:1.4; margin-bottom:10px; font-weight:normal; }
.product-detail .productimg{float:left; padding:0 10px;}
.product-detail .info { margin:40px 0 0 470px; position:relative; height:330px; font-size:16px; overflow:hidden; }
.product-detail .info .des { width:300px; line-height:25px; margin-bottom:10px; overflow:hidden; border-bottom:1px solid #333;}
.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 { margin-top:10px; background:#fff; border:1px solid #eee; padding:10px; line-height:1.3; margin:0 0 20px; }
.product-detail .info .tel h2 { font-size:14px; font-weight:normal;  color:#000;}
.product-detail .info .tel h3 { font-size:30px; color:#eaac6c; }
.product-article { margin:0 0 -1px; }
.product-article .head { height:40px; line-height:40px; position:relative; }
.product-article .head h2 { font-size:20px; font-weight: bold; padding:0 0 0 20px; color:#fff; }
.product-article .article { padding:20px; overflow:hidden; overflow-style:marquee-line; }


/*产品页图片轮播*/
.ban{ width:420px; height:420px; position:relative; overflow:hidden;}
.ban2{ width:420px; height:342px; position:relative; overflow:hidden;margin:0 auto;}
.ban2 ul{ position:absolute; text-align:center; vertical-align:middle;}
.ban2 ul li{ height:340px; width:418px; border:1px white solid; margin:0 auto;}
.ban2 ul li img {height:340px; width:340px;}
.prev{ float:left; cursor:pointer;}
.min_pic{ padding-top:5px; width:420px;}
.num { height:69px;overflow:hidden; width:420px; position:relative;float:left; margin:0 20px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:67px; height: 67px; margin-right:5px; border:1px white solid;}
.num ul li img {height:65px; width:65px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ position:absolute; width:15px; text-align:center; height:42px; padding-top:28px; cursor:pointer;left:0px; background: #fff url(../images/feel3.png) no-repeat center center;}
.next_btn1{ position:absolute; width:15px; text-align:center; height:42px; padding-top:28px; cursor:pointer;right:0px;background: #fff url(../images/feel4.png) no-repeat center center;}
.prev1{ position:absolute; top:40%; left:10px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:40%; right:10px; width:28px; height:51px;z-index:9;cursor:pointer;}

.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}

/******************************
 ** 单页文章
 ** 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
 ******************************/
.message-page { width:680px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:20px; position:relative; overflow:hidden; }
.message-page .row-1 { width:268px; height:auto; padding:0 0 0 50px; border:1px solid #ddd;}
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.message-page .row-3 {  }
.message-page .ico-name { background:url(../images/ico-name.png) 15px center no-repeat; }
.message-page .ico-phone { background:url(../images/icontact-1.png) 15px center no-repeat; }
.message-page .ico-email { background:url(../images/ico-email.png) 15px center no-repeat; }
.message-page .ico-country { background:url(../images/icountry.png) 15px center no-repeat; }
.message-page .ico-skype { background:url(../images/ico-skype.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:30px; line-height:30px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:30px; line-height:30px; background:#fff; border:0; color:#000;font-size:14px;  }
.message-page .text { width:98%; border:0; background:#FFF; padding:5px 5px; line-height:30px; height:100px; color:#000; }
.message-page img.code { float:left; width:80px; height:32px; margin-right:20px; cursor:pointer; }
.message-page input.code { float:left; width:150px; height:30px; line-height:30px; border:1px solid #ddd; background:#FFF; margin-right:20px; padding:0 10px; color:#999; }
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:164px; height:32px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#ffb200; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#e13338; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }

.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; }



/*产品轮播*/

.pages {
	height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.view {
	width: 400px;
}
.view .swiper-slide {
	height: 300px;
	max-width: 400px;
	padding: 1px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	border:#FFF 1px solid;
}
.view .swiper-slide img {
	height: 100%;

}
.preview {
	position: relative;
	width: 340px;
	left: 30px;
}
.preview .swiper-slide {
	max-width: 60.5px;
	height: 50px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	text-align:center;
	border:#FFF 1px solid;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;

}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -30px;
	top: 0;
	width: 10px;
	height: 50px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -30px;
	top: 0;
	width: 10px;
	height: 50px;
	z-index: 10;
}
/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/7d16a0f0e9e8421c89d6d49be4023d6a.gif) center center no-repeat #fff; }
body > * { _display:none; }