@charset "utf-8";
/* CSS Document */
html { font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif; }
.fl{ float:left;}
.fr{ float:right;}
.content { width: 1000px; margin: 0px auto; overflow:hidden;height:auto; *zoom:1;}
.content:after { content: ""; clear: both; visibility: hidden; height: 0px; display: block; }
body { min-width: 1000px; overflow-x: hidden; color: #333!important; font-size:13px;}
a{color:#000;}
.w1000 { width: 1000px; margin: 0 auto; position: relative; }
.loading { width: 100%; height: 100%; position: fixed; background: #ffffff; z-index: 11; opacity: 0.8; filter: alpha(opacity=80); }
.loading img { position: absolute; top: 50%; left: 50%; }
.i-seb .le a.leimg { display: block; width: 495px; height: 235px; overflow: hidden; }
.header { height: 85px; width: 100%; padding-bottom: 5px; background: url(../images/home_02.png) repeat-x center top; position: fixed; z-index: 9999;top:0;}
.header .header-main { position: relative; z-index: 11;}
.allerm { background: url("../images/drny.jpg") no-repeat; }
.header .logo { padding: 15px 0 0 0; float: left; }
.header-main .menub { padding-top: 13px; margin-left: 100px; float: left; margin-right: 50px; position: relative; }
.header-main .menub li { width:56px; padding: 0 17px; position: relative;}
.header-main .menub li a{ font-size:14px;}
.header-main .menub li .btit { display: block; line-height: 72px; height: 72px; color: #333; text-align: center; position: relative; }
.header-main .menub li .subnav { position: absolute; left: -58px; top: 72px; display: none; z-index: 12; line-height: 45px; }
.header-main .menub li .subnav a { display: inline-block; text-align: center; line-height: 45px; color: #333; font-size:12px;}
.sz1 {width: 11px;height: 35px;background:url("../images/sz_1.png") no-repeat;margin-left: 15px; }
.sz2 {width:22px; height:35px;background: url("../images/sz_2.png") no-repeat; margin-left:11px; }
.sz3 {width:24px;height:35px;background: url("../images/sz_3.png") no-repeat; margin-left: 11px; }
.header-main .menub li .subnav a:hover { color: #c41723; }
.header-main .menub li .subnav span { display: inline-block; color: #333; padding: 0 10px; }
.header-main .menub bb { display: block; width: 55px; height: 3px; background: #c41723; position: absolute; left: 20px; top: 69px; }
.header .bg { position: absolute; left: 0; top: 85px; width: 100%; height: 51px; background: url(../images/company_03.png) repeat-x center top; display: none; z-index: 2; }
.header-main .right { float: right; padding-top: 39px; }
.header-main .right a { display: inline-block; padding-left: 38px; background: url(../images/home_08.png) no-repeat left center; color: #333; }
.footer { background: #2e2a27; color: #a2a1a0; border-top: 1px solid #d0cfcf; }

.hrader_tel{float:right;margin-top:15px;}
.hrader_tel .hrader_tel_img {height:30px;line-height:30px;}
.hrader_tel .hrader_tel_img img{display:block;margin-top:5px;float:left;}
.hrader_tel .hrader_tel_tel{text-align:right;font-size:20px;line-height:20px;font-weight:bold;color:red;font-style:italic}

/*导航 关于我们*/
.f-fi .le { float: left; width: 612px; overflow: hidden; padding-top:50px; }
.f-fi .le ul { width: 660px; }
.f-fi .le li { width: 160px; height: 165px; padding-bottom: 23px; }
.f-fi .le li .btit { font-size: 14px; color: #fff; }
.f-fi .le li .subnav { padding-top: 10px; }
.f-fi .le li .subnav a {color: #a2a1a0; float: left; clear: both; line-height: 26px; transition: color 0.3s;  +line-height:12px;}
.f-fi .le li .subnav a:hover { color: #fff; }
.f-fi .map { width: 387px; height:160px; padding-top: 75px; float: right; position: relative; background:url(../images/home_111.png) no-repeat center 40px}
/*footer*/
.f-se { clear: both; border-top: 1px solid #393634; overflow: hidden; }
.f-se .le { float: left; }
.f-se a { color: #a09f9e; }
.f-se a:hover { color: #fff; }

.banner { height: 758px; width: 100%; }

.newkd { position: absolute; left: 0; bottom: 3px; width: 100%; height: 86px; background: url(../images/home_26.png) no-repeat center bottom; }
.banner .wdn { font-size: 40px; color: #fff; position: absolute; right: 35px; bottom: 43px; }
.toentit { text-align: center; }

.engtit{ font-size:46px; font-family:"Castellar"; text-align:center; color:#dec7a7; font-weight:normal;}
.tocntit { background: url(../images/home_13.png) no-repeat center; text-align: center; font-size: 16px; line-height: 42px; color: #6a3333; margin-top: 15px; }


/** banner **/
.flexslider{margin:0 auto;position:absolute;width:100%;height:758px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-prev{opacity:.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;left:48.5%;}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background-position:0 0}
.flexslider .slides a img{width:100%;height:758px;display:block}

.flexslider .banner_btn{position:absolute;bottom:100px;z-index:100;left:80%;}
.flexslider .banner_btn a{color:#fff;padding:10px 20px;font-size:14px;border-radius:5px;background-color:rgba(50,150,250,.6);
  background: -webkit-linear-gradient(rgba(0,128,255,.8),rgba(5,105,206,.8));
  background: -o-linear-gradient(rgba(0,128,255,.8),rgba(5,105,206,.8));
  background: -moz-linear-gradient(rgba(0,128,255,.8),rgba(5,105,206,.8));
  background: linear-gradient(rgba(38,199,252,1),rgba(5,105,206,.8));
}
.flexslider .banner_btn a:hover{color:#fff;
  background: -webkit-linear-gradient(#0569ce, #0080ff);
  background: -o-linear-gradient(#0569ce, #0080ff);
  background: -moz-linear-gradient(#0569ce, #0080ff);
  background: linear-gradient(#0569ce, #0080ff);
}

/*新闻中心*/
.i-se { /*height: 765px; */ padding-bottom:38px;padding-top:30px;background:url(../images/home_47.jpg) no-repeat center}
.i-se .toentit { padding-top: 89px; }
.i-se .tocntit { background-image: url(../images/home_53.png); color: #fff; }
.i-seb{ overflow: hidden; }
.i-seb .le a .leimg { width: 495px; height: 235px; display: block; overflow: hidden; }
.i-seb .le { width: 495px; float: left; margin-top:29px; margin-left: -100px; opacity: 0; }
.i-seb .le img { display: block; }
.i-seb .le .con { background: #fff; /*height: 150px;*/
height: 125px; padding: 25px 25px 0 25px; }
.i-seb .le .con .tit { font-size: 16px; font-weight: bold; color: #333; display: inline-block; transition: color 0.3s; }
.i-seb .le .con .tit:hover { color: #916743; }
.i-seb .le .con .txt { color: #333; margin-top: 23px; display: inline-block; height:60px; line-height:20px; overflow:hidden; }
.i-seb .le .con .more { color: #999; float: right; transition: color 0.3s; }
.i-seb .le .con .more:hover { color: #916743; }
.i-seb .ri { width: 495px; float: right; padding-top:18px; opacity: 0; margin-right: -100px; }
.i-seb .ri ul { width: 100%; }
.i-seb .ri li { height: 120px; margin-top: 12px; background: #fff; width: 100%; }
.i-seb .ri li .img { display: block; float: left; width: 115px; height: 88px; overflow: hidden; float: left; padding: 16px 0 0 15px; }
.i-seb .ri li .con { padding: 20px 0 0 20px; width: 320px; float: left; }
.i-seb .ri li .con .tit { font-size: 14px; font-weight: bold; color: #333; display: inline-block; transition: color 0.3s; height:24px; line-height:24px; overflow:hidden;}
.i-seb .ri li .con .tit:hover { color: #916743; }
.i-seb .ri li .con .txt { color: #333; margin-top: 9px; display: inline-block; height:42px; line-height:20px; overflow:hidden; }
/*客户案例*/
.i-th { background: #fef8ed; padding-top: 70px; padding-bottom: 98px; }
.i-thb { overflow: hidden; padding-top: 60px; }
.i-thb li:nth-child(1) { top: 400px; }
.i-thb li:nth-child(2) { bottom: 400px; }
.i-thb li:nth-child(3) { top: 400px; }
.i-thb li { width: 328px; background: #fff; position: relative; opacity: 0; filter: alpha(opacity=0); }
.i-thb li .con { height: 190px; text-align: center; padding: 70px 0 0 0; }
.i-thb li .con .tit { font-size: 16px; color: #c2a171; }
.i-thb li .con .entit { display: inline-block; margin-top: 7px; }
.i-thb li .con .hr { display: inline-block; width: 40px; height: 2px; background: #999; opacity: 0.5; filter: alpha(opacity=50); margin: 15px auto 0; }
.i-thb li .con .txt { display: inline-block; color: #333; margin: 23px 30px 0; }
.i-thb li .img { display: block; }
.i-thb li i { position: absolute; left: 150px; top: 260px; width: 23px; height: 12px; background: url(../images/home_74.png) no-repeat center; }
.i-thb li.li2 i { background-image: url(../images/home_76.png); top: 248px; }
.i-thb li.li2 { margin: 0 8px; }
/*招商加盟*/
.i-fo { padding-top: 70px; padding-bottom:60px;}
.i-fob { padding-top: 85px; overflow: hidden; }
.i-fob ul { width: 1002px; margin-left: -2px; }
.i-fob li { width: 248px; height: 478px; margin: 0 1px; position: relative; opacity: 0; filter: alpha(opacity=0); animation-duration: 1s; }
.i-fob li .btit { position: absolute; left: 68px; top: -37px; width: 106px; text-align: center; color: #fff; font-size: 18px; line-height: 28px; background: url(../images/home_bg01.png) no-repeat center; padding: 28px 0 40px 0; }
.i-fob li.odd .btit { background-image: url(../images/home_bg02.png); }
.i-fob li .bg { display: block; width: 100%; height: 100%; background: url(../images/home_bg03.png) no-repeat center; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; }
.i-fob li .con { padding: 170px 0 0 0; text-align: center; position: relative; z-index: 1; display: none; }
.i-fob li .tit { font-size: 18px; color: #fff; display: inline-block; }
.i-fob li .hr { display: inline-block; width: 24px; height: 2px; background: #d2d2d2; }
.i-fob li .txt { display: inline-block; width: 212px; color: #fff; margin-top: 5px; }
.i-fob li .more { display: inline-block; width: 120px; height: 30px; margin-top: 25px; border: 1px solid #828282; color: #828282; text-align: center; font-size: 28px; line-height: 28px; vertical-align: top; transition: all 0.3s; }
.i-fob li .more:hover { background: #fff; border-color: #fff; color: #828282; }
/**荣誉资质**/
.honor { padding-top: 80px; padding-bottom: 74px; }
.honor-box { position: relative; width:780px; height: 350px; margin: 0 auto; }
.honor-box ul { position: relative; width:750px; height: 346px; margin: 0 auto; }
.honor-box li { position: absolute;  width: 0; height: 0; top: 61px; left: 154px; z-index: 0; cursor: pointer;/*background: #fff; border: 1px solid #d7d7d7; */}
.honor-box li .img { width: 100%; height: 100%; vertical-align: middle; }
.honor-box li p { width: 100%; height: 1px;}
.honor-box li p img { width: 100%; }
.honor-box .prev, .honor-box .next { position: absolute; width: 33px; height: 62px; top: 128px; overflow: hidden; cursor: pointer; z-index: 3; opacity: 0.6; filter: alpha(opacity=60); }
.honor-box .prev { left: -168px; background: url(../images/honor_06.png) no-repeat; }
.honor-box .next { right: -168px; background: url(../images/honor_09.png) no-repeat; }
.honor-box .prev:hover, .honor-box .next:hover { opacity: 1; filter: alpha(opacity=100); }

.merch-wrap6{ margin-top:60px;}
.botwrap{ margin-top:50px;}
.tosentit{ color:#949290; margin-top:4px; text-align:center;}
.tosentita{ color:#d9d4ce; text-align:center;margin-top:4px;}

.center { margin: 0px auto; width: 1000px; }
.center img { float: right; margin-top: 48px; }


.product-fi { width: 100%; overflow: hidden; margin-top: -5px; }
.product-fi ul { width: 100%; }
.product-fi .img { display: block; width: 100%!important; }
.product-fi .con { height: 200px; background: #fff; text-align: center; display: block; }
.product-fi .con2 { background: #f5f5f5; }
.product-fi .con .ntit { width: 100%; display: inline-block; padding-top: 50px; }
.product-fi .con .tit { font-size: 20px; color: #858585; display: inline-block; padding-top: 10px; line-height: 1em; width: 100%; }
.product-fi .con .entit { color: #b8b8b8; line-height: 1em; display: inline-block; width: 100%; }
.product-fi .bbg { background: #535353; height: 25px; width: 100%; }
.product-fi .bbg2 { background: #272727; }

.animate { float: left; font-size: 18px; color: #333333; line-height: 18px; margin-top: 43px; clear: both; width: 100%; }
.animate { width: 444px; height: 280px; position: absolute; left: 558px; top: 204px; }
.animate div { left: 444px; }
.animate i { width: 19px; height: 19px; display: block; position: absolute; display: none; }
.animate div { position: absolute; width: 444px; height: 280px; }
.clear-picshow { width: 328px; height: 260px; position: relative; }
.clear-picshow img { width: 328px; height: 260px; position: absolute; left: 0px; top: 0px; display: none;}
/* sub3  关于我们*/
.sub3 {	width:1000px;	margin:0 auto;	padding-top:30px;	padding-bottom:30px;position:relative;}
.about_img{ float:left;margin-top:60px;}
.title_sub3 {	position:absolute;left:368px;top:50px;color:#999;font-family:Arial, Helvetica, sans-serif;font-size:25px;letter-spacing:-1px;}
.title_sub3 span {font-size:17px;font-weight:bold;color:#c7883e;display:block;font-family:"微软雅黑";	letter-spacing:0px;}
.title1_sub3 {position:absolute;left:90px;top:402px;color:#999;font-family:Arial, Helvetica, sans-serif;font-size:23px;letter-spacing:-1px;}
.title1_sub3 span {font-size:17px;font-weight:bold;letter-spacing:0px;color:#c7883e;display:block;	font-family:"微软雅黑";}
.profile {width:550px;height:203px;position:absolute;left:430px;top:130px;}
.profile .title {height:52px;color:#666;line-height:52px;font-size:50px;font-family:"Microsoft YaHei",Arial;}
.profile .index_con{line-height:26px;padding-top:20px; color:#666; height:176px; overflow:hidden;}
.profile span {display:block;border:2px solid #dec7a7;text-align:center;height:26px;	line-height:26px;width:102px;font-size:13px;margin-top:15px;}
.profile span a{ color:#8b8b8b;}
.profile1 {width:386px;height:23px;line-height:23px;right:20px;bottom:225px;position:absolute;}
.case {width:980px;height:130px;bottom:40px;left:32px;position:absolute;}
.case ul li {width:186px;height:128px;float:left;margin-right:9px;}
.case ul li img {border:1px solid #f1efef;}

.merch-wrap10{ padding-top:30px; padding-bottom:50px;	background: url(../images/bg_58.jpg) no-repeat center top;background:#f8f4ed;-moz-user-select: none;-webkit-user-select: none; 	-ms-user-select: none;}
.merch-wrap10 .listwrap{margin-top: 30px;}
.merch-wrap10 .listwrap .list{width: 100%;position: relative;overflow: hidden;}
.merch-wrap10 .listwrap li{/*width: 301px;	border-bottom: 2px solid #000;margin-right: 48px;	background-color: #fff;*/margin-right:31px;padding: 22px 22px 26px 22px;width: 258px;/*height: 164px;*/background: url(../images/x-bg0.png) no-repeat center;cursor: pointer;}
.merch-wrap10 .listwrap li span{}
.listwrap ul li p{/* margin-top:80px; */text-align:center; font-size:14px; color:#6A3333;}
.merch-wrap10 .listwrap .img{	display: block;/*width: 301px;height: 214px;*/width: 258px;	height: 164px;overflow: hidden;}

.merch-wrap10 .listwrap .butn{display: block;position: absolute;width: 68px;height: 68px;cursor: pointer;top:80px;}
.merch-wrap10 .listwrap .prev{left:-100px;background: url(../images/ico_33.png) no-repeat left top;}
.merch-wrap10 .listwrap .prev:hover{background: url(../images/ico_33.png) no-repeat left bottom;}
.merch-wrap10 .listwrap .next{right: -100px;background: url(../images/ico_33.png) no-repeat right top;}
.merch-wrap10 .listwrap .next:hover{background: url(../images/ico_33.png) no-repeat right bottom;}

/*分页*/
.Page{width:100%; text-align:center; padding:50px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#c9a97c; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#c9a97c; color:#FFF}


.show_local{ margin-top:40px; border-bottom:1px solid #efefef; padding-bottom:40px;}
.show_local_left{ font-size:18px; height:40px; line-height:40px;}
.show_local_left a{ color:#666;}
.show_local_left a:hover{ color:#c9a97c;}
.show_local_right ul{ margin:0px;}
.show_local_right ul li{ float:left; margin:0px 3px;  height:40px; line-height:40px;}
.show_local_right .all a{background:#c9a97c; color:#fff;font-size:12px; }
.show_local_right ul li a{ padding:20px; background:#F8F4ED;font-size:12px; color:#666; }
.show_local_right ul li a:hover{ background:#c9a97c; color:#fff;}


.show_pic .no_mar{ margin-right:0px;}
.show_pic{ margin-top:30px;}
.show_pic ul{ margin:0px; padding:0px;}
.show_pic ul li{ float:left; margin-left:10px; margin-bottom:20px;}
.show_pic ul li span{ display:block; text-align:center; background:#f7f7f7; padding:10px 0px; border:solid 1px #f0f0f0; border-top:none; color:#666;}
.show_pic ul li a:hover{ color:#c9a97c;}
.n_banner img{ width:100%;padding-top:32px;}

.cont_tit{ margin-top:20px; font-size:20px; text-align:center;}
.cont_data{ margin:10px 0; text-align:center;}
.cont_img { text-align:center;}
.cont_img img{ max-width:900px;}
.cont_con{ line-height:34px; margin-top:20px; padding:0 20px;}
.contpage{ margin-bottom:30px;padding:10px 20px; line-height:30px;}
.contpage a{ color:#c9a97c;}
.contpage a:hover{ color:#c9a97c;}

.bor_bot{ clear:both; border-bottom:solid 1px #e7e7e7; overflow:hidden;padding-top:30px; margin-bottom:25px;}
.newslist ul{ overflow:hidden; clear:both; padding:0px; margin:0px; margin-top:10px;}
.newslist ul li{ width:1000px; margin-right:10px; margin-bottom:10px;}
.newslist_txt { padding:10px 10px; width:830px; }
.newslist_txt h4, .newslist_txt h5{ margin:0px; font-weight:normal; }
.newslist_txt h4{ font-size:16px;height:20px; line-height:20px;overflow:hidden; }
.newslist_txt h4 a{color:#C9A97C;}
.newslist_txt h4 a:hover{ color:#b6925f;}
.newslist_txt h5{ color:#686868; font-size:12px;margin:5px 0px;}
.newslist_txt_con { line-height:28px; height:60px; overflow:hidden; color:#666;}

/*reset.css*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
/*Base*/
html { font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif; color: #666; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/ }
* { margin: 0; padding: 0; }
a { text-decoration: none; background: transparent; /*修正win8系统IE连接灰色背景*/ outline: none;  blr:expression(this.onFocus=this.blur());}
a:focus { outline: 0; }
a:active, a:hover { outline:0;/*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/}
img { border: 0; -ms-interpolation-mode: bicubic/*ie7 解决图片缩放失真问题*/ }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; outline: none; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
input.submit { border: 0; margin: 0; cursor: pointer; }
input.radio { width: 13px; height: 13px; float: left; display: inline; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { list-style: none; float: left; }
li { list-style: none; float: left; }
/*清除浮动*/
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
h1, h2, h3, h4, h5, h6 { font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif; color: #666; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.link{ height:30px; line-height:30px;margin-bottom:20px;overflow:hidden; font-size:14px;}
.link a{ color:#666;}
.link a:hover{ color:#916743;}

.page_show { margin: 20px 0; }
.page_show a { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; color:#000;}
.page_show a:hover, .page_show a.page_current { background: #0A8; color: #FFF; }

/*引用*/
.quote { padding: 15px; border: solid 1px #EEE; border-left-width: 6px; margin-top:20px;}

#detail_picture { margin: 20px 0; text-align: center;}
#detail_picture img { max-width: 640px;}

#detail_video { margin: 20px 0; text-align: center; }
#detail_video embed  { width: 100%; height: 535px; }
#detail_attachment { margin: 20px 0; text-align: center; }


.bg-main {background:#00AA88; border-color: #00AA88; color: #FFF; cursor: pointer; padding: 6px 15px; margin: 0; display: inline-block; line-height: 20px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.bg-main:hover, .btn.bg-main:focus { color: #FFF; border-color: #0ab; background-color: #0ab; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}




/* 必要布局样式css */
.suspension {
    width: 46px;
    height: 210px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 999;
}

.suspension .consult {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center -1px;
    background-color: #0af;
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
}

.suspension .consult .suspension-list {
    position: absolute;
    width: 240px;
    left: -165px;
    top: -125px;
    z-index: 30;
    display: none;
}

.suspension-list-content {
    position: absolute;
    width: 240px;
    right: 85px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
}

.suspension-list ul {
    margin: 32px 24px;
}

.suspension-list ul li {
    position: relative;
    display: list-item;
    width: 100%;
    height: auto;
    padding: 16px 0;
    margin-top: 10px;
    overflow: hidden;
    border-top: 1px solid #f4f4f4;
}

.suspension-list ul li:first-child {
    padding-top: 0;
    border-top: none;
}

.suspension-list ul .suspension-list-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.suspension-list-bottom .info-value {
    font-size: 12px;
    font-weight: inherit;
    color: #999;
}

.suspension-list ul li:first-child {
    margin-top: 0;
}

.service-phone, .service-qq, .service-proposal {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.service-phone {
    background-image: url(../images/suspend_icon_01.png);
}

.service-phone:hover {
    background-image: url(../images/suspend_icon_01_blue.png)
}

.service-qq {
    background-image: url(../images/suspend_icon_03.png);
}

.service-qq:hover {
    background-image: url(../images/suspend_icon_03_blue.png);
}

.service-proposal {
    background-image: url(../images/suspend_icon_02.png);
}

.service-proposal:hover {
    background-image: url(../images/suspend_icon_02_blue.png)
}

.info-name {
    display: block;
    padding-left: 52px;
    height: 14px;
    font-size: 14px;
    color: #333;
}

.info-value {
    display: block;
    padding-left: 52px;
    margin-top: 8px;
    height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #f90;
}

.suspension a.consult:hover .suspension-list {
    display: inline !important;
}

.suspension .cart {
    background-image: url(../images/top-icon.png);
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    margin-top: 10px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.suspension a.cart:hover .pic {
    display: block;
}

.suspension .back-top {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    margin-top: 10px;
}

.suspension .cart .pic {
    display: none;
    position: absolute;
    left: -139px;
    top: -120px;
    width: 139px;
    height: 163px;
}

.pic-content {
    position: absolute;
    width: 139px;
    height: 163px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background: url(../images/ewm.jpg) center no-repeat;
    right: 10px;
}






/* 客服 */
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }


.cptx_list{width:1100px;}
.cptx_list li{width:350px;float:left;color:#fff;height:220px; box-shadow: 0px 0px 10px #888888; padding-top:25px;padding-left:20px;padding-right:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.cptx_list li:nth-child(1){background:#FD5377;margin-bottom:25px;}
.cptx_list li:nth-child(2){background:#1dd4e8;margin:0 25px;margin-bottom:25px;}
.cptx_list li:nth-child(3){background:#5CB75C;float:right;margin-bottom:25px;}
.cptx_list li:nth-child(4){background:#5197FB;}
.cptx_list li:nth-child(5){background:#EFAC4E;margin:0 25px;}
.cptx_list li:nth-child(6){background:#19B1FF;float:right;}
.cptx_list .cptx_list_img{text-align:center;}
.cptx_list .cptx_list_img img{width:50px;}
.cptx_list .cptx_list_itle{text-align:center;font-weight:bold;margin-top:5px;font-size:16px;}
.cptx_list  .cptx_list_cont{padding:10px;font-size:15px;text-align:center;}
.cptx_list li img{
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.8s ease-in-out;
	-moz-transition: All 0.8s ease-in-out;
	-o-transition: All 0.8s ease-in-out;
}
.cptx_list li:hover img{
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
        }


		

.solution-content {width: 1100px;margin: 0 auto;}
.solution-list { width: 300px; float: left;}
.solution-list ul li { width:300px; height:80px; padding:0 10px; background: #FAFAFA; border-left:none;border-top:1px #eee solid;border-right:1px #eee solid; position: relative;color:#000;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.solution-list ul li:first-child{border-top:none;}
.solution-list ul li:last-child{border-bottom:1px #eee solid;}
.solution-list ul .on {padding:0 10px; background:#fff; border-left:2px #EFAC4E solid; border-right:none; color:#333;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.solution-list ul li a{height:80px;display:table-cell; vertical-align:middle;}

.solution-item {width:730px; height:530px; margin-left: 330px;display: block;overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.solution-item ul li { padding: 20px 0;}
.solution-item ul {display: none;}
.solution-item ul li div{max-width:730px;}
.solution-item ul li img{max-width:730px;}

.container{position:relative;margin:30px 0 100px 0;}
#demo55{overflow:hidden;margin-top:20px;margin-left:50px;width:1100px;height:360px;}
#demo55 ul{width:2000px;}

#demo55 ul li{float:left;overflow:hidden;margin-right:9px;padding:8px;width:342px;background:#fff}
#demo55 dl{overflow:hidden;width:342px;}
#demo55 dl dt{width:342px;}
#demo55 dl dt img{overflow:hidden;width:342px;height:220px}

#demo55 dl dd{overflow:hidden;width:342px;height:25px;}
#demo55 .demo55-dd-content{height:70px;padding-top:5px;color:#666;}

#demo55 .demo55-dd-title{font-weight:bold;font-size:15px;color:#333;}

.demo55-btn{position:absolute;top:50%;right:0;width:30px;height:50px;}
#ee{position:absolute;top:50%;left:0}
.demo55-btn .btn{float:left;margin:0;padding:0;width:33px;height:62px;cursor:pointer;background:none;border:none;}