@charset "gb2312";
/* CSS Document */
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
*{margin:0;padding:0px;}
body{ margin:0 !important;padding:0 !important;font:14px/1.5 "微软雅黑";position:relative;color:#666;background:#fff;overflow-x:hidden;}
div, form, img, ul,li,dl,dt,dd,p,input,article,aside,details,figcaption,figure,footer,nav,
header,hgroup,section{ margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
i,em{ font-style:normal}
ul li,ol li{list-style-type: none; list-style:none;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:500}
a:link, a:visited {color:#666;text-decoration:none;}
a:hover, a:active {color:#ff6800;text-decoration:none; cursor:pointer}
table{border-collapse: collapse;}
input{ outline:none; font-family:"微软雅黑";}
button{ font-family:"微软雅黑";}
/* 一致的框大小和外观*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{ clear:both;}
*, *::after, *::before{box-sizing:border-box;-moz-box-sizing:border-box;	/* Firefox */-webkit-box-sizing:border-box;	/* Safari */}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]),[hidden] { display: none; }
li{list-style:none;}
object, embed, video {max-width: 100%}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,ul,ul li,ul li a,.InnewsL-txt,.InnewsL-detail,.InnewsR-Txt a,.InnewsR-one a,.footImg a img,.BranchCon a img,.divWebBo>img{ display: block; }
ol{margin:0px;padding:0px}
p{line-height:25px;font-size:14px;}
.fleft{float:left;}
.fright{float:right;}
.width{width:1200px;margin:0 auto;height:auto;}

/*公用样式*/
.t10{margin-top:10px;}
.t20{margin-top:20px;}
.t30{margin-top:30px;}
.t40{margin-top:40px;}
.t45{margin-top:45px;}
.t50{margin-top:50px;}
.t60{margin-top:60px;}
.t70{margin-top:70px;}
.b10{margin-bottom:10px;}
.b20{margin-bottom:20px;}
.b30{margin-bottom:30px;}
.b40{margin-bottom:40px;}
.b50{margin-bottom:50px;}
.b60{margin-bottom:60px;}
.f18 {font-size: 18px;}
.co9 { color: #999;}
.mb10 {margin-bottom: 10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mt10 {margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.mr10{margin-right:10px;}
.mr16{margin-right:16px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}




.tace{text-align:center;}
.teri{text-align:right;}
.tele{text-align:left;}


.tace{text-align: center;}
.lh25 {line-height: 25px !important;}
.font_bold{font-weight: bold;}
.he1 {height: 10px;}
.he2 {height: 20px;}
.he3 {height: 30px;}
.he4 {height: 40px;}
.he5 {height: 50px;}
.he6 {height: 60px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt100{padding-top:100px;}
.pt116{padding-top:116px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}

.cof {color: #fff;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f27{font-size:27px;}
.f28{font-size:28px;}
.f29{font-size:29px;}
.f30{font-size:30px;}




.bgw{background:#fff}


/*头部*/
.head_w{background: #f5f5f5; height: 35px; line-height: 35px; color: #333; width: 100%; margin: 0 auto; overflow: hidden;font-size: 14px;}
.head_w span a.dl_w{ margin-left: 20px; color: #3bc7fc;}
.head_w span a.zc_w{color: #323232;}
.head_w span.right ul{float: right;}
.head_w span.right ul li{float: left;}
.head_w span.right ul li a{color: #323232;}
.head_w span.right span{margin-right: 20px; color: #323232;font-weight: 600;}

.header-list{}
.header-list li{float:left;height:35px;line-height:35px;}
.header-list li a{ display:block;}

.icon_card {float: left;width: 15px;height: 14px;background: url(../images/home_sprite2.png) no-repeat -40px -86px;overflow: hidden; margin: 11px 9px 0 0;}  
#cart_items_count_head{color:#ff1c21;}
.items_count_head{width:23px;height:22px;display:inline-block; position:relative;top:5px;right:4px;}

.header-ul{background:#fff;height:75px;line-height:75px;}
.logo-img{margin-top:10px;}/*方正粗倩简体*/
.logo-text{font-family:"方正品中准黑"}

.nav-bg{/*background:rgba(16,16,16,.4);position:absolute;top:0px;*/transparent;width:100%;height:80px;margin:0 auto;line-height:75px; z-index:100;}
.header-right{margin-left:120px;}
.header-right li{float:left;line-height:80px;/*width:100px;*/text-align:center;}
.header-right li.active_nav{background-color:#ff6800}
.header-right li.active_nav:hover a{color:#fff}
.header-right li.active_nav a{color:#fff}
.header-right li a{padding:0px 25px;/* color:#fff;*/display:inline-block;font-size:15px;}
.header-right li a:hover{color:#ff6800}
/*.header-right li.active_nav{background:#2f2a2a;}
.header-right li.active_nav a{color:#fff;}*/

.n-nav-bg{height:80px;line-height:80px;box-shadow: 1px 1px 10px #999;background:rgba(255, 255, 255, 0.4) !important}

.h-right span{display:inline-block; position:relative;}
.deng_dl a{display: flex; justify-content: center; padding: 5px 18px;color:#fff;/*border:2px solid #ddd;*/line-height: 21px;margin-right: 10px;border-radius:5px; background-color:#ff6800}
.deng_dl a:hover,.zhu_dl a:hover{background-color:#d2161a;color:#fff}
.deng_dl a img{width: 21px; height: 21px; display: block; margin-right: 3px;}
.zhu_dl a{display: flex; justify-content: center; padding: 5px 18px;color:#fff;/*border:2px solid #ddd;*/line-height: 21px;border-radius:5px; background-color:#ff6800}
.zhu_dl a img{width: 21px; height: 21px; display: block; margin-right: 3px;}





/*banner*/
.ban-home{ position:relative}
.banner{ width:100%; position:relative; overflow:hidden;height:100%;}
/*.slides li:nth-child(1){background:url(../images/banner.jpg) no-repeat;background-size:100%;background-attachment:fixed;width:100%;height:600px;}
.slides li:nth-child(2){background:url(../images/banner1.jpg) no-repeat;background-size:100%;background-attachment:fixed;width:100%;height:600px;}*/
.slides li{height:500px; position:relative}
.slides .ba-b0{ position:absolute;top:246px;left:484px;color:#fff;font-size:36px;}
.slides .ba-b1{ position:absolute;top:190px;left:615px;color:#fff;font-size:22px;}
.slides .ba-b2{ position:absolute;top:340px;left:524px;width: 415px;color:#fff;font-size:14px;    }
.slides li img{height:100%}
.banner img{ width:100%}
.flex-control-nav{position:absolute; bottom:30px;z-index:12;width:100%;text-align:center; left:0 }
.flex-control-nav li{display:inline-block;width:64px;height:6px;margin:0 4px;*display:inline;zoom:1}
.flex-control-nav a{ display:inline-block;width:100%;height:6px;line-height:40px;overflow:hidden;cursor:pointer; background: rgba(137,142,147,.9);}
.flex-control-nav .flex-active{background:#ff6800;}
.flex-direction-nav{width:100%; height:100%; position:absolute; top:0; z-index:5; display:none}
.flex-direction-nav li {width:61px;height:60px;overflow:hidden}
.flex-direction-nav li a{width:61px;height:60px;background:url(../images/banScorll-sides.png) no-repeat;position:absolute; z-index:11;top:50%;margin-top:-30px;display:none;}
.flex-direction-nav li a.flex-prev{background-position:0 0; left:30px}
.flex-direction-nav li a.flex-next{background-position:-90px 0; right:30px}


.ban1_font{font-size:36px;color:#fff; position:relative;padding-bottom:245px;padding-top:245px; text-align:center;z-index:99;}
.ban1_font p{color:#fff;font-size:22px;margin-top:22px;}

.banner-more{width:128px;height:47px;border:2px solid #fff; text-align:center;font-size:16px;line-height:45px; margin:23px auto;border-radius:5px;}
.banner-more a{color:#fff;}
.banner-more:hover{background:#fff;}
.banner-more:hover a{color:#666;}





/*首页套餐*/
.add {font-size:13px !important;}
.add h2 { text-align: center; font-size: 30px; font-weight: normal; text-align: center; color: #333; line-height: 68px; }
.add h3 { font-size: 14px; color: #757575; font-weight: normal; text-align: center; line-height: 20px; }
.slideTxtBox_01 { height: 540px;}
.slideTxtBox_01 .hd { float: right; width: 1012px; border-left: 1px solid #efefef; height: 510px; }
.slideTxtBox_01 .hd ul { height: 435px; }
.slideTxtBox_01 .hd ul li { border-right: 1px solid #efefef; width: 252px; float: left; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; height: 435px; position: relative; }
.slideTxtBox_01 .hd ul li .hot { position: absolute; right: 0; top: 0; height: 59px; width: 71px; background: url(../images/hot-flag.jpg) no-repeat; text-align: center; padding-top: 5px; text-indent: 27px; color: #fff; font-size: 14px; font-style: normal; }
.slideTxtBox_01 .hd ul li:hover { -webkit-box-shadow: 0 0 10px #909090; -moz-box-shadow: 0 0 10px #909090; box-shadow: 0 0 10px #909090; }
.slideTxtBox_01 .hd ul li strong { padding-top: 26px; padding-bottom: 15px; text-align: center; display: block; font-size: 22px; font-weight: 500; color: #333; }
.slideTxtBox_01 .hd ul li .price {width:100px;margin:0 auto;border:1px solid #ddd;border-radius:50%;font-size: 22px; text-align: center; color: #E72F3C; height: 100px; position: relative; margin-bottom:10px;}
.slideTxtBox_01 .hd ul li .price .one_year { padding-top: 23px; line-height: 30px; height: 55px; }
.slideTxtBox_01 .hd ul li .price .three_year { line-height: 20px; height: 25px; font-size: 13px; text-align: center; color: #666; }
.slideTxtBox_01 .hd ul li .price .date-jg { position: absolute; top: 23px; left: 50%; margin-left: -35px; }
.slideTxtBox_01 .hd ul li .price .date-unit { font-size: 14px; color: #000; font-weight: 400; position: absolute; top: 25px; right: 10px; }
.slideTxtBox_01 .hd ul li b { height: 42px; line-height: 42px; color: #212121; display: block; text-align: center; font-weight: normal; margin: 0px 20px; border-bottom: 1px solid #e6e5e5; }
.slideTxtBox_01 .hd ul li i.go { display: block; text-align: center; padding-top: 10px; padding-bottom: 10px; font-style:normal;}
.slideTxtBox_01 .hd ul li i.go a{ padding-right:8px;}
.slideTxtBox_01 .hd ul li .btnDiv { margin-left: 7px; margin-right: 7px; margin-top: 15px; margin-bottom: 19px; }
.slideTxtBox_01 .hd ul li .btnDiv a { height: 38px; line-height: 38px; width: 110px; text-align: center; display: inline-block; font-size: 13px; }
.slideTxtBox_01 .hd ul li .btnDiv .g-empty-btn {margin-right: 10px;border: 1px solid #ff6800;color: #ff6800;}
.slideTxtBox_01 .hd ul li .btnDiv .g-empty-dark-btn { border: 1px solid #c5c4c7; color: #505050; }
.slideTxtBox_01 .hd ul li:hover .btnDiv .g-empty-btn {background: #ff6800;color: #fff;}
.slideTxtBox_01 .hd ul li:hover .btnDiv .g-empty-dark-btn { background: #efefef; color: #7C7C7C; border: 1px solid #efefef; }
.slideTxtBox_01 .hd dl { border: 1px solid #efefef; border-left: none; border-top: none; height: 75px; background: #f9f9f9; }
.slideTxtBox_01 .hd dl dt { float: left; width:130px; text-align: center; background: url(../images/wt.png) center 12px no-repeat; padding-top: 50px; }
.slideTxtBox_01 .hd dl dd { width: 385px; float: left; height: 38px; line-height: 38px; margin-right: 50px; }
.slideTxtBox_01 .hd dl dd a { display:inline-block;padding-left: 20px; background: url(../images/disc.jpg) 8px center no-repeat; }
.slideTxtBox_01 .hd dl dd span { float: right; color: #b0b0b0; }
.slideTxtBox_01 .hd dl dd span{ color:#999; background:url(/images/icon_lll.png) left center no-repeat; padding-left:23px;}

.slideTxtBox_01 .bd { float: left; width: 187px; position: relative; }
.slideTxtBox_01 .bd .J_columnFlag_1 { /*background: url(../images/column-flag-1.png) no-repeat;*/ padding: 10px 34px 10px 24px; margin-right: 5px; height: 510px; }
.slideTxtBox_01 .bd .J_columnFlag_2 {  /*background: url(../images/column-flag-3.png) no-repeat;*/ padding: 10px 34px 10px 24px; margin-right: 5px; height: 510px; }
.slideTxtBox_01 .bd .J_columnFlag_3 {  /*background: url(../images/column-flag-2.png) no-repeat;*/ padding: 10px 34px 10px 24px; margin-right: 5px; height: 510px; }
.slideTxtBox_01 .bd .J_columnFlag_4 {  /*background: url(../images/column-flag-4.png) no-repeat;*/ padding: 10px 34px 10px 24px; margin-right: 5px; height: 510px; }
.slideTxtBox_01 .bd strong { font-size: 18px; color: #fff; font-weight: 700; text-align: left; padding-top: 20px; padding-bottom: 10px; display: block; }
.slideTxtBox_01 .bd b { font-size: 26px; padding: 10px 8px 14px; border: 2px solid #fff; color: #fff; font-weight: 700; display: block; }
.slideTxtBox_01 .bd b a { color: #fff; }
.slideTxtBox_01 .bd span { margin-top: 13px; font-size: 14px; display: block; color: #fff; line-height: 22px; }
.slideTxtBox_01 .bd a.more { position: absolute; bottom: 30px; }

.website-club-list>li{width:50%; float:left;padding-right: 20px;padding-bottom: 25px;padding-left: 30px;}
.website-club-list>li:nth-child(1),.website-club-list>li:nth-child(2){border-bottom:1px solid #ddd;}
.website-club-list>li:nth-child(1),.website-club-list>li:nth-child(3){border-right:1px solid #ddd}
.website-club-list>li:nth-child(3),.website-club-list>li:nth-child(4){padding-top:30px;}
.website-club-list>li .web-icon{width:105px;}
.website-club-list>li .web-right{width:400px;}
.sitewidget-hd h2{font-size:20px;line-height:48px;}
.site-block{display:inline-block;width:6px;height:6px;background-color:#ff6800}
.sitewidget-bd p{line-height:35px;}
.sitewidget-bd .xian{width:50px;height:4px; background-color:#ff6800; display:block;margin-top:10px;}
.sitewidget-bd h1{font-size:25px;color:#333;font-weight:bolder;margin-bottom:15px;}
.sitewidget-olul-liststyle{font-size:18px;margin-bottom:30px;}
.backstage-component-btn {background-color: #fff;color: #ff6800;border-radius: 4px;border-color: #ff6800;border-style: solid;border-width: 2px; display:inline-block;padding:10px 20px;margin-top:30px;}
.backstage-component-btn:hover{ background-color:#ff6800; color:#fff;}

.com-tab-bg{background:#424242;height:55px;}
.com-tab{ background:#333;}
.com-tab li{float:left;width:50%;line-height:53px;text-align:center;}
.com-tab li.active-tab{ background:#202020;}
.com-tab li a{color:#fff;font-size:16px;}
.c-tab-tit:before{content:'HOT';box-sizing:border-box;background-color:#ff7200;font-size:12px;padding:1px 8px;border-radius:2px;color:#fff;text-align:center;margin-right:5px;}
.projectName{font-size: 20px;color: #818991;}
.projectEng{margin: 5px 0 20px ; font-size: 12px;color: #bbc0c5; text-transform:uppercase}
.projectDes{color: #616161;line-height: 1.7;}
.projectBtn{ position: absolute;left: 20px;bottom: 20px;margin-bottom: 0px;display: inline-block;color: #616161;border: 1px solid #c1c1c1;text-decoration: none !important;width: 136px;height: 40px;
line-height: 38px;text-align: center;font-size: 12px;border-radius: 2px;cursor: pointer;}
.projectName .fImg{ display: inline-block;width: 30px !important;height:30px;overflow: hidden;
background-size:cover;vertical-align: middle;margin-right:5px;}
.projectName .fImg img{width:100%;height:100%}
/*.fcy1{background-image: url("../images/icon1.png");}
.fcy2{background-image: url("../images/icon2.png");}
.fcy3{background-image: url("../images/icon3.png");}
.fcy4{background-image: url("../images/icon4.png");}
.fcy5{background-image: url("../images/icon5.png");}
.fcy6{background-image: url("../images/icon6.png");}
.fcy7{background-image: url("../images/icon7.png");}
.fcy8{background-image: url("../images/icon8.png");}
.fcy9{background-image: url("../images/icon9.png");}
.fcy10{background-image: url("../images/icon10.png");}
.fcy11{background-image: url("../images/icon11.png");}
.fcy12{background-image: url("../images/icon12.png");}
.fcy13{background-image: url("../images/icon13.png");}
.fcy14{background-image: url("../images/icon14.png");}
.fcy15{background-image: url("../images/icon15.png");}
.fcy16{background-image: url("../images/icon16.png");}*/

.projectName i{margin-right: 5px;}
.com-cont-1-list li:hover img{transform:scale(1.1);}
.projectBtn:hover{color: #fff;background-color: #ff6800;border-color: #ff6800;}

.scene-content{margin-top: 15px;position: relative;}
.app-context { height: 254px;}
.app-context > div {position: relative;width: 33.33%;height: 100%;float: left;}
.effect-oscar div {padding: 40px 42px;}
.app-context img {display: block;width: 100%;height: 100%;}
.effect-oscar img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.app-context .app-content {text-align: center;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.5); color: #fff;width: 100%;height: 100%;}
.effect-oscar div::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 1px solid #fff;content: '';}
.effect-oscar div::before, .effect-oscar .app-cont {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);}
.app-content .app-title {font-size: 20px;padding: 5px 0;font-weight: 400;}
.effect-oscar .app-title { margin:36px 0 10px 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.effect-oscar:hover div::before, .effect-oscar:hover .app-cont { opacity: 1; -webkit-transform: scale(1);transform: scale(1);}
.effect-oscar:hover .app-title{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}


.com-cont-1-list li{width:50%;float:left;padding-right:15px;padding-bottom:30px;}
.com-1-left,.com-1-right{width:50%;float:left;height:270px;vertical-align: top; overflow:hidden}
.com-1-left img{transition:all 0.4s;width:100%;height:100%;border-top-left-radius:5px;border-top-right-radius:5px;}
.com-cont-1-list li .projectBtn{ position:static;margin-top:20px;}
.com-1-right{padding: 30px 20px 20px;background:#f5f5f5;}
.projectTwo>a:hover img{transform:scale(1.1);}


.com-cont-2-list li{width:25%;float:left;padding-right:15px;padding-bottom:30px;}
.com-2-left {overflow:hidden;}
.com-2-left:hover img{transform:scale(1.1);}
.com-2-left img{transition:all 0.4s;width:100%;height:100%;border-top-left-radius:5px;border-top-right-radius:5px;}
.com-2-right {background:#f5f5f5;padding:30px 20px 20px; position:relative; height:270px;overflow:hidden;}
.com-cont-2-list li:nth-child(4n+4){padding-right:0px;padding-left:15px;}
.com-2-right .projectBtn{ position:static; margin:20px auto auto auto; display:block}

.wx-title{margin-bottom:30px}
.c-section-tit{padding:0px 20px;font-size: 30px;font-weight: normal;text-align: center; color: #333; line-height: 68px;}
.wx-title p{font-size: 14px; color: #757575; font-weight: normal; text-align: center; line-height: 20px; }


footer{height:255px; overflow:hidden}
.foot-bg{width:100%;background-color:#4d4d4d;}
/*.container-model{background:rgba(0,0,0,0.9);position:absolute;top:0;left:0;right:0;bottom:0;}*/
.phone-code>div{width: 50%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top:10px;}
.phone-code .left-phone h2{font-size:15px;margin-bottom:5px;padding-bottom: 10px;display: inline-block; color: #fff;font-weight: normal;text-align: right;border-bottom: 2px solid #fff;}
.phone-code .left-phone h2 b{font-size: 20px;font-weight: normal;}
.phone-code .left-phone h2 span{padding-bottom: 7px;}
.phone-code .left-phone .phone{padding-left:35px;line-height:30px;color: #fff;font-size:18px;background: url(../images/tel.png) no-repeat left center;background-size:22px;margin-bottom: 5px;}
.phone-code .left-phone .address{color: #fff;font-size: 14px;line-height:30px;letter-spacing: 1px;}
.phone-code .code-box h4{text-align: center;color: #fff;font-size: 17px;font-weight: bold;padding-top:28px;padding-bottom:15px;width:110px;}
.phone-code .code-box .code-wrap{display: inline-block;width:90px;float: left;}
.code-box{float: right;overflow: hidden;}
.code-box .code-wrap p{font-size: 14px;color: #ccc;text-align: center;margin-top: 15px;width:80px;}
.code-box .code-wrap img{width: 70px;height: 70px;}
.line{margin:10px 0;height: 1px;width: 100%;background-color: rgba(255,255,255,0.15);}

.copy-right{color: #ccc;text-align: center;font-size: 14px;border-top:none!important;margin:0!important;padding-top:0!important;height:40px;line-height:35px;}
.copy-right a{color: #ccc!important;}









.web-banner{background:url(../images/web-banner.jpg) no-repeat;background-size:100%;background-attachment:fixed;width:100%;height:350px;}
.web-banner .ban1_font{padding-top:130px;}
.newtem-main-l{ width:267px; margin-right:-100%; background:#fff; position:relative; z-index:2; min-height:800px;border:1px solid #ddd;/* -moz-box-shadow:4px 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow:4px 3px 10px rgba(0,0,0,0.1);box-shadow:4px 3px 15px rgba(0,0,0,0.1);*/}

.website-tem_banner_b{padding: 0px 14px 0 14px;}
.website-tab{ font-size:12px; padding-top:15px; display:block;}
.website-tab li{text-align: center;text-indent: 0px;background-color: #f4f4f4; color: #535353;float: left;width: 50%;height: 38px;line-height: 38px;border: 1px solid transparent;border-top: 3px solid transparent;border-bottom: 1px solid #ff6800;cursor: pointer;box-sizing: border-box;}
.website-tab li.on{border: 1px solid #ff6800;border-top: 3px solid #ff6800;border-bottom: 1px solid transparent;background-color: #fff;}
.website-meau{width: 100%;margin-top: 15px;margin-bottom: 10px;}				
.website-meau a.on,.website-meau a:hover{color: #fff;background-color: #ff6800;border-color: #ff6800;}
.website-meau a{height: 33px;line-height: 33px;color: #535353;text-align: center;padding: 0 19px; border: 1px solid #dcdcdc;margin-right: 15px;margin-bottom: 10px;float: left;border-radius: 5px;font-size: 12px;cursor: pointer;}
.website-meau a.mbl{margin-right: 0;}								
.website-tem-list{margin: 0 14px;padding: 15px 0 10px 0;border-top: 1px solid #dcdcdc;}
.category_bottom>p{text-align: center;width: 85%;margin: -5px auto 10px auto;height: 27px;line-height: 27px;background-color: #f5f5f5;border-radius: 20px;cursor: pointer;}
.category_bottom-meau{display: none;position: absolute; width: 100%;height: 38px;box-sizing: border-box;border: 1px solid #ff6800;border-bottom: 3px solid #ff6800;border-top: none;text-align: center;line-height: 38px;background-color: #fff;top: 0;left: 0;z-index: 10000;}
.category_bottom-meau>p{height: 35px;line-height: 35px;}
.category_bottom-meau .website-meau {position:absolute;margin-top:0;margin-bottom:0; z-index:1010;
width:1050px;padding:20px 15px 20px 15px;border:1px solid #ff6800;bottom:34px;left:-14px;background-color: #fff;}
.xz{top: -1px;bottom: initial;width:100%;height: 2px;position: absolute;background-color:#fff;left: 0;bottom: -1px;z-index: 2000;}
.category_top{ position: relative;}
.category_bottom{position: relative;}

.website-search-mb input{height: 35px;width: 80%;line-height: 35px;border: 1px solid #dcdcdc;border-radius: 5px;padding-left: 8px;border-top-right-radius: 0;border-bottom-right-radius: 0;vertical-align: top;box-sizing: border-box;}
.website-search-mb a{ display:inline-block;height:35px;width:18%;line-height:35px;border:1px solid #dcdcdc;border-left:none;border-top-right-radius: 5px;border-bottom-right-radius:5px;box-sizing:border-box;margin-left:-4px;background:url(../images/jz-2.png) no-repeat center center;}         .website_brorec-mb{padding-bottom: 60px; }													

.newtem-main-r-m{ margin-left:287px; background:#fff; min-height:800px;/* -moz-box-shadow:4px 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow:4px 3px 10px rgba(0,0,0,0.1);box-shadow:4px 3px 10px rgba(0,0,0,0.1);*/}
.newtem-main-r-m .tem_main_m ul{ width:auto;}
.newtem-main-r-m .tem_main_m_pc li{ margin:0 0 25px 0; width:25%; background:inherit;}
.newtem-main-r-m .tem_main_m li .pro-m{width:275px; background:url(../images/tem_7.png) no-repeat 0 top; position:relative; margin:0 auto}
.zhou.tem_main_m_fy{ margin-top:0;}
.newtem-main-r-m .tem_sm{ margin:30px 3% 40px 3%}
.newtem-main-r-m .tem_sm p{ border-radius:8px; border-color:#ff6800}
.yd_b{ left:304px; margin-left:0; top:119px; padding:20px 0}
.yd_m{ left:0; margin-left:0; width:299px; height:228px;}
.yd_m p{ margin-top:99px;}
.newtem-main-r-m .tem_main_m_wap .wap_o{ margin:0; width:25%; background:none; margin-bottom:30px; height:auto;}
.newtem-main-r-m .tem_main_m_wap .wap_o_m{width:225px; height:540px; background:url(../images/main_9.png) no-repeat; margin:0 auto; position:relative}
.newtem-main-r-m .tem_main_m_wap .wap_o{width:33.33333%}
.newtem-main-r-m .tem_main_m_wap_z{ width:auto;}
.newtem-main-r-m .tem_main_m_pcwp li{ width:25%; margin-right:0; background:none;}
.newtem-main-r-m .tem_main_m_pcwp li .pcwp_m{ width:275px; position:relative; margin:0 auto; background: url(../images/tem_7.png) no-repeat 0 top;}
.pcwp_m .eye-icon{display:none;}
.pcwp_m .eye-icon-bg{display:none;}
.pcwp_m:hover .eye-icon-bg{display:block}
.pcwp_m:hover .eye-icon{display:block}
.newtem-main-r-m .design-info{ margin:0 3% 40px 3%; border:1px solid #e5e5e5; padding:20px}
.newtem-main-r-m .design-info img{ width:104px; height:104px;}
.newtem-main-r-m .design-info-r{ margin-left:20px;}
.newtem-main-r-m .design-info-r h4{ color:#000; font-size:20px; line-height:20px; margin-bottom:24px;}
.newtem-main-r-m .design-info-r p span{ display:block; color:#999; font-size:13px; line-height:20px;}
.newtem-main-r-m .design-info-r p span i{ color:#ff6800}
	.newtem-main-r-m .tem_main_m_pc li,.newtem-main-r-m .tem_main_m_pcwp li{ width:33.33333%;}
.tem_main_m ul{ width:1500px;}
.tem_main_m li{ width:100%; background:url(../images/tem_7.png) no-repeat 0 top; position:relative; float:left; margin:0 21px 60px 0}
.tem_main_m li img{ width:275px; height:259px;}
.tem_main_m li img:hover{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.tem_main_m .tem_main_m_pc li img{}
.tem_main_m .tem_main_m_pc li .p3{ text-align:center; color:#adadad; font-size:16px; margin-top:15px;}
.tem_main_m .tem_main_m_pc .li_bg{ width:275px; height:259px; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; position:absolute; left:0; top:0; display:none;}
.tem_main_m .tem_main_m_pc .an{ position:absolute; left:0; top:70px; text-align:center; width:100%; display:none;}
.tem_main_m .tem_main_m_pc .an a{ display:inline-block; width:106px; height:106px; text-align:center; line-height:106px; color:#fff; margin:0 8px;}
.tem_main_m .tem_main_m_pc .an a img{width:106px;height:106px;}
/*.tem_main_m .tem_main_m_pc .an a:hover{ background:#1281cc;}*/
.tem_main_m li .pcwp{ width:109px; height:218px; background:url(../images/tem_9.png) no-repeat; position:absolute; top:40px; right:10px;}
.tem_main_m li .pcwp img{ width:99px; height:175.5px; margin:13px 0 0 5px;}
.tem_main_m .tex .p1{ color:#313131; font-size:14px; line-height:24px; height:24px; width:217px; overflow:hidden;}
.tem_main_m .tex .p1 span{ color:#adadad; font-size:16px; margin-right:10px;}
.tem_main_m .tex .p2{ color:#ff6800; font-size:14px; height:24px; line-height:24px; padding:0 13px; border:1px solid #ff6800; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.tem_main_m_fy{ margin-top:40px; width:100%;margin-left:110px; text-align:center;padding-bottom:25px;}
.tem_main_m_fy a{ display:inline-block; /*width:26px;*/ height:26px; text-align:center; line-height:26px; border:1px solid #bdbdbd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; color:#adadad; font-size:14px; margin:0 8px;} 
.tem_main_m_fy a:hover{ background-color:#ff6800; color:#fff;}
.tem_main_m_fy a.a_o{ background:url(../images/tem_10.png) no-repeat; background-position:7px 5px;}
.tem_main_m_fy a.a_o:hover{ background-position:7px -36px; background-color:#ff6800;}
.tem_main_m_fy a.a_t{ background:url(../images/tem_10.png) no-repeat; background-position:-41px 5px;}
.tem_main_m_fy a.a_t:hover{ background-position:-41px -36px; background-color:#ff6800;}
.tem_main_m_fy a.a_s{ background:url(../images/tem_10.png) no-repeat; background-position:-93px 5px;}
.tem_main_m_fy a.a_s:hover{ background-position:-93px -36px; background-color:#ff6800;}
.tem_main_m_fy a.a_f{ background:url(../images/tem_10.png) no-repeat; background-position:-142px 5px;}
.tem_main_m_fy a.a_f:hover{ background-position:-142px -36px; background-color:#ff6800;}
.tem_main_m .jmtem .tex{ margin-top:20px;}
.tem_main_m .tem_main_m_pc.jmtem  li{ height:auto;}
.tem_main_m_wap_z{ width:1500px;}
.tem_main_m_wap .wap_o{ width:225px; height:442px; background:url(/images/main_9.png) no-repeat; position:relative; float:left; margin:0 133px 90px 0;}
.tem_main_m_wap .wap_o img{ width:200px; height:356px; margin:30px 0 0 13px;}
.tem_main_m_wap .wap_o_zz{ width:200px; height:356px; text-align:center; color:#fff; position:absolute; left:13px; top:30px; display:none;}
.tem_main_m_wap .wap_o_zz .mo-pc-img,.tem_main_m_wap .wap_o_zz .mo-mo-img{width:200px;position: relative;z-index: 2;margin:35px 0 28px 0;text-align: center;height: 106px;}
.tem_main_m_wap .wap_o_zz .mo-mo-img{margin:0 auto;height: 152px;width: 142px;}
.tem_main_m_wap .wap_o .wap_o_zz img,.tem_main_m_wap .wap_o .wap_o_zz a{display:inline-block;cursor: pointer;width:106px;height:106px;position:absolute;top: 0;left: 50%;margin-left: -53px;display: none;}
.tem_main_m_wap .wap_o .wap_o_zz a.img-pc1 img{display:block;}

.tem_main_m_wap .wap_o .wap_o_zz img.img-mo2{width:142px;height:152px;margin-left: -71px;}
.tem_main_m_wap .wap_o_zz_bg{ background:#000; width:200px; height:356px; position:absolute; left:0; top:0; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; z-index:1}
.tem_main_m_wap .wap_o_zz p{ position:relative; z-index:2}
.tem_main_m_wap .wap_o_zz p.p1{ font-size:15px; margin-top:35px;}
.tem_main_m_wap .wap_o_zz p.p2{ font-size:13px;}
.wap_o_m:hover .mo-mo-img{display:block}
.tem_main_m .tem_main_m_wap .tex {margin-top:70px;}
.tem_main_m .tem_main_m_wap .tex .p1{ width:100px; }

.tem_jm{ width:100%; height:auto; max-width:1920px; margin:0 auto; margin-top:10px; }
.tem_jm img{ width:100%; cursor:pointer;}
.tem_jm img:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.tem_jm span{ display:block; width:49.7%; height:auto; position:relative; display:inline-block}
.tem_jm_a{ display:block; width:111px; height:76px; background:url(../images/tem_13.png) no-repeat; position:absolute; left:0; top:0; z-index:2}
.tem_jm_a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.yd_bg{ width:100%; height:100%; position:fixed; left:0; top:0; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:10; }
.yd_m{ position:absolute; left:50%; margin-left:260px; top:350px; width:327px; height:247px; background:url(../images/yd_1.png) no-repeat; z-index:11}
.yd_m p{ color:#000000; font-size:18px; line-height:36px; margin:110px 0 0 80px;}
.yd_m p span{ color:#ff6800; font-weight:bold; display:block; font-size:26px}
.yd_m img{ position:absolute; right:20px; bottom:-40px; -webkit-animation: anim-run1 1s ease-in-out infinite alternate;}
@-webkit-keyframes anim-run1{
from { right:15px; bottom:-50px}
to { right:25px; bottom:-40px;}
}
.yd_b{ width:1300px; height:500px; position:absolute; left:50%; margin-left:-685px; top:1089px; padding:30px 30px 0 30px; border-color:#fff; border-width:3px; border-style:dashed; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:10px; z-index:11}

.tem_main_m_pcwp .pcwp_bg{ position:absolute; width:100%; height:50px; top:183px; left:0;  background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; display:none;}
.tem_main_m_pcwp .pcwp_an{ position:absolute; left:15px; top:192px; display:none;}
.tem_main_m_pcwp .pcwp_an a{width: 90px;height: 32px;line-height: 32px;text-align: center; background: #369ff2;color: #fff;font-size: 15px;display: inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px;}
.tem_main_m_pcwp .pcwp_an a:hover{ background:#ff6800}
.tem_main_m .ap4{margin-top:15px;}
.tem_main_m .ap4 span.pcmb {display: inline-block;background: url(../images/websitepcmb1.png) right top no-repeat;width: 106px;height: 36px;}
.tem_main_m .ap4 span.a1 { color:#ff6800;margin-right: 10px; margin:0 3px; text-decoration:none;}
.tem_main_m_top {height: 50px;margin-bottom: 15px;border-bottom: 1px solid #dcdcdc;}
.tem_main_m_top .top-num{line-height: 33px;width: 20%;box-sizing: border-box; padding-left: 50px;}
.tem_main_m_top .top-color{width:35%;text-align:left;white-space:nowrap;overflow:hidden;margin-top: 3px;}
				
.top-color p{display: inline-block;vertical-align: top;line-height: 25px;}
.top-color span.on , .top-color span:hover{border: 2px solid #ff6800;}
.tem_main_m_top .top-function {width: 45%;line-height: 33px;text-align: right; padding-right: 50px;box-sizing: border-box;}
.top-color p{display: inline-block;vertical-align: top;line-height: 25px;}
.top-color span {position: relative;box-sizing: border-box;width: 39px;height: 28px;display:inline-block;background: #fe0000;margin: 0 4px 0 0;cursor: pointer;border: 2px solid transparent;font-size: 12px;line-height: 30px;}
.tem_main_m{padding-top:10px}
.top-color span i{position: absolute;display: inline-block; width: 5px;height: 5px;background: #ff6800;transform: rotate(45deg);bottom: -5px;left: 15px;z-index: 0;display: none;}
.top-color span b{ position:absolute;left:5px;top:-4px;color: #fff;}
.top-color span.colorful{background:url(../images/jz-7.png) no-repeat center center;}
.top-color span.col-orange{ background-color:#ff6300}
.top-color span.col-yellow{ background-color:#fae242}
.top-color span.col-green{ background-color:#80d031}
.top-color span.col-o{ background-color:#26e0d2}
.top-color span.col-blue{ background-color:#198ede}
.top-color span.col-t{ background-color:#fe68ff}
.top-color span.col-white{ background-color:#fff; width:37px; height:28px; border:1px solid #d0d0d0}
.top-color span.col-gray{ background-color:#999}
.top-color span#code_er{background-color:#ff6800}
.top-color span.col-black{ background-color:#000}
.top-color span.col-violet{ background-color:#990099}
.top-color span.col-brown{ background-color:#974b00}
.top-color span.on , .top-color span:hover{ border: 2px solid #ff6800;}
.top-color span.on i, .top-color span:hover i{display: block;}
.tem_main_m_top .top-function a{display: inline-block;height: 33px;line-height: 33px;color: #535353;text-align: center; padding: 0 10px;border: 1px solid #dcdcdc;margin-right: 10px;margin-bottom: 10px;border-radius: 5px;font-size: 12px;cursor: pointer;}
.tem_main_m_top .top-function p{display: inline-block;}
#Pagination span.currentpage{ background-color: #ff6800;color: #fff; border-radius: 5px;display: inline-block;font-size: 14px;height: 26px;line-height: 26px;margin: 0 8px;text-align: center;width: 26px;}
.tem_main_m li img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.tem_main_m li a{ display:block; position:relative;}
.tem_main_m li .eye-icon{z-index: 1; width:108px; height:110px; background:url(../images/jz-11.png) no-repeat; display:block; position:absolute; left:50%; margin-left:-90px; top:50%; margin-top:-55px; display:none;}
.tem_main_m li .pcwp .eye-icon{z-index: 1; width:80px; height:80px; background:url(../images/jz-19.png) no-repeat; margin-left:-40px; margin-top:-70px;display:none;}
.tem_main_m li .pcwp .eye-icon1{z-index: 1; width:80px; height:80px; background:url(../images/jz-8.png) no-repeat; margin-left:-40px; margin-top:-60px;display:none;}
.tem_main_m li .pcwp .eye-icon2{z-index: 100; width:80px; height:90px; background:url(../images/jz-13.png) no-repeat;position:absolute; left:50%;top:40%;margin-left:-40px; margin-top:-20px;display:none;}
.tem_main_m li .pcwp .eye-icon-text{text-align: center;line-height: 30px;border: 1px solid #fff; border-radius: 20px;
    z-index: 1;width: 80px;height: 30px;color:#fff;position: absolute;left: 50%;top: 50%;margin-left: -40px;margin-top: 20px;display: none;}
.tem_main_m li .pcwp .eye-icon-text1{text-align: center;line-height: 30px;border: 1px solid #fff; border-radius: 20px;
    z-index: 1;width: 80px;height: 30px;color:#fff;position: absolute;left: 50%;top: 50%;margin-left: -40px;margin-top: -60px;display: none;}
.tem_main_m li.on img{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.tem_main_m li.on .eye-icon{ display:block;}
.eye-icon-bg{z-index:0; position:absolute;top:0;left:0;width:275px;height:235px;background-color:#000; opacity:0.4; filter: alpha(opacity=40);display:none;}
.pcwp .eye-icon-bg{top: 14px;left: 5px;width: 99px;height: 176px;}
.tem_main_m_pc .pcwp_m>a img {width:275px;height:235px;}
.pcwp_m:hover .pcwp .eye-icon2{display:block}
.pcwp_m:hover .eye-icon-bg{display:block}











.main_t_meau{ height:85px; background:#fff; border:1px solid #bdbdbd; border-left:0; border-right:0;}
.main_t_meau li{ float:left; height:85px; text-align:center; cursor:pointer; position:relative;}
.main_t_meau li.li_o{ text-indent:10%;}
.main_t_meau li.li_t{ border:1px solid #bdbdbd; border-bottom:0; border-top:0; width:420px;}
.main_t_meau li.li_s{ text-indent:-10%;}
.main_t_meau li img{ padding-top:17px;}
.main_t_meau .hx{ width:100%; height:3px; background:#ff6800; position:absolute; left:0; bottom:0; display:none;}
.main_t_meau .on .hx{ display:block;}
/*.main_t_m{ background:#f2f2f2}*/
.main_t_m .tem_col{ text-align:center; width:100%; height:23px; margin:-50px 0 40px 0;}
.main_t_m .tem_col a{ width:23px; height:23px; display:inline-block; background:#000; margin:0 9px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.main_t_m .tem_col a.a_o{ background:#fe0000;}
.main_t_m .tem_col a.a_t{ background:#ff6300;}
.main_t_m .tem_col a.a_s{ background:#fae242;}
.main_t_m .tem_col a.a_f{ background:#80d032;}
.main_t_m .tem_col a.a_w{ background:#26e0d1;}
.main_t_m .tem_col a.a_l{ background:#198ede;}

.main_t_m .tem_col a.a_o{ background:#fe0000;}
.main_t_m .tem_col a.a_t{ background:#ff6300;}
.main_t_m .tem_col a.a_s{ background:#fae242;}
.main_t_m .tem_col a.a_f{ background:#80d032;}
.main_t_m .tem_col a.a_w{ background:#26e0d1;}



.main_t_m .tem_col a.light_purple{ background:#ff68ff;}
.main_t_m .tem_col a.purple{ background:#909;}
.main_t_m .tem_col a.grey{ background:#999;}
.main_t_m .tem_col a.brown{ background:#964b00;}
.main_t_m .tem_col a.black{ background:#000;}

.main .tit{ text-align:center; color:#000000; font-size:25px; line-height:28px; padding:80px 0;}
.main .tit span{ display:block; color:#767676; font-size:15px;}
.main .tit a{ display:inline-block; line-height:23px; width:48px; background:#ff6800; text-align:center; font-size:15px; color:#fff; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius:3px; margin-left:3px;}
.main .tit a:hover{ background:#147bc2}

.main{ position:relative; z-index:2;}
.main_t_m .tit{ text-align:center; color:#000000; font-size:22px; line-height:28px; padding:80px 0;padding-top:40px;}
.main_t_m .tit span{ display:block; color:#999; font-size:15px;}
.main_t_m .tit a{ display:inline-block; line-height:23px; width:48px; background:#ff6800; text-align:center; font-size:15px; color:#fff; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius:3px; margin-left:3px;}
.main_t_m .tit a:hover{ background:#147bc2}


.main_t_m .tem_col a.a_q{ background:url(../images/tem_6.png) no-repeat;}
.main_t_m_m{ display:none;}
.main_t_m_m li{width:228px;position:relative; float:left;margin:0 36px 40px 36px}
.main_t-pc{ width:228px; height:200px;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background:url(../images/main_4.png) no-repeat; }
.main_t-pc img{ margin:1px 0 0 1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; width:228px; height:188px;}
.main_t-pc img:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.main-t-pcwp-cont{ width:228px; height:200px;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background:url(../images/main_4.png) no-repeat; position:relative}
.main-t-pcwp-cont img{ margin:1px 0 0 1px;  width:228px; height:188px;}
.main-t-pcwp-cont img:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.main-t-pcwp-cont .pcwp{ width:88px; height:177px; background:url(../images/main_8.png) no-repeat; position:absolute; bottom:-16px; right:10px;}
.main_t_m_m li .pcwp img{ width:80px; height:142px; margin:11px 0 0 4px;}
.main_t_m_wap .wap_o{ width:247px; position:relative; float:left; margin:0 70px 40px 0;}
.wap-o-cont{width:247px; height:442px;position:relative;background:url(../images/main_9.png) no-repeat;  }
.main_t_m_wap .wap_o img{ width:200px; height:356px; margin:30px 0 0 13px;}
.main_t_m_wap .wap_o_zz{ width:200px; height:356px; text-align:center; color:#fff; position:absolute; left:13px; top:30px; display:none;}
.main_t_m_wap .wap_o .wap_o_zz img{ width:125px; height:125px; position:relative; z-index:2; margin:10px 0 8px 0;}
.main_t_m_wap .wap_o_zz_bg{ background:#000; width:200px; height:356px; position:absolute; left:0; top:0; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:1}
.main_t_m_wap .wap_o_zz p{ position:relative; z-index:2}
.main_t_m_wap .wap_o_zz p.p1{ font-size:15px; margin-top:35px;}
.main_t_m_wap .wap_o_zz p.p2{ font-size:13px;}
.main_t_m_wap .wap_o_zz a{ display:inline-block; width:149px; height:46px; line-height:46px; text-align:center; background:#ff6800; color:#fff; font-size:15px; position:relative; z-index:2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-top:40px;}
.main_t_m_wap .wap_o_zz a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.main_t_more{ width:100%; padding:30px 0; background:#fff; text-align:center;}
.main_t_more a{ width:233px; height:48px; text-align:center; display:inline-block; border:2px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; color:#767676; font-size:16px; line-height:48px;}
.main_t_more a span{ background:url(../images/main_6.png) no-repeat center left; padding-left:30px;}
.main_t_more a:hover{ background:#ff6800; color:#fff;border:1px solid #fff;}
.main_t_more a:hover span{background:url(../images/main_7.png) no-repeat center left;}
#main_t_m_pcwp li{margin-bottom:65px;}
.main_s{ width:100%; height:670px; background:url(../images/main_12.jpg) no-repeat center;}
.main .main_s .tit{ color:#1585d1;}
.main .main_s .tit span{ color:#d7d7d7;}
.main_s_m{  overflow:hidden; position:relative; width:1200px}
.main_s_m .bd{ width:1172px; margin:0 auto;}
.main_s_m .bd ul{ overflow:hidden; zoom:1; }
.main_s_m .tempWrap{ width:100%;}
.main_s_m .bd ul li{ text-align:center; float:left; padding:0 12px; overflow:hidden; _display:inline; }
.main_s_m .bd ul li img{ width:269px; height:144px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
.main_s_m .bd ul li h4{ color:#eaeaea; font-size:16px; font-weight:400; padding:15px 0 3px 0; width:100%; height:24px; word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main_s_m .bd ul li p{ color:#eaeaea; font-size:13px; line-height:22px; text-align:left; width:269px; height:66px; overflow:hidden;}
.main_s_m a.next,.main_s_m a.prev{ width:22px; height:61px; background:url(../images/main_14.png) no-repeat; position:absolute; top:45px; display:block}
.main_s_m a.next{ background-position:0 bottom; right:0;}
.main_s_m a.prev{ background-position:0 top; left:0;}
.main_s_more{ width:100%; padding:95px 0 0 0; text-align:center;}
.main_s_more a{ width:233px; height:48px; text-align:center; display:inline-block; border:2px solid #1585d1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; color:#1585d1; font-size:16px; line-height:48px;}
.main_s_more a span{ background:url(../images/main_22.png) no-repeat center left; padding-left:30px;}
.main_s_more a:hover{ background:#ff6800; color:#fff;}
.main_s_more a:hover span{background:url(../images/main_7.png) no-repeat center left;}

.main_f{ margin-bottom:80px;}


.main .main-w .tit{ padding:60px 0}
.main-w{ background:#f2f2f2; padding-bottom:60px;}
.main-w li{ float:left; width:383px; height:157px; text-align:center; background:url(../images/n-main-1.gif) no-repeat; margin-right:75px; cursor:pointer; text-align:center; position:relative;  -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px; overflow:hidden}
.main-w li .li-bg{ width:383px; height:157px; background:#000; position:absolute; left:0; top:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; display:none}
.main-w li .li-m{ text-align:center; position:relative; padding-top:40px; display:none}
.main-w li .li-m i{ display:block; width:58px; height:58px; background:url(../images/n-main-22.png) no-repeat; margin:0 auto}
.main-w li span{ display:inline-block; line-height:38px; font-size:13px; color:#fff;}
.main-w li.li-t{background:url(../images/n-main-2.gif) no-repeat;}
.main-w li.li-s{ margin:0; background:url(../images/n-main-3.gif) no-repeat;}

.main .main-l .tit{ padding:70px 0}
.main-l{ padding-bottom:70px;}
.main-l-m li{ text-align:center; width:160px; float:left; padding:35px 59px; border:1px solid #dadada; border-top:none; border-left:none;}
.main-l-m li.li-bor-notrig{ border-right:0}
.main-l-m li.li-bor-notbot{ border-bottom:0}
.main-l-m li img{ -webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.main-l-m li img:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.main-l-m li p{ color:#767676; font-size:13px; line-height:22px; padding-top:15px;}
.main-l-b a{ display:block; width:397px; height:90px; background:#ff6800; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; }
.main-l-b a p{ padding:21px 0 21px 130px; background:url(../images/n-main-20.png) no-repeat 55px center}
.main-l-b a.a-o{margin-left:180px;}
.main-l-b a.a-t{margin-right:180px;}
.main-l-b a.a-t p{background:url(../images/n-main-21.png) no-repeat 50px center}
.main-l-b a:hover{ color:#fff; background:#147bc2}
.vid_tc{ width:940px; height:480px; position:absolute; left:50%; margin-left:-460px; background:#666; z-index:11;  -moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0; border-radius:6px 6px 0 0; overflow:hidden;  box-shadow: 0 0 15px #666; display:none; z-index:51}

#main_t_m_wap .wap_o:nth-child(4n+4){margin-right:0px;padding-right:0px;}
.main_t_m_wap_z .wap_o:hover .wap_o_zz{display:block}



.main_t_m_m.main_t_m_pcwp li img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.main_t_m_m.main_t_m_pcwp li a{ display:block; position:relative}
.main_t_m_m.main_t_m_pcwp li .eye-icon{ width:49px; height:49px; background:url(../images/tem_18.png) no-repeat; display:block; position:absolute; left:50%; margin-left:-24.5px; top:50%; margin-top:-24.5px; display:none}
.main_t_m_m.main_t_m_pcwp li .pcwp .eye-icon{ width:27px; height:27px; background:url(../images/tem_17.png) no-repeat; margin-left:-13.5px; margin-top:-13.5px;}
.main_t_m_m.main_t_m_pcwp li.on img{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.main_t_m_m.main_t_m_pcwp li.on .eye-icon{ display:block;}






/*模块网页内页*/
.wesite-cont-top-bg{background: #f5f5f5;padding: 50px 0;position: relative;z-index: 2}
.wesite-cont_m{border: 1px solid #dfdfdf; -moz-box-shadow:0 1px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.15);}
.wesite-cont_m ul>li{width:399px; cursor: pointer;float: left; position: relative; text-align: center; border-right: 1px solid #dfdfdf;}
.wesite-cont_m ul>li:last-child{ border: 0;}
.wesite-cont_m ul>li a{color: #666;font-size: 16px;line-height: 56px;display: block; background-color: #f5f5f5;}
.wesite-cont_m ul>li.on a{background: #fff;color: #ff6800;}
.wesite-cont_mm{border: 1px solid #dfdfdf; -moz-box-shadow:0 1px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.15);}
.wesite-cont_mm ul>li{width:239.5px; cursor: pointer;float: left; position: relative; text-align: center; border-right: 1px solid #dfdfdf;}
.wesite-cont_mm ul>li:hover a{background: #fff;color: #ff6800;}
.wesite-cont_mm ul>li:last-child{ border: 0;}
.wesite-cont_mm ul>li a{color: #666;font-size: 16px;line-height: 56px;display: block; background-color: #f5f5f5; position:relative}
.wesite-cont_mm ul>li.on a{background: #fff;color: #ff6800;}
.wesite-cont-top-bg .case_meau_m_o dd {padding:0 15px 0 18px}

.wesite-cont-top-bg .case_meau_m_t dd img{margin-right:10px;}
.wesite-cont-top-bg .case_meau_m_o dd{font-size:14px;}

.tem-pos-ab{-moz-box-shadow:0 2px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.15);box-shadow:0 2px 3px rgba(0,0,0,.15);position: absolute;top: 50px;left:-1px;z-index: 2;width:1200px;/**/display:none;}

.wesite-cont_mm ul>li:hover .tem-pos-ab{display:block}
.tem-pos-ab-m{background:#fff;border: 1px solid #dfdfdf;border-top: 0;position: relative;z-index: 2}

.tem-pos-ab-m p{height: 1px;width:601px;background: #dfdfdf;position: absolute;top: 0px;right:0;}
.tem-pos-ab-m>ul{padding:30px;}
#case_categories_outside>li{line-height: 24px;width: 189px;float: left;border:none;}
#case_categories_outside>li a{color: #666666;font-size: 13px;line-height:24px;background-color:#fff;}
#case_categories_outside>li a:hover{color: #ff6800;}
#case_categories_outside>li.on a{color: #ff6800;}














/*侧导航*/
.ce_nav{position: fixed;right: 10px;bottom:200px;z-index: 9999}
.ce_nav li{margin-bottom: 10px; position:relative}
.ce_nav li a{display: block;width: 60px;height: 60px;background: #fff;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;color: #ff6800;font-size: 12px;text-align: center;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);border: 1px solid #ff6800;}
.ce_nav li a:hover{border-color: #ff6800;color:#fff}
.ce_nav li.li_t a{border-color: #ff6800;color: #ff6800;}
.ce_nav li a>b{display:block;font-size:26px;font-weight:normal}
.ce_nav li a:hover{background:#ff6800;}
.ce_nav li a:hover b{color:#fff;}
.ce_nav li a:hover span{color:#fff;}
.ce_nav li.li_s a{border-color: #ff6800;color: #ff6800}
.ce_nav li.li_f a{border-color: #ff6800;color: #ff6800}
.ce_nav li.li_w{display: none}
.ce_nav li.li_w a{border-color: #ff6800;color: #ff6800}
.ce_nav li.li_o{position: absolute;left: 0;top: 142px}
.ce_nav li.li_o a{position: relative;right: 0;cursor: default;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.ce_nav li.li_o a p{display: none; }
.ce_nav li.li_o:hover b{display:none;}
.ce_nav li.li_o:hover span{display:none;}
.ce_nav li.li_o.on a{background: #ff6800}
.ce_nav li.li_o.on a span{display: none;}
.ce_nav li.li_o.on a p{display: block;color: #fff;font-size: 13px;text-align: left;background: url(../images/n-qyjz-1.png) no-repeat;background-position: 90px -315px;line-height: 22px;padding: 8px 0 0 13px;}
.ce_nav li.li_o.on a p i{font-size: 19px;display: block;}
.ce_nav li.li_s{margin-top: 82px;}
.ce_nav li.li_l a{border-color:#ff6800; color:#ff6800;}
.ce_nav li.li_q a{border-color:#3acb96; color:#3acb96;}
.ce_nav li.li_q a span{ background-position: -224px -418px;}
#navCurrentShoppingcartCount2{ display:block; min-width:24px; height:24px; text-align:center; line-height:24px; color:#fff; border-radius: 50%; background-color:#ff6800; position:absolute; left:-12px; top:-5px;}

.templ-bg{width: 100%;height: 100%;background: #000;position: fixed;left: 0;top: 0;z-index: 10000;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;display: none;}
.templ-cont{position: fixed;left: 50%;margin-left: -500px;top: 30%;margin-top: -208.5px;z-index: 99999;border-radius:5px;background: #fff;padding:40px ;display: none;height:730px; overflow:auto}
.templ-cont .close{position: absolute;right: -5px;top: -5px;width: 53px;height: 53px;background: url(../images/n-qyjz-close.png) no-repeat;cursor: pointer}

/*弹出层*/
.dig-bg {width: 100%;height: 100%;background: #000;position: fixed;left: 0;top: 0;z-index: 10000;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;display: none;}
.maketing-dig.website_main_s_w{position: fixed;left: 50%;margin-left: -500px;top: 50%;margin-top: -208.5px;z-index: 99999;display: none; border-radius:5px}
.website_main_s_w{background: #fff;}
.w-1000{ width:1000px; margin:0 auto; position:relative;}
.website_main_s_w_m{margin-bottom: 35px;}
.maketing-dig .close{position: absolute;right: -5px;top: -5px;width: 53px;height: 53px;background: url(../images/n-qyjz-close.png) no-repeat;cursor: pointer}

.maketing-dig .tit{text-align: center;font-size:18px;color:#ff6800;line-height:20px;margin: 30px 0;}
.website_main_s_w_m_m li{margin-bottom: 8px;}

.website_main_s_w_m_m p{text-align: right;color: #666666;font-size: 14px;line-height: 30px;}
.website_main_s_w_m_m p.p1{width: 210px;margin-right: 10px;}
.website_main_s_w_m_m p.p1 span{color: #ff6800;display: inline-block;margin-right: 3px;}
.website_main_s_w_m_m p.p2{margin-right: 3px;}
.website_main_s_w_m_m .inp1{color: #666;font-size: 14px;line-height: 30px;margin-right: 15px;}
.website_main_s_w_m_m .inp1 input{vertical-align: -2px;margin-right: 5px;background: #fff;}
.website_main_s_w_m_m .inp2{width: 202px; display:inline-block; line-height: 14px;padding: 8px 5px;background: #fff;color: #333;font-size: 14px;border: 1px solid #d1d1d1;margin-right: 15px;font-family: "Microsoft Yahei";border-radius: 3px;}
.website_main_s_w_m_m select{float: left;height: 30px;background: #fff;outline: none;text-indent: 15px;line-height: 30px;width: 100px;color: #666666;font-size: 14px;margin-right: 15px;font-family: "Microsoft Yahei";border: 1px solid #d1d1d1;background: #f8f8f8;border-radius: 3px;}
.website_main_s_w_m_m textarea{width: 522px;height: 100px;font-size: 14px;color: #333;line-height: 24px;font-family: "Microsoft Yahei";padding: 5px;outline: none;border: 1px solid #d1d1d1;border-radius: 3px;}
.website_main_s_w_m_m a{width: 203px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #ff6800;font-size: 16px;display: block;float: left;margin: 8px 0 0 220px;border-radius: 3px;}
.website_main_s_w_m_m a:hover{filter: alpha(opacity=90);/*IE滤镜，透明度50%*/-moz-opacity: 0.9;opacity: 0.9;}


.containner{padding-bottom:40px;}






/*网站报价*/
.gm_main_t{ background:#ff6800;  -moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; height:90px; color:#fff;}
.gm_main_t .tb{float:left; height:90px;}
.gm_main_t_o{ font-size:16px; line-height:90px; text-indent:35px; border-right:1px solid #ff6800; width:210px;}
.gm_main_t_t{ width:131px; border-right:1px solid #ff6800;}
.gm_main_t_s{ width:192px; border-right:1px solid #ff6800;}
.gm_main_t_f{ width:192px; background:#ed6b11; border-right:1px solid #ed6b11;}
.gm_main_t_f_t{ height:15px; width:100%; margin-top:-15px; background:#ed6b11; display:none;}
.gm_main_t .gm_main_t_f.tb h4{ margin-top:15px;}
.gm_main_t_w{ width:180px;}
.gm_main_t .tb h4{ font-size:16px; text-align:center; line-height:20px; margin-top:22px; position:relative;}
.gm_main_t .tb h4 img{ position:absolute; right:40px; top:-16px;}
.gm_main_t .tb p{ width:100%; text-align:center; position:relative;font-size:22px;margin-top:10px;font-weight:500;}
.gm_main_t .tb p a{ display:inline-block; font-size:14px; color:#d6d6d6; padding:0 2px; border-bottom:2px solid rgba(0,0,0,0); margin:0 10px;}
/*.gm_main_t .gm_main_t_f.tb p a{ border-color:#ed6b11;}*/
.gm_main_t .tb p a:hover{ color:#fff;}
.gm_main_t .tb p a.on{ color:#fff; border-color:#fff;}
.gm_main_t .tb p img{ position:absolute; left:97px; top:-13px;}
.gm_main_t .gm_main_t_f.tb p img{ left:137px;}
.gm_main_t .tb_a{ width:148px; height:42px; line-height:42px; text-align:center; display:block;  background:#fff; margin:0 auto; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px; position:relative; border:1px solid #ed6b11}
.gm_main_t .tb_a a{ color:#198ede; font-size:14px; background:url(../images/gm_9.png) no-repeat right center; padding-right:17px; }
.gm_main_t .tb_a ul{ width:148px; background:#fff; position:absolute; left:-1px; top:33px; color:#198ede; font-size:14px; padding-top:9px; border:1px solid #198ede; border-top:0; -moz-border-radius:0 0 10px 10px;; -webkit-border-radius:0 0 10px 10px;; border-radius:0 0 10px 10px; display:none; overflow:hidden; z-index:5}
.gm_main_t .tb_a ul li{ line-height:42px; border-top:1px solid #e8e8e8; cursor:pointer;}
.gm_main_t .tb_a ul li:hover{ background:#f3f3f3}

.gm_main_m table{border-collapse:collapse; color:#3d3d3d; font-size:13px;}
.gm_main_m table td{ border:1px solid #e8e8e8; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; border-top:0; border-bottom:0; padding:8px 0;}
.gm_main_m table .td1{ font-size:20px; width:90px;  border-bottom:1px solid #e8e8e8; background:#fff;}
.gm_main_m table .td2{ width:120px;}
.gm_main_m table .td3{ width:0px;}
.gm_main_m table .td4{ width:130px;}
.gm_main_m table .td5{ width:192px;/* border-color:#ed6b11*/}
.gm_main_m table .td6{ width:192px;/* border-color:#ed6b11*/}
.gm_main_m table .tr2{ background:#f3f3f3;}
.gm_main_m table td i{ width:13px; height:12px; background:url(../images/gm_10.png) no-repeat; display:block}

.gm_main_m table td a{ width:70px; height:42px; margin-top: 18px; line-height:42px; color:#fff; background:#b2b2b2; text-align:center; display:block; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px;}
.gm_main_m table td a:hover{ background:#ed6b11;}
.gm_main_m table td a.on{ background:#ff6800;}

.gm_main_b.on{ position:fixed; left:50%; bottom:0; margin-left:-650px;}
.gm_main_b table{border-collapse:collapse; color:#3d3d3d; font-size:13px; border-bottom:1px solid #e8e8e8; background:#fff}
.gm_main_b table td{ border:1px solid #e8e8e8; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; border-top:0; border-bottom:0; padding:15px 0;  position:relative;}
.gm_main_b table .td1{ font-size:20px; width:76px;}
.gm_main_b table .td2{ width:101px;}
.gm_main_b table .td3{ width:132px;}
.gm_main_b table .td4{ width:130px;}
.gm_main_b table .td5{ width:192px; border-color:#ed6b11}
.gm_main_b table .td6{ width:192px; border-color:#ed6b11}
.gm_main_b table .td_b{ height:15px; width:192px; position:absolute; left:-1px; bottom:-15px; border:1px solid #ed6b11; border-top:0; background:#fff; display:none;}
.gm_main_b table .td7{ width:276px;}
.gm_main_b table td a{ width:100px; height:42px; margin-top: 18px; line-height:42px; color:#fff; background:#b2b2b2; text-align:center; display:block; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px;}
.gm_main_b table td.td4 a{ width:86px;}
.gm_main_b table td a:hover{ background:#ed6b11;}
.gm_main_b table td a.on{ background:#ff6800;}

.gm_bg{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:10; display:none}
.gm_tc{ width:627px; height:370px; background:#ffffff; position:absolute; left:50%; margin-left:-313.5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; overflow:hidden; z-index:11; display:none;}
.gm_tc h4{ font-size:25px; height:60px; line-height:60px; background:#369ff2; text-align:center; color:#fff;}
.gm_tc_m{ margin:40px 0 40px 72px;}
.gm_tc_m dl{ float:left; width:240px; text-align:center;}
.gm_tc_m dl dt{ width:134px; height:123px; border:2px solid #959595; -moz-border-radius: 10px;-webkit-border-radius:10px; border-radius:10px; background:url(../images/gm_11.png) no-repeat; background-position:42px 42px; cursor:pointer; margin: auto auto 20px auto;}
.gm_tc_m dl dt.on{ background-position:42px -109px; border-color:#369ff2}
.gm_tc_m dl.dl_t dt{ background-position:-150px 42px;}
.gm_tc_m dl.dl_t dt.on{background-position:-150px -101px;}
.gm_tc_m dl dd{ color:#43465a; font-size:13px; line-height:13px;}
.gm_tc_b a{ width:108px; height:33px; line-height:33px; text-align:center; color:#fff; font-size:12px; background:#959595; display:block; margin:0 auto; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius:4px;}
.gm_tc_b a:hover{ background:#369ff2}

.txtScroll-top{ overflow:hidden; position:relative; width:100% }

.gm_main_cd{ position:absolute;right:50%; top:0; margin-right:-800px; width:45px;}
.gm_main_cd ul{ position:relative; z-index:2}
.gm_main_cd li{ color:#fff; font-size:12px; width:45px; height:45px; line-height:45px; text-align:center;  background:#198ede; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; margin-bottom:7px; cursor:pointer;}
.gm_main_cd li:hover{ background:#ed6b11}
.gm_main_cd li.on{ background:#ed6b11}
.gm_main_cd li.dz{ line-height:16px;}
.gm_main_cd li.dz span{ margin-top:7px; display:inline-block}
.gm_main_cd .sx{ width:2px; background:#198ede; position:absolute; left:21.5px; top:0; height:510px; z-index:1}



/*参考案例*/
.website-banner.case{ height:520px; background-image:url(../images/17website-27.jpg);}
.website-banner.case .banner-tex{ padding-top: 160px;}
.website-banner.case .banner-tex h4{line-height: 48px;}
.website-banner.case .banner-tex p{ font-size: 14px; line-height: 26px; margin-top: 20px;}
.case_meau{background: #f5f5f5;padding: 50px 0;position: relative;z-index: 2}
.case_meau_m{-moz-box-shadow:0 1px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.15); height: 52px; line-height: 52px; position: relative; margin-top: 10px; border: 1px solid #dfdfdf; background-color: #fff;}
.case_meau_m dl{float: left; border-right: 1px solid #dfdfdf;}
.case_meau_m_o{width:597px;position: relative;cursor: pointer;}
.case_meau_m dl dt{color: #ff6800;font-size: 16px;padding: 0 15px 0 18px;}
.case_meau_m_o dd{color: #999999;font-size: 13px;}
.case_meau_m_o i{display: block;position: absolute;right: 10px;top: 26px;}
.case_meau_m_o:hover .case_fl{display:block;}
.case_meau_m_t{width: 348px;}
.case_meau_m_t dd{margin-top: 20px;}
.case_meau_m_t dd img{float: left;display: block;margin-right: 4px;cursor: pointer;}
.case_meau_m .case_meau_m_s{line-height: 23px; border-right:0;}
.case_meau_m_s dd{width: 160px;margin-top: 19px; margin-left: 10px;}
.case_meau_m_s dd input{width: 100%;border: none;color: #999999;font-size: 13px; text-align: right;}
.case_meau_m_s dt{margin-top: 20px;cursor: pointer; margin-left: 20px;}
.tem_meau_m{border: 1px solid #dfdfdf; -moz-box-shadow:0 1px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.15);}
.tem_meau_m li{width:298.7px; cursor: pointer;float: left; position: relative; text-align: center; border-right: 1px solid #dfdfdf;}
.tem_meau_m li:last-child{ border: 0;}
.tem_meau_m li a{color: #666;font-size: 16px;line-height: 56px;display: block; background-color: #f5f5f5;}
.tem_meau_m li.on a{background: #fff;color: #ff6800;}
.case_fl{-moz-box-shadow:0 2px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.15);box-shadow:0 2px 3px rgba(0,0,0,.15); position: absolute;top: 50px;left:-1px;z-index: 2;width:1200px; display: none;}
.case_fl_m{background:#fff; border: 1px solid #dfdfdf; border-top: 0;position: relative;z-index: 2}
.case_fl_m p{height: 1px;width:601px;background: #dfdfdf;position: absolute;top: 0px;right:0;}
.case_fl_m ul{padding:30px;}
.case_fl_m li{line-height: 24px;width: 189px;float: left;}
.case_fl_m li a{color: #666666;font-size: 13px;}
.case_fl_m li a:hover{color: #ff6800;}
.case_fl_m li.on a{color: #ff6800;}


.case_main_m_wap_z {margin-top:45px;}
.case_main_m_wap_z-list li{width:225px;margin:0  95px 40px 0;float:left; text-align:center;margin-top:4px }
.case_main_m_wap .wap_o{ width:225px; height:442px; background:url(../images/main_9.png) no-repeat; position:relative; }
.case_main_m_wap_z-list li:nth-child(4n+4){margin-right:0px;}
.case_main_m_wap .wap_o img{ width:200px; height:356px; margin:30px 0 0 2px;}
.case_main_m_wap .wap_o_zz{ width:200px; height:356px; text-align:center; color:#fff; position:absolute; left:13px; top:30px; display:none;}
.case_main_m_wap .wap_o .wap_o_zz img{ width:125px; height:125px; position:relative; z-index:2; margin:10px 0 8px 0;}
.case_main_m_wap .wap_o_zz_bg{ background:#000; width:200px; height:356px; position:absolute; left:0; top:0; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:1}
.case_main_m_wap .wap_o_zz p{ position:relative; z-index:2}
.case_main_m_wap .wap_o_zz p.p1{ font-size:15px; margin-top:35px;}
.case_main_m_wap .wap_o_zz p.p2{ font-size:11px;}
.case_main_m_wap .wap_o_zz a{ display:inline-block; width:149px; height:46px; line-height:46px; text-align:center; background:#ff6800; color:#fff; font-size:15px; position:relative; z-index:2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-top:40px;}
.case_main_m_wap .wap_o_zz a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.wap_o:hover .wap_o_zz{display:block}
.case_main_m_wap_z-list li>p{margin-top:10px;}


.case-pc-list li{ width:284px; background:url(../images/tem_7.png) no-repeat 0 top; position:relative; float:left; margin:0 21px 40px 0}
.case-pc-list li:nth-child(4n+4){margin-right:0px;}
.case-pc-list li img{ width:100%; height:233px;}
.case_main_m .tex{ margin-top:20px;}
.case_main_m .tex p{ color:#313131; font-size:14px; line-height:24px; height:24px; width:100%; overflow:hidden;}
.case_main_m .tex p span{ color:#adadad; font-size:16px; margin-right:10px;}
.case_main_m_pc{ position:relative;}
.case-pc-list li .case_main_m_pc_bg{ width:284px; height:233px; background:#000; filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6; position:absolute; left:0; top:0; display:none}
.case-pc-list li .case_main_m_pc_m{ text-align:center; color:#fff; position:absolute; left:0; top:50px; width:309px; display:none;}
.case-pc-list li .case_main_m_pc_m p{ font-size:17px; line-height:22px;}
.case-pc-list li .case_main_m_pc_m span{ display:block; font-size:14px; line-height:45px;}
.case-pc-list li .case_main_m_pc_m a{  display: inline-block; width: 149px;height: 46px; line-height: 46px;text-align: center;background: #ff6800;color: #fff;font-size: 15px; position: relative;z-index: 2;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin-top: 40px; margin:25px auto auto auto;}
.case-pc-list li .case_main_m_pc_m a:hover{filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9;}
.case-pc-list li:hover .case_main_m_pc_bg{display:block}
.case-pc-list li:hover .case_main_m_pc_m{display:block}


/*.site-casetemp ul li img{width: 309px;height: 233px;}
.site-casetemp ul li{ float:left;width: 309px;background: url(../images/tem_8.png) no-repeat 0 top;
position: relative;float: left;margin: 0 67px 40px 24px;}
.site-casetemp ul li:nth-child(3n+3){margin-right:0px;}
.site-casetemp .case_main_m_pc_bg {width:310px;height:235px;background:#000;filter: alpha(opacity=60);-moz-opacity: .6;opacity: .6;position: absolute;left: 0;top: 0;display: none;}
.site-casetemp .case_main_m_pc_m {text-align: center;color: #fff;position: absolute;left: 0;top: 50px; width: 309px;display:none;}
.site-casetemp .case_main_m_pc_m p {font-size: 17px;line-height: 22px;}
.site-casetemp .case_main_m_pc_m span {display: block;font-size: 14px;line-height: 22px;}
.site-casetemp .case_main_m_pc_m a {display: inline-block; width: 149px;height: 46px;line-height: 46px;text-align: center;background: #ff6800;color: #fff;font-size: 15px;position: relative;z-index: 2;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;margin-top: 40px;margin: 25px auto auto auto;}
.site-casetemp .case_main_m .tex {margin-top: 20px;}
.site-casetemp .case_main_m .tex p {color: #313131;font-size: 14px;line-height: 24px;height: 24px;width: 100%;overflow: hidden;}
.site-casetemp .tex p span {color: #adadad;font-size: 16px;margin-right: 10px;}
.site-casetemp .tex{margin-top: 20px;}
.site-casetemp .case_main_m_pc_m p {font-size: 17px;line-height: 22px;}
.site-casetemp .case_main_m_pc_m span {display: block;font-size: 14px;line-height: 22px;}
.site-casetemp .fr{ position:absolute;right: -59px; border:#dddddd 1px solid; background-color:#fff;width: 60px;height: 100px;text-align: center; box-shadow: 0px 0px 7px #eeeeee;}
.site-casetemp .fr .xix{margin-top: 84px; position:absolute; z-index:2; height:1px; width:60px; background-color:#e7e7e7;}
.case-right p {width: 50px;margin-top: 1px;text-align: center;color: #666;font-size: 13px;line-height: 16px;background: url(../images/case_25.gif) no-repeat top center;padding-top: 24px;cursor: pointer;margin-top: 15px;}
.case-right .p2 {background: url(../images/case_26.gif) no-repeat top center;padding-top: 34px;}
.at01.on{ color:#198ede;}

.site-casetemp .pww_main_m_o {width: 310px;height: 235px;text-align: center;position: absolute;left: 0px;top: 0px;display: none;z-index: 10;}
.site-casetemp .pww_main_m_o .bg {width: 100%;height: 100%;background: #000;opacity: 0.8;position: absolute;left: 0;top: 0;}
.site-casetemp .pww_main_m_o i {width: 10px; height: 19px;background: url(../images/case_28.png) no-repeat;position: absolute;top: 38px;right: -10px;}
.site-casetemp .pww_main_m_o p {position: relative;z-index: 1;color: #ffffff;font-size: 13px;line-height: 50px;}
.site-casetemp .pww_main_m_o img {width: 140px;height: 140px;position: relative;z-index: 1;margin-top: 27px;}
.site-casetemp .ax1 i {top: 120px;}
.case-jfff{display:block}
.site-casetemp img.bs{ border:#e4e4e4 1px solid;}*/
.site-casetemp-m li{overflow:hidden;float:left;margin-right:30px;margin-bottom:20px;position:relative;background: url(../images/tem_8.png) no-repeat 0 top;position: relative;float: left;width:380px}
.site-casetemp-m li:nth-child(3n+3){margin-right:0px;}
.case_left img{width:100%; border:#e4e4e4 1px solid;}
.ca_img{ overflow:hidden;width:370px;height:235px;position:relative}

.case_left{float:left;width:310px;height:235px; }
.cl_font{ position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.67);width:310px;height:235px;color:#fff;display:none; cursor:pointer}
.cl_font strong{display:block;text-align:center;margin-top:70px;font-size:17px;font-weight:400}
.cl_font span{display:block;margin:0 auto;width:120px;height:40px;line-height:40px; text-align:center;margin-top:30px;background:#ff6800;border-radius:5px;}

.case_right{float:left;width:55px;border:#dddddd 1px solid; background-color:#fff;width: 60px;height: 100px;text-align: center; box-shadow: 0px 0px 7px #eeeeee;}

.cr_ewm{ position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.67);;width:310px;height:235px;display:none}
.cr_ewm img{width:170px;margin:0 auto;display:block;margin-top:15px}
.cr_ewm i{text-align:center;color:#fff;margin-top:10px;display:block}
.case_right .p2{width: 50px;margin-top: 1px;text-align: center;color: #666;font-size: 13px;line-height: 16px;background: url(../images/case_26.gif) no-repeat top center;padding-top: 24px;cursor: pointer;margin-top: 15px;}
.case_left:hover .cl_font{display:block}
.case_right:hover .cr_ewm{display:block}
.site-casetemp-m li .tex{width:310px;color:#313131; font-size:14px; line-height:24px; height:24px; width:100%; overflow:hidden;}
.site-casetemp-m li .tex span {color: #adadad;font-size: 16px;margin-right: 10px;}










/*给我留言*/

#form-body {width:900px;margin: 0 auto;padding: 0 30px 30px;}
.form-item {padding: 5px 10px;}
.form-group {margin-bottom: 15px;}
.control-label {font-size: 16px;}
.control-label, .photo-select-label label {font-weight: 500;}
.form-control {display: block;width:100%;height: 34px;padding:20px 0px;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin-top:4px;}
.form-submit-wrap {padding: 0 10px;text-align:center;}
.btn-sub{color:#fff;pointer-events: all;cursor: pointer;background-color:#ff6800;border: none;/*pointer-events: none;*/ cursor: not-allowed;filter: alpha(opacity=65);opacity: .65; width:200px;height:30px;height:40px;line-height:28px;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;cursor: pointer;border: 1px solid transparent;border-radius: 4px;color:#fff;}
.textarea{width:100%;margin-top:4px;height:170px;border-radius:4px;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.order-sum, .required:after {font-weight: 700;}
.required:after {color:#be301a;content: ' *';}
.pb20{font-size:16px;}
<!--#form{box-shadow:1px 2px 1px #C3BFBF;padding:20px;border:1px solid #ddd;border-radius:2px;}-->


<!--登录页面--> 
 
.Ndenglv{padding-top:90px}

.from_login{width:540px;margin:0 auto;background:rgba(255, 255, 255, 0.85);padding:35px 70px;border-radius:5px;box-shadow: 1px 1px 10px #CDC0C0;border:0px solid #A7C6F7;margin-top:40px;margin-bottom: 75px;}
.from_login .tit{border-bottom:1px dashed #ccc;padding-bottom:15px; overflow:hidden;color:#ff6800;}
.from_login .tit strong{font-size:20px;}
.from_login .tit_small{text-align:center;font-size:16px;color:#333;margin-top:2px;} 
.dengl_cont{}
.dl_menu{background:#3D9CCC;margin-top:30px;;border-radius:3px;color:#fff;}
.dl_menu li{float:left;width:50%;text-align:center;padding:12px 0;font-size:16px;}
.dl_menu li:hover{background:#E9B65C; cursor:pointer;border-radius:3px;}
.dl_menu .cur{background:#E9B65C !important;border-radius:3px;}
.dl_font{ overflow:hidden}
.dl_font>div{margin-top:20px;}
.dl_font form{margin-left:45px;margin-top:35px;}
.dl_font form>div{margin-top:18px;}
.dl_font label{display:block;width:100px;float:left;text-align:right;height:35px;line-height:35px;font-size:15px;}
.dl_font input[class="d_text"]{width:220px;height:35px;line-height:35px;border:1px solid #ccc;border-radius:3px;padding-left:5px;    -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset}
.dl_font input[class="d_text"]:focus{box-shadow:0 0 5px rgba(81, 203, 238, 1);-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);background:#fff;border:1px solid #6FC1F0 ;}
.sub{ overflow:hidden;margin-left:0px;}
.sub input{background:#ff6800;width:280px;height:45px;;text-align:center;color:#fff;border:none;display:block;float:left;border-radius:3px;font-size:17px;}
.sub input:hover{background:#ed6b11}
.sub a{margin-right:10px;padding-top:5px;float:left;color:#999}
.sub a:hover{color:#ff6800}

.xieyi_sub{margin-left:40px}
.wangji_mima{float:right}
.wangji_mima span{margin-left:20px;}
.wangji_mima a{color:#E2A437}




.right_xq{width: 760px;}
.title_xq{ font-size: 22px; line-height: 36px; margin-top: 5px; height:36px; overflow: hidden; color: #333; margin-left: 15px;}
.main_xq{font-size: 16px; color: #666;line-height: 40px; height: 40px; overflow: hidden;margin-left: 15px; font-weight: 500;}
.shiyong{font-size: 14px; color: #666; line-height: 26px;margin-left: 15px;}
.shiyong font{font-size: 15px; color: #ff6800; font-weight: 600;}
.shuxing_bg{background: #f6f6f6; padding: 15px 15px; overflow: hidden;width: 730px; margin-top: 10px;}
.price_xq{line-height: 40px; font-size: 15px; margin-bottom: 15px;}
.price_xq font{font-size: 18px; font-weight: 600;color: #ff6800;}
.xuanze{overflow: hidden;}
.xuanze ul{display: flex; flex-wrap: wrap;}
.xuanze ul p{width:80px;  color: #333; line-height: 32px; height: 32px; margin: 5px 0;}
.xuanze ul li{ padding: 0 15px; line-height: 30px; height: 32px;  text-align: center;border:1px #666 solid; color: #666; margin: 5px 14px 5px 0 ;cursor:pointer}
.xuanze ul li font{ color: #ff6800; margin-left: 2px;}
.xuanze ul.time li {padding: 0 25px;}
.xuanze ul li.active_xq{border:1px #ff6800 solid; color: #ff6800;cursor:pointer }
.kaitong_xq{ display: inline-block; width: 146px;height: 42px; line-height: 42px; background: #ff6800; color: #fff; text-align: center; border-radius: 60px; margin: 24px 20px 0 0;font-size: 16px;}
.kaitong_xq:hover {color: #fff;}
.inproCIntro .btn-kait a{color:#fff;}

/*焦点图*/
.right_xq-left{width:418px;height:345px;overflow:hidden;}
.right_xq-left img{width:418px;height:345px;}
.ziliao_xq div.container_x{width: 760px;}
.container_x ul.ziliao_list{width:760px;display: flex; flex-wrap: wrap;}
.container_x ul.ziliao_list li{color: #333; margin-right:35px;  line-height: 50px;text-align: center;font-size: 18px;}
.container_x ul.ziliao_list span a{text-align: center;font-size: 20px;width: 130px;  line-height: 50px;display: inline-block;color:#333;}
.container_x ul.ziliao_list li a{width: 130px;  line-height: 50px;display: inline-block;color:#333;}
.container_x ul.ziliao_list li.active_zl a{color: #ff3000;width: 130px; display: inline-block;border-bottom: 3px #ff3000 solid;}
.tab_content_xq{width: 810px; margin:20px 0;}
.dongtai{width: 810px; overflow: hidden;}
.dongtai li{display: flex;flex-wrap: wrap;justify-content: space-between;}
.dongtai li:last-child .main_dt{border-left: none;}
.zixun_xq{width: 350px; border:1px #eee solid; border-bottom: 0; margin-top: 74px;}
.zixun_title{ line-height: 36px; color: #ff6800; display: flex; justify-content: space-between; padding: 0 10px;font-size: 16px;border-bottom: 1px #eee solid;}
.zixun_title a{color: #666;display: flex;justify-content: flex-end;font-size: 13px; line-height: 36px;}
.zixun_title a img{width: 12px; height: 12px; display: block; margin-top: 12px;}
.zixun ul{ padding:10px 15px 20px; border-bottom: 1px #eee solid; overflow: hidden;}
.zixun ul li{display: flex;flex-flow:row;line-height: 28px; font-size: 14px; height: 28px; overflow: hidden; }
.zixun ul li font{width: 6px; height: 6px; background-color: #ff6800; margin-top: 11px; margin-right:10px;}
.zixun ul li a{ display: inline-block; line-height: 28px; height: 28px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.tuijian ul li{display: flex; justify-content: space-between;flex-wrap: wrap;border-bottom: 1px #eee solid; padding:20px 10px;}
.left_tj img{width: 106px; height: 106px; display: block;}
.right_tj{width: 214px;}
.title_tj{font-size: 16px; max-height: 52px; line-height: 26px; overflow: hidden; margin-bottom: 5px;}
.mian_tj{ max-height: 96px; line-height: 24px; color: #999;position: relative}
.mian_tj a{color: #ff6800;display: flex; justify-content: flex-end; position: absolute;bottom: 0;right: 0;}
.mian_tj a img{width: 12px; height: 12px;display: block; margin-top: 6px;}
.container_x img{width:100%}

.tab_content_xq{width: 100%; margin:20px 0;}
.dongtai li{display: flex;flex-wrap: wrap;justify-content: space-between;}
.dongtai li:last-child .main_dt{border-left: none;}
.time_dt{width: 115px;font-size: 16px;}
.main_dt{width: 660px; border-left: 1px #999999 solid;position: relative; line-height: 24px; padding-left: 30px; padding-bottom: 60px;}
.main_dt img {width:auto; height: 100px;}
.quan img{width: 29px; height: 29px;background: #fff; position: absolute;top:0;left: -14px;display: block;}






.p_mail {width:670px;margin:0 auto;background:rgba(255, 255, 255, 0.85);padding:35px 70px;border-radius:5px;box-shadow: 1px 1px 10px #CDC0C0;border:0px solid #A7C6F7;margin-top:40px;margin-bottom: 70px;}
.p_mail_blk {border-bottom: 1px dashed #ccc;padding: 15px 0;font-size:20px;color: #ff6800;font-weight: bold;text-align: left;position: relative;}
.p_mail_inf {border-bottom: 1px dashed #ccc;padding: 15px 0;font-size: 14px;color: #666;clear: both;}
.p_mail_ul {display: block;overflow: hidden;}
.p_mail_ul li.li_l {clear: both;float: left;text-align: right;width: 100px;margin-right: 20px;}
.siteweb li {padding: 8px 0;line-height:38px;font-size:15px;}
.p_mail_ul li.li_r {float: left;text-align: left;width: 405px; position:relative}
.p_mail_ul li.li_r a.link {display: inline-block;line-height: 32px;color: #666; font-size: 13px;background: #eee;padding: 0 20px;margin-right: 10px;border-radius:5px;}
.p_mail_ul li.li_r a.link1 {display: inline-block;line-height: 32px;color: #666; font-size: 13px;background: #eee;padding: 0 20px;margin-right: 10px;border-radius:5px;}
.p_mail_ul li.li_r a.link:hover, .p_mail_ul li.li_r a.hover {color: #fff;background: #ff6800;}
.p_mail a.p_mail_end {background: #ff6800;font-size: 18px;padding: 10px 55px;color: #fff;display: inline-block;border-radius: 3px;margin: 25px auto;border-radius:5px;}
.p_mail_ul li span {color: #ff6800;}
.p_mail_ul li.li_r .sent_mian {background: url(../images/sent.gif) 0 -81px no-repeat;width: 42px;height: 18px;position: absolute; top:-1px;right:102px;}

.p-input-cont div{margin-bottom:20px;}
.p-input-cont label{ display:block;width:100px;float:left;text-align:right;height:35px;line-height:35px;font-size: 14px;}
.p-input-cont input[class="d_text"]{width:510px;height:35px;line-height:35px;border:1px solid #ccc;border-radius:3px;padding-left:5px;color:#ccc;}
.input-group-addon {height:35px;line-height:35px;padding:6px 12px;font-size: 14px;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;}

.p-input-cont input[class="d-check"]{margin:0px 6px 6px 6px;margin-top:12px;}
.input-right-ding{width:508px;}

.p_mail_inf-cont input[class="d-radip"] { position:relative;top:-40px;right:10px;}
.status{text-align: center;margin-top:15px;background-color: #232323;color:#fff;padding:5px;border-radius: 100px; -moz-border-radius: 100px;-webkit-border-radius: 100px;box-shadow: inset 0 5px 10px -5px #191919,0 1px 0 0 #444;-moz-box-shadow: inset 0 5px 10px -5px #191919,0 1px 0 0 #444; -webkit-box-shadow: inset 0 5px 10px -5px #191919,0 1px 0 0 #444;width:280px;}


#nav-list>ul>li{float:none;}
.nav-list>li{float:left;padding:10px 12px; text-align:center; position:relative}
.p-main-list-2{width:105px;background:#fff; position:absolute; top:45px;left:0px;z-index:100;padding:10px;display:none;}

.nav-list li>p{font-size:16px;margin-top:7px;}

.na-list2 li{float:left;}

.d-texx{width:83%;height:100px;padding:10px;margin-left:10px;border:1px solid #ccc;color:#999 }

.inf-h1:after{ content: ""; display: block; width: 30px; height: 2px; background-color: #e7e7e7; margin: 15px auto auto auto;}

  
.ding-dl dd{ margin-top: 25px; border: 1px dashed #ff6800; padding: 10px 0; color: #666; font-size: 14px; line-height: 24px; text-align: left; padding-left: 150px; background-image:url(../images/17doc-14.gif); background-repeat: no-repeat; background-position:28px center;}





















/*个人中心*/
.centers_ml{ width:210px; height:auto; float:left; background:#fff;overflow:hidden; padding-bottom:108px;padding:20px;}
/*列表go*/
.centers_listm{ width:100%; height:auto; overflow:hidden;}
.centers_listm_one{ width:100%; height:41px;margin-bottom:5px;font-size:18px; }

.gjszmdm{ display:block; height:auto; overflow:hidden; width:100%}
.centers_listm_one_in{ width:100%; height:36px; overflow:hidden; margin-top:1px; background:#fff; cursor:pointer;}
.centers_listm_one_in img{ width:22px; height:25px; float:left; margin-top:6px; margin-left:20px; margin-right:10px; transition:0.3s}
.centers_listm_one_in em{ height:20px; line-height:20px; font-size:16px; color:#333; float:left; margin-top:8px}
.centers_listm_one_in b{ width:12px;height:6px; display:block; background:url(../images/jbjt.png) no-repeat 0 0; float:left; margin-left:14px; margin-top:15px}
.centers_listm_one_in:hover img{ margin-left:14px}
.centers_listm_one_in:hover em{ color:#fa3b4a}
.center_in_self{ width:100%; height:30px; overflow:hidden; display:block; background:#fff; margin-top:1px; margin-bottom:1px; color:#333;}
.center_in_self:hover{background:#ff6800!important;color:#fff;border-left:3px solid #138fd1;margin-left: -3px;}
.center_in_self font{text-align:center;font-size:14px; display:block;height:30px; line-height:30px}





.centers_mr{ width:970px; height:auto; float:right; background:#fff; box-shadow:0 0 2px #eaeaea; overflow:hidden; padding:20px; padding-bottom:73px}

.dpuser_name{font-size:17px;height:40px}
.dpuser_name span{font-size:13px;}
.dptouxiang{width:130px;}
.dptouxiang img{border-radius:50%;}
.dptouxiang,.user_text,.text2{float:left}
.dpuser_text{width:320px;float:left}
.dpuser_text>div{margin-bottom:8px;}

.cyhd{background:#F8F8F8;margin-top:15px;padding:10px; overflow:hidden}
.cy_time{border-bottom:1px solid #E9E9E9;height:30px;margin-top:10px;}
.cy_time img{ vertical-align:middle;margin-right:10px;}
.cy_time i{color:#333}
.cy_list{background:#fff;margin-top:15px; overflow:hidden}
.cy_list dd{line-height:25px;padding:10px;}
.cy_list dd h4{}

.h-right>span:nth-child(2) a{display:inline-block;margin:0px 5px;}
.perIns { position: relative;font-style: normal;display: block;text-decoration: none;float: left;}
.perNav {position: absolute;/*left: -20px;*/top:70px; padding:10px 0;text-align: center; width: 105px; z-index: 99;display:none;background: #000;}
.perNav a {line-height: 30px; display: block;float: none;}
.perIns:hover .perNav{ display:block }
.h-right b{color:#fff;padding:0px 6px;}
.pi_mess_title{border-left:3px solid #ff6800;padding-left:10px;font-weight:600;color:#333;margin-top:20px;}
.pi_mess_title span{font-weight:lighter;margin-left:20px;color:#666;font-size:12px;}

.chongzhi{margin-top:30px;}
.chongzhi form{width:600px;}
.chongzhi>form>div{margin-top:15px; clear:both}
.chongzhi form span{width:100px;float:left;text-align:right;line-height:30px;}
.chongzhi form input[type="text"],.chongzhi form input[type="password"]{width:300px;height:35px;border-radius:3px;margin-right:10px;border:1px solid #E3E3E3;padding-left:10px;}


.uploader { position:relative; display:inline-block; overflow:hidden; cursor:default; padding:0; -moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd; box-shadow:0px 0px 5px #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.filename { float:left; display:inline-block; outline:0 none; height:32px; width:200px !important; margin:0; padding:8px 10px; overflow:hidden; cursor:default; border:1px solid; border-right:0; font:9pt/100% Arial, Helvetica, sans-serif; color:#777; text-shadow:1px 1px 0px #fff; text-overflow:ellipsis; white-space:nowrap; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; background:#f5f5f5; background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5', GradientType=0);
border-color:#ccc; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.red .button { color:#fff; text-shadow:1px 1px 0px #333; background:#333; background:-moz-linear-gradient(top, #333 0%, #333 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #333)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#333', GradientType=0);
border-color:#444; }
.red:hover .button { background:#333; background:-moz-linear-gradient(top, #333 0%, #333 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #333); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#333', GradientType=0);
}
.button { float:left;height:30px;display:inline-block;outline:0 none;padding:8px 12px;margin:0; cursor:pointer;border:1px solid;font:bold 9pt/100% Arial, Helvetica, sans-serif;-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;-moz-box-shadow:0px 0px 1px #fff inset;-webkit-box-shadow:0px 0px 1px #fff inset;box-shadow:0px 0px 1px #fff inset; }
.uploader input[type=file] {position:absolute;top:0;right:0;bottom:0;border:0;padding:0; margin:0; height:30px; cursor:pointer; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0; }
input[type=button]::-moz-focus-inner {padding:0;border:0 none;-moz-box-sizing:content-box;}
input[type=button]::-webkit-focus-inner {padding:0;border:0 none;-webkit-box-sizing:content-box;}
input[type=text]::-moz-focus-inner {padding:0;border:0 none;-moz-box-sizing:content-box;}
input[type=text]::-webkit-focus-inner {padding:0;border:0 none;-webkit-box-sizing:content-box;}
.pay_sub{margin-top:20px;margin-left:130px;}
.pay_sub input{border:none;background:#ff6800;color:#fff;border-radius:3px;padding:8px 70px;font-size:16px; letter-spacing:2px;}
.perS {padding: 20px;overflow: hidden;border-bottom:1px solid #ccc;}
.perList {padding:20px 20px 0px 20px;overflow: hidden;/*border:1px solid #ccc;*/}
.perListUl li {margin-bottom: 20px;overflow: hidden;border: 1px dashed #ccc;padding:10px;line-height:80px;}
.perListUl li img{width:80px;height:80px;border:1px solid #ccc;padding:3px;}
.perS span p {float: left;color: #999; margin-right: 50px;font-size: 12px;}
.perS b {float: right;font-weight: 400;font-size: 16px;}
.perS b i, .BalanR p i {font-size: 24px;}

.pi_mess-cont {border:1px solid #ccc;}


.perM {width: 150px;margin-right:20px;margin-bottom:10px;}
.dx {background: #f9f9f9;border: 1px solid #ccc;}
.perM a {display: block;padding: 0 20px;border-radius: 3px;text-align: center;margin-bottom: 10px;height: 35px;line-height: 35px;}


.personalClass {background: #f9f9f9;}
.personalClass a {margin:0 65px;height:60px;line-height:60px;display:inline-block;font-size:16px;}
.personalClass .perCA {border-bottom: 2px solid #ff6800;color: #ff6800 !important;}

.zanghye_m{ width:888px;height:40px; overflow:hidden; font-size:16px; color:#333}    
.zanghye_m em{ display:block; height:40px; line-height:40px; font-size:16px; color:#333; float:left}   
.zanghye_m i{ display:block;height:40px;line-height:40px;font-size:16px;color:#333;float:left; font-style:normal; margin-right:12px;color:#ff6800}   
/*充值提现*/    
.chongzhi_htxm{ width:100%;height:40px;overflow:hidden}    
.chongzhi_htxm a{display:block;padding-left:20px; padding-right:20px;height:30px; margin-top:5px; float:left;color:#fff; background:#2798f4; border-radius:3px; line-height:30px; margin-right:6px}    
.chongzhi_htxm a:hover{ background:#1b82d6}
.chakangd_m{display:block;padding-left:20px;padding-right:20px;height:30px;margin-top:5px;float:right!important;color:#fff;background:#ff6800!important;border-radius:3px;line-height:30px;}    
/*一个订单信息*/
.public_m5{width:100%;height:auto; overflow:hidden}
.public_m5 table tbody tr th{ background:#eaeaea; height:36px; font-weight:100; font-size:16px; text-align:center; line-height:36px}
.public_m5 table{ width:100%}
.public_m5 table tbody tr td{ text-align:center; height:40px; line-height:40px; font-size:14px; color:#333; border-bottom:1px solid #eaeaea}
.public_m5 table tbody tr td a{color:#09f; margin-right:3px}
.public_m5 table tbody tr td a:hover{color:#fa3b4a}

.nav-list>li .p-main-list-2:hover .nav-list>li.p-main-list-2{display:block}